@charset "UTF-8";
.stories-viewer-wrapper[data-v-8255ed36] {
    background-color: #000;
}
@keyframes story-progress-8255ed36 {
from {
      width: 0%;
}
to {
      width: 100%;
}
}
.swiper-slide[data-v-8255ed36] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flyout-fade-enter-active[data-v-c98bf306],
  .flyout-fade-leave-active[data-v-c98bf306] {
    transition: opacity 0.15s ease;
}
.flyout-fade-enter[data-v-c98bf306],
  .flyout-fade-leave-to[data-v-c98bf306] {
    opacity: 0;
}

.nav-tooltip-fade-enter-active[data-v-e01e4ee0],
  .nav-tooltip-fade-leave-active[data-v-e01e4ee0] {
    transition: opacity 0.15s ease;
}
.nav-tooltip-fade-enter[data-v-e01e4ee0],
  .nav-tooltip-fade-leave-to[data-v-e01e4ee0] {
    opacity: 0;
}

.notification-icon svg[data-v-fc979f6f] {
    display: block;
}
.notification-icon img[data-v-fc979f6f] {
    display: block;
}
.notification-icon[data-v-fc979f6f] .cls-1 {
    fill: #ffffff;
}
.notification-icon[data-v-fc979f6f] .cls-2 {
    fill: #6d28d9;
}
.notification-icon[data-v-fc979f6f] .cls-3 {
    fill: #ff375e;
}
.notification-icon[data-v-fc979f6f] .cls-4 {
    fill: #f4e8ff;
}

  /* Default state (after open completes): backdrop opacity is driven by the
     scroll-snap progress var written by `onSnapScroll`.
       progress=0 → panel fully visible        → opacity 1
       progress=1 → dismiss zone fully visible → opacity 0
     No CSS transition on this var — it's a 1:1 mapping to the finger. */
.notif-drawer-backdrop[data-v-80dc8270] {
    opacity: calc(1 - var(--nd-close-progress, 0));
}

  /* Open: a 200ms CSS animation owns the backdrop fade-in instead of the var,
     so the timing isn't tied to the browser's smooth-scroll event cadence. */
.notif-drawer-root.is-opening .notif-drawer-backdrop[data-v-80dc8270] {
    animation: nd-backdrop-in-80dc8270 200ms ease-out backwards;
}
@keyframes nd-backdrop-in-80dc8270 {
from {
      opacity: 0;
}
to {
      opacity: 1;
}
}

  /* Close fade-out (covers both backdrop and panel) — `close()` waits 200ms
     before unmounting so the route/state pop happens AFTER the fade. */
.notif-drawer-root[data-v-80dc8270] {
    transition: opacity 200ms ease-out;
}
.notif-drawer-root.is-closing[data-v-80dc8270] {
    opacity: 0;
    pointer-events: none;
}

  /* Mobile: snap container is parked instantly on the panel (see
     `_parkOnPanel`). No CSS transform on the panel itself — a translate
     here would render the panel at a position the snap container's scroll
     position doesn't know about, leaving the close gesture armed at the
     wrong place. The user-visible "open" cue is the backdrop fade-in
     plus the route/render cost of the drawer appearing. This matches the
     community TopicDetail pattern exactly, which is why LTR and RTL feel
     identical: the direction is encoded in the snap-scroll's `direction`,
     not in a hard-coded translate axis. */
@media (max-width: 767.98px) {
.notif-drawer-scroll[data-v-80dc8270] {
      scroll-behavior: smooth;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      overscroll-behavior: none;
      overscroll-behavior-x: none;
}

    /* The edge handle sits at the inline-start of the panel (the side that
       borders the dismiss zone in the snap container). It's the only
       horizontal-pan-allowing area inside the panel, so iOS Safari feeds
       horizontal flicks here to the outer snap-scroll while everything
       else inside the panel scrolls vertically only. */
.notif-drawer-edge[data-v-80dc8270] {
      position: absolute;
      top: 0;
      bottom: 0;
      inset-inline-start: 0;
      width: 14px;
      touch-action: pan-x;
      pointer-events: none;
}
}

  /* Desktop: snap-scroll is disabled. Use a pure opacity fade — no
     translate, no direction. Matches the user-perceived behavior of the
     community TopicDetail modal and avoids the "wants to go further and
     come back" feeling a transform animation gives at the inline edge. */
@media (min-width: 768px) {
.notif-drawer-root.is-opening .notif-drawer-panel[data-v-80dc8270] {
      animation: nd-panel-fade-in-80dc8270 180ms ease-out backwards;
}
@keyframes nd-panel-fade-in-80dc8270 {
from {
        opacity: 0;
}
to {
        opacity: 1;
}
}
}

.network-fade-enter-active[data-v-189b608b],
  .network-fade-leave-active[data-v-189b608b] {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.network-fade-enter[data-v-189b608b],
  .network-fade-leave-to[data-v-189b608b] {
    opacity: 0;
    transform: translateY(-100%);
}

.impersonate-search-field[data-v-65b4ecf7] .label {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
}
.impersonate-search-field[data-v-65b4ecf7] .input {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: white;
    border-radius: 0.75rem;
    height: 2.5rem;
}
.impersonate-search-field[data-v-65b4ecf7] .input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}
.impersonate-search-field[data-v-65b4ecf7] .input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}
.impersonate-search-field[data-v-65b4ecf7] .input:focus {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.4);
    box-shadow: none;
}
.impersonate-search-field[data-v-65b4ecf7] .autocomplete .dropdown-menu {
    border-radius: 1rem;
    overflow: hidden;
    box-shadow:
      0 20px 25px -5px rgb(0 0 0 / 0.1),
      0 8px 10px -6px rgb(0 0 0 / 0.1);
}

.recap-slide[data-v-99c3f845] {
    /* Solid color block — brand rule: no Tailwind gradients. */
    transition: background-color 300ms ease;
}

  /* ── Tech-styled big numbers ─────────────────────────────────────────
     Gradient text fill from white → soft brand lavender, plus a layered
     glow underneath. Tabular figures keep digits aligned for the cycle
     animation. This is the "technology vibe" treatment. */
.recap-big-number[data-v-99c3f845] span {
    font-size: clamp(120px, 34vw, 280px);
    font-feature-settings:
      'tnum' on,
      'lnum' on;
    letter-spacing: -0.045em;
    line-height: 0.9;
    display: inline-block;
    color: #ffffff;
    /* Subtle depth only — no large outer glow so the number reads
       as a solid weight, not a hollow halo. */
    text-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
}
.recap-number-lg[data-v-99c3f845] span {
    font-size: clamp(72px, 22vw, 160px);
}
.recap-stat-value[data-v-99c3f845] span {
    font-size: clamp(40px, 9vw, 64px);
    font-feature-settings:
      'tnum' on,
      'lnum' on;
    letter-spacing: -0.02em;
    line-height: 1;
    display: inline-block;
    color: #ffffff;
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.recap-headline[data-v-99c3f845] {
    text-wrap: balance;
    letter-spacing: -0.01em;
}

  /* iOS-style rounded-square app icon — gives the brand glyph the
     weight of an actual app badge. Subtle inner highlight + soft halo
     read as depth without using a Tailwind gradient. */
.recap-app-icon[data-v-99c3f845] {
    position: relative;
    width: 84px;
    height: 84px;
    border-radius: 22px;
    background-color: #4f008c;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    box-shadow:
      0 18px 36px -10px rgba(0, 0, 0, 0.45),
      0 2px 6px -1px rgba(0, 0, 0, 0.25),
      inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
.recap-app-icon[data-v-99c3f845]::before {
    content: '';
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 55%);
    pointer-events: none;
}
.recap-app-icon[data-v-99c3f845]::after {
    content: '';
    position: absolute;
    inset: -20px;
    border-radius: 50%;
    background: radial-gradient(closest-side, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 70%);
    filter: blur(12px);
    pointer-events: none;
    z-index: -1;
}
  /* Force the brand glyph to render solid white on the purple tile —
     the source SVG has hardcoded purple/pink fills that would
     otherwise blend into the container. */
.recap-app-icon[data-v-99c3f845] svg {
    width: 52px;
    height: 52px;
    filter: brightness(0) invert(1);
}

  /* ── User avatar ring ────────────────────────────────────────────────
     The avatar sits inside a soft brand-lit halo + a thin white border
     so the user's face reads as the anchor of the recap. */
.recap-avatar-ring[data-v-99c3f845] {
    position: relative;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    padding: 3px;
    background: linear-gradient(140deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.25) 100%);
    box-shadow:
      0 18px 36px -10px rgba(0, 0, 0, 0.45),
      inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
.recap-avatar-ring[data-v-99c3f845]::after {
    content: '';
    position: absolute;
    inset: -22px;
    border-radius: 50%;
    background: radial-gradient(closest-side, rgba(212, 179, 255, 0.55) 0%, rgba(212, 179, 255, 0) 70%);
    filter: blur(14px);
    z-index: -1;
    pointer-events: none;
}
.recap-avatar-ring[data-v-99c3f845] .avatar,
  .recap-avatar-ring[data-v-99c3f845] img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    -o-object-fit: cover;
       object-fit: cover;
}

  /* ── Feature-list cards ("what's new") ─────────────────────────────── */
.recap-features[data-v-99c3f845] {
    list-style: none;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}
.recap-feature-item[data-v-99c3f845] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 14px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 10px 22px -10px rgba(0, 0, 0, 0.35);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}
.recap-feature-check[data-v-99c3f845] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    color: #fff;
    flex-shrink: 0;
}
.recap-feature-text[data-v-99c3f845] {
    text-align: start;
    flex: 1;
}

  /* ── Floating comment chips ──────────────────────────────────────────
     Round glass pills distributed around the slide's negative space.
     Each one carries a snippet of one of the user's own comments and
     a heart with the like count. They drift gently so the slide feels
     alive without distracting from the centre stats. */
.recap-float-chip[data-v-99c3f845] {
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 220px;
    padding: 8px 14px;
    border-radius: 9999px;
    /* More opaque so chip text stays legible on the purple bg. */
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.32);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 10px 22px -8px rgba(0, 0, 0, 0.4);
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    white-space: nowrap;
    animation-name: recap-chip-float-99c3f845;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    will-change: transform;
}
.recap-float-text[data-v-99c3f845] {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
    color: #ffffff;
}
.recap-float-heart[data-v-99c3f845] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-weight: 700;
    font-size: 11px;
    color: #ffffff;
}
@keyframes recap-chip-float-99c3f845 {
0%,
    100% {
      transform: translate(-50%, -50%) translateY(0);
}
50% {
      transform: translate(-50%, -50%) translateY(-6px);
}
}

  /* ── Rocket: orbit then escape ────────────────────────────────────────
     The rocket completes one full circular orbit around the content
     (slow, constant speed) and then accelerates upward and out of frame
     for the launch. Total cycle: 7.5s, with ~80% spent orbiting and
     ~20% on the rapid escape — the visible distance covered in the
     escape segment is far larger so the apparent velocity jumps. */
.recap-rocket[data-v-99c3f845] {
    bottom: -10%;
    left: 10%;
    transform-origin: center;
    animation: recap-rocket-fly-99c3f845 3.6s cubic-bezier(0.22, 0.7, 0.2, 1) infinite;
}
@keyframes recap-rocket-fly-99c3f845 {
0% {
      transform: translate(0, 0) rotate(35deg) scale(0.6);
      opacity: 0;
}
8% {
      opacity: 1;
}
50% {
      transform: translate(40vw, -50vh) rotate(35deg) scale(1);
      opacity: 1;
}
92% {
      opacity: 1;
}
100% {
      transform: translate(80vw, -110vh) rotate(35deg) scale(1.1);
      opacity: 0;
}
}
.recap-rocket-trail[data-v-99c3f845] {
    bottom: -5%;
    left: 14%;
    animation: recap-rocket-trail-99c3f845 3.6s cubic-bezier(0.22, 0.7, 0.2, 1) infinite;
}
@keyframes recap-rocket-trail-99c3f845 {
0% {
      transform: translate(0, 0) scale(1);
      opacity: 0;
}
10% {
      opacity: 0.9;
}
50% {
      transform: translate(40vw, -50vh) scale(0.7);
      opacity: 0.7;
}
100% {
      transform: translate(80vw, -110vh) scale(0.4);
      opacity: 0;
}
}

  /* Reveal initial states only — the actual animations are gated in
     V3Recap.vue under `.recap-page.is-active :deep(...)` so they fire
     when the slide scroll-snaps into view, not when it mounts. */
.recap-reveal[data-v-99c3f845] {
    opacity: 0;
    transform: translateY(14px);
}
.recap-word[data-v-99c3f845] {
    display: inline-block;
    opacity: 0;
    transform: translate3d(0, 22px, 0);
    /* Compositor-only properties — no `filter` here. iOS Safari can't
       cheaply animate filter per-frame, which was the dominant cause
       of slide-transition jank. translate3d forces a layer; opacity
       and transform are both composited so the reveal stays at 60fps. */
    will-change: transform, opacity;
}

  /* ── Themed particles ─────────────────────────────────────────────── */
.recap-particle[data-v-99c3f845] {
    opacity: 0;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

  /* Sparkles + default: small chip rising and fading. */
.recap-particle--sparkles[data-v-99c3f845],
  .recap-particle[data-v-99c3f845]:not([class*='recap-particle--']) {
    background-color: rgba(255, 255, 255, 0.35);
    border-radius: 9999px;
    animation-name: recap-float-up-99c3f845;
}
@keyframes recap-float-up-99c3f845 {
0% {
      transform: translateY(0) scale(0.6);
      opacity: 0;
}
20% {
      opacity: 0.9;
}
100% {
      transform: translateY(-60vh) scale(1.1);
      opacity: 0;
}
}

  /* Hearts: rise from the bottom with a side-to-side drift. SVG inside
     so each heart carries currentColor — set by particleStyle to a
     warm pink. */
.recap-particle--hearts[data-v-99c3f845] {
    animation-name: recap-heart-rise-99c3f845;
    color: rgba(255, 140, 196, 0.75);
    filter: drop-shadow(0 4px 10px rgba(255, 64, 128, 0.45));
}
@keyframes recap-heart-rise-99c3f845 {
0% {
      transform: translate(0, 0) scale(0.6) rotate(-8deg);
      opacity: 0;
}
15% {
      opacity: 0.95;
}
50% {
      transform: translate(14px, -45vh) scale(1) rotate(10deg);
      opacity: 0.85;
}
100% {
      transform: translate(-12px, -110vh) scale(1.2) rotate(-12deg);
      opacity: 0;
}
}

  /* iOS-style rounded-square app icon — same look as the welcome slide. */
.recap-app-icon[data-v-b84f1f4c] {
    position: relative;
    width: 84px;
    height: 84px;
    border-radius: 22px;
    background-color: #4f008c;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    box-shadow:
      0 18px 36px -10px rgba(0, 0, 0, 0.45),
      0 2px  6px  -1px rgba(0, 0, 0, 0.25),
      inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
.recap-app-icon[data-v-b84f1f4c]::before {
    content: '';
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 55%);
    pointer-events: none;
}
.recap-app-icon[data-v-b84f1f4c]::after {
    content: '';
    position: absolute;
    inset: -20px;
    border-radius: 50%;
    background: radial-gradient(closest-side, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 70%);
    filter: blur(12px);
    pointer-events: none;
    z-index: -1;
}
.recap-app-icon[data-v-b84f1f4c] svg {
    width: 52px;
    height: 52px;
    filter: brightness(0) invert(1);
}

  /* Reveal initial states — the gated animation is defined in V3Recap.vue
     under `.recap-page.is-active :deep(...)` so reveals fire on
     scroll-into-view, not on mount. */
.recap-reveal[data-v-b84f1f4c] {
    opacity: 0;
    transform: translateY(14px);
}

  /* Rocket — diagonal flight across the slide. */
.recap-rocket[data-v-b84f1f4c] {
    bottom: -10%;
    left:   10%;
    transform-origin: center;
    animation: recap-rocket-fly-b84f1f4c 3.6s cubic-bezier(0.22, 0.7, 0.2, 1) infinite;
}
@keyframes recap-rocket-fly-b84f1f4c {
0%   { transform: translate(0,    0     ) rotate(35deg) scale(0.6); opacity: 0;
}
8%   { opacity: 1;
}
50%  { transform: translate(40vw, -50vh ) rotate(35deg) scale(1);   opacity: 1;
}
92%  { opacity: 1;
}
100% { transform: translate(80vw, -110vh) rotate(35deg) scale(1.1); opacity: 0;
}
}
.recap-rocket-trail[data-v-b84f1f4c] {
    bottom: -5%;
    left:   14%;
    animation: recap-rocket-trail-b84f1f4c 3.6s cubic-bezier(0.22, 0.7, 0.2, 1) infinite;
}
@keyframes recap-rocket-trail-b84f1f4c {
0%   { transform: translate(0,    0     ) scale(1);   opacity: 0;
}
10%  { opacity: 0.9;
}
50%  { transform: translate(40vw, -50vh ) scale(0.7); opacity: 0.7;
}
100% { transform: translate(80vw, -110vh) scale(0.4); opacity: 0;
}
}

.recap-root[data-v-e03ff28d] {
    padding-top: env(safe-area-inset-top, 0);
    padding-bottom: env(safe-area-inset-bottom, 0);
}
.recap-top[data-v-e03ff28d] {
    padding-top: calc(env(safe-area-inset-top, 0) + 0.875rem);
}
.recap-bottom[data-v-e03ff28d] {
    padding-bottom: calc(env(safe-area-inset-bottom, 0) + 1.5rem);
}

  /* Scroll-down hint — gently bounces to invite the user to scroll
     or swipe. Auto-fades when the user leaves the first slide. */
.recap-scroll-hint[data-v-e03ff28d] {
    animation: recap-hint-bounce-e03ff28d 1.6s ease-in-out infinite;
    transition: opacity 320ms ease;
}
@keyframes recap-hint-bounce-e03ff28d {
0%,
    100% {
      transform: translateY(0);
      opacity: 0.65;
}
50% {
      transform: translateY(6px);
      opacity: 1;
}
}

  /* ── Composed mesh ──────────────────────────────────────────────────
     One layer, three edge blooms, painted onto a deep ground tone.
     Every value — colours AND bloom positions — comes from CSS custom
     properties bound in :style from meshStyle(), which itself reads
     this.scrollProgress and re-derives palette + positions every rAF
     tick. That's the motion model: no CSS transition, no keyframe,
     no animation — the scroll itself, sampled at 60Hz, IS the motion.

     The blooms each get their own background-blend-mode: screen so
     where two blooms overlap, their colours add instead of stacking.
     Combined with the counter-phased sweep of h1 ↔ h2 (see
     bloomPositions in <script>), this gives the EDGES a visible
     conversation — they sweep toward each other, meet at top-centre,
     additively blend into a brighter mixed-hue zone, then separate.
     The centre of the slide is intentionally untouched so headlines
     and big numbers always sit on quiet ground. */
.recap-mesh[data-v-e03ff28d] {
    /* Expand past the viewport edges so the blur softness below doesn't
       reveal the recap-root dark fallback colour at the screen edges. */
    inset: -40px;
    background:
      /* Edge chord — soft white spill along the very top edge */
      radial-gradient(ellipse 90vmax 24vmax at 50% -6%, rgba(255, 255, 255, 0.1) 0%, transparent 78%),
      /* Hero bloom — h1, top-left, sweeps gently toward centre */
      radial-gradient(ellipse 80vmax 60vmax at var(--recap-p1x) var(--recap-p1y), var(--recap-h1) 0%, transparent 78%),
      /* Complement bloom — h2, top-right, mirror sweep */
      radial-gradient(ellipse 80vmax 60vmax at var(--recap-p2x) var(--recap-p2y), var(--recap-h2) 0%, transparent 78%),
      /* Anchor bloom — h3, deep brand tone, low at the bottom */
      radial-gradient(ellipse 115vmax 68vmax at var(--recap-p3x) var(--recap-p3y), var(--recap-h3) 0%, transparent 80%),
      /* Ground fill — near-black with hue, holds the centre quiet. */ var(--recap-ground);
    /* Screen-blend the three coloured blooms with each other and the
       ground; the white edge chord stays normal so it lifts cleanly. */
    background-blend-mode: normal, screen, screen, screen, normal;
    /* Softening blur. 24px was visibly heavy on iOS Safari (full-
       viewport rasterise at device DPR every paint). 12px gives the
       same painterly feel for roughly a quarter of the GPU cost. */
    filter: blur(12px);
    /* Promote to its own compositor layer so the slide content above
       can scroll/animate without forcing the mesh to repaint each
       frame. `contain: paint` further isolates paint work to the
       mesh's bounding box. */
    transform: translateZ(0);
    will-change: transform;
    contain: paint;
    backface-visibility: hidden;
}

  /* Overlay fade */
.recap-fade-enter-active[data-v-e03ff28d],
  .recap-fade-leave-active[data-v-e03ff28d] {
    transition: opacity 240ms cubic-bezier(0.32, 0.72, 0, 1);
}
.recap-fade-enter-from[data-v-e03ff28d],
  .recap-fade-leave-to[data-v-e03ff28d] {
    opacity: 0;
}

  /* Native CSS scroll-snap container. Every slide is a snap-page with
     scroll-snap-align: start so the browser locks to one slide at a
     time. Smooth scroll-behaviour means programmatic scrollTo from the
     buttons feels just as native as a real wheel/swipe. */
.recap-scroll[data-v-e03ff28d] {
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}
.recap-scroll[data-v-e03ff28d]::-webkit-scrollbar {
    display: none;
}
.recap-page[data-v-e03ff28d] {
    position: relative;
    height: 100%;
    width: 100%;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    overflow: hidden;
}

  /* Reveal animations are gated on .is-active so they fire when the
     slide scroll-snaps into view, NOT on initial render (which would
     have all slides finishing their animation before the user ever
     scrolls). Re-firing on re-entry is automatic — when the class is
     re-added, the animation rule re-applies and re-runs. */
.recap-page.is-active[data-v-e03ff28d] .recap-reveal {
    animation: rs-reveal-up-e03ff28d 720ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.recap-page.is-active[data-v-e03ff28d] .recap-reveal-1 {
    animation-delay: 180ms;
}
.recap-page.is-active[data-v-e03ff28d] .recap-reveal-2 {
    animation-delay: 280ms;
}
.recap-page.is-active[data-v-e03ff28d] .recap-reveal-3 {
    animation-delay: 420ms;
}
.recap-page.is-active[data-v-e03ff28d] .recap-reveal-4 {
    animation-delay: 600ms;
}
.recap-page.is-active[data-v-e03ff28d] .recap-word {
    animation: rs-word-in-e03ff28d 820ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@keyframes rs-reveal-up-e03ff28d {
0% {
      opacity: 0;
      transform: translateY(14px);
}
100% {
      opacity: 1;
      transform: translateY(0);
}
}

  /* Word reveal — opacity + translate only. The earlier version
     animated `filter: blur` from 6px → 0; that animates per-frame on
     CPU on iOS Safari and was the single biggest contributor to
     slide-transition jank. Opacity + transform stay on the compositor. */
@keyframes rs-word-in-e03ff28d {
0% {
      opacity: 0;
      transform: translate3d(0, 22px, 0);
}
100% {
      opacity: 1;
      transform: translate3d(0, 0, 0);
}
}

  /* Back button enter/leave when slideIndex flips between 0 and 1 */
.recap-btn-back-enter-active[data-v-e03ff28d],
  .recap-btn-back-leave-active[data-v-e03ff28d] {
    transition:
      transform 280ms cubic-bezier(0.32, 0.72, 0, 1),
      opacity 200ms cubic-bezier(0.32, 0.72, 0, 1);
}
.recap-btn-back-enter-from[data-v-e03ff28d],
  .recap-btn-back-leave-to[data-v-e03ff28d] {
    transform: translateY(8px) scale(0.92);
    opacity: 0;
}

  /* ── Huly-style primary CTA ──────────────────────────────────────────
     Two pseudo-children: a rotating conic-gradient ring around the
     button edge (the "halo" effect Huly uses) and a soft outer glow
     that strengthens on hover. */
@property --recap-btn-angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

  /* ── Glossy white pill (Next + Start) ───────────────────────────────
     Both primary CTAs share the same surface treatment: a polished
     near-white interior with a top-half specular highlight, a soft
     bottom inner shadow for depth, and a brand-tinted drop shadow.
     Reads as glass — not flat painted white. The conic ring + outer
     glow that .recap-btn-primary uses on the Next pill are layered on
     top via inner spans (.recap-btn-ring / .recap-btn-glow). */
.recap-btn-primary[data-v-e03ff28d],
  .recap-start-cta[data-v-e03ff28d] {
    isolation: isolate;
    /* Refined letter-spacing — extrabold needs a touch of tightening
       but tracking-tight (-0.025em) crushes the glyphs. -0.005em reads
       as confident without compressing. */
    letter-spacing: -0.005em;
    /* Faint cool tint at the bottom gives the white interior dimension
       without breaking the brand "solid fills" rule — this is a
       subtle two-stop, not a decorative gradient utility. */
    background-color: #ffffff;
    background-image: linear-gradient(180deg, #ffffff 0%, #f4eefb 100%);
    box-shadow:
      /* Top inside highlight — the polished glass shine. */
      inset 0 1px 0 rgba(255, 255, 255, 1),
      /* Bottom inside shadow — depth + cool brand tint. */ inset 0 -1px 0 rgba(120, 60, 200, 0.18),
      /* Outer thin ring — defines the edge against the dark mesh. */ 0 0 0 1px rgba(255, 255, 255, 0.55),
      /* Brand-tinted drop shadow — sits the button confidently. */ 0 14px 30px -10px rgba(40, 0, 80, 0.55),
      0 4px 10px -4px rgba(0, 0, 0, 0.35);
    /* GPU layer promotion. transform: translateZ(0) puts the button
       on its own compositor layer so :active scale + transitions are
       composited (cheap) rather than repainted (laggy on iOS WebKit). */
    transform: translateZ(0);
    will-change: transform;
    transition: transform 220ms cubic-bezier(0.32, 0.72, 0, 1);
}

  /* Top-half specular reflection. Sits ABOVE the bg gradient via
     ::before and below the button's content via z-index. Pointer-
     events disabled so it never intercepts taps. */
.recap-btn-primary[data-v-e03ff28d]::before,
  .recap-start-cta[data-v-e03ff28d]::before {
    content: '';
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 55%);
    opacity: 0.85;
    pointer-events: none;
    z-index: 0;
}
  /* Make sure the content span (which already has `relative z-10`)
     still sits above the gloss; the icon span uses z-10 too. */

  /* The rotating conic-gradient ring sits just outside the button. */
.recap-btn-ring[data-v-e03ff28d] {
    position: absolute;
    inset: -2px;
    border-radius: 9999px;
    z-index: 0;
    padding: 2px;
    background: conic-gradient(
      from var(--recap-btn-angle),
      rgba(255, 122, 195, 1) 0deg,
      rgba(255, 255, 255, 0.4) 80deg,
      rgba(166, 78, 225, 1) 160deg,
      rgba(255, 255, 255, 0.4) 240deg,
      rgba(255, 122, 195, 1) 360deg
    );
    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: recap-btn-spin-e03ff28d 4.2s linear infinite;
    opacity: 0.75;
    transition: opacity 200ms ease;
}

  /* Outer soft glow — sits behind the ring, strengthens on hover. */
.recap-btn-glow[data-v-e03ff28d] {
    position: absolute;
    inset: -12px;
    border-radius: 9999px;
    z-index: -1;
    background: radial-gradient(
      closest-side,
      rgba(255, 122, 195, 0.55) 0%,
      rgba(166, 78, 225, 0.35) 45%,
      rgba(166, 78, 225, 0) 80%
    );
    filter: blur(14px);
    opacity: 0.6;
    transition:
      opacity 250ms ease,
      filter 250ms ease;
}
.recap-btn-primary:hover .recap-btn-ring[data-v-e03ff28d] {
    opacity: 1;
}
.recap-btn-primary:hover .recap-btn-glow[data-v-e03ff28d] {
    opacity: 0.95;
    filter: blur(20px);
}
@keyframes recap-btn-spin-e03ff28d {
to {
      --recap-btn-angle: 360deg;
}
}
/**
 * Swiper 12.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 27, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

  /* cssMode renders a native scroll container (the wrapper). Pad it so the first
     and last chips clear the panel edges — the inline-end padding lives on the
     scroller itself so the trailing gap survives at the end of the scroll in
     WebKit — and hide the scrollbar so the rail reads as a clean row of pills. */
.ai-chips-swiper[data-v-fc301236] .ai-chips-track {
    /* Strictly a horizontal rail — kill the vertical overscroll / diagonal drag
       and stop scroll-chaining to the chat list behind it. The leading/trailing
       gap is handled by slidesOffsetBefore/After (real margins on the first/last
       slide), which cssMode honours as scrollable space — wrapper padding here is
       not. */
    overflow-y: hidden;
    overscroll-behavior: contain;
    touch-action: pan-x;
    scrollbar-width: none;
}
.ai-chips-swiper[data-v-fc301236] .ai-chips-track::-webkit-scrollbar {
    display: none;
}

  /* Rendered Markdown inside assistant bubbles (v-html → sanitized HTML). The
     parent bubble sets the text size/colour; these rules only handle block
     spacing, lists, code and links so the content reads cleanly — no typography
     plugin needed. */
.ai-md[data-v-fc301236] {
    white-space: normal;
}
.ai-md[data-v-fc301236] p {
    margin: 0 0 0.5em;
}
.ai-md[data-v-fc301236] > :first-child {
    margin-top: 0;
}
.ai-md[data-v-fc301236] > :last-child {
    margin-bottom: 0;
}
.ai-md[data-v-fc301236] h1,
  .ai-md[data-v-fc301236] h2,
  .ai-md[data-v-fc301236] h3,
  .ai-md[data-v-fc301236] h4,
  .ai-md[data-v-fc301236] h5,
  .ai-md[data-v-fc301236] h6 {
    font-weight: 700;
    line-height: 1.3;
    margin: 0.5em 0 0.25em;
}
.ai-md[data-v-fc301236] h1 { font-size: 1.15em;
}
.ai-md[data-v-fc301236] h2 { font-size: 1.1em;
}
.ai-md[data-v-fc301236] h3 { font-size: 1.05em;
}
.ai-md[data-v-fc301236] h4,
  .ai-md[data-v-fc301236] h5,
  .ai-md[data-v-fc301236] h6 { font-size: 1em;
}
.ai-md[data-v-fc301236] ul,
  .ai-md[data-v-fc301236] ol {
    margin: 0.25em 0 0.5em;
    padding-inline-start: 1.35em;
}
.ai-md[data-v-fc301236] ul { list-style: disc;
}
.ai-md[data-v-fc301236] ol { list-style: decimal;
}
.ai-md[data-v-fc301236] li { margin: 0.15em 0;
}
.ai-md[data-v-fc301236] strong { font-weight: 700;
}
.ai-md[data-v-fc301236] em { font-style: italic;
}
.ai-md[data-v-fc301236] a {
    color: rgb(var(--color-primary-600, 109 40 217));
    text-decoration: underline;
    text-underline-offset: 2px;
    word-break: break-word;
}
.ai-md[data-v-fc301236] code {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.85em;
    background: rgba(0, 0, 0, 0.06);
    padding: 0.1em 0.35em;
    border-radius: 4px;
}
.ai-md[data-v-fc301236] pre {
    margin: 0.4em 0;
    background: rgba(0, 0, 0, 0.06);
    padding: 0.55em 0.7em;
    border-radius: 8px;
    overflow-x: auto;
}
.ai-md[data-v-fc301236] pre code {
    background: none;
    padding: 0;
}
.ai-md[data-v-fc301236] blockquote {
    margin: 0.4em 0;
    padding-inline-start: 0.7em;
    border-inline-start: 3px solid rgba(0, 0, 0, 0.12);
    opacity: 0.85;
}

.fade-enter-active[data-v-bfcb785e],
  .fade-leave-active[data-v-bfcb785e] {
    transition: opacity 0.15s ease;
}
.fade-enter-from[data-v-bfcb785e],
  .fade-leave-to[data-v-bfcb785e] {
    opacity: 0;
}
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-scrollbar-thumb: #0000;
      --tw-scrollbar-track: #0000;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --ai-x0: 2.72924%;
      --ai-y0: 2.72924%;
      --ai-x1: 0.865723%;
      --ai-y1: 4.0861%;
      --ai-s-start-0: 10%;
      --ai-s-end-0: 30%;
      --ai-s-start-1: 10%;
      --ai-s-end-1: 30%;
      --ai-c0: #61ffe7;
      --ai-c1: #61ffe7;
      --ai-b: 0px;
      --ai-ring-w: 1.5px;
    }
  }
}

@layer theme {
  :root, :host {
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% .013 17.38);
    --color-red-100: oklch(93.6% .032 17.717);
    --color-red-200: oklch(88.5% .062 18.334);
    --color-red-300: oklch(80.8% .114 19.571);
    --color-red-400: oklch(70.4% .191 22.216);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-red-700: oklch(50.5% .213 27.518);
    --color-red-800: oklch(44.4% .177 26.899);
    --color-amber-50: oklch(98.7% .022 95.277);
    --color-amber-100: oklch(96.2% .059 95.617);
    --color-amber-200: oklch(92.4% .12 95.746);
    --color-amber-300: oklch(87.9% .169 91.605);
    --color-amber-400: oklch(82.8% .189 84.429);
    --color-amber-500: oklch(76.9% .188 70.08);
    --color-amber-600: oklch(66.6% .179 58.318);
    --color-amber-700: oklch(55.5% .163 48.998);
    --color-amber-800: oklch(47.3% .137 46.201);
    --color-amber-900: oklch(41.4% .112 45.904);
    --color-teal-50: oklch(98.4% .014 180.72);
    --color-teal-400: oklch(77.7% .152 181.912);
    --color-teal-500: oklch(70.4% .14 182.503);
    --color-sky-50: oklch(97.7% .013 236.62);
    --color-sky-100: oklch(95.1% .026 236.824);
    --color-sky-400: oklch(74.6% .16 232.661);
    --color-sky-500: oklch(68.5% .169 237.323);
    --color-sky-600: oklch(58.8% .158 241.966);
    --color-sky-700: oklch(50% .134 242.749);
    --color-indigo-50: oklch(96.2% .018 272.314);
    --color-indigo-100: oklch(93% .034 272.788);
    --color-indigo-200: oklch(87% .065 274.039);
    --color-indigo-300: oklch(78.5% .115 274.713);
    --color-indigo-400: oklch(67.3% .182 276.935);
    --color-indigo-500: oklch(58.5% .233 277.117);
    --color-indigo-600: oklch(51.1% .262 276.966);
    --color-indigo-700: oklch(45.7% .24 277.023);
    --color-indigo-800: oklch(39.8% .195 277.366);
    --color-indigo-900: oklch(35.9% .144 278.697);
    --color-fuchsia-50: oklch(97.7% .017 320.058);
    --color-fuchsia-100: oklch(95.2% .037 318.852);
    --color-fuchsia-500: oklch(66.7% .295 322.15);
    --color-fuchsia-700: oklch(51.8% .253 323.949);
    --color-slate-50: oklch(98.4% .003 247.858);
    --color-slate-100: oklch(96.8% .007 247.896);
    --color-slate-200: oklch(92.9% .013 255.508);
    --color-slate-300: oklch(86.9% .022 252.894);
    --color-slate-400: oklch(70.4% .04 256.788);
    --color-slate-500: oklch(55.4% .046 257.417);
    --color-slate-700: oklch(37.2% .044 257.287);
    --color-slate-900: oklch(20.8% .042 265.755);
    --color-zinc-50: oklch(98.5% 0 none);
    --color-zinc-800: oklch(27.4% .006 286.033);
    --color-neutral-100: oklch(97% 0 none);
    --color-neutral-200: oklch(92.2% 0 none);
    --color-neutral-400: oklch(70.8% 0 none);
    --color-neutral-500: oklch(55.6% 0 none);
    --color-neutral-600: oklch(43.9% 0 none);
    --spacing: .25rem;
    --breakpoint-sm: 40rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -.05em;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-4xl: 2rem;
    --drop-shadow-sm: 0 1px 2px #00000026;
    --drop-shadow-lg: 0 4px 4px #00000026;
    --drop-shadow-xl: 0 9px 7px #0000001a;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin var(--default-animation-duration, 1s) var(--default-animation-timing-function, linear) var(--default-animation-delay, 0s) infinite;
    --animate-ping: ping var(--default-animation-duration, 1s) var(--default-animation-timing-function, cubic-bezier(0, 0, .2, 1)) var(--default-animation-delay, 0s) infinite;
    --animate-pulse: pulse var(--default-animation-duration, 2s) var(--default-animation-timing-function, cubic-bezier(.4, 0, .6, 1)) var(--default-animation-delay, 0s) infinite;
    --animate-bounce: bounce var(--default-animation-duration, 1s) var(--default-animation-timing-function, ease) var(--default-animation-delay, 0s) infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-mono-font-family: var(--font-mono);
    --animate-fade-down: fade-down var(--default-animation-duration, 1s) var(--default-animation-timing-function, ease) var(--default-animation-delay, 0s) both;
    --animate-fade-up: fade-up var(--default-animation-duration, 1s) var(--default-animation-timing-function, ease) var(--default-animation-delay, 0s) both;
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    line-height: 1.5;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
  }

  ::file-selector-button {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  html {
    -webkit-tap-highlight-color: transparent;
    color: var(--text-default);
    background: var(--surface-root);
    font-feature-settings: "liga" 1, "calt" 1;
    text-rendering: optimizelegibility;
  }

  body {
    color: var(--text-default);
    background-color: var(--surface-root);
  }

  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }

  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  input:where([type="text"]), input:where(:not([type])), input:where([type="email"]), input:where([type="url"]), input:where([type="password"]), input:where([type="number"]), input:where([type="date"]), input:where([type="datetime-local"]), input:where([type="month"]), input:where([type="search"]), input:where([type="tel"]), input:where([type="time"]), input:where([type="week"]), select:where([multiple]), textarea, select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-color: var(--gray-500);
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    border-width: 1px;
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  :is(input:where([type="text"]), input:where(:not([type])), input:where([type="email"]), input:where([type="url"]), input:where([type="password"]), input:where([type="number"]), input:where([type="date"]), input:where([type="datetime-local"]), input:where([type="month"]), input:where([type="search"]), input:where([type="tel"]), input:where([type="time"]), input:where([type="week"]), select:where([multiple]), textarea, select):focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: var(--blue-600);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--blue-600);
    outline: 2px solid #0000;
  }

  input::-moz-placeholder, textarea::-moz-placeholder {
    color: var(--gray-500);
    opacity: 1;
  }

  input::placeholder, textarea::placeholder {
    color: var(--gray-500);
    opacity: 1;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  select {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
  }

  select:where([multiple]), select:where([size]:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    -webkit-print-color-adjust: unset;
            print-color-adjust: unset;
    padding-right: .75rem;
  }

  input:where([type="checkbox"]), input:where([type="radio"]) {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
    width: 1rem;
    height: 1rem;
    color: var(--blue-600);
    border-color: var(--gray-500);
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    background-origin: border-box;
    border-width: 1px;
    flex-shrink: 0;
    padding: 0;
    display: inline-block;
  }

  input:where([type="checkbox"]) {
    border-radius: 0;
  }

  input:where([type="radio"]) {
    border-radius: 100%;
  }

  input:where([type="checkbox"]):focus, input:where([type="radio"]):focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: var(--blue-600);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline: 2px solid #0000;
  }

  input:where([type="checkbox"]):checked, input:where([type="radio"]):checked {
    background-color: currentColor;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000;
  }

  input:where([type="checkbox"]):checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  }

  @media (forced-colors: active) {
    input:where([type="checkbox"]):checked {
      -webkit-appearance: auto;
         -moz-appearance: auto;
              appearance: auto;
    }
  }

  input:where([type="radio"]):checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  }

  @media (forced-colors: active) {
    input:where([type="radio"]):checked {
      -webkit-appearance: auto;
         -moz-appearance: auto;
              appearance: auto;
    }
  }

  input:where([type="checkbox"]):checked:hover, input:where([type="checkbox"]):checked:focus, input:where([type="radio"]):checked:hover, input:where([type="radio"]):checked:focus {
    background-color: currentColor;
    border-color: #0000;
  }

  input:where([type="checkbox"]):indeterminate {
    background-color: currentColor;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000;
  }

  @media (forced-colors: active) {
    input:where([type="checkbox"]):indeterminate {
      -webkit-appearance: auto;
         -moz-appearance: auto;
              appearance: auto;
    }
  }

  input:where([type="checkbox"]):indeterminate:hover, input:where([type="checkbox"]):indeterminate:focus {
    background-color: currentColor;
    border-color: #0000;
  }

  input:where([type="file"]) {
    background: unset;
    border-color: inherit;
    font-size: unset;
    line-height: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
  }

  input:where([type="file"]):focus {
    outline: 1px solid buttontext;
    outline: 1px auto -webkit-focus-ring-color;
  }
}

@layer components {
  .swiper-container {
    position: relative;
  }

  .swiper-container .swiper-pagination {
    inset-inline: 0;
    bottom: calc(var(--spacing) * 3);
    z-index: 10;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: flex;
    position: absolute;
  }

  .swiper-container .swiper-pagination .swiper-pagination-bullet {
    position: relative;
    height: calc(var(--spacing) * 1.5) !important;
    width: calc(var(--spacing) * 4) !important;
    opacity: 1 !important;
    background-color: #0000 !important;
    border-radius: 0 !important;
    margin: 0 !important;
  }

  .swiper-container .swiper-pagination .swiper-pagination-bullet:after {
    content: "";
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background: #4f008c40;
    border-radius: 3.40282e38px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: var(--spacing) !important;
  }

  .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: calc(var(--spacing) * 6) !important;
    background-color: #0000 !important;
  }

  .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    background-color: var(--brand-500) !important;
    opacity: 1 !important;
  }

  .header-cards-pagination {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }

  .header-cards-pagination .swiper-pagination-bullet {
    position: relative;
    height: calc(var(--spacing) * 1.5) !important;
    width: calc(var(--spacing) * 4) !important;
    opacity: 1 !important;
    background-color: #0000 !important;
    border-radius: 0 !important;
    margin: 0 !important;
  }

  .header-cards-pagination .swiper-pagination-bullet:after {
    content: "";
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background: #4f008c40;
    border-radius: 3.40282e38px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: var(--spacing) !important;
  }

  .header-cards-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: calc(var(--spacing) * 6) !important;
  }

  .header-cards-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    background-color: var(--brand-500) !important;
    opacity: 1 !important;
  }

  .vc-popover-content-wrapper {
    z-index: 99999 !important;
  }

  .employee-calendar .vc-container, .employee-calendar .vc-container * {
    font-family: STC Forward, system-ui, sans-serif !important;
  }

  .employee-calendar .vc-weeks {
    padding-top: 24px !important;
  }

  .employee-calendar .vc-container {
    padding: 5px;
    box-shadow: none !important;
    --is-primary-600: var(--brand-500) !important;
    --is-blue-600: var(--blue-500) !important;
    --is-green-600: var(--success-500) !important;
    --is-grey-600: var(--gray-700) !important;
    --is-light-primary-600: var(--brand-300) !important;
    --is-booking-600: var(--rose-500) !important;
    background-color: #0000 !important;
    border: none !important;
  }

  .employee-calendar .is-booking {
    background-color: var(--blue-50) !important;
    border-radius: 6px !important;
  }

  .employee-calendar .vc-bars {
    gap: 2px !important;
  }

  .employee-calendar .vc-bar {
    border-radius: 2px !important;
    max-width: 22px !important;
    height: 2px !important;
    margin: 0 auto !important;
  }

  .employee-calendar .vc-header .vc-title {
    font-size: .9rem !important;
    font-weight: 600 !important;
  }

  .employee-calendar .vc-arrows-container .vc-arrow {
    color: #b6a2c5 !important;
    font-size: .9rem !important;
    font-weight: 600 !important;
    transition: background-color .15s ease-out, color .15s ease-out !important;
  }

  .employee-calendar .vc-arrows-container .vc-arrow:hover {
    color: var(--brand-500) !important;
    background-color: #f3e8ff !important;
  }

  .employee-calendar .vc-weekday {
    color: var(--black) !important;
    text-transform: uppercase !important;
    padding: 0 !important;
    font-size: .8rem !important;
    font-weight: 600 !important;
  }

  .employee-calendar .vc-day-content {
    border-radius: 6px !important;
    font-size: .8rem !important;
    font-weight: 500 !important;
    transition: background-color .15s ease-out, color .15s ease-out !important;
  }

  .employee-calendar .vc-container {
    width: 100% !important;
  }

  .employee-calendar .vc-day-layer {
    pointer-events: all;
  }

  .employee-calendar .vc-monthly .is-not-in-month * {
    opacity: .9 !important;
  }

  .employee-calendar .vc-day.is-not-in-month .vc-day-content {
    color: var(--gray-400);
    opacity: 1 !important;
  }

  .employee-calendar .vc-day.is-today .vc-day-content {
    background-color: #f8f1fe !important;
  }

  .employee-calendar .vc-day.in-month .vc-day-content:hover {
    color: var(--brand-500) !important;
    background-color: #f3e8ff !important;
  }

  .employee-calendar .vc-day:focus-within {
    outline: none;
    background-color: #0000 !important;
  }

  .employee-calendar .vc-day button:focus, .employee-calendar .vc-day button:focus-visible {
    box-shadow: none;
    outline: none;
  }

  .employee-calendar .vc-day-content.is-today-selected {
    color: var(--rose-500) !important;
  }

  .employee-calendar .vc-popover-content {
    padding: 8px;
    font-family: STC Forward, system-ui, sans-serif;
    background-color: var(--white) !important;
    border: none !important;
    font-size: .8rem !important;
  }

  .employee-calendar .vc-nav-header {
    direction: ltr;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .employee-calendar .vc-nav-title {
    color: var(--black);
    font-size: .8rem !important;
    font-weight: 700 !important;
  }

  .employee-calendar .vc-container button.vc-focus, .employee-calendar .vc-container button:focus, .employee-calendar .vc-container button:focus-visible {
    box-shadow: none !important;
    border-color: #0000 !important;
    outline: none !important;
  }

  .employee-calendar .vc-nav-arrow {
    transition: background-color .15s ease-out, color .15s ease-out, transform .12s ease-out;
    color: var(--brand-500) !important;
  }

  .employee-calendar .vc-nav-arrow:hover {
    transform: translateY(-1px);
    color: var(--brand-500) !important;
    background-color: #f3e8ff !important;
    border: none !important;
  }

  .employee-calendar .vc-nav-item {
    text-align: center;
    transition: background-color .15s ease-out, color .15s ease-out, border-color .15s ease-out, transform .12s ease-out;
    color: var(--black) !important;
    background: none !important;
    border: 1px solid #0000 !important;
    font-size: .8rem !important;
  }

  .employee-calendar .vc-nav-item:hover {
    color: var(--brand-500) !important;
    background-color: #f3e8ff !important;
  }

  .employee-calendar .vc-nav-item.is-active {
    background-color: var(--brand-500) !important;
    color: var(--white) !important;
    border-color: var(--brand-500) !important;
  }

  .employee-calendar .vc-nav-item:focus, .employee-calendar .vc-nav-item:focus-visible, .employee-calendar .vc-nav-item.vc-focus {
    box-shadow: none;
    outline: none;
  }

  .employee-calendar .vc-popover-content .vc-nav-title, .employee-calendar .vc-popover-content .vc-nav-title.vc-focus, .employee-calendar .vc-popover-content .vc-nav-title:focus, .employee-calendar .vc-popover-content .vc-nav-title:focus-visible {
    box-shadow: none;
    border: none;
    border-radius: 0;
    outline: none;
    color: var(--color-black) !important;
    background-color: #0000 !important;
  }

  .employee-calendar .vc-popover-content .vc-nav-title button, .employee-calendar .vc-popover-content .vc-nav-title button:focus, .employee-calendar .vc-popover-content .vc-nav-title button:focus-visible {
    box-shadow: none;
    border-radius: 0;
    outline: none;
    color: var(--black) !important;
    background-color: #0000 !important;
  }

  .employee-calendar .vc-nav-title.vc-grid-focus {
    border: 1px solid var(--brand-500) !important;
    border-radius: 6px !important;
  }

  .employee-calendar .is-pink {
    background-color: var(--rose-500) !important;
  }

  .employee-calendar .is-green {
    background-color: var(--success-500) !important;
  }

  .employee-calendar .is-primary {
    background-color: var(--brand-500) !important;
  }

  .employee-calendar .is-light-primary {
    background-color: var(--stc-light-primary) !important;
  }

  .employee-calendar .is-blue {
    background-color: var(--blue-500) !important;
  }

  .employee-calendar .is-grey {
    background-color: var(--gray-700) !important;
  }

  [dir="rtl"] .employee-calendar .vc-svg-icon, [dir="rtl"] .employee-calendar .vc-popover-content .vc-nav-arrow, [dir="rtl"] .employee-calendar .vc-popover-content .vc-arrow {
    transform: rotate(180deg) !important;
  }

  .input, .textarea {
    background-color: var(--white);
    width: 100%;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--font-size-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--gray-800);
    display: block;
  }

  :is(.input, .textarea)::-moz-placeholder {
    color: var(--gray-400);
  }

  :is(.input, .textarea)::placeholder {
    color: var(--gray-400);
  }

  .input, .textarea {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--gray-200);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .15s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .15s;
    transition-timing-function: var(--ease-in-out);
  }

  :is(.input, .textarea):focus {
    border-color: var(--brand-500);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--brand-100);
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(.input, .textarea):disabled {
    cursor: not-allowed;
    background-color: var(--gray-50);
    color: var(--gray-400);
  }

  .input, .textarea {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    height: 2.5em;
  }

  .textarea {
    resize: vertical;
    height: auto;
    min-height: 6em;
  }

  .input.is-small, .textarea.is-small {
    font-size: var(--font-size-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    height: 2em;
  }

  .input.is-medium, .textarea.is-medium {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    height: 3em;
  }

  .input.is-large, .textarea.is-large {
    font-size: var(--font-size-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    height: 3.5em;
  }

  .input.is-danger, .textarea.is-danger {
    border-color: var(--error-400);
  }

  :is(.input.is-danger, .textarea.is-danger):focus {
    border-color: var(--error-500);
    --tw-ring-color: var(--error-100);
  }

  .input.is-success, .textarea.is-success {
    border-color: var(--success-400);
  }

  :is(.input.is-success, .textarea.is-success):focus {
    border-color: var(--success-500);
    --tw-ring-color: var(--success-100);
  }

  .input.is-warning, .textarea.is-warning {
    border-color: var(--warning-400);
  }

  :is(.input.is-warning, .textarea.is-warning):focus {
    border-color: var(--warning-500);
    --tw-ring-color: var(--warning-100);
  }

  .select {
    vertical-align: top;
    display: inline-block;
    position: relative;
  }

  .select select {
    background-color: var(--white);
    width: 100%;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--font-size-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--gray-800);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--gray-200);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .15s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .15s;
    transition-timing-function: var(--ease-in-out);
    display: block;
  }

  .select select:focus {
    border-color: var(--brand-500);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--brand-100);
    --tw-outline-style: none;
    outline-style: none;
  }

  .select select {
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-position: right .75rem center;
    background-repeat: no-repeat;
    height: 2.5em;
    padding-inline-end: 2.5em;
  }

  [dir="rtl"] .select select {
    background-position: .75rem;
  }

  .select.is-small select {
    font-size: var(--font-size-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    height: 2em;
  }

  .select.is-medium select {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    height: 3em;
  }

  .select.is-large select {
    font-size: var(--font-size-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    height: 3.5em;
  }

  .select.w-full, .select.is-fullwidth, .select.w-full select, .select.is-fullwidth select {
    width: 100%;
  }

  .switch .check {
    background: var(--gray-400) !important;
    border-color: var(--gray-400) !important;
  }

  .switch input[type="checkbox"]:checked + .check {
    background: var(--stc-primary) !important;
    border-color: var(--stc-primary) !important;
  }

  .switch.is-success input[type="checkbox"]:checked + .check, .is-success .switch input[type="checkbox"]:checked + .check {
    background: var(--success-500) !important;
    border-color: var(--success-500) !important;
  }

  .switch input[type="checkbox"]:focus + .check {
    box-shadow: none !important;
  }

  .btn {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-sm);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    transition-duration: .2s;
    display: inline-flex;
  }

  .btn:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .btn {
    position: relative;
  }

  .btn-xxs {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--font-size-xxs) !important;
  }

  .btn-xs {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--font-size-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }

  .btn-sm {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    font-size: var(--font-size-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }

  .btn-base {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--font-size-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .btn-lg {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .btn-xl {
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .btn-primary {
    cursor: pointer;
    background-color: var(--brand-500) !important;
    color: var(--white) !important;
  }

  @media (hover: hover) {
    .btn-primary:hover {
      background-color: var(--brand-600) !important;
      color: var(--white) !important;
    }
  }

  .btn-primary:active {
    background-color: var(--brand-700) !important;
    color: var(--white) !important;
  }

  .btn-secondary {
    background-color: var(--rose-500) !important;
    color: var(--white) !important;
  }

  @media (hover: hover) {
    .btn-secondary:hover {
      background-color: var(--rose-600) !important;
      color: var(--white) !important;
    }
  }

  .btn-secondary:active {
    background-color: var(--rose-700);
    color: var(--white);
  }

  .btn-ghost {
    cursor: pointer;
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    border-color: var(--brand-500) !important;
    color: var(--brand-500) !important;
    background-color: #0000 !important;
  }

  @media (hover: hover) {
    .btn-ghost:hover {
      --tw-shadow: var(--shadow-2xl);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .btn-outline-primary {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    color: var(--brand-500);
    background-color: #0000;
    border-width: 1px;
    border-color: var(--brand-200) !important;
  }

  @media (hover: hover) {
    .btn-outline-primary:hover {
      border-color: var(--brand-300);
      background-color: var(--brand-50);
    }
  }

  .btn-outline-gray {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    color: var(--gray-900);
    background-color: #0000;
    border-width: 1px;
    border-color: var(--gray-300) !important;
  }

  @media (hover: hover) {
    .btn-outline-gray:hover {
      --tw-shadow: var(--shadow-lg);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .btn-cancel {
    border-radius: var(--radius-md);
    background-color: #0000;
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    border-color: var(--rose-500) !important;
    color: var(--rose-500) !important;
  }

  @media (hover: hover) {
    .btn-cancel:hover {
      border-color: var(--rose-300);
      background-color: var(--rose-50);
    }
  }

  .btn-dashed {
    text-underline-offset: 4px;
    text-decoration-line: underline;
    text-decoration-style: dashed;
    color: var(--brand-500) !important;
  }

  .btn-poll-choice {
    color: var(--brand-500) !important;
    background-color: #f1edf5 !important;
  }

  .btn-poll-choice:hover {
    background-color: #e6ddea;
  }

  .btn-poll-choice:active {
    background-color: #ddd1e6;
  }

  .btn-success {
    background-color: var(--success-500) !important;
    color: var(--white) !important;
  }

  @media (hover: hover) {
    .btn-success:hover {
      background-color: var(--success-600) !important;
      color: var(--white) !important;
    }
  }

  .btn-success:active {
    background-color: var(--success-700) !important;
    color: var(--white) !important;
  }

  .btn-danger {
    background-color: var(--error-500) !important;
    color: var(--white) !important;
  }

  @media (hover: hover) {
    .btn-danger:hover {
      background-color: var(--error-600) !important;
      color: var(--white) !important;
    }
  }

  .btn-danger:active {
    background-color: var(--error-700) !important;
    color: var(--white) !important;
  }

  .btn-warning {
    background-color: var(--warning-500) !important;
    color: var(--white) !important;
  }

  @media (hover: hover) {
    .btn-warning:hover {
      background-color: var(--warning-600) !important;
      color: var(--white) !important;
    }
  }

  .btn-warning:active {
    background-color: var(--warning-700) !important;
    color: var(--white) !important;
  }

  .btn-primary-soft {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    border-color: var(--brand-200) !important;
    background-color: var(--brand-50) !important;
    color: var(--brand-600) !important;
  }

  @media (hover: hover) {
    .btn-primary-soft:hover {
      border-color: var(--brand-300) !important;
      background-color: var(--brand-100) !important;
    }
  }

  .btn-success-soft {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    border-color: var(--success-200) !important;
    background-color: var(--success-50) !important;
    color: var(--success-600) !important;
  }

  @media (hover: hover) {
    .btn-success-soft:hover {
      border-color: var(--success-300) !important;
      background-color: var(--success-100) !important;
    }
  }

  .btn-danger-soft {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    border-color: var(--error-200) !important;
    background-color: var(--error-50) !important;
    color: var(--error-600) !important;
  }

  @media (hover: hover) {
    .btn-danger-soft:hover {
      border-color: var(--error-300) !important;
      background-color: var(--error-100) !important;
    }
  }

  .btn-warning-soft {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    border-color: var(--warning-200) !important;
    background-color: var(--warning-50) !important;
    color: var(--warning-600) !important;
  }

  @media (hover: hover) {
    .btn-warning-soft:hover {
      border-color: var(--warning-300) !important;
      background-color: var(--warning-100) !important;
    }
  }

  .btn.is-loading {
    pointer-events: none;
    color: #0000 !important;
  }

  .btn.is-loading:after {
    content: "";
    color: #fff;
    border: 2px solid;
    border-top-color: #0000;
    border-radius: 9999px;
    width: 1em;
    height: 1em;
    animation: .6s linear infinite spin;
    display: block;
    position: absolute;
  }

  .btn.is-loading.btn-ghost:after, .btn.is-loading.btn-outline-primary:after, .btn.is-loading.btn-outline-gray:after, .btn.is-loading.btn-cancel:after, .btn.is-loading.btn-dashed:after {
    color: var(--primary-500);
  }

  .ty-display-lg-regular {
    font-size: var(--font-size-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: var(--line-height-44);
    line-height: var(--line-height-44);
    --tw-tracking: var(--letter-space-tight);
    letter-spacing: var(--letter-space-tight);
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }

  @media (min-width: 48rem) {
    .ty-display-lg-regular {
      font-size: var(--font-size-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--line-height-60);
      line-height: var(--line-height-60);
    }
  }

  .ty-display-lg-medium {
    font-size: var(--font-size-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: var(--line-height-44);
    line-height: var(--line-height-44);
    --tw-tracking: var(--letter-space-tight);
    letter-spacing: var(--letter-space-tight);
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }

  @media (min-width: 48rem) {
    .ty-display-lg-medium {
      font-size: var(--font-size-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--line-height-60);
      line-height: var(--line-height-60);
    }
  }

  .ty-display-lg-bold {
    font-size: var(--font-size-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: var(--line-height-44);
    line-height: var(--line-height-44);
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }

  @media (min-width: 48rem) {
    .ty-display-lg-bold {
      font-size: var(--font-size-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--line-height-60);
      line-height: var(--line-height-60);
    }
  }

  .ty-display-md-regular {
    font-size: var(--font-size-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: var(--line-height-40);
    line-height: var(--line-height-40);
    --tw-tracking: var(--letter-space-tight);
    letter-spacing: var(--letter-space-tight);
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }

  @media (min-width: 48rem) {
    .ty-display-md-regular {
      font-size: var(--font-size-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: var(--line-height-44);
      line-height: var(--line-height-44);
    }
  }

  .ty-display-md-medium {
    font-size: var(--font-size-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: var(--line-height-40);
    line-height: var(--line-height-40);
    --tw-tracking: var(--letter-space-tight);
    letter-spacing: var(--letter-space-tight);
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }

  @media (min-width: 48rem) {
    .ty-display-md-medium {
      font-size: var(--font-size-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: var(--line-height-44);
      line-height: var(--line-height-44);
    }
  }

  .ty-display-md-bold {
    font-size: var(--font-size-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: var(--line-height-40);
    line-height: var(--line-height-40);
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }

  @media (min-width: 48rem) {
    .ty-display-md-bold {
      font-size: var(--font-size-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: var(--line-height-44);
      line-height: var(--line-height-44);
    }
  }

  .ty-display-sm-regular {
    font-size: var(--font-size-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--line-height-40);
    line-height: var(--line-height-40);
    --tw-tracking: var(--letter-space-tight);
    letter-spacing: var(--letter-space-tight);
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }

  @media (min-width: 48rem) {
    .ty-display-sm-regular {
      font-size: var(--font-size-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: var(--line-height-40);
      line-height: var(--line-height-40);
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
    }
  }

  .ty-display-sm-medium {
    font-size: var(--font-size-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--line-height-40);
    line-height: var(--line-height-40);
    --tw-tracking: var(--letter-space-tight);
    letter-spacing: var(--letter-space-tight);
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }

  @media (min-width: 48rem) {
    .ty-display-sm-medium {
      font-size: var(--font-size-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: var(--line-height-40);
      line-height: var(--line-height-40);
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
    }
  }

  .ty-display-sm-bold {
    font-size: var(--font-size-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--line-height-40);
    line-height: var(--line-height-40);
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }

  @media (min-width: 48rem) {
    .ty-display-sm-bold {
      font-size: var(--font-size-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: var(--line-height-40);
      line-height: var(--line-height-40);
    }
  }

  .ty-page-title {
    --tw-leading: var(--line-height-cozy);
    line-height: var(--line-height-cozy);
    font-size: var(--font-size-md) !important;
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }

  @media (min-width: 48rem) {
    .ty-page-title {
      --tw-leading: var(--line-height-snug);
      line-height: var(--line-height-snug);
      font-size: var(--font-size-lg) !important;
      line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
    }
  }

  .ty-page-subtitle {
    font-size: var(--font-size-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--line-height-normal);
    line-height: var(--line-height-normal);
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }

  @media (min-width: 48rem) {
    .ty-page-subtitle {
      font-size: var(--font-size-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: var(--line-height-24);
      line-height: var(--line-height-24);
    }
  }

  .ty-section-header {
    --tw-leading: var(--line-height-snug);
    line-height: var(--line-height-snug);
    font-size: var(--font-size-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }

  @media (min-width: 48rem) {
    .ty-section-header {
      --tw-leading: var(--line-height-comfy);
      line-height: var(--line-height-comfy);
      font-size: var(--font-size-sm) !important;
      line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
    }
  }

  .ty-section-link {
    font-size: var(--font-size-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--line-height-24);
    line-height: var(--line-height-24);
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }

  .ty-text-lg-regular {
    font-size: var(--font-size-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--line-height-normal);
    line-height: var(--line-height-normal);
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }

  @media (min-width: 48rem) {
    .ty-text-lg-regular {
      font-size: var(--font-size-md);
      --tw-leading: var(--line-height-24);
      line-height: var(--line-height-24);
    }
  }

  .ty-text-lg-medium {
    font-size: var(--font-size-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--line-height-normal);
    line-height: var(--line-height-normal);
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }

  @media (min-width: 48rem) {
    .ty-text-lg-medium {
      font-size: var(--font-size-md);
      --tw-leading: var(--line-height-24);
      line-height: var(--line-height-24);
    }
  }

  .ty-text-md-regular {
    font-size: var(--font-size-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--line-height-normal);
    line-height: var(--line-height-normal);
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }

  @media (min-width: 48rem) {
    .ty-text-md-regular {
      font-size: var(--font-size-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: var(--line-height-24);
      line-height: var(--line-height-24);
    }
  }

  .ty-text-md-medium {
    font-size: var(--font-size-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--line-height-normal);
    line-height: var(--line-height-normal);
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }

  @media (min-width: 48rem) {
    .ty-text-md-medium {
      font-size: var(--font-size-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: var(--line-height-24);
      line-height: var(--line-height-24);
    }
  }

  .ty-text-sm-regular {
    font-size: var(--font-size-xxs);
    --tw-leading: var(--line-height-normal);
    line-height: var(--line-height-normal);
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }

  @media (min-width: 48rem) {
    .ty-text-sm-regular {
      font-size: var(--font-size-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-leading: var(--line-height-20);
      line-height: var(--line-height-20);
    }
  }

  .ty-text-sm-medium {
    font-size: var(--font-size-xxs);
    --tw-leading: var(--line-height-normal);
    line-height: var(--line-height-normal);
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }

  @media (min-width: 48rem) {
    .ty-text-sm-medium {
      font-size: var(--font-size-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-leading: var(--line-height-20);
      line-height: var(--line-height-20);
    }
  }

  .ty-quote-text {
    font-size: var(--font-size-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
    --tw-leading: var(--line-height-normal) !important;
    line-height: var(--line-height-normal) !important;
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
    font-style: italic !important;
  }

  .ty-caption-text {
    font-size: var(--font-size-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--line-height-normal);
    line-height: var(--line-height-normal);
    font-style: italic;
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }

  @media (min-width: 48rem) {
    .ty-caption-text {
      font-size: var(--font-size-xxs);
      --tw-leading: var(--line-height-normal);
      line-height: var(--line-height-normal);
    }
  }

  .field {
    margin-bottom: .75rem;
  }

  .field.has-addons {
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .field.has-addons .control:not(:last-child) {
    margin-right: -1px;
  }

  .field.has-addons .control:not(:first-child):not(:last-child) .button, .field.has-addons .control:not(:first-child):not(:last-child) .input, .field.has-addons .control:not(:first-child):not(:last-child) .select select {
    border-radius: 0;
  }

  .field.has-addons .control:first-child:not(:only-child) .button, .field.has-addons .control:first-child:not(:only-child) .input, .field.has-addons .control:first-child:not(:only-child) .select select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .field.has-addons .control:last-child:not(:only-child) .button, .field.has-addons .control:last-child:not(:only-child) .input, .field.has-addons .control:last-child:not(:only-child) .select select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .field.is-grouped {
    justify-content: flex-start;
    gap: .75rem;
    display: flex;
  }

  .field.is-grouped.is-grouped-centered {
    justify-content: center;
  }

  .field.is-grouped.is-grouped-right {
    justify-content: flex-end;
  }

  .control {
    position: relative;
  }

  .control.is-expanded {
    flex: 1;
  }

  .control.has-icons-left .input, .control.has-icons-left .select select {
    padding-left: 2.5em;
  }

  .control.has-icons-right .input, .control.has-icons-right .select select {
    padding-right: 2.5em;
  }

  .control.has-icons-left .icon.is-left, .control.has-icons-right .icon.is-right {
    pointer-events: none;
    z-index: 4;
    color: #dbdbdb;
    justify-content: center;
    align-items: center;
    width: 2.5em;
    height: 2.5em;
    display: inline-flex;
    position: absolute;
    top: 0;
  }

  .control.has-icons-left .icon.is-left {
    left: 0;
  }

  .control.has-icons-right .icon.is-right {
    right: 0;
  }

  .label {
    color: #363636;
    margin-bottom: .5em;
    font-size: 1rem;
    font-weight: 700;
    display: block;
  }

  .label.is-small {
    font-size: .75rem;
  }

  .label.is-medium {
    font-size: 1.25rem;
  }

  .label.is-large {
    font-size: 1.5rem;
  }

  .help {
    margin-top: .25rem;
    font-size: .75rem;
    display: block;
  }

  .help.is-primary {
    color: var(--brand-500);
  }

  .help.is-info {
    color: var(--cyan-500);
  }

  .help.is-success {
    color: var(--success-500);
  }

  .help.is-warning {
    color: var(--warning-500);
  }

  .help.is-danger {
    color: var(--rose-500);
  }

  .slider-card {
    width: auto;
  }

  .slider-header {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--font-size-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--gray-950);
    font-weight: 500 !important;
  }

  .slider-card {
    margin-top: var(--spacing);
    aspect-ratio: 16 / 8;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    display: flex;
    position: relative;
    height: calc(var(--spacing) * 50) !important;
    border-radius: var(--radius-md) !important;
  }

  @media (min-width: 48rem) {
    .slider-card {
      aspect-ratio: 19 / 9;
    }
  }

  .slider-card {
    overflow: hidden;
  }

  .slider-card.is-primary {
    background-color: var(--brand-500);
  }

  .slider-card.is-success {
    background-color: var(--stc-green);
  }

  .slider-card.is-light {
    gap: calc(var(--spacing) * 4);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--gray-300);
    background-color: var(--white);
  }

  .loader {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    animation: var(--animate-spin);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-top-color: #0000;
    border-radius: 3.40282e38px;
    display: inline-block;
  }

  .skeleton {
    position: relative;
    overflow: hidden;
  }

  .skeleton:after {
    content: "";
    background: linear-gradient(90deg, #0000, #fff9, #0000);
    animation: 1.2s infinite shimmer;
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
  }

  @keyframes shimmer {
    100% {
      transform: translateX(100%);
    }
  }

  .bordered-card {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--stroke-primary);
    background-color: var(--white);
    padding: calc(var(--spacing) * 3);
  }

  .buttons {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .buttons.is-centered {
    justify-content: center;
  }

  .buttons.is-right {
    justify-content: flex-end;
  }

  .modal {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    animation: none;
    display: none;
    position: fixed;
    inset: 0;
    overflow: hidden;
    z-index: 11111 !important;
  }

  .modal.is-active {
    display: flex;
  }

  .modal-background {
    transition: background .2s, backdrop-filter .2s;
    position: absolute;
    inset: 0;
    background: #00000059 !important;
  }

  .modal-content, .modal-card {
    width: 100%;
    max-height: calc(100vh - 160px);
    margin: 0 20px;
    position: relative;
    overflow: auto;
  }

  @media (min-width: 769px) {
    .modal-content, .modal-card {
      width: 640px;
      max-height: calc(100vh - 40px);
      margin: 0 auto;
    }
  }

  .modal-card {
    flex-direction: column;
    max-height: calc(100vh - 40px);
    display: flex;
    overflow: hidden;
  }

  .modal-card-head {
    background-color: #f5f5f5;
    border-bottom: 1px solid #dbdbdb;
    border-radius: 6px 6px 0 0;
    flex-shrink: 0;
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
    display: flex;
    position: relative;
  }

  .modal-card-title {
    color: #363636;
    flex-grow: 1;
    flex-shrink: 0;
    font-size: 1.5rem;
    line-height: 1;
  }

  .modal-card-foot {
    background-color: #f5f5f5;
    border-top: 1px solid #dbdbdb;
    border-radius: 0 0 6px 6px;
    flex-shrink: 0;
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
    display: flex;
    position: relative;
  }

  .modal-card-body {
    background-color: #fff;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 20px;
    overflow: auto;
  }

  .dropdown {
    vertical-align: top;
    display: inline-flex;
    position: relative;
  }

  .dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
    display: block;
  }

  .dropdown-menu {
    z-index: 50;
    min-width: 12rem;
    padding-top: 4px;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
  }

  .dropdown.is-right .dropdown-menu {
    left: auto;
    right: 0;
  }

  .dropdown.is-up .dropdown-menu {
    padding-bottom: 4px;
    padding-top: initial;
    top: auto;
    bottom: 100%;
  }

  .dropdown-content {
    margin-top: calc(var(--spacing) * 2);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--gray-200);
    background-color: var(--white);
    overflow: hidden;
    padding: 0 !important;
  }

  .dropdown-item {
    padding: 0;
  }

  .dropdown-divider {
    background-color: #dbdbdb;
    border: none;
    height: 1px;
    margin: .5rem 0;
    display: block;
  }

  .form-modal .animation-content, .form-modal .modal-content {
    width: calc(100vw - 2rem);
    max-width: 960px;
  }

  @media (max-width: 640px) {
    .form-modal .animation-content, .form-modal .modal-content {
      width: calc(100vw - 1.5rem);
      max-width: none;
    }
  }

  .base-attachment-pond {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    --tw-border-style: dashed;
    border-style: dashed;
    border-width: 1px;
    border-color: var(--gray-200);
    width: 100%;
  }

  .base-attachment-pond .filepond--root {
    min-height: 120px;
    margin-bottom: 0;
  }

  .base-attachment-pond .filepond--panel-root {
    background-color: var(--gray-50);
    min-height: 120px;
  }

  .base-attachment-pond .filepond--drop-label {
    cursor: pointer;
    text-align: center;
    justify-content: center;
    align-items: center;
    min-height: 120px;
    display: flex;
  }

  .app-table {
    color: #363636;
    border-collapse: collapse;
    background-color: #fff;
    width: 100%;
  }

  .app-table td, .app-table th {
    vertical-align: top;
    border: 0 solid #dbdbdb;
    border-bottom-width: 1px;
    padding: .5em .75em;
  }

  .app-table th {
    color: #363636;
    text-align: left;
    font-weight: 700;
  }

  .app-table thead td, .app-table thead th {
    color: #363636;
    border-width: 0 0 2px;
  }

  .app-table tfoot td, .app-table tfoot th {
    color: #363636;
    border-width: 2px 0 0;
  }

  .app-table tbody tr:last-child td, .app-table tbody tr:last-child th {
    border-bottom-width: 0;
  }

  .app-table.is-bordered td, .app-table.is-bordered th {
    border-width: 1px;
  }

  .app-table.is-striped tbody tr:not(.is-selected):nth-child(2n), .app-table.is-hoverable tbody tr:not(.is-selected):hover {
    background-color: #fafafa;
  }

  .app-table.is-fullwidth {
    width: 100%;
  }

  .app-table.is-narrow td, .app-table.is-narrow th {
    padding: .25em .5em;
  }

  .table-container {
    max-width: 100%;
    overflow: auto hidden;
  }

  .pagination, .flex-pagination {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    padding: .75rem 0;
    display: flex;
  }

  .pagination-previous, .pagination-next, .pagination-link {
    cursor: pointer;
    color: #363636;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    min-width: 2.5em;
    height: 2.5em;
    padding: 0 .5em;
    font-size: .875rem;
    text-decoration: none;
    transition: background .15s, border-color .15s;
    display: inline-flex;
  }

  .pagination-previous:hover, .pagination-next:hover, .pagination-link:hover {
    background: #f5f5f5;
    border-color: #b5b5b5;
  }

  .pagination-previous[disabled], .pagination-next[disabled], .pagination-previous.is-disabled, .pagination-next.is-disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
  }

  .pagination-link.is-current {
    background-color: var(--primary-500);
    border-color: var(--primary-500);
    color: #fff;
  }

  .pagination-ellipsis {
    color: #b5b5b5;
    pointer-events: none;
    justify-content: center;
    align-items: center;
    height: 2.5em;
    padding: 0 .5em;
    display: inline-flex;
  }

  .pagination-list {
    flex-wrap: wrap;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    gap: .25rem;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .pagination.is-rounded .pagination-previous, .pagination.is-rounded .pagination-next, .pagination.is-rounded .pagination-link, .flex-pagination.is-rounded .pagination-previous, .flex-pagination.is-rounded .pagination-next, .flex-pagination.is-rounded .pagination-link {
    border-radius: 9999px;
  }

  .pagination.is-centered {
    justify-content: center;
    gap: .5rem;
  }

  .buttons.are-small .btn:not(.btn-base):not(.btn-lg):not(.btn-xl) {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    font-size: var(--font-size-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }

  .tw-ck-editor .ck.ck-toolbar {
    border-style: var(--tw-border-style) !important;
    background-color: #0000 !important;
    border-width: 0 !important;
  }

  .tw-ck-editor .ck.ck-editor__main {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--gray-200) !important;
    background-color: var(--white) !important;
    min-height: 160px !important;
    padding: calc(var(--spacing) * 4) !important;
    color: var(--gray-900) !important;
  }

  .tw-ck-editor .ck.ck-dropdown__panel {
    background: #fff !important;
    border: 1px solid #0000001a !important;
    overflow: hidden !important;
    box-shadow: 0 20px 60px #0000001f !important;
  }

  .tw-ck-editor .ck.ck-list {
    background: #fff !important;
    padding: 6px !important;
  }

  .tw-ck-editor .ck.ck-list__item .ck-button {
    color: #111827eb !important;
    justify-content: space-between !important;
    padding: 10px 12px !important;
    font-weight: 600 !important;
  }

  .tw-ck-editor .ck.ck-list__item .ck-button:hover {
    background: #4f008c14 !important;
  }

  .tw-ck-editor .ck.ck-list__item .ck-button.ck-on {
    color: #fff !important;
    background: #4f008c !important;
  }

  .tw-ck-editor .ck.ck-list__item .ck-button, .tw-ck-editor .ck.ck-list__item .ck-button:focus {
    box-shadow: none !important;
    border: 0 !important;
    outline: none !important;
  }

  .tw-ck-editor .ck.ck-list__item .ck-button .ck-button__label {
    line-height: 1.2 !important;
  }

  .tw-ck-editor .ck.ck-editor__main > .ck-editor__editable {
    min-height: 160px;
    background: var(--color-white) !important;
    border: 1px solid var(--color-gray-400) !important;
    box-shadow: none !important;
    border-radius: 8px !important;
  }

  .tw-filepond-hide-drop .filepond--drop-label, .tw-filepond-hide-drop .filepond--label-action, .tw-filepond-hide-drop .filepond--panel-root {
    display: none !important;
  }

  .tw-filepond-hide-drop .filepond--root .filepond--drop-label {
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .tw-preview-content h1 {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    color: var(--black);
    font-size: var(--font-size-2xl) !important;
    line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }

  .tw-preview-content h2 {
    --tw-leading: var(--line-height-snug);
    line-height: var(--line-height-snug);
    color: var(--black);
    font-size: var(--font-size-xl) !important;
    line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }

  .tw-preview-content h3 {
    color: var(--black);
    font-size: var(--font-size-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }

  .tw-preview-content h4 {
    color: var(--black);
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }

  .tw-preview-content p {
    margin-block: calc(var(--spacing) * 2);
  }

  .tw-preview-content a {
    color: var(--brand-500) !important;
    text-decoration-line: underline !important;
  }

  .comment-body a {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
    color: var(--brand-500) !important;
  }

  .reply-to-this .comment-card {
    background-color: var(--background) !important;
  }

  .sidebar-wrapper {
    z-index: 999;
    height: 100%;
    display: none;
    position: fixed;
    inset-block: 0;
    background-color: var(--white) !important;
  }

  @media (min-width: 64rem) {
    .sidebar-wrapper {
      display: block;
    }
  }

  .sidebar-inner-list {
    background-color: var(--white);
    height: 100%;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    width: var(--sidebar-collapsed-size);
    flex-direction: column;
    transition-duration: .2s;
    display: flex;
  }

  .sidebar-inner-list.is-sidebar-open {
    width: var(--sidebar-pushed-size);
  }

  .sidebar-nav {
    flex: 1;
    overflow-y: auto;
  }

  .sidebar-item {
    padding-block: calc(var(--spacing) * 2);
    align-items: center;
    display: flex;
    font-size: var(--font-size-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
    color: var(--gray-700) !important;
  }

  .sidebar-item.is-active {
    background-color: #f4eeff;
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
    color: var(--brand-500) !important;
  }

  .mobile-bottom-nav {
    z-index: 1200;
    background-color: var(--white);
    inset-inline: 0;
    padding-left: 0;
    padding-right: 0;
    position: fixed;
    bottom: 0;
  }

  @supports (padding: max(0px)) {
    .mobile-bottom-nav {
      padding-left: max(0px, env(safe-area-inset-left));
      padding-right: max(0px, env(safe-area-inset-right));
    }
  }

  .mobile-bottom-nav {
    padding-bottom: 0;
  }

  @supports (padding: max(0px)) {
    .mobile-bottom-nav {
      padding-bottom: max(0px, env(safe-area-inset-bottom));
    }
  }

  @media (min-width: 64rem) {
    .mobile-bottom-nav {
      display: none;
    }
  }

  .bottom-nav-inner {
    height: 100%;
    padding-block: var(--spacing);
    text-align: center;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    display: grid;
    --tw-font-weight: var(--font-weight-medium) !important;
    font-size: 11px !important;
    font-weight: var(--font-weight-medium) !important;
  }

  .bottom-nav-item {
    align-items: center;
    gap: var(--spacing);
    padding-block: var(--spacing);
    flex-direction: column;
    display: flex;
    color: var(--gray-500) !important;
  }

  .bottom-nav-item.is-active {
    color: var(--brand-500) !important;
  }

  .dropdown.is-mobile-modal .dropdown-menu {
    bottom: calc(var(--spacing) * 14) !important;
  }

  .app-top-nav {
    z-index: 100;
    width: 100%;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    transition-duration: .2s;
    position: fixed;
    top: 0;
  }

  @media (min-width: 768px) {
    .app-top-nav {
      padding-left: var(--sidebar-collapsed-size);
    }

    [dir="rtl"] .app-top-nav {
      padding-left: 0;
      padding-right: var(--sidebar-collapsed-size);
    }

    .app-top-nav.is-pushed-full {
      padding-left: var(--sidebar-pushed-size);
    }

    [dir="rtl"] .app-top-nav.is-pushed-full {
      padding-left: 0;
      padding-right: var(--sidebar-pushed-size);
    }
  }

  .app-top-nav.is-scrolled, .app-top-nav.is-solid {
    background-color: var(--white);
  }

  .app-top-nav.is-transparent:not(.is-scrolled):not(.is-solid) {
    background-color: #0000;
  }

  .app-top-nav.show-when-scrolled {
    pointer-events: none;
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 0;
  }

  .app-top-nav.show-when-scrolled.is-scrolled {
    pointer-events: auto;
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 1;
  }

  .app-top-nav-brand {
    display: none;
  }

  @media (min-width: 48rem) {
    .app-top-nav-brand {
      display: none;
    }
  }

  .app-top-nav.is-scrolled .app-top-nav-brand, .app-top-nav.is-solid .app-top-nav-brand {
    display: block;
  }

  @media (min-width: 48rem) {
    .app-top-nav.is-scrolled .app-top-nav-brand, .app-top-nav.is-solid .app-top-nav-brand {
      display: none;
    }
  }

  #app.command-open .sidebar-wrapper {
    z-index: 1 !important;
  }

  .app-top-nav-meta .is-back-button {
    display: none;
  }

  .app-top-nav.has-back-button .app-top-nav-meta .is-back-button {
    cursor: pointer;
    display: block;
  }

  .app-top-nav-meta .h-avatar {
    display: none;
  }

  .app-top-nav.has-avatar-left .app-top-nav-meta .avatar-wrap {
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    border-radius: 3.40282e38px;
    flex-shrink: 0;
    display: inline-flex;
  }

  .app-top-nav-inner {
    justify-content: space-between;
    align-items: center;
    display: flex;
    padding-top: 1rem !important;
  }

  @supports (padding: max(0px)) {
    .app-top-nav-inner {
      padding-top: max(1rem, env(safe-area-inset-top)) !important;
    }
  }

  .app-top-nav-inner {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  @supports (padding: max(0px)) {
    .app-top-nav-inner {
      padding-left: max(.75rem, env(safe-area-inset-left));
      padding-right: max(.75rem, env(safe-area-inset-right));
    }
  }

  .app-top-nav-inner {
    padding-bottom: calc(var(--spacing) * 4);
  }

  @media (min-width: 48rem) {
    .app-top-nav-inner {
      padding-left: 1rem;
      padding-right: 1rem;
    }

    @supports (padding: max(0px)) {
      .app-top-nav-inner {
        padding-left: max(1rem, env(safe-area-inset-left));
        padding-right: max(1rem, env(safe-area-inset-right));
      }
    }
  }

  .app-top-nav-left {
    align-items: center;
    gap: calc(var(--spacing) * 3);
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .app-top-nav-right {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .app-top-nav-meta {
    align-items: center;
    gap: calc(var(--spacing) * 3);
    min-width: 0;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    transition-duration: .2s;
    display: flex;
  }

  .app-top-nav-meta .avatar-wrap {
    border-radius: var(--radius-md);
    flex-shrink: 0;
  }

  .app-top-nav-title-wrap {
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .app-top-nav-toolbar {
    align-items: center;
    gap: calc(var(--spacing) * 3);
    display: flex;
  }

  .app-top-nav-toolbar-item {
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .15s;
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    transition-duration: .15s;
    display: flex;
  }

  .app-top-nav-toolbar-item:hover {
    background-color: var(--white);
    --tw-shadow: 0 8px 20px var(--tw-shadow-color, #4f008c2e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .app-top-nav-search-btn, .app-top-nav-notification-btn, .app-top-nav-logout-btn, .app-top-nav-language-btn {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .page-wrapper {
    background-color: var(--background);
    width: 100%;
    height: 100%;
    min-height: 100vh;
    margin-left: 0;
    padding-bottom: 4rem;
    position: relative;
  }

  @supports (padding: max(0px)) {
    .page-wrapper {
      padding-bottom: max(4rem, env(safe-area-inset-bottom));
    }
  }

  @media (min-width: 48rem) {
    .page-wrapper {
      padding-bottom: 0;
    }
  }

  .page-wrapper:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-right: 0;
  }

  @media (min-width: 1024px) {
    .page-wrapper {
      width: var(--sidebar-collapsed);
      margin-inline-start: var(--sidebar-collapsed-size);
      padding: 0 20px;
    }

    .page-wrapper.is-sidebar-open {
      width: var(--sidebar-pushed);
      margin-left: var(--sidebar-pushed-size);
    }

    [dir="rtl"] .page-wrapper.is-sidebar-open {
      margin-left: 0;
      margin-right: var(--sidebar-pushed-size);
    }
  }

  .page-container {
    max-width: 80rem;
    padding-top: calc(var(--spacing) * 2);
    margin-inline: auto;
    padding-left: .75rem;
    padding-right: .75rem;
  }

  @supports (padding: max(0px)) {
    .page-container {
      padding-left: max(.75rem, env(safe-area-inset-left));
      padding-right: max(.75rem, env(safe-area-inset-right));
    }
  }

  .page-container {
    padding-bottom: 3rem;
  }

  @supports (padding: max(0px)) {
    .page-container {
      padding-bottom: max(3rem, env(safe-area-inset-bottom));
    }
  }

  @media (min-width: 48rem) {
    .page-container {
      padding-left: 0;
      padding-right: 0;
    }

    @supports (padding: max(0px)) {
      .page-container {
        padding-left: max(0px, env(safe-area-inset-left));
        padding-right: max(0px, env(safe-area-inset-right));
      }
    }
  }

  @media (min-width: 80rem) {
    .page-container {
      max-width: calc(var(--spacing) * 350);
    }
  }

  .extra-top-padding {
    padding-top: 5rem;
  }

  @supports (padding: max(0px)) {
    .extra-top-padding {
      padding-top: max(5rem, env(safe-area-inset-top));
    }
  }

  @media (min-width: 48rem) {
    .extra-top-padding {
      padding-top: calc(var(--spacing) * 30);
    }
  }

  .header-section {
    background-color: var(--background);
    padding-top: calc(var(--spacing) * 20);
  }

  @media (min-width: 48rem) {
    .header-section {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  .header-inner-wrapper {
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-lg);
    background-color: var(--background);
    padding: calc(var(--spacing) * 4);
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .header-main-title {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }

  .main-title {
    color: var(--brand-500);
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }

  .header-subtitle {
    font-size: var(--font-size-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--gray-600) !important;
  }

  @media (min-width: 48rem) {
    .header-subtitle {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  .header-search-wrapper {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--stroke-primary);
    background-color: var(--white);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: var(--spacing);
    align-items: center;
    display: flex;
  }

  @media (min-width: 48rem) {
    .header-search-wrapper {
      margin-top: calc(var(--spacing) * 4);
    }
  }

  .search-input-wrapper {
    width: 100%;
  }

  .search-input-wrapper::-moz-placeholder {
    color: var(--gray-400);
    font-size: var(--font-size-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .search-input-wrapper::placeholder {
    color: var(--gray-400);
    font-size: var(--font-size-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .search-input-wrapper:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (min-width: 768px) {
    .header-inner-wrapper {
      gap: calc(var(--spacing) * 3);
      border-style: var(--tw-border-style);
      border-width: 4px;
      border-color: var(--white);
      min-height: auto;
      padding: calc(var(--spacing) * 6);
      --tw-shadow: 0 0 25px 0 var(--tw-shadow-color, #4f008c1a), 0 0 6px 0 var(--tw-shadow-color, #4f008c1a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .main-title {
      color: var(--brand-500);
      font-size: var(--font-size-2xl) !important;
      line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
      --tw-font-weight: var(--font-weight-semibold) !important;
      font-weight: var(--font-weight-semibold) !important;
    }

    .header-search-wrapper {
      border-style: var(--tw-border-style);
      border-width: 2px;
      border-color: var(--white);
      --tw-shadow: 0px 0px 12px 0px var(--tw-shadow-color, #4f008c14);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      background-color: #f1edf5;
    }

    .search-input-wrapper {
      width: 100%;
    }

    .search-input-wrapper::-moz-placeholder {
      color: #cdbbdfcc;
      font-size: var(--font-size-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }

    .search-input-wrapper::placeholder {
      color: #cdbbdfcc;
      font-size: var(--font-size-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }

    .search-input-wrapper:focus {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-outline-style: none;
      outline-style: none;
    }
  }

  .delete, .modal-close {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    vertical-align: top;
    background-color: #0a0a0a33;
    border: none;
    border-radius: 9999px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 20px;
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
    display: inline-flex;
  }

  .delete:before {
    width: 50%;
    height: 2px;
  }

  .delete:after {
    width: 2px;
    height: 50%;
  }

  .modal-close:before {
    width: 50%;
    height: 2px;
  }

  .modal-close:after {
    width: 2px;
    height: 50%;
  }

  .delete:hover, .modal-close:hover {
    background-color: #0a0a0a4d;
  }

  .delete.is-small, .modal-close.is-small {
    width: 16px;
    min-width: 16px;
    max-width: 16px;
    height: 16px;
    min-height: 16px;
    max-height: 16px;
  }

  .delete.is-medium, .modal-close.is-medium {
    width: 24px;
    min-width: 24px;
    max-width: 24px;
    height: 24px;
    min-height: 24px;
    max-height: 24px;
  }

  .delete.is-large, .modal-close.is-large {
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    height: 32px;
    min-height: 32px;
    max-height: 32px;
  }

  :deep(.tiptap p.is-editor-empty:first-child::before) {
    pointer-events: none;
    float: left;
    height: 0;
    color: var(--gray-400);
    content: attr(data-placeholder);
  }

  body.topic-modal-open .mobile-bottom-navigation, body.topic-modal-open .bottom-navigation, body.topic-modal-open .app-bottom-navigation {
    display: none !important;
  }
}

@layer utilities {
  .pointer-events-auto {
    pointer-events: auto !important;
  }

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

  .collapse {
    visibility: collapse !important;
  }

  .invisible {
    visibility: hidden !important;
  }

  .visible {
    visibility: visible !important;
  }

  .sr-only {
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
  }

  .absolute {
    position: absolute !important;
  }

  .fixed {
    position: fixed !important;
  }

  .relative {
    position: relative !important;
  }

  .static {
    position: static !important;
  }

  .sticky {
    position: sticky !important;
  }

  .-inset-2 {
    inset: calc(var(--spacing) * -2) !important;
  }

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

  .inset-1 {
    inset: var(--spacing) !important;
  }

  .inset-1\.5 {
    inset: calc(var(--spacing) * 1.5) !important;
  }

  .inset-2 {
    inset: calc(var(--spacing) * 2) !important;
  }

  .inset-x-0 {
    inset-inline: 0 !important;
  }

  .inset-x-2 {
    inset-inline: calc(var(--spacing) * 2) !important;
  }

  .inset-x-4 {
    inset-inline: calc(var(--spacing) * 4) !important;
  }

  .inset-x-\[6\%\] {
    inset-inline: 6% !important;
  }

  .inset-y-0 {
    inset-block: 0 !important;
  }

  .inset-y-2 {
    inset-block: calc(var(--spacing) * 2) !important;
  }

  .-inset-s-11 {
    inset-inline-start: calc(var(--spacing) * -11) !important;
  }

  .-start-4 {
    inset-inline-start: calc(var(--spacing) * -4) !important;
  }

  .-start-\[15px\] {
    inset-inline-start: -15px !important;
  }

  .-start-\[21px\] {
    inset-inline-start: -21px !important;
  }

  .inset-s-0 {
    inset-inline-start: 0 !important;
  }

  .inset-s-1\/2 {
    inset-inline-start: 50% !important;
  }

  .inset-s-2 {
    inset-inline-start: calc(var(--spacing) * 2) !important;
  }

  .inset-s-3 {
    inset-inline-start: calc(var(--spacing) * 3) !important;
  }

  .inset-s-4 {
    inset-inline-start: calc(var(--spacing) * 4) !important;
  }

  .start-0 {
    inset-inline-start: calc(var(--spacing) * 0) !important;
  }

  .start-0\.5 {
    inset-inline-start: calc(var(--spacing) * .5) !important;
  }

  .start-1 {
    inset-inline-start: calc(var(--spacing) * 1) !important;
  }

  .start-1\.5 {
    inset-inline-start: calc(var(--spacing) * 1.5) !important;
  }

  .start-2 {
    inset-inline-start: calc(var(--spacing) * 2) !important;
  }

  .start-2\.5 {
    inset-inline-start: calc(var(--spacing) * 2.5) !important;
  }

  .start-3 {
    inset-inline-start: calc(var(--spacing) * 3) !important;
  }

  .start-6 {
    inset-inline-start: calc(var(--spacing) * 6) !important;
  }

  .start-\[-27px\] {
    inset-inline-start: -27px !important;
  }

  .start-\[18px\] {
    inset-inline-start: 18px !important;
  }

  .start-\[35\%\] {
    inset-inline-start: 35% !important;
  }

  .-end-0\.5 {
    inset-inline-end: calc(var(--spacing) * -.5) !important;
  }

  .-end-1 {
    inset-inline-end: calc(var(--spacing) * -1) !important;
  }

  .-end-4 {
    inset-inline-end: calc(var(--spacing) * -4) !important;
  }

  .-end-10 {
    inset-inline-end: calc(var(--spacing) * -10) !important;
  }

  .-end-12 {
    inset-inline-end: calc(var(--spacing) * -12) !important;
  }

  .end-0 {
    inset-inline-end: calc(var(--spacing) * 0) !important;
  }

  .end-0\.5 {
    inset-inline-end: calc(var(--spacing) * .5) !important;
  }

  .end-1 {
    inset-inline-end: calc(var(--spacing) * 1) !important;
  }

  .end-1\.5 {
    inset-inline-end: calc(var(--spacing) * 1.5) !important;
  }

  .end-2 {
    inset-inline-end: calc(var(--spacing) * 2) !important;
  }

  .end-2\.5 {
    inset-inline-end: calc(var(--spacing) * 2.5) !important;
  }

  .end-3 {
    inset-inline-end: calc(var(--spacing) * 3) !important;
  }

  .end-4 {
    inset-inline-end: calc(var(--spacing) * 4) !important;
  }

  .end-5 {
    inset-inline-end: calc(var(--spacing) * 5) !important;
  }

  .end-14 {
    inset-inline-end: calc(var(--spacing) * 14) !important;
  }

  .inset-e-0 {
    inset-inline-end: 0 !important;
  }

  .inset-e-1\.5 {
    inset-inline-end: calc(var(--spacing) * 1.5) !important;
  }

  .inset-e-2 {
    inset-inline-end: calc(var(--spacing) * 2) !important;
  }

  .inset-e-3 {
    inset-inline-end: calc(var(--spacing) * 3) !important;
  }

  .inset-e-4 {
    inset-inline-end: calc(var(--spacing) * 4) !important;
  }

  .inset-e-\[10\%\] {
    inset-inline-end: 10% !important;
  }

  .-top-0\.5 {
    top: calc(var(--spacing) * -.5) !important;
  }

  .-top-1 {
    top: calc(var(--spacing) * -1) !important;
  }

  .-top-3 {
    top: calc(var(--spacing) * -3) !important;
  }

  .-top-6 {
    top: calc(var(--spacing) * -6) !important;
  }

  .-top-8 {
    top: calc(var(--spacing) * -8) !important;
  }

  .-top-10 {
    top: calc(var(--spacing) * -10) !important;
  }

  .-top-12 {
    top: calc(var(--spacing) * -12) !important;
  }

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

  .top-0\.5 {
    top: calc(var(--spacing) * .5) !important;
  }

  .top-1 {
    top: var(--spacing) !important;
  }

  .top-1\.5 {
    top: calc(var(--spacing) * 1.5) !important;
  }

  .top-1\/2 {
    top: 50% !important;
  }

  .top-2 {
    top: calc(var(--spacing) * 2) !important;
  }

  .top-2\.5 {
    top: calc(var(--spacing) * 2.5) !important;
  }

  .top-3 {
    top: calc(var(--spacing) * 3) !important;
  }

  .top-3\.5 {
    top: calc(var(--spacing) * 3.5) !important;
  }

  .top-4 {
    top: calc(var(--spacing) * 4) !important;
  }

  .top-5 {
    top: calc(var(--spacing) * 5) !important;
  }

  .top-6 {
    top: calc(var(--spacing) * 6) !important;
  }

  .top-7 {
    top: calc(var(--spacing) * 7) !important;
  }

  .top-8 {
    top: calc(var(--spacing) * 8) !important;
  }

  .top-9 {
    top: calc(var(--spacing) * 9) !important;
  }

  .top-10 {
    top: calc(var(--spacing) * 10) !important;
  }

  .top-12 {
    top: calc(var(--spacing) * 12) !important;
  }

  .top-16 {
    top: calc(var(--spacing) * 16) !important;
  }

  .top-20 {
    top: calc(var(--spacing) * 20) !important;
  }

  .top-95 {
    top: calc(var(--spacing) * 95) !important;
  }

  .top-\[3px\] {
    top: 3px !important;
  }

  .top-\[6\%\] {
    top: 6% !important;
  }

  .top-\[13\%\] {
    top: 13% !important;
  }

  .top-\[14px\] {
    top: 14px !important;
  }

  .top-\[16px\] {
    top: 16px !important;
  }

  .top-\[22\%\] {
    top: 22% !important;
  }

  .top-\[24\%\] {
    top: 24% !important;
  }

  .top-\[26\%\] {
    top: 26% !important;
  }

  .top-\[30\%\] {
    top: 30% !important;
  }

  .top-\[32\%\] {
    top: 32% !important;
  }

  .top-\[36\%\] {
    top: 36% !important;
  }

  .top-\[41\%\] {
    top: 41% !important;
  }

  .top-\[42\%\] {
    top: 42% !important;
  }

  .top-\[46\%\] {
    top: 46% !important;
  }

  .top-\[48px\] {
    top: 48px !important;
  }

  .top-\[58\%\] {
    top: 58% !important;
  }

  .top-\[60\%\] {
    top: 60% !important;
  }

  .top-\[68\%\] {
    top: 68% !important;
  }

  .top-\[70\%\] {
    top: 70% !important;
  }

  .top-\[77\%\] {
    top: 77% !important;
  }

  .top-\[calc\(100\%\+4px\)\] {
    top: calc(100% + 4px) !important;
  }

  .top-\[calc\(env\(safe-area-inset-top\)\+16px\)\] {
    top: calc(env(safe-area-inset-top) + 16px) !important;
  }

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

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

  .top-safe {
    top: env(safe-area-inset-top) !important;
  }

  .-right-0\.5 {
    right: calc(var(--spacing) * -.5) !important;
  }

  .-right-1 {
    right: calc(var(--spacing) * -1) !important;
  }

  .-right-1\.5 {
    right: calc(var(--spacing) * -1.5) !important;
  }

  .-right-3 {
    right: calc(var(--spacing) * -3) !important;
  }

  .-right-6 {
    right: calc(var(--spacing) * -6) !important;
  }

  .-right-100 {
    right: calc(var(--spacing) * -100) !important;
  }

  .-right-\[2px\] {
    right: -2px !important;
  }

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

  .right-2 {
    right: calc(var(--spacing) * 2) !important;
  }

  .right-3 {
    right: calc(var(--spacing) * 3) !important;
  }

  .right-4 {
    right: calc(var(--spacing) * 4) !important;
  }

  .right-5 {
    right: calc(var(--spacing) * 5) !important;
  }

  .right-6 {
    right: calc(var(--spacing) * 6) !important;
  }

  .right-9 {
    right: calc(var(--spacing) * 9) !important;
  }

  .right-10 {
    right: calc(var(--spacing) * 10) !important;
  }

  .right-\[-25px\] {
    right: -25px !important;
  }

  .right-\[3\%\] {
    right: 3% !important;
  }

  .right-\[3px\] {
    right: 3px !important;
  }

  .right-\[4\.5\%\] {
    right: 4.5% !important;
  }

  .right-\[7\%\] {
    right: 7% !important;
  }

  .right-\[7px\] {
    right: 7px !important;
  }

  .right-\[12\.5\%\] {
    right: 12.5% !important;
  }

  .right-\[17\%\] {
    right: 17% !important;
  }

  .right-\[20\%\] {
    right: 20% !important;
  }

  .right-\[calc\(36px\+20px\)\] {
    right: 56px !important;
  }

  .bottom-20-safe {
    bottom: 5rem !important;
  }

  @supports (bottom: max(0px)) {
    .bottom-20-safe {
      bottom: max(5rem, env(safe-area-inset-bottom)) !important;
    }
  }

  .bottom-safe-\[88px\] {
    bottom: 88px !important;
  }

  @supports (bottom: max(0px)) {
    .bottom-safe-\[88px\] {
      bottom: max(88px, env(safe-area-inset-bottom)) !important;
    }
  }

  .-bottom-1 {
    bottom: calc(var(--spacing) * -1) !important;
  }

  .-bottom-1\.5 {
    bottom: calc(var(--spacing) * -1.5) !important;
  }

  .-bottom-2 {
    bottom: calc(var(--spacing) * -2) !important;
  }

  .-bottom-3 {
    bottom: calc(var(--spacing) * -3) !important;
  }

  .-bottom-5 {
    bottom: calc(var(--spacing) * -5) !important;
  }

  .-bottom-14 {
    bottom: calc(var(--spacing) * -14) !important;
  }

  .-bottom-px {
    bottom: -1px !important;
  }

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

  .bottom-0\.5 {
    bottom: calc(var(--spacing) * .5) !important;
  }

  .bottom-1 {
    bottom: var(--spacing) !important;
  }

  .bottom-1\.5 {
    bottom: calc(var(--spacing) * 1.5) !important;
  }

  .bottom-2 {
    bottom: calc(var(--spacing) * 2) !important;
  }

  .bottom-3 {
    bottom: calc(var(--spacing) * 3) !important;
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4) !important;
  }

  .bottom-6 {
    bottom: calc(var(--spacing) * 6) !important;
  }

  .bottom-7 {
    bottom: calc(var(--spacing) * 7) !important;
  }

  .bottom-8 {
    bottom: calc(var(--spacing) * 8) !important;
  }

  .bottom-10 {
    bottom: calc(var(--spacing) * 10) !important;
  }

  .bottom-24 {
    bottom: calc(var(--spacing) * 24) !important;
  }

  .bottom-\[-35px\] {
    bottom: -35px !important;
  }

  .bottom-\[3px\] {
    bottom: 3px !important;
  }

  .bottom-\[calc\(6rem\+env\(safe-area-inset-bottom\)\)\] {
    bottom: calc(6rem + env(safe-area-inset-bottom)) !important;
  }

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

  .bottom-safe {
    bottom: env(safe-area-inset-bottom) !important;
  }

  .-left-1 {
    left: calc(var(--spacing) * -1) !important;
  }

  .-left-1\.5 {
    left: calc(var(--spacing) * -1.5) !important;
  }

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

  .left-1\/2 {
    left: 50% !important;
  }

  .left-2 {
    left: calc(var(--spacing) * 2) !important;
  }

  .left-2\.5 {
    left: calc(var(--spacing) * 2.5) !important;
  }

  .left-3 {
    left: calc(var(--spacing) * 3) !important;
  }

  .left-4 {
    left: calc(var(--spacing) * 4) !important;
  }

  .left-5 {
    left: calc(var(--spacing) * 5) !important;
  }

  .left-6 {
    left: calc(var(--spacing) * 6) !important;
  }

  .left-38 {
    left: calc(var(--spacing) * 38) !important;
  }

  .left-\[2\%\] {
    left: 2% !important;
  }

  .left-\[6\%\] {
    left: 6% !important;
  }

  .left-\[6px\] {
    left: 6px !important;
  }

  .left-\[9\%\] {
    left: 9% !important;
  }

  .left-\[12\.5\%\] {
    left: 12.5% !important;
  }

  .left-\[18\%\] {
    left: 18% !important;
  }

  .left-\[20\%\] {
    left: 20% !important;
  }

  .left-\[24\%\] {
    left: 24% !important;
  }

  .left-\[39\%\] {
    left: 39% !important;
  }

  .left-\[43\%\] {
    left: 43% !important;
  }

  .left-\[57\%\] {
    left: 57% !important;
  }

  .left-\[60\%\] {
    left: 60% !important;
  }

  .left-\[63\%\] {
    left: 63% !important;
  }

  .left-\[calc\(36px\+20px\)\] {
    left: 56px !important;
  }

  .isolate {
    isolation: isolate !important;
  }

  .-z-0 {
    z-index: calc(0 * -1) !important;
  }

  .z-0 {
    z-index: 0 !important;
  }

  .z-1 {
    z-index: 1 !important;
  }

  .z-10 {
    z-index: 10 !important;
  }

  .z-20 {
    z-index: 20 !important;
  }

  .z-30 {
    z-index: 30 !important;
  }

  .z-40 {
    z-index: 40 !important;
  }

  .z-50 {
    z-index: 50 !important;
  }

  .z-60 {
    z-index: 60 !important;
  }

  .z-70 {
    z-index: 70 !important;
  }

  .z-500 {
    z-index: 500 !important;
  }

  .z-1083 {
    z-index: 1083 !important;
  }

  .z-1110 {
    z-index: 1110 !important;
  }

  .z-1111 {
    z-index: 1111 !important;
  }

  .z-1200\! {
    z-index: 1200 !important;
  }

  .z-2221 {
    z-index: 2221 !important;
  }

  .z-2222 {
    z-index: 2222 !important;
  }

  .z-3000 {
    z-index: 3000 !important;
  }

  .z-9999 {
    z-index: 9999 !important;
  }

  .z-11111 {
    z-index: 11111 !important;
  }

  .z-99999 {
    z-index: 99999 !important;
  }

  .z-\[1\] {
    z-index: 1 !important;
  }

  .z-\[2\] {
    z-index: 2 !important;
  }

  .z-\[3\] {
    z-index: 3 !important;
  }

  .z-\[4\] {
    z-index: 4 !important;
  }

  .z-\[5\] {
    z-index: 5 !important;
  }

  .z-\[60\] {
    z-index: 60 !important;
  }

  .z-\[70\] {
    z-index: 70 !important;
  }

  .z-\[80\] {
    z-index: 80 !important;
  }

  .z-\[90\] {
    z-index: 90 !important;
  }

  .z-\[110\] {
    z-index: 110 !important;
  }

  .z-\[199\] {
    z-index: 199 !important;
  }

  .z-\[200\] {
    z-index: 200 !important;
  }

  .z-\[999\] {
    z-index: 999 !important;
  }

  .z-\[1000\] {
    z-index: 1000 !important;
  }

  .z-\[1050\] {
    z-index: 1050 !important;
  }

  .z-\[1200\] {
    z-index: 1200 !important;
  }

  .z-\[2300\] {
    z-index: 2300 !important;
  }

  .z-\[9000\] {
    z-index: 9000 !important;
  }

  .z-\[9990\] {
    z-index: 9990 !important;
  }

  .z-\[9998\] {
    z-index: 9998 !important;
  }

  .z-\[9999\] {
    z-index: 9999 !important;
  }

  .z-\[10000\] {
    z-index: 10000 !important;
  }

  .z-\[10001\] {
    z-index: 10001 !important;
  }

  .z-\[10002\] {
    z-index: 10002 !important;
  }

  .z-\[10050\] {
    z-index: 10050 !important;
  }

  .z-\[105000\] {
    z-index: 105000 !important;
  }

  .z-\[105001\] {
    z-index: 105001 !important;
  }

  .z-\[200000\] {
    z-index: 200000 !important;
  }

  .z-\[200001\] {
    z-index: 200001 !important;
  }

  .z-\[999999\] {
    z-index: 999999 !important;
  }

  .z-\[9999999\] {
    z-index: 9999999 !important;
  }

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

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

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

  .col-span-1 {
    grid-column: span 1 / span 1 !important;
  }

  .col-span-2 {
    grid-column: span 2 / span 2 !important;
  }

  .col-span-3 {
    grid-column: span 3 / span 3 !important;
  }

  .col-span-4 {
    grid-column: span 4 / span 4 !important;
  }

  .col-span-6 {
    grid-column: span 6 / span 6 !important;
  }

  .col-span-8 {
    grid-column: span 8 / span 8 !important;
  }

  .col-span-12 {
    grid-column: span 12 / span 12 !important;
  }

  .col-span-full {
    grid-column: 1 / -1 !important;
  }

  .float-left {
    float: left !important;
  }

  .float-right {
    float: right !important;
  }

  .clear-both {
    clear: both !important;
  }

  .container {
    width: 100% !important;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem !important;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem !important;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem !important;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem !important;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem !important;
    }
  }

  .-m-1 {
    margin: calc(var(--spacing) * -1) !important;
  }

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

  .m-2 {
    margin: calc(var(--spacing) * 2) !important;
  }

  .m-4 {
    margin: calc(var(--spacing) * 4) !important;
  }

  .m-12 {
    margin: calc(var(--spacing) * 12) !important;
  }

  .m-33 {
    margin: calc(var(--spacing) * 33) !important;
  }

  .m-79 {
    margin: calc(var(--spacing) * 79) !important;
  }

  .m-86 {
    margin: calc(var(--spacing) * 86) !important;
  }

  .m-158 {
    margin: calc(var(--spacing) * 158) !important;
  }

  .m-261 {
    margin: calc(var(--spacing) * 261) !important;
  }

  .m-309 {
    margin: calc(var(--spacing) * 309) !important;
  }

  .m-429 {
    margin: calc(var(--spacing) * 429) !important;
  }

  .m-464 {
    margin: calc(var(--spacing) * 464) !important;
  }

  .m-1435 {
    margin: calc(var(--spacing) * 1435) !important;
  }

  .m-1790 {
    margin: calc(var(--spacing) * 1790) !important;
  }

  .m-2143 {
    margin: calc(var(--spacing) * 2143) !important;
  }

  .m-2333 {
    margin: calc(var(--spacing) * 2333) !important;
  }

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

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1) !important;
  }

  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2) !important;
  }

  .-mx-3 {
    margin-inline: calc(var(--spacing) * -3) !important;
  }

  .-mx-5 {
    margin-inline: calc(var(--spacing) * -5) !important;
  }

  .container {
    margin-inline: auto !important;
  }

  .mx-0\! {
    margin-inline: 0 !important;
  }

  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * .5) !important;
  }

  .mx-1 {
    margin-inline: var(--spacing) !important;
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2) !important;
  }

  .mx-3 {
    margin-inline: calc(var(--spacing) * 3) !important;
  }

  .mx-4 {
    margin-inline: calc(var(--spacing) * 4) !important;
  }

  .mx-6 {
    margin-inline: calc(var(--spacing) * 6) !important;
  }

  .mx-auto {
    margin-inline: auto !important;
  }

  .\!my-0 {
    margin-block: 0 !important;
  }

  .\!my-2 {
    margin-block: calc(var(--spacing) * 2) !important;
  }

  .-my-2 {
    margin-block: calc(var(--spacing) * -2) !important;
  }

  .-my-5 {
    margin-block: calc(var(--spacing) * -5) !important;
  }

  .my-0 {
    margin-block: 0 !important;
  }

  .my-1 {
    margin-block: var(--spacing) !important;
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2) !important;
  }

  .my-3 {
    margin-block: calc(var(--spacing) * 3) !important;
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4) !important;
  }

  .my-5 {
    margin-block: calc(var(--spacing) * 5) !important;
  }

  .my-6 {
    margin-block: calc(var(--spacing) * 6) !important;
  }

  .my-8 {
    margin-block: calc(var(--spacing) * 8) !important;
  }

  .my-10 {
    margin-block: calc(var(--spacing) * 10) !important;
  }

  .my-auto {
    margin-block: auto !important;
  }

  .ms-0\.5 {
    margin-inline-start: calc(var(--spacing) * .5) !important;
  }

  .ms-1 {
    margin-inline-start: var(--spacing) !important;
  }

  .ms-2 {
    margin-inline-start: calc(var(--spacing) * 2) !important;
  }

  .ms-2\.5 {
    margin-inline-start: calc(var(--spacing) * 2.5) !important;
  }

  .ms-3 {
    margin-inline-start: calc(var(--spacing) * 3) !important;
  }

  .ms-4 {
    margin-inline-start: calc(var(--spacing) * 4) !important;
  }

  .ms-5 {
    margin-inline-start: calc(var(--spacing) * 5) !important;
  }

  .ms-6 {
    margin-inline-start: calc(var(--spacing) * 6) !important;
  }

  .ms-auto {
    margin-inline-start: auto !important;
  }

  .-me-1 {
    margin-inline-end: calc(var(--spacing) * -1) !important;
  }

  .-me-2 {
    margin-inline-end: calc(var(--spacing) * -2) !important;
  }

  .-me-3\.5 {
    margin-inline-end: calc(var(--spacing) * -3.5) !important;
  }

  .me-1 {
    margin-inline-end: var(--spacing) !important;
  }

  .me-1\.5 {
    margin-inline-end: calc(var(--spacing) * 1.5) !important;
  }

  .me-2 {
    margin-inline-end: calc(var(--spacing) * 2) !important;
  }

  .me-3 {
    margin-inline-end: calc(var(--spacing) * 3) !important;
  }

  .me-4 {
    margin-inline-end: calc(var(--spacing) * 4) !important;
  }

  .me-auto {
    margin-inline-end: auto !important;
  }

  .m-safe {
    margin-top: env(safe-area-inset-top) !important;
    margin-bottom: env(safe-area-inset-bottom) !important;
    margin-left: env(safe-area-inset-left) !important;
    margin-right: env(safe-area-inset-right) !important;
  }

  .prose {
    color: var(--tw-prose-body) !important;
    max-width: 65ch !important;
  }

  .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em !important;
    margin-bottom: 1.25em !important;
  }

  .prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-lead) !important;
    margin-top: 1.2em !important;
    margin-bottom: 1.2em !important;
    font-size: 1.25em !important;
    line-height: 1.6 !important;
  }

  .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-links) !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
  }

  .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-bold) !important;
    font-weight: 600 !important;
  }

  .prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit !important;
  }

  .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em !important;
    margin-bottom: 1.25em !important;
    padding-inline-start: 1.625em !important;
    list-style-type: decimal !important;
  }

  .prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha !important;
  }

  .prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha !important;
  }

  .prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha !important;
  }

  .prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha !important;
  }

  .prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman !important;
  }

  .prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman !important;
  }

  .prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman !important;
  }

  .prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman !important;
  }

  .prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: decimal !important;
  }

  .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em !important;
    margin-bottom: 1.25em !important;
    padding-inline-start: 1.625em !important;
    list-style-type: disc !important;
  }

  .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-counters) !important;
    font-weight: 400 !important;
  }

  .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-bullets) !important;
  }

  .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings) !important;
    margin-top: 1.25em !important;
    font-weight: 600 !important;
  }

  .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-color: var(--tw-prose-hr) !important;
    border-top-width: 1px !important;
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }

  .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-quotes) !important;
    border-inline-start-width: .25rem !important;
    border-inline-start-color: var(--tw-prose-quote-borders) !important;
    quotes: "“""”""‘""’" !important;
    margin-top: 1.6em !important;
    margin-bottom: 1.6em !important;
    padding-inline-start: 1em !important;
    font-style: italic !important;
    font-weight: 500 !important;
  }

  .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before {
    content: open-quote !important;
  }

  .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: close-quote !important;
  }

  .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings) !important;
    margin-top: 0 !important;
    margin-bottom: .888889em !important;
    font-size: 2.25em !important;
    font-weight: 800 !important;
    line-height: 1.11111 !important;
  }

  .prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit !important;
    font-weight: 900 !important;
  }

  .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings) !important;
    margin-top: 2em !important;
    margin-bottom: 1em !important;
    font-size: 1.5em !important;
    font-weight: 700 !important;
    line-height: 1.33333 !important;
  }

  .prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit !important;
    font-weight: 800 !important;
  }

  .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings) !important;
    margin-top: 1.6em !important;
    margin-bottom: .6em !important;
    font-size: 1.25em !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
  }

  .prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit !important;
    font-weight: 700 !important;
  }

  .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings) !important;
    margin-top: 1.5em !important;
    margin-bottom: .5em !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
  }

  .prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit !important;
    font-weight: 700 !important;
  }

  .prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
  }

  .prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
    display: block !important;
  }

  .prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
  }

  .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-kbd) !important;
    box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows) !important;
    padding-top: .1875em !important;
    padding-inline-end: .375em !important;
    padding-bottom: .1875em !important;
    border-radius: .3125rem !important;
    padding-inline-start: .375em !important;
    font-family: inherit !important;
    font-size: .875em !important;
    font-weight: 500 !important;
  }

  .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-code) !important;
    font-size: .875em !important;
    font-weight: 600 !important;
  }

  .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: "`" !important;
  }

  .prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit !important;
  }

  .prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit !important;
    font-size: .875em !important;
  }

  .prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit !important;
    font-size: .9em !important;
  }

  .prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit !important;
  }

  .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-pre-code) !important;
    background-color: var(--tw-prose-pre-bg) !important;
    padding-top: .857143em !important;
    padding-inline-end: 1.14286em !important;
    padding-bottom: .857143em !important;
    border-radius: .375rem !important;
    margin-top: 1.71429em !important;
    margin-bottom: 1.71429em !important;
    padding-inline-start: 1.14286em !important;
    font-size: .875em !important;
    font-weight: 400 !important;
    line-height: 1.71429 !important;
    overflow-x: auto !important;
  }

  .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: inherit !important;
    color: inherit !important;
    font-size: inherit !important;
    font-family: inherit !important;
    line-height: inherit !important;
    background-color: #0000 !important;
    border-width: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }

  .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: none !important;
  }

  .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    table-layout: auto !important;
    width: 100% !important;
    margin-top: 2em !important;
    margin-bottom: 2em !important;
    font-size: .875em !important;
    line-height: 1.71429 !important;
  }

  .prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px !important;
    border-bottom-color: var(--tw-prose-th-borders) !important;
  }

  .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings) !important;
    vertical-align: bottom !important;
    padding-inline-end: .571429em !important;
    padding-bottom: .571429em !important;
    padding-inline-start: .571429em !important;
    font-weight: 600 !important;
  }

  .prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px !important;
    border-bottom-color: var(--tw-prose-td-borders) !important;
  }

  .prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 0 !important;
  }

  .prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: baseline !important;
  }

  .prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-top-width: 1px !important;
    border-top-color: var(--tw-prose-th-borders) !important;
  }

  .prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: top !important;
  }

  .prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    text-align: start !important;
  }

  .prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-captions) !important;
    margin-top: .857143em !important;
    font-size: .875em !important;
    line-height: 1.42857 !important;
  }

  .prose {
    --tw-prose-body: oklch(37.3% .034 259.733) !important;
    --tw-prose-headings: oklch(21% .034 264.665) !important;
    --tw-prose-lead: oklch(44.6% .03 256.802) !important;
    --tw-prose-links: oklch(21% .034 264.665) !important;
    --tw-prose-bold: oklch(21% .034 264.665) !important;
    --tw-prose-counters: oklch(55.1% .027 264.364) !important;
    --tw-prose-bullets: oklch(87.2% .01 258.338) !important;
    --tw-prose-hr: oklch(92.8% .006 264.531) !important;
    --tw-prose-quotes: oklch(21% .034 264.665) !important;
    --tw-prose-quote-borders: oklch(92.8% .006 264.531) !important;
    --tw-prose-captions: oklch(55.1% .027 264.364) !important;
    --tw-prose-kbd: oklch(21% .034 264.665) !important;
    --tw-prose-kbd-shadows: oklab(21% -.00316127 -.0338527 / .1) !important;
    --tw-prose-code: oklch(21% .034 264.665) !important;
    --tw-prose-pre-code: oklch(92.8% .006 264.531) !important;
    --tw-prose-pre-bg: oklch(27.8% .033 256.848) !important;
    --tw-prose-th-borders: oklch(87.2% .01 258.338) !important;
    --tw-prose-td-borders: oklch(92.8% .006 264.531) !important;
    --tw-prose-invert-body: oklch(87.2% .01 258.338) !important;
    --tw-prose-invert-headings: #fff !important;
    --tw-prose-invert-lead: oklch(70.7% .022 261.325) !important;
    --tw-prose-invert-links: #fff !important;
    --tw-prose-invert-bold: #fff !important;
    --tw-prose-invert-counters: oklch(70.7% .022 261.325) !important;
    --tw-prose-invert-bullets: oklch(44.6% .03 256.802) !important;
    --tw-prose-invert-hr: oklch(37.3% .034 259.733) !important;
    --tw-prose-invert-quotes: oklch(96.7% .003 264.542) !important;
    --tw-prose-invert-quote-borders: oklch(37.3% .034 259.733) !important;
    --tw-prose-invert-captions: oklch(70.7% .022 261.325) !important;
    --tw-prose-invert-kbd: #fff !important;
    --tw-prose-invert-kbd-shadows: #ffffff1a !important;
    --tw-prose-invert-code: #fff !important;
    --tw-prose-invert-pre-code: oklch(87.2% .01 258.338) !important;
    --tw-prose-invert-pre-bg: #00000080 !important;
    --tw-prose-invert-th-borders: oklch(44.6% .03 256.802) !important;
    --tw-prose-invert-td-borders: oklch(37.3% .034 259.733) !important;
    font-size: 1rem !important;
    line-height: 1.75 !important;
  }

  .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .5em !important;
    margin-bottom: .5em !important;
  }

  .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: .375em !important;
  }

  .prose :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75em !important;
    margin-bottom: .75em !important;
  }

  .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em !important;
  }

  .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em !important;
  }

  .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em !important;
  }

  .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em !important;
  }

  .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75em !important;
    margin-bottom: .75em !important;
  }

  .prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em !important;
    margin-bottom: 1.25em !important;
  }

  .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .5em !important;
    padding-inline-start: 1.625em !important;
  }

  .prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0 !important;
  }

  .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0 !important;
  }

  .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0 !important;
  }

  .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .571429em !important;
    padding-inline-end: .571429em !important;
    padding-bottom: .571429em !important;
    padding-inline-start: .571429em !important;
  }

  .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0 !important;
  }

  .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0 !important;
  }

  .prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
  }

  .prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0 !important;
  }

  .prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 0 !important;
  }

  .prose-sm {
    font-size: .875rem !important;
    line-height: 1.71429 !important;
  }

  .prose-sm :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em !important;
    margin-bottom: 1.14286em !important;
  }

  .prose-sm :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .888889em !important;
    margin-bottom: .888889em !important;
    font-size: 1.28571em !important;
    line-height: 1.55556 !important;
  }

  .prose-sm :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.33333em !important;
    margin-bottom: 1.33333em !important;
    padding-inline-start: 1.11111em !important;
  }

  .prose-sm :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0 !important;
    margin-bottom: .8em !important;
    font-size: 2.14286em !important;
    line-height: 1.2 !important;
  }

  .prose-sm :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.6em !important;
    margin-bottom: .8em !important;
    font-size: 1.42857em !important;
    line-height: 1.4 !important;
  }

  .prose-sm :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.55556em !important;
    margin-bottom: .444444em !important;
    font-size: 1.28571em !important;
    line-height: 1.55556 !important;
  }

  .prose-sm :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.42857em !important;
    margin-bottom: .571429em !important;
    line-height: 1.42857 !important;
  }

  .prose-sm :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.71429em !important;
    margin-bottom: 1.71429em !important;
  }

  .prose-sm :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .prose-sm :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.71429em !important;
    margin-bottom: 1.71429em !important;
  }

  .prose-sm :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .142857em !important;
    padding-inline-end: .357143em !important;
    padding-bottom: .142857em !important;
    border-radius: .3125rem !important;
    padding-inline-start: .357143em !important;
    font-size: .857143em !important;
  }

  .prose-sm :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .857143em !important;
  }

  .prose-sm :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .9em !important;
  }

  .prose-sm :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .888889em !important;
  }

  .prose-sm :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .666667em !important;
    padding-inline-end: 1em !important;
    padding-bottom: .666667em !important;
    border-radius: .25rem !important;
    margin-top: 1.66667em !important;
    margin-bottom: 1.66667em !important;
    padding-inline-start: 1em !important;
    font-size: .857143em !important;
    line-height: 1.66667 !important;
  }

  .prose-sm :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em !important;
    margin-bottom: 1.14286em !important;
    padding-inline-start: 1.57143em !important;
  }

  .prose-sm :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .285714em !important;
    margin-bottom: .285714em !important;
  }

  .prose-sm :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: .428571em !important;
  }

  .prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .571429em !important;
    margin-bottom: .571429em !important;
  }

  .prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em !important;
  }

  .prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.14286em !important;
  }

  .prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em !important;
  }

  .prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.14286em !important;
  }

  .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .571429em !important;
    margin-bottom: .571429em !important;
  }

  .prose-sm :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em !important;
    margin-bottom: 1.14286em !important;
  }

  .prose-sm :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em !important;
  }

  .prose-sm :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .285714em !important;
    padding-inline-start: 1.57143em !important;
  }

  .prose-sm :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2.85714em !important;
    margin-bottom: 2.85714em !important;
  }

  .prose-sm :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0 !important;
  }

  .prose-sm :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .857143em !important;
    line-height: 1.5 !important;
  }

  .prose-sm :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 1em !important;
    padding-bottom: .666667em !important;
    padding-inline-start: 1em !important;
  }

  .prose-sm :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0 !important;
  }

  .prose-sm :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0 !important;
  }

  .prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .666667em !important;
    padding-inline-end: 1em !important;
    padding-bottom: .666667em !important;
    padding-inline-start: 1em !important;
  }

  .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0 !important;
  }

  .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0 !important;
  }

  .prose-sm :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.71429em !important;
    margin-bottom: 1.71429em !important;
  }

  .prose-sm :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .prose-sm :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .666667em !important;
    font-size: .857143em !important;
    line-height: 1.33333 !important;
  }

  .prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0 !important;
  }

  .prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 0 !important;
  }

  .my-2-safe {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }

  @supports (margin: max(0px)) {
    .my-2-safe {
      margin-top: max(.5rem, env(safe-area-inset-top)) !important;
      margin-bottom: max(.5rem, env(safe-area-inset-bottom)) !important;
    }
  }

  .my-safe {
    margin-top: env(safe-area-inset-top) !important;
    margin-bottom: env(safe-area-inset-bottom) !important;
  }

  .\!mt-0 {
    margin-top: 0 !important;
  }

  .-mt-1 {
    margin-top: calc(var(--spacing) * -1) !important;
  }

  .-mt-2 {
    margin-top: calc(var(--spacing) * -2) !important;
  }

  .-mt-3 {
    margin-top: calc(var(--spacing) * -3) !important;
  }

  .-mt-8 {
    margin-top: calc(var(--spacing) * -8) !important;
  }

  .-mt-10 {
    margin-top: calc(var(--spacing) * -10) !important;
  }

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

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5) !important;
  }

  .mt-1 {
    margin-top: var(--spacing) !important;
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5) !important;
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2) !important;
  }

  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5) !important;
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3) !important;
  }

  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5) !important;
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4) !important;
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5) !important;
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6) !important;
  }

  .mt-7 {
    margin-top: calc(var(--spacing) * 7) !important;
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8) !important;
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10) !important;
  }

  .mt-12 {
    margin-top: calc(var(--spacing) * 12) !important;
  }

  .mt-16 {
    margin-top: calc(var(--spacing) * 16) !important;
  }

  .mt-20 {
    margin-top: calc(var(--spacing) * 20) !important;
  }

  .mt-30 {
    margin-top: calc(var(--spacing) * 30) !important;
  }

  .mt-40 {
    margin-top: calc(var(--spacing) * 40) !important;
  }

  .mt-auto {
    margin-top: auto !important;
  }

  .mt-px {
    margin-top: 1px !important;
  }

  .mt-safe {
    margin-top: env(safe-area-inset-top) !important;
  }

  .mx-4-safe {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  @supports (margin: max(0px)) {
    .mx-4-safe {
      margin-left: max(1rem, env(safe-area-inset-left)) !important;
      margin-right: max(1rem, env(safe-area-inset-right)) !important;
    }
  }

  .mx-safe {
    margin-left: env(safe-area-inset-left) !important;
    margin-right: env(safe-area-inset-right) !important;
  }

  .-mr-3 {
    margin-right: calc(var(--spacing) * -3) !important;
  }

  .mr-1 {
    margin-right: var(--spacing) !important;
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2) !important;
  }

  .mr-3 {
    margin-right: calc(var(--spacing) * 3) !important;
  }

  .mr-5 {
    margin-right: calc(var(--spacing) * 5) !important;
  }

  .mr-10 {
    margin-right: calc(var(--spacing) * 10) !important;
  }

  .mr-auto {
    margin-right: auto !important;
  }

  .mr-safe {
    margin-right: env(safe-area-inset-right) !important;
  }

  .\!mb-0 {
    margin-bottom: 0 !important;
  }

  .-mb-px {
    margin-bottom: -1px !important;
  }

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

  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * .5) !important;
  }

  .mb-1 {
    margin-bottom: var(--spacing) !important;
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5) !important;
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2) !important;
  }

  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5) !important;
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3) !important;
  }

  .mb-3\.5 {
    margin-bottom: calc(var(--spacing) * 3.5) !important;
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4) !important;
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5) !important;
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6) !important;
  }

  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7) !important;
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8) !important;
  }

  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10) !important;
  }

  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12) !important;
  }

  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16) !important;
  }

  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20) !important;
  }

  .mb-30 {
    margin-bottom: calc(var(--spacing) * 30) !important;
  }

  .mb-safe {
    margin-bottom: env(safe-area-inset-bottom) !important;
  }

  .\!ml-2 {
    margin-left: calc(var(--spacing) * 2) !important;
  }

  .-ml-2 {
    margin-left: calc(var(--spacing) * -2) !important;
  }

  .ml-1 {
    margin-left: var(--spacing) !important;
  }

  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5) !important;
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2) !important;
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3) !important;
  }

  .ml-5 {
    margin-left: calc(var(--spacing) * 5) !important;
  }

  .ml-10 {
    margin-left: calc(var(--spacing) * 10) !important;
  }

  .ml-auto {
    margin-left: auto !important;
  }

  .ml-safe {
    margin-left: env(safe-area-inset-left) !important;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    display: -webkit-box !important;
    overflow: hidden !important;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    display: -webkit-box !important;
    overflow: hidden !important;
  }

  .line-clamp-3 {
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    display: -webkit-box !important;
    overflow: hidden !important;
  }

  .line-clamp-4 {
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    display: -webkit-box !important;
    overflow: hidden !important;
  }

  .line-clamp-6 {
    -webkit-line-clamp: 6 !important;
    -webkit-box-orient: vertical !important;
    display: -webkit-box !important;
    overflow: hidden !important;
  }

  .\!block, .block {
    display: block !important;
  }

  .contents {
    display: contents !important;
  }

  .flex {
    display: flex !important;
  }

  .grid {
    display: grid !important;
  }

  .hidden {
    display: none !important;
  }

  .inline {
    display: inline !important;
  }

  .inline-block {
    display: inline-block !important;
  }

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

  .inline-table {
    display: inline-table !important;
  }

  .table {
    display: table !important;
  }

  .aspect-10\/16 {
    aspect-ratio: 10 / 16 !important;
  }

  .aspect-\[9\/16\] {
    aspect-ratio: 9 / 16 !important;
  }

  .aspect-\[16\/9\] {
    aspect-ratio: 16 / 9 !important;
  }

  .aspect-\[18\/5\] {
    aspect-ratio: 18 / 5 !important;
  }

  .aspect-\[21\/9\] {
    aspect-ratio: 21 / 9 !important;
  }

  .aspect-\[135\/75\] {
    aspect-ratio: 135 / 75 !important;
  }

  .aspect-square {
    aspect-ratio: 1 !important;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video) !important;
  }

  .size-12 {
    width: calc(var(--spacing) * 12) !important;
    height: calc(var(--spacing) * 12) !important;
  }

  .size-40 {
    width: calc(var(--spacing) * 40) !important;
    height: calc(var(--spacing) * 40) !important;
  }

  .size-full {
    width: 100% !important;
    height: 100% !important;
  }

  .\!h-12 {
    height: calc(var(--spacing) * 12) !important;
  }

  .\!h-\[1\.75em\] {
    height: 1.75em !important;
  }

  .\!h-\[2\.5em\] {
    height: 2.5em !important;
  }

  .\!h-\[250px\] {
    height: 250px !important;
  }

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

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

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

  .h-0\.5 {
    height: calc(var(--spacing) * .5) !important;
  }

  .h-1 {
    height: var(--spacing) !important;
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5) !important;
  }

  .h-1\/2 {
    height: 50% !important;
  }

  .h-2 {
    height: calc(var(--spacing) * 2) !important;
  }

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5) !important;
  }

  .h-3 {
    height: calc(var(--spacing) * 3) !important;
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5) !important;
  }

  .h-3\.25 {
    height: calc(var(--spacing) * 3.25) !important;
  }

  .h-3\.75 {
    height: calc(var(--spacing) * 3.75) !important;
  }

  .h-4 {
    height: calc(var(--spacing) * 4) !important;
  }

  .h-4\.5 {
    height: calc(var(--spacing) * 4.5) !important;
  }

  .h-5 {
    height: calc(var(--spacing) * 5) !important;
  }

  .h-6, .h-6\! {
    height: calc(var(--spacing) * 6) !important;
  }

  .h-6\.5 {
    height: calc(var(--spacing) * 6.5) !important;
  }

  .h-7 {
    height: calc(var(--spacing) * 7) !important;
  }

  .h-8, .h-8\! {
    height: calc(var(--spacing) * 8) !important;
  }

  .h-9 {
    height: calc(var(--spacing) * 9) !important;
  }

  .h-9\.5 {
    height: calc(var(--spacing) * 9.5) !important;
  }

  .h-10, .h-10\! {
    height: calc(var(--spacing) * 10) !important;
  }

  .h-11 {
    height: calc(var(--spacing) * 11) !important;
  }

  .h-12, .h-12\! {
    height: calc(var(--spacing) * 12) !important;
  }

  .h-14, .h-14\! {
    height: calc(var(--spacing) * 14) !important;
  }

  .h-15 {
    height: calc(var(--spacing) * 15) !important;
  }

  .h-16 {
    height: calc(var(--spacing) * 16) !important;
  }

  .h-18 {
    height: calc(var(--spacing) * 18) !important;
  }

  .h-20 {
    height: calc(var(--spacing) * 20) !important;
  }

  .h-23 {
    height: calc(var(--spacing) * 23) !important;
  }

  .h-24 {
    height: calc(var(--spacing) * 24) !important;
  }

  .h-25 {
    height: calc(var(--spacing) * 25) !important;
  }

  .h-28, .h-28\! {
    height: calc(var(--spacing) * 28) !important;
  }

  .h-30 {
    height: calc(var(--spacing) * 30) !important;
  }

  .h-32 {
    height: calc(var(--spacing) * 32) !important;
  }

  .h-35 {
    height: calc(var(--spacing) * 35) !important;
  }

  .h-36 {
    height: calc(var(--spacing) * 36) !important;
  }

  .h-40 {
    height: calc(var(--spacing) * 40) !important;
  }

  .h-44 {
    height: calc(var(--spacing) * 44) !important;
  }

  .h-45 {
    height: calc(var(--spacing) * 45) !important;
  }

  .h-48 {
    height: calc(var(--spacing) * 48) !important;
  }

  .h-50 {
    height: calc(var(--spacing) * 50) !important;
  }

  .h-56 {
    height: calc(var(--spacing) * 56) !important;
  }

  .h-57\.5 {
    height: calc(var(--spacing) * 57.5) !important;
  }

  .h-64 {
    height: calc(var(--spacing) * 64) !important;
  }

  .h-72 {
    height: calc(var(--spacing) * 72) !important;
  }

  .h-80 {
    height: calc(var(--spacing) * 80) !important;
  }

  .h-96 {
    height: calc(var(--spacing) * 96) !important;
  }

  .h-100 {
    height: calc(var(--spacing) * 100) !important;
  }

  .h-140 {
    height: calc(var(--spacing) * 140) !important;
  }

  .h-\[1\.75em\] {
    height: 1.75em !important;
  }

  .h-\[2\.5rem\] {
    height: 2.5rem !important;
  }

  .h-\[7px\] {
    height: 7px !important;
  }

  .h-\[14px\] {
    height: 14px !important;
  }

  .h-\[18px\] {
    height: 18px !important;
  }

  .h-\[19px\] {
    height: 19px !important;
  }

  .h-\[20px\] {
    height: 20px !important;
  }

  .h-\[21px\] {
    height: 21px !important;
  }

  .h-\[22px\] {
    height: 22px !important;
  }

  .h-\[24\%\] {
    height: 24% !important;
  }

  .h-\[26px\] {
    height: 26px !important;
  }

  .h-\[28px\] {
    height: 28px !important;
  }

  .h-\[30px\] {
    height: 30px !important;
  }

  .h-\[34px\] {
    height: 34px !important;
  }

  .h-\[37px\] {
    height: 37px !important;
  }

  .h-\[42px\] {
    height: 42px !important;
  }

  .h-\[50px\] {
    height: 50px !important;
  }

  .h-\[58px\] {
    height: 58px !important;
  }

  .h-\[65px\] {
    height: 65px !important;
  }

  .h-\[66px\] {
    height: 66px !important;
  }

  .h-\[70px\] {
    height: 70px !important;
  }

  .h-\[72dvh\] {
    height: 72dvh !important;
  }

  .h-\[81px\] {
    height: 81px !important;
  }

  .h-\[86px\] {
    height: 86px !important;
  }

  .h-\[88px\] {
    height: 88px !important;
  }

  .h-\[96px\] {
    height: 96px !important;
  }

  .h-\[100dvh\] {
    height: 100dvh !important;
  }

  .h-\[100px\], .h-\[100px\]\! {
    height: 100px !important;
  }

  .h-\[100vh\] {
    height: 100vh !important;
  }

  .h-\[102px\] {
    height: 102px !important;
  }

  .h-\[110px\] {
    height: 110px !important;
  }

  .h-\[118px\] {
    height: 118px !important;
  }

  .h-\[125\%\] {
    height: 125% !important;
  }

  .h-\[140px\] {
    height: 140px !important;
  }

  .h-\[145px\] {
    height: 145px !important;
  }

  .h-\[150px\] {
    height: 150px !important;
  }

  .h-\[160px\] {
    height: 160px !important;
  }

  .h-\[170px\] {
    height: 170px !important;
  }

  .h-\[172px\] {
    height: 172px !important;
  }

  .h-\[180px\] {
    height: 180px !important;
  }

  .h-\[200px\] {
    height: 200px !important;
  }

  .h-\[220px\] {
    height: 220px !important;
  }

  .h-\[240\%\] {
    height: 240% !important;
  }

  .h-\[250px\] {
    height: 250px !important;
  }

  .h-\[260px\] {
    height: 260px !important;
  }

  .h-\[280px\] {
    height: 280px !important;
  }

  .h-\[300px\] {
    height: 300px !important;
  }

  .h-\[320px\] {
    height: 320px !important;
  }

  .h-\[420px\] {
    height: 420px !important;
  }

  .h-\[560px\] {
    height: 560px !important;
  }

  .h-\[698\.53px\] {
    height: 698.53px !important;
  }

  .h-\[calc\(92dvh-72px\)\] {
    height: calc(92dvh - 72px) !important;
  }

  .h-\[calc\(100\%\+1px\)\] {
    height: calc(100% + 1px) !important;
  }

  .h-\[calc\(100\%\+1rem\)\] {
    height: calc(100% + 1rem) !important;
  }

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

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

  .h-px {
    height: 1px !important;
  }

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

  .max-h-0 {
    max-height: 0 !important;
  }

  .max-h-7 {
    max-height: calc(var(--spacing) * 7) !important;
  }

  .max-h-12 {
    max-height: calc(var(--spacing) * 12) !important;
  }

  .max-h-16 {
    max-height: calc(var(--spacing) * 16) !important;
  }

  .max-h-28 {
    max-height: calc(var(--spacing) * 28) !important;
  }

  .max-h-32 {
    max-height: calc(var(--spacing) * 32) !important;
  }

  .max-h-40 {
    max-height: calc(var(--spacing) * 40) !important;
  }

  .max-h-46 {
    max-height: calc(var(--spacing) * 46) !important;
  }

  .max-h-48 {
    max-height: calc(var(--spacing) * 48) !important;
  }

  .max-h-50 {
    max-height: calc(var(--spacing) * 50) !important;
  }

  .max-h-52 {
    max-height: calc(var(--spacing) * 52) !important;
  }

  .max-h-56 {
    max-height: calc(var(--spacing) * 56) !important;
  }

  .max-h-60 {
    max-height: calc(var(--spacing) * 60) !important;
  }

  .max-h-64 {
    max-height: calc(var(--spacing) * 64) !important;
  }

  .max-h-68 {
    max-height: calc(var(--spacing) * 68) !important;
  }

  .max-h-72 {
    max-height: calc(var(--spacing) * 72) !important;
  }

  .max-h-80 {
    max-height: calc(var(--spacing) * 80) !important;
  }

  .max-h-96 {
    max-height: calc(var(--spacing) * 96) !important;
  }

  .max-h-98 {
    max-height: calc(var(--spacing) * 98) !important;
  }

  .max-h-100 {
    max-height: calc(var(--spacing) * 100) !important;
  }

  .max-h-120 {
    max-height: calc(var(--spacing) * 120) !important;
  }

  .max-h-\[40px\] {
    max-height: 40px !important;
  }

  .max-h-\[55vh\] {
    max-height: 55vh !important;
  }

  .max-h-\[60vh\] {
    max-height: 60vh !important;
  }

  .max-h-\[62vh\] {
    max-height: 62vh !important;
  }

  .max-h-\[65vh\] {
    max-height: 65vh !important;
  }

  .max-h-\[68vh\] {
    max-height: 68vh !important;
  }

  .max-h-\[70vh\] {
    max-height: 70vh !important;
  }

  .max-h-\[72vh\] {
    max-height: 72vh !important;
  }

  .max-h-\[75vh\] {
    max-height: 75vh !important;
  }

  .max-h-\[80vh\] {
    max-height: 80vh !important;
  }

  .max-h-\[85vh\] {
    max-height: 85vh !important;
  }

  .max-h-\[90vh\] {
    max-height: 90vh !important;
  }

  .max-h-\[92vh\] {
    max-height: 92vh !important;
  }

  .max-h-\[96px\] {
    max-height: 96px !important;
  }

  .max-h-\[100dvh\] {
    max-height: 100dvh !important;
  }

  .max-h-\[320px\] {
    max-height: 320px !important;
  }

  .max-h-\[350px\] {
    max-height: 350px !important;
  }

  .max-h-\[360px\] {
    max-height: 360px !important;
  }

  .max-h-\[420px\] {
    max-height: 420px !important;
  }

  .max-h-\[520px\] {
    max-height: 520px !important;
  }

  .max-h-\[540px\] {
    max-height: 540px !important;
  }

  .max-h-\[1000px\] {
    max-height: 1000px !important;
  }

  .max-h-\[calc\(100vh-2rem\)\] {
    max-height: calc(100vh - 2rem) !important;
  }

  .max-h-dvh {
    max-height: 100dvh !important;
  }

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

  .max-h-none {
    max-height: none !important;
  }

  .min-h-0 {
    min-height: 0 !important;
  }

  .min-h-5\.5 {
    min-height: calc(var(--spacing) * 5.5) !important;
  }

  .min-h-10 {
    min-height: calc(var(--spacing) * 10) !important;
  }

  .min-h-11 {
    min-height: calc(var(--spacing) * 11) !important;
  }

  .min-h-12 {
    min-height: calc(var(--spacing) * 12) !important;
  }

  .min-h-16 {
    min-height: calc(var(--spacing) * 16) !important;
  }

  .min-h-23 {
    min-height: calc(var(--spacing) * 23) !important;
  }

  .min-h-24 {
    min-height: calc(var(--spacing) * 24) !important;
  }

  .min-h-28 {
    min-height: calc(var(--spacing) * 28) !important;
  }

  .min-h-32 {
    min-height: calc(var(--spacing) * 32) !important;
  }

  .min-h-37 {
    min-height: calc(var(--spacing) * 37) !important;
  }

  .min-h-40 {
    min-height: calc(var(--spacing) * 40) !important;
  }

  .min-h-42\.5 {
    min-height: calc(var(--spacing) * 42.5) !important;
  }

  .min-h-48 {
    min-height: calc(var(--spacing) * 48) !important;
  }

  .min-h-54 {
    min-height: calc(var(--spacing) * 54) !important;
  }

  .min-h-55 {
    min-height: calc(var(--spacing) * 55) !important;
  }

  .min-h-60 {
    min-height: calc(var(--spacing) * 60) !important;
  }

  .min-h-72 {
    min-height: calc(var(--spacing) * 72) !important;
  }

  .min-h-75 {
    min-height: calc(var(--spacing) * 75) !important;
  }

  .min-h-80 {
    min-height: calc(var(--spacing) * 80) !important;
  }

  .min-h-98 {
    min-height: calc(var(--spacing) * 98) !important;
  }

  .min-h-100 {
    min-height: calc(var(--spacing) * 100) !important;
  }

  .min-h-150 {
    min-height: calc(var(--spacing) * 150) !important;
  }

  .min-h-\[2rem\] {
    min-height: 2rem !important;
  }

  .min-h-\[8rem\] {
    min-height: 8rem !important;
  }

  .min-h-\[16px\] {
    min-height: 16px !important;
  }

  .min-h-\[18px\] {
    min-height: 18px !important;
  }

  .min-h-\[32px\] {
    min-height: 32px !important;
  }

  .min-h-\[34px\] {
    min-height: 34px !important;
  }

  .min-h-\[42px\] {
    min-height: 42px !important;
  }

  .min-h-\[44px\] {
    min-height: 44px !important;
  }

  .min-h-\[58px\] {
    min-height: 58px !important;
  }

  .min-h-\[62px\] {
    min-height: 62px !important;
  }

  .min-h-\[80vh\] {
    min-height: 80vh !important;
  }

  .min-h-\[92px\] {
    min-height: 92px !important;
  }

  .min-h-\[110px\] {
    min-height: 110px !important;
  }

  .min-h-\[120px\] {
    min-height: 120px !important;
  }

  .min-h-\[130px\] {
    min-height: 130px !important;
  }

  .min-h-\[140px\] {
    min-height: 140px !important;
  }

  .min-h-\[150px\] {
    min-height: 150px !important;
  }

  .min-h-\[168px\] {
    min-height: 168px !important;
  }

  .min-h-\[180px\] {
    min-height: 180px !important;
  }

  .min-h-\[220px\] {
    min-height: 220px !important;
  }

  .min-h-\[225px\] {
    min-height: 225px !important;
  }

  .min-h-\[230px\] {
    min-height: 230px !important;
  }

  .min-h-\[240px\] {
    min-height: 240px !important;
  }

  .min-h-\[250px\] {
    min-height: 250px !important;
  }

  .min-h-\[260px\] {
    min-height: 260px !important;
  }

  .min-h-\[300px\] {
    min-height: 300px !important;
  }

  .min-h-\[360px\] {
    min-height: 360px !important;
  }

  .min-h-\[400px\] {
    min-height: 400px !important;
  }

  .min-h-\[420px\] {
    min-height: 420px !important;
  }

  .min-h-\[500px\] {
    min-height: 500px !important;
  }

  .min-h-\[calc\(100vh-80px\)\] {
    min-height: calc(100vh - 80px) !important;
  }

  .min-h-\[calc\(100vh-88px\)\] {
    min-height: calc(100vh - 88px) !important;
  }

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

  .\!w-26 {
    width: calc(var(--spacing) * 26) !important;
  }

  .\!w-\[150px\] {
    width: 150px !important;
  }

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

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

  .w-0\.5 {
    width: calc(var(--spacing) * .5) !important;
  }

  .w-0\.75 {
    width: calc(var(--spacing) * .75) !important;
  }

  .w-1 {
    width: var(--spacing) !important;
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5) !important;
  }

  .w-1\/2 {
    width: 50% !important;
  }

  .w-1\/3 {
    width: 33.3333% !important;
  }

  .w-1\/4 {
    width: 25% !important;
  }

  .w-2 {
    width: calc(var(--spacing) * 2) !important;
  }

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5) !important;
  }

  .w-2\/3 {
    width: 66.6667% !important;
  }

  .w-2\/5 {
    width: 40% !important;
  }

  .w-3 {
    width: calc(var(--spacing) * 3) !important;
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5) !important;
  }

  .w-3\.25 {
    width: calc(var(--spacing) * 3.25) !important;
  }

  .w-3\.75 {
    width: calc(var(--spacing) * 3.75) !important;
  }

  .w-3\/4 {
    width: 75% !important;
  }

  .w-4 {
    width: calc(var(--spacing) * 4) !important;
  }

  .w-4\.5 {
    width: calc(var(--spacing) * 4.5) !important;
  }

  .w-4\/5 {
    width: 80% !important;
  }

  .w-4\/6 {
    width: 66.6667% !important;
  }

  .w-5 {
    width: calc(var(--spacing) * 5) !important;
  }

  .w-5\/6 {
    width: 83.3333% !important;
  }

  .w-5\/12 {
    width: 41.6667% !important;
  }

  .w-6, .w-6\! {
    width: calc(var(--spacing) * 6) !important;
  }

  .w-6\.5 {
    width: calc(var(--spacing) * 6.5) !important;
  }

  .w-7 {
    width: calc(var(--spacing) * 7) !important;
  }

  .w-7\/12 {
    width: 58.3333% !important;
  }

  .w-8, .w-8\! {
    width: calc(var(--spacing) * 8) !important;
  }

  .w-8\/12 {
    width: 66.6667% !important;
  }

  .w-9 {
    width: calc(var(--spacing) * 9) !important;
  }

  .w-9\/12 {
    width: 75% !important;
  }

  .w-10, .w-10\! {
    width: calc(var(--spacing) * 10) !important;
  }

  .w-10\/12 {
    width: 83.3333% !important;
  }

  .w-11 {
    width: calc(var(--spacing) * 11) !important;
  }

  .w-11\/12 {
    width: 91.6667% !important;
  }

  .w-12, .w-12\! {
    width: calc(var(--spacing) * 12) !important;
  }

  .w-14, .w-14\! {
    width: calc(var(--spacing) * 14) !important;
  }

  .w-15 {
    width: calc(var(--spacing) * 15) !important;
  }

  .w-16 {
    width: calc(var(--spacing) * 16) !important;
  }

  .w-18 {
    width: calc(var(--spacing) * 18) !important;
  }

  .w-20 {
    width: calc(var(--spacing) * 20) !important;
  }

  .w-23 {
    width: calc(var(--spacing) * 23) !important;
  }

  .w-24 {
    width: calc(var(--spacing) * 24) !important;
  }

  .w-25 {
    width: calc(var(--spacing) * 25) !important;
  }

  .w-28, .w-28\! {
    width: calc(var(--spacing) * 28) !important;
  }

  .w-30 {
    width: calc(var(--spacing) * 30) !important;
  }

  .w-32 {
    width: calc(var(--spacing) * 32) !important;
  }

  .w-36 {
    width: calc(var(--spacing) * 36) !important;
  }

  .w-40 {
    width: calc(var(--spacing) * 40) !important;
  }

  .w-44 {
    width: calc(var(--spacing) * 44) !important;
  }

  .w-45 {
    width: calc(var(--spacing) * 45) !important;
  }

  .w-48 {
    width: calc(var(--spacing) * 48) !important;
  }

  .w-50 {
    width: calc(var(--spacing) * 50) !important;
  }

  .w-52 {
    width: calc(var(--spacing) * 52) !important;
  }

  .w-56 {
    width: calc(var(--spacing) * 56) !important;
  }

  .w-60 {
    width: calc(var(--spacing) * 60) !important;
  }

  .w-64 {
    width: calc(var(--spacing) * 64) !important;
  }

  .w-70 {
    width: calc(var(--spacing) * 70) !important;
  }

  .w-72 {
    width: calc(var(--spacing) * 72) !important;
  }

  .w-75 {
    width: calc(var(--spacing) * 75) !important;
  }

  .w-80 {
    width: calc(var(--spacing) * 80) !important;
  }

  .w-82\.5 {
    width: calc(var(--spacing) * 82.5) !important;
  }

  .w-90 {
    width: calc(var(--spacing) * 90) !important;
  }

  .w-100 {
    width: calc(var(--spacing) * 100) !important;
  }

  .w-120 {
    width: calc(var(--spacing) * 120) !important;
  }

  .w-\[3px\] {
    width: 3px !important;
  }

  .w-\[5px\] {
    width: 5px !important;
  }

  .w-\[7px\] {
    width: 7px !important;
  }

  .w-\[8\%\] {
    width: 8% !important;
  }

  .w-\[12px\] {
    width: 12px !important;
  }

  .w-\[14\%\] {
    width: 14% !important;
  }

  .w-\[14px\] {
    width: 14px !important;
  }

  .w-\[16\%\] {
    width: 16% !important;
  }

  .w-\[18px\] {
    width: 18px !important;
  }

  .w-\[19px\] {
    width: 19px !important;
  }

  .w-\[20\%\] {
    width: 20% !important;
  }

  .w-\[22\%\] {
    width: 22% !important;
  }

  .w-\[26px\] {
    width: 26px !important;
  }

  .w-\[34px\] {
    width: 34px !important;
  }

  .w-\[42\%\] {
    width: 42% !important;
  }

  .w-\[44px\] {
    width: 44px !important;
  }

  .w-\[46px\] {
    width: 46px !important;
  }

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

  .w-\[50px\] {
    width: 50px !important;
  }

  .w-\[52px\] {
    width: 52px !important;
  }

  .w-\[55\%\] {
    width: 55% !important;
  }

  .w-\[58px\] {
    width: 58px !important;
  }

  .w-\[58vw\] {
    width: 58vw !important;
  }

  .w-\[60\%\] {
    width: 60% !important;
  }

  .w-\[70\%\] {
    width: 70% !important;
  }

  .w-\[70px\] {
    width: 70px !important;
  }

  .w-\[74\%\] {
    width: 74% !important;
  }

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

  .w-\[80\%\] {
    width: 80% !important;
  }

  .w-\[85\%\] {
    width: 85% !important;
  }

  .w-\[85px\] {
    width: 85px !important;
  }

  .w-\[86px\] {
    width: 86px !important;
  }

  .w-\[90\%\] {
    width: 90% !important;
  }

  .w-\[90px\], .w-\[90px\]\! {
    width: 90px !important;
  }

  .w-\[92\%\] {
    width: 92% !important;
  }

  .w-\[92px\] {
    width: 92px !important;
  }

  .w-\[95\%\] {
    width: 95% !important;
  }

  .w-\[96px\] {
    width: 96px !important;
  }

  .w-\[100px\], .w-\[100px\]\! {
    width: 100px !important;
  }

  .w-\[105px\] {
    width: 105px !important;
  }

  .w-\[110px\] {
    width: 110px !important;
  }

  .w-\[112px\] {
    width: 112px !important;
  }

  .w-\[116px\] {
    width: 116px !important;
  }

  .w-\[118px\] {
    width: 118px !important;
  }

  .w-\[120px\] {
    width: 120px !important;
  }

  .w-\[124px\] {
    width: 124px !important;
  }

  .w-\[140px\] {
    width: 140px !important;
  }

  .w-\[145px\] {
    width: 145px !important;
  }

  .w-\[160\%\] {
    width: 160% !important;
  }

  .w-\[160px\] {
    width: 160px !important;
  }

  .w-\[170px\] {
    width: 170px !important;
  }

  .w-\[172px\] {
    width: 172px !important;
  }

  .w-\[180px\] {
    width: 180px !important;
  }

  .w-\[200px\] {
    width: 200px !important;
  }

  .w-\[240\%\] {
    width: 240% !important;
  }

  .w-\[240px\] {
    width: 240px !important;
  }

  .w-\[250px\] {
    width: 250px !important;
  }

  .w-\[310px\] {
    width: 310px !important;
  }

  .w-\[320px\] {
    width: 320px !important;
  }

  .w-\[340px\] {
    width: 340px !important;
  }

  .w-\[351\.95px\] {
    width: 351.95px !important;
  }

  .w-\[400px\] {
    width: 400px !important;
  }

  .w-\[480px\] {
    width: 480px !important;
  }

  .w-\[calc\(50\%-10px\)\] {
    width: calc(50% - 10px) !important;
  }

  .w-\[calc\(100\%\+70px\)\] {
    width: calc(100% + 70px) !important;
  }

  .w-\[min\(92vw\,26rem\)\] {
    width: min(92vw, 26rem) !important;
  }

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

  .w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }

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

  .w-px {
    width: 1px !important;
  }

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

  .max-w-1\/2 {
    max-width: 50% !important;
  }

  .max-w-1\/3 {
    max-width: 33.3333% !important;
  }

  .max-w-2xl {
    max-width: 42rem !important;
  }

  .max-w-3xl {
    max-width: 48rem !important;
  }

  .max-w-4xl {
    max-width: 56rem !important;
  }

  .max-w-5\/12 {
    max-width: 41.6667% !important;
  }

  .max-w-5xl {
    max-width: 64rem !important;
  }

  .max-w-6xl {
    max-width: 72rem !important;
  }

  .max-w-7xl {
    max-width: 80rem !important;
  }

  .max-w-30 {
    max-width: calc(var(--spacing) * 30) !important;
  }

  .max-w-32 {
    max-width: calc(var(--spacing) * 32) !important;
  }

  .max-w-40 {
    max-width: calc(var(--spacing) * 40) !important;
  }

  .max-w-52 {
    max-width: calc(var(--spacing) * 52) !important;
  }

  .max-w-60 {
    max-width: calc(var(--spacing) * 60) !important;
  }

  .max-w-70 {
    max-width: calc(var(--spacing) * 70) !important;
  }

  .max-w-75 {
    max-width: calc(var(--spacing) * 75) !important;
  }

  .max-w-80 {
    max-width: calc(var(--spacing) * 80) !important;
  }

  .max-w-90 {
    max-width: calc(var(--spacing) * 90) !important;
  }

  .max-w-125 {
    max-width: calc(var(--spacing) * 125) !important;
  }

  .max-w-\[9rem\] {
    max-width: 9rem !important;
  }

  .max-w-\[12rem\] {
    max-width: 12rem !important;
  }

  .max-w-\[14rem\] {
    max-width: 14rem !important;
  }

  .max-w-\[18ch\] {
    max-width: 18ch !important;
  }

  .max-w-\[26ch\] {
    max-width: 26ch !important;
  }

  .max-w-\[50vw\] {
    max-width: 50vw !important;
  }

  .max-w-\[70\%\] {
    max-width: 70% !important;
  }

  .max-w-\[85\%\] {
    max-width: 85% !important;
  }

  .max-w-\[92\%\] {
    max-width: 92% !important;
  }

  .max-w-\[95vw\] {
    max-width: 95vw !important;
  }

  .max-w-\[110px\] {
    max-width: 110px !important;
  }

  .max-w-\[120px\] {
    max-width: 120px !important;
  }

  .max-w-\[160px\] {
    max-width: 160px !important;
  }

  .max-w-\[170px\] {
    max-width: 170px !important;
  }

  .max-w-\[180px\] {
    max-width: 180px !important;
  }

  .max-w-\[190px\] {
    max-width: 190px !important;
  }

  .max-w-\[200px\] {
    max-width: 200px !important;
  }

  .max-w-\[210px\] {
    max-width: 210px !important;
  }

  .max-w-\[220px\] {
    max-width: 220px !important;
  }

  .max-w-\[240px\] {
    max-width: 240px !important;
  }

  .max-w-\[260px\] {
    max-width: 260px !important;
  }

  .max-w-\[270px\] {
    max-width: 270px !important;
  }

  .max-w-\[280px\] {
    max-width: 280px !important;
  }

  .max-w-\[300px\] {
    max-width: 300px !important;
  }

  .max-w-\[320px\] {
    max-width: 320px !important;
  }

  .max-w-\[340px\] {
    max-width: 340px !important;
  }

  .max-w-\[360px\] {
    max-width: 360px !important;
  }

  .max-w-\[380px\] {
    max-width: 380px !important;
  }

  .max-w-\[406px\] {
    max-width: 406px !important;
  }

  .max-w-\[420px\] {
    max-width: 420px !important;
  }

  .max-w-\[440px\] {
    max-width: 440px !important;
  }

  .max-w-\[490px\] {
    max-width: 490px !important;
  }

  .max-w-\[560px\] {
    max-width: 560px !important;
  }

  .max-w-\[900px\] {
    max-width: 900px !important;
  }

  .max-w-\[1440px\] {
    max-width: 1440px !important;
  }

  .max-w-\[1514px\] {
    max-width: 1514px !important;
  }

  .max-w-\[calc\(100vw-4rem\)\] {
    max-width: calc(100vw - 4rem) !important;
  }

  .max-w-\[calc\(100vw-32px\)\] {
    max-width: calc(100vw - 32px) !important;
  }

  .max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }

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

  .max-w-lg {
    max-width: 32rem !important;
  }

  .max-w-md {
    max-width: 28rem !important;
  }

  .max-w-none {
    max-width: none !important;
  }

  .max-w-screen-sm {
    max-width: var(--breakpoint-sm) !important;
  }

  .max-w-sm {
    max-width: 24rem !important;
  }

  .max-w-xl {
    max-width: 36rem !important;
  }

  .max-w-xs {
    max-width: 20rem !important;
  }

  .min-w-0, .min-w-0\! {
    min-width: 0 !important;
  }

  .min-w-4 {
    min-width: calc(var(--spacing) * 4) !important;
  }

  .min-w-4\.5 {
    min-width: calc(var(--spacing) * 4.5) !important;
  }

  .min-w-5 {
    min-width: calc(var(--spacing) * 5) !important;
  }

  .min-w-6 {
    min-width: calc(var(--spacing) * 6) !important;
  }

  .min-w-9 {
    min-width: calc(var(--spacing) * 9) !important;
  }

  .min-w-11 {
    min-width: calc(var(--spacing) * 11) !important;
  }

  .min-w-15 {
    min-width: calc(var(--spacing) * 15) !important;
  }

  .min-w-22 {
    min-width: calc(var(--spacing) * 22) !important;
  }

  .min-w-24 {
    min-width: calc(var(--spacing) * 24) !important;
  }

  .min-w-30 {
    min-width: calc(var(--spacing) * 30) !important;
  }

  .min-w-34 {
    min-width: calc(var(--spacing) * 34) !important;
  }

  .min-w-40 {
    min-width: calc(var(--spacing) * 40) !important;
  }

  .min-w-48 {
    min-width: calc(var(--spacing) * 48) !important;
  }

  .min-w-50 {
    min-width: calc(var(--spacing) * 50) !important;
  }

  .min-w-55 {
    min-width: calc(var(--spacing) * 55) !important;
  }

  .min-w-56 {
    min-width: calc(var(--spacing) * 56) !important;
  }

  .min-w-145 {
    min-width: calc(var(--spacing) * 145) !important;
  }

  .min-w-215 {
    min-width: calc(var(--spacing) * 215) !important;
  }

  .min-w-\[1\.25rem\] {
    min-width: 1.25rem !important;
  }

  .min-w-\[1ch\] {
    min-width: 1ch !important;
  }

  .min-w-\[1rem\] {
    min-width: 1rem !important;
  }

  .min-w-\[2\.5rem\] {
    min-width: 2.5rem !important;
  }

  .min-w-\[2rem\] {
    min-width: 2rem !important;
  }

  .min-w-\[3\.5rem\] {
    min-width: 3.5rem !important;
  }

  .min-w-\[18px\] {
    min-width: 18px !important;
  }

  .min-w-\[20px\] {
    min-width: 20px !important;
  }

  .min-w-\[22px\] {
    min-width: 22px !important;
  }

  .min-w-\[24px\] {
    min-width: 24px !important;
  }

  .min-w-\[28px\] {
    min-width: 28px !important;
  }

  .min-w-\[28rem\] {
    min-width: 28rem !important;
  }

  .min-w-\[34rem\] {
    min-width: 34rem !important;
  }

  .min-w-\[36px\] {
    min-width: 36px !important;
  }

  .min-w-\[36rem\] {
    min-width: 36rem !important;
  }

  .min-w-\[40rem\] {
    min-width: 40rem !important;
  }

  .min-w-\[44px\] {
    min-width: 44px !important;
  }

  .min-w-\[52px\] {
    min-width: 52px !important;
  }

  .min-w-\[70px\] {
    min-width: 70px !important;
  }

  .min-w-\[80px\] {
    min-width: 80px !important;
  }

  .min-w-\[88px\] {
    min-width: 88px !important;
  }

  .min-w-\[90px\] {
    min-width: 90px !important;
  }

  .min-w-\[100px\] {
    min-width: 100px !important;
  }

  .min-w-\[110px\] {
    min-width: 110px !important;
  }

  .min-w-\[120px\] {
    min-width: 120px !important;
  }

  .min-w-\[130px\] {
    min-width: 130px !important;
  }

  .min-w-\[140px\] {
    min-width: 140px !important;
  }

  .min-w-\[142px\] {
    min-width: 142px !important;
  }

  .min-w-\[150px\] {
    min-width: 150px !important;
  }

  .min-w-\[160px\] {
    min-width: 160px !important;
  }

  .min-w-\[170px\] {
    min-width: 170px !important;
  }

  .min-w-\[180px\] {
    min-width: 180px !important;
  }

  .min-w-\[190px\] {
    min-width: 190px !important;
  }

  .min-w-\[200px\] {
    min-width: 200px !important;
  }

  .min-w-\[220px\] {
    min-width: 220px !important;
  }

  .min-w-\[240px\] {
    min-width: 240px !important;
  }

  .min-w-\[250px\] {
    min-width: 250px !important;
  }

  .min-w-\[260px\] {
    min-width: 260px !important;
  }

  .min-w-\[280px\] {
    min-width: 280px !important;
  }

  .min-w-\[600px\] {
    min-width: 600px !important;
  }

  .min-w-\[760px\] {
    min-width: 760px !important;
  }

  .min-w-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }

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

  .min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }

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

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

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

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

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

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

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

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

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

  .basis-1\/3 {
    flex-basis: 33.3333% !important;
  }

  .basis-2\/3 {
    flex-basis: 66.6667% !important;
  }

  .table-auto {
    table-layout: auto !important;
  }

  .table-fixed {
    table-layout: fixed !important;
  }

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

  .origin-top-left {
    transform-origin: 0 0 !important;
  }

  .origin-top-right {
    transform-origin: 100% 0 !important;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .-translate-x-full {
    --tw-translate-x: -100% !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .translate-x-0 {
    --tw-translate-x: 0px !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .translate-x-0\.5 {
    --tw-translate-x: calc(var(--spacing) * .5) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .translate-x-\[2px\] {
    --tw-translate-x: 2px !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .translate-x-\[26px\] {
    --tw-translate-x: 26px !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .translate-x-\[30px\] {
    --tw-translate-x: 30px !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .translate-x-full {
    --tw-translate-x: 100% !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .translate-y-safe.translate-y-safe, .translate-y-safe.translate-y-safe {
    translate: var(--tw-translate-x) calc(var(--tw-translate-y) + env(safe-area-inset-bottom)) !important;
  }

  .translate-y-safe {
    --tw-translate-y: calc(var(--tw-translate-y, 0px) + env(safe-area-inset-bottom)) !important;
  }

  .-translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .-translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * -2) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .-translate-y-2\.5 {
    --tw-translate-y: calc(var(--spacing) * -2.5) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .translate-y-0 {
    --tw-translate-y: 0px !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .translate-y-1 {
    --tw-translate-y: var(--spacing) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * 2) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .translate-y-2\.5 {
    --tw-translate-y: calc(var(--spacing) * 2.5) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .translate-y-\[-8px\] {
    --tw-translate-y: -8px !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .translate-y-safe-bottom.translate-y-safe-bottom {
    translate: var(--tw-translate-x) calc(var(--tw-translate-y) + env(safe-area-inset-bottom)) !important;
  }

  .translate-y-safe-top.translate-y-safe-top {
    translate: var(--tw-translate-x) calc(var(--tw-translate-y) + env(safe-area-inset-top)) !important;
  }

  .translate-x-safe {
    --tw-translate-x: calc(var(--tw-translate-x, 0px) + env(safe-area-inset-left)) !important;
  }

  [dir="rtl"] .translate-x-safe, .translate-x-safe-end {
    --tw-translate-x: calc(var(--tw-translate-x, 0px) + env(safe-area-inset-right)) !important;
  }

  [dir="rtl"] .translate-x-safe-end, .translate-x-safe-start {
    --tw-translate-x: calc(var(--tw-translate-x, 0px) + env(safe-area-inset-left)) !important;
  }

  [dir="rtl"] .translate-x-safe-start {
    --tw-translate-x: calc(var(--tw-translate-x, 0px) + env(safe-area-inset-right)) !important;
  }

  .scale-95 {
    --tw-scale-x: 95% !important;
    --tw-scale-y: 95% !important;
    --tw-scale-z: 95% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }

  .scale-100 {
    --tw-scale-x: 100% !important;
    --tw-scale-y: 100% !important;
    --tw-scale-z: 100% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }

  .scale-105 {
    --tw-scale-x: 105% !important;
    --tw-scale-y: 105% !important;
    --tw-scale-z: 105% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }

  .scale-110 {
    --tw-scale-x: 110% !important;
    --tw-scale-y: 110% !important;
    --tw-scale-z: 110% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }

  .scale-125 {
    --tw-scale-x: 125% !important;
    --tw-scale-y: 125% !important;
    --tw-scale-z: 125% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }

  .scale-x-\[-1\] {
    --tw-scale-x: -1 !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }

  .scale-\[0\.88\] {
    scale: .88 !important;
  }

  .-rotate-28 {
    rotate: -28deg !important;
  }

  .-rotate-45 {
    rotate: -45deg !important;
  }

  .-rotate-90 {
    rotate: -90deg !important;
  }

  .-rotate-180 {
    rotate: -180deg !important;
  }

  .rotate-0 {
    rotate: 0deg !important;
  }

  .rotate-28 {
    rotate: 28deg !important;
  }

  .rotate-45 {
    rotate: 45deg !important;
  }

  .rotate-90 {
    rotate: 90deg !important;
  }

  .rotate-180 {
    rotate: 180deg !important;
  }

  .rotate-\[-18deg\] {
    rotate: -18deg !important;
  }

  .rotate-\[28deg\] {
    rotate: 28deg !important;
  }

  .skew-x-15 {
    --tw-skew-x: skewX(15deg) !important;
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) !important;
  }

  .skew-x-\[-15deg\] {
    --tw-skew-x: skewX(-15deg) !important;
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) !important;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) !important;
  }

  .animate-bounce {
    animation: var(--animate-bounce) !important;
  }

  .animate-fade-down {
    animation: var(--animate-fade-down) !important;
  }

  .animate-fade-up {
    animation: var(--animate-fade-up) !important;
  }

  .animate-ping {
    animation: var(--animate-ping) !important;
  }

  .animate-pulse {
    animation: var(--animate-pulse) !important;
  }

  .animate-spin {
    animation: var(--animate-spin) !important;
  }

  .cursor-default {
    cursor: default !important;
  }

  .cursor-grab {
    cursor: grab !important;
  }

  .cursor-grabbing {
    cursor: grabbing !important;
  }

  .cursor-help {
    cursor: help !important;
  }

  .cursor-move {
    cursor: move !important;
  }

  .cursor-not-allowed {
    cursor: not-allowed !important;
  }

  .cursor-pointer {
    cursor: pointer !important;
  }

  .cursor-text {
    cursor: text !important;
  }

  .cursor-wait {
    cursor: wait !important;
  }

  .cursor-zoom-in {
    cursor: zoom-in !important;
  }

  .touch-pan-y {
    --tw-pan-y: pan-y !important;
    touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, ) !important;
  }

  .resize {
    resize: both !important;
  }

  .resize-none {
    resize: none !important;
  }

  .resize-y {
    resize: vertical !important;
  }

  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness) !important;
  }

  .snap-y {
    scroll-snap-type: y var(--tw-scroll-snap-strictness) !important;
  }

  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory !important;
  }

  .snap-start {
    scroll-snap-align: start !important;
  }

  .snap-always {
    scroll-snap-stop: always !important;
  }

  .scroll-mt-28 {
    scroll-margin-top: calc(var(--spacing) * 28) !important;
  }

  .scrollbar-thin {
    scrollbar-width: thin !important;
  }

  .scrollbar-thumb-primary-200 {
    --tw-scrollbar-thumb: var(--brand-200) !important;
    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track) !important;
  }

  .scrollbar-track-transparent {
    --tw-scrollbar-track: transparent !important;
    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track) !important;
  }

  .list-decimal {
    list-style-type: decimal !important;
  }

  .list-disc {
    list-style-type: disc !important;
  }

  .list-none {
    list-style-type: none !important;
  }

  .appearance-none {
    -webkit-appearance: none !important;
       -moz-appearance: none !important;
            appearance: none !important;
  }

  .grid-flow-col {
    grid-auto-flow: column !important;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }

  .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }

  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }

  .grid-cols-\[1fr_1\.3fr_1fr_1fr_1\.5fr_96px\] {
    grid-template-columns: 1fr 1.3fr 1fr 1fr 1.5fr 96px !important;
  }

  .grid-cols-\[1fr_1\.4fr_1\.4fr_1\.5fr_80px\] {
    grid-template-columns: 1fr 1.4fr 1.4fr 1.5fr 80px !important;
  }

  .grid-cols-\[1fr_1\.4fr_1fr_80px\] {
    grid-template-columns: 1fr 1.4fr 1fr 80px !important;
  }

  .grid-cols-\[1fr_1fr_1\.5fr_auto\] {
    grid-template-columns: 1fr 1fr 1.5fr auto !important;
  }

  .grid-cols-\[1fr_2fr\] {
    grid-template-columns: 1fr 2fr !important;
  }

  .grid-cols-\[1fr_5fr\] {
    grid-template-columns: 1fr 5fr !important;
  }

  .grid-cols-\[2fr_1fr_1fr_2fr_5rem\] {
    grid-template-columns: 2fr 1fr 1fr 2fr 5rem !important;
  }

  .grid-cols-\[5rem_1fr_0\.75rem_1fr\] {
    grid-template-columns: 5rem 1fr .75rem 1fr !important;
  }

  .grid-cols-\[32px_1fr_32px\] {
    grid-template-columns: 32px 1fr 32px !important;
  }

  .grid-cols-\[32px_minmax\(0\,1fr\)_28px\] {
    grid-template-columns: 32px minmax(0, 1fr) 28px !important;
  }

  .grid-cols-\[64px_1fr\] {
    grid-template-columns: 64px 1fr !important;
  }

  .grid-cols-\[72px_minmax\(0\,1fr\)_minmax\(0\,1\.2fr\)\] {
    grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1.2fr) !important;
  }

  .grid-cols-\[140px_minmax\(0\,1fr\)\] {
    grid-template-columns: 140px minmax(0, 1fr) !important;
  }

  .grid-cols-\[160px_minmax\(0\,1fr\)\] {
    grid-template-columns: 160px minmax(0, 1fr) !important;
  }

  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr !important;
  }

  .grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(0\,1fr\)_120px\] {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) 120px !important;
  }

  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr !important;
  }

  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5) !important;
  }

  .gap-1 {
    gap: var(--spacing) !important;
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5) !important;
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2) !important;
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5) !important;
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3) !important;
  }

  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5) !important;
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4) !important;
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5) !important;
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6) !important;
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8) !important;
  }

  .gap-\[6px\] {
    gap: 6px !important;
  }

  .gap-\[10px\] {
    gap: 10px !important;
  }

  .gap-px {
    gap: 1px !important;
  }

  :where(.space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block: 0 !important;
  }

  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse))) !important;
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse))) !important;
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))) !important;
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important;
  }

  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))) !important;
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) !important;
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) !important;
  }

  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))) !important;
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) !important;
  }

  :where(.space-y-7 > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse))) !important;
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))) !important;
  }

  :where(.space-y-10 > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))) !important;
  }

  :where(.space-y-20 > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse))) !important;
  }

  .gap-x-1 {
    -moz-column-gap: var(--spacing) !important;
         column-gap: var(--spacing) !important;
  }

  .gap-x-1\.5 {
    -moz-column-gap: calc(var(--spacing) * 1.5) !important;
         column-gap: calc(var(--spacing) * 1.5) !important;
  }

  .gap-x-2 {
    -moz-column-gap: calc(var(--spacing) * 2) !important;
         column-gap: calc(var(--spacing) * 2) !important;
  }

  .gap-x-3 {
    -moz-column-gap: calc(var(--spacing) * 3) !important;
         column-gap: calc(var(--spacing) * 3) !important;
  }

  .gap-x-4 {
    -moz-column-gap: calc(var(--spacing) * 4) !important;
         column-gap: calc(var(--spacing) * 4) !important;
  }

  .gap-x-5 {
    -moz-column-gap: calc(var(--spacing) * 5) !important;
         column-gap: calc(var(--spacing) * 5) !important;
  }

  .gap-x-6 {
    -moz-column-gap: calc(var(--spacing) * 6) !important;
         column-gap: calc(var(--spacing) * 6) !important;
  }

  .gap-x-8 {
    -moz-column-gap: calc(var(--spacing) * 8) !important;
         column-gap: calc(var(--spacing) * 8) !important;
  }

  .gap-x-10 {
    -moz-column-gap: calc(var(--spacing) * 10) !important;
         column-gap: calc(var(--spacing) * 10) !important;
  }

  .gap-x-12 {
    -moz-column-gap: calc(var(--spacing) * 12) !important;
         column-gap: calc(var(--spacing) * 12) !important;
  }

  .gap-x-16 {
    -moz-column-gap: calc(var(--spacing) * 16) !important;
         column-gap: calc(var(--spacing) * 16) !important;
  }

  :where(.-space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0 !important;
    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse)) !important;
    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse))) !important;
  }

  :where(.space-x-0\.5 > :not(:last-child)) {
    --tw-space-x-reverse: 0 !important;
    margin-inline-start: calc(calc(var(--spacing) * .5) * var(--tw-space-x-reverse)) !important;
    margin-inline-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-x-reverse))) !important;
  }

  :where(.space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0 !important;
    margin-inline-start: calc(var(--spacing) * var(--tw-space-x-reverse)) !important;
    margin-inline-end: calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse))) !important;
  }

  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0 !important;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)) !important;
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))) !important;
  }

  :where(.space-x-3 > :not(:last-child)) {
    --tw-space-x-reverse: 0 !important;
    margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)) !important;
    margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))) !important;
  }

  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0 !important;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)) !important;
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))) !important;
  }

  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * .5) !important;
  }

  .gap-y-1 {
    row-gap: var(--spacing) !important;
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2) !important;
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3) !important;
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4) !important;
  }

  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5) !important;
  }

  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8) !important;
  }

  :where(.divide-x > :not(:last-child)) {
    --tw-divide-x-reverse: 0 !important;
    border-inline-style: var(--tw-border-style) !important;
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)) !important;
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) !important;
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0 !important;
    border-bottom-style: var(--tw-border-style) !important;
    border-top-style: var(--tw-border-style) !important;
    border-top-width: calc(1px * var(--tw-divide-y-reverse)) !important;
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
  }

  :where(.divide-dashed > :not(:last-child)) {
    --tw-border-style: dashed !important;
    border-style: dashed !important;
  }

  :where(.divide-gray-50 > :not(:last-child)) {
    border-color: var(--gray-50) !important;
  }

  :where(.divide-gray-100 > :not(:last-child)) {
    border-color: var(--gray-100) !important;
  }

  :where(.divide-gray-200 > :not(:last-child)) {
    border-color: var(--gray-200) !important;
  }

  :where(.divide-gray-300 > :not(:last-child)) {
    border-color: var(--gray-300) !important;
  }

  :where(.divide-rose-50 > :not(:last-child)) {
    border-color: var(--rose-50) !important;
  }

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

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

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

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

  .truncate {
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  .\!overflow-visible {
    overflow: visible !important;
  }

  .overflow-auto {
    overflow: auto !important;
  }

  .overflow-clip {
    overflow: clip !important;
  }

  .overflow-hidden, .overflow-hidden\! {
    overflow: hidden !important;
  }

  .overflow-scroll {
    overflow: scroll !important;
  }

  .overflow-visible {
    overflow: visible !important;
  }

  .overflow-x-auto {
    overflow-x: auto !important;
  }

  .overflow-x-hidden {
    overflow-x: hidden !important;
  }

  .overflow-y-auto {
    overflow-y: auto !important;
  }

  .overflow-y-hidden {
    overflow-y: hidden !important;
  }

  .overflow-y-scroll {
    overflow-y: scroll !important;
  }

  .overscroll-contain {
    overscroll-behavior: contain !important;
  }

  .overscroll-none {
    overscroll-behavior: none !important;
  }

  .overscroll-x-contain {
    overscroll-behavior-x: contain !important;
  }

  .overscroll-x-none {
    overscroll-behavior-x: none !important;
  }

  .overscroll-y-contain {
    overscroll-behavior-y: contain !important;
  }

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

  .rounded {
    border-radius: .25rem !important;
  }

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

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

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

  .rounded-\[1\.25rem\] {
    border-radius: 1.25rem !important;
  }

  .rounded-\[1\.75rem\] {
    border-radius: 1.75rem !important;
  }

  .rounded-\[1rem\] {
    border-radius: 1rem !important;
  }

  .rounded-\[2\.5rem\] {
    border-radius: 2.5rem !important;
  }

  .rounded-\[2rem\] {
    border-radius: 2rem !important;
  }

  .rounded-\[3px\] {
    border-radius: 3px !important;
  }

  .rounded-\[6px\] {
    border-radius: 6px !important;
  }

  .rounded-\[8px\] {
    border-radius: 8px !important;
  }

  .rounded-\[10px\] {
    border-radius: 10px !important;
  }

  .rounded-\[20px\] {
    border-radius: 20px !important;
  }

  .rounded-\[22px\] {
    border-radius: 22px !important;
  }

  .rounded-\[24px\] {
    border-radius: 24px !important;
  }

  .rounded-full {
    border-radius: 3.40282e38px !important;
  }

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

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

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

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

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

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

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

  .rounded-s-\[inherit\] {
    border-start-start-radius: inherit !important;
    border-end-start-radius: inherit !important;
  }

  .rounded-s-sm {
    border-start-start-radius: var(--radius-sm) !important;
    border-end-start-radius: var(--radius-sm) !important;
  }

  .rounded-ss-md {
    border-start-start-radius: var(--radius-md) !important;
  }

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

  .rounded-ee-md {
    border-end-end-radius: var(--radius-md) !important;
  }

  .rounded-ee-sm {
    border-end-end-radius: var(--radius-sm) !important;
  }

  .rounded-es-sm {
    border-end-start-radius: var(--radius-sm) !important;
  }

  .rounded-t {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important;
  }

  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl) !important;
    border-top-right-radius: var(--radius-2xl) !important;
  }

  .rounded-t-3xl {
    border-top-left-radius: var(--radius-3xl) !important;
    border-top-right-radius: var(--radius-3xl) !important;
  }

  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg) !important;
    border-top-right-radius: var(--radius-lg) !important;
  }

  .rounded-t-sm {
    border-top-left-radius: var(--radius-sm) !important;
    border-top-right-radius: var(--radius-sm) !important;
  }

  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl) !important;
    border-top-right-radius: var(--radius-xl) !important;
  }

  .rounded-r-2xl {
    border-top-right-radius: var(--radius-2xl) !important;
    border-bottom-right-radius: var(--radius-2xl) !important;
  }

  .rounded-b {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
  }

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

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

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

  .rounded-bl-2xl {
    border-bottom-left-radius: var(--radius-2xl) !important;
  }

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

  .\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }

  .border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }

  .border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }

  .border-2 {
    border-style: var(--tw-border-style) !important;
    border-width: 2px !important;
  }

  .border-3 {
    border-style: var(--tw-border-style) !important;
    border-width: 3px !important;
  }

  .border-4 {
    border-style: var(--tw-border-style) !important;
    border-width: 4px !important;
  }

  .border-\[1\.5px\] {
    border-style: var(--tw-border-style) !important;
    border-width: 1.5px !important;
  }

  .border-\[3px\] {
    border-style: var(--tw-border-style) !important;
    border-width: 3px !important;
  }

  .border-\[5px\] {
    border-style: var(--tw-border-style) !important;
    border-width: 5px !important;
  }

  .border-y {
    border-block-style: var(--tw-border-style) !important;
    border-block-width: 1px !important;
  }

  .border-s {
    border-inline-start-style: var(--tw-border-style) !important;
    border-inline-start-width: 1px !important;
  }

  .border-s-2 {
    border-inline-start-style: var(--tw-border-style) !important;
    border-inline-start-width: 2px !important;
  }

  .border-s-4 {
    border-inline-start-style: var(--tw-border-style) !important;
    border-inline-start-width: 4px !important;
  }

  .border-s-\[3px\] {
    border-inline-start-style: var(--tw-border-style) !important;
    border-inline-start-width: 3px !important;
  }

  .border-e {
    border-inline-end-style: var(--tw-border-style) !important;
    border-inline-end-width: 1px !important;
  }

  .border-t {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 1px !important;
  }

  .border-t-0 {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 0 !important;
  }

  .border-t-2 {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 2px !important;
  }

  .border-r {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 1px !important;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 1px !important;
  }

  .border-b-0 {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0 !important;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 2px !important;
  }

  .border-b-4 {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 4px !important;
  }

  .border-l {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 1px !important;
  }

  .border-l-\[3px\] {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 3px !important;
  }

  .border-dashed {
    --tw-border-style: dashed !important;
    border-style: dashed !important;
  }

  .border-dotted {
    --tw-border-style: dotted !important;
    border-style: dotted !important;
  }

  .border-none {
    --tw-border-style: none !important;
    border-style: none !important;
  }

  .border-\[\#00E396\] {
    border-color: #00e396 !important;
  }

  .border-\[\#9dd3f0\] {
    border-color: #9dd3f0 !important;
  }

  .border-\[\#9ef0da\] {
    border-color: #9ef0da !important;
  }

  .border-\[\#654B78\] {
    border-color: #654b78 !important;
  }

  .border-\[\#B39CD7\] {
    border-color: #b39cd7 !important;
  }

  .border-\[\#C8E6C9\] {
    border-color: #c8e6c9 !important;
  }

  .border-\[\#C99CFF\] {
    border-color: #c99cff !important;
  }

  .border-\[\#D4B3EE\] {
    border-color: #d4b3ee !important;
  }

  .border-\[\#DEC9FF\] {
    border-color: #dec9ff !important;
  }

  .border-\[\#E4D3FA\] {
    border-color: #e4d3fa !important;
  }

  .border-\[\#E9D7F7\] {
    border-color: #e9d7f7 !important;
  }

  .border-\[\#E9DDFC\] {
    border-color: #e9ddfc !important;
  }

  .border-\[\#F1E5FF\] {
    border-color: #f1e5ff !important;
  }

  .border-\[\#FFB800\] {
    border-color: #ffb800 !important;
  }

  .border-\[\#FFCDD2\] {
    border-color: #ffcdd2 !important;
  }

  .border-\[\#FFD1DC\] {
    border-color: #ffd1dc !important;
  }

  .border-\[\#dbdbdb\] {
    border-color: #dbdbdb !important;
  }

  .border-\[\#f5a4bf\] {
    border-color: #f5a4bf !important;
  }

  .border-\[\#fdd49a\] {
    border-color: #fdd49a !important;
  }

  .border-\[var\(--brand-200\)\] {
    border-color: var(--brand-200) !important;
  }

  .border-\[var\(--brand-500\)\] {
    border-color: var(--brand-500) !important;
  }

  .border-amber-100 {
    border-color: var(--color-amber-100) !important;
  }

  .border-amber-200 {
    border-color: var(--color-amber-200) !important;
  }

  .border-amber-300 {
    border-color: var(--color-amber-300) !important;
  }

  .border-amber-500 {
    border-color: var(--color-amber-500) !important;
  }

  .border-black\/10 {
    border-color: var(--black) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/10 {
      border-color: color-mix(in oklab, var(--black) 10%, transparent) !important;
    }
  }

  .border-black\/15 {
    border-color: var(--black) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/15 {
      border-color: color-mix(in oklab, var(--black) 15%, transparent) !important;
    }
  }

  .border-blue-100 {
    border-color: var(--blue-100) !important;
  }

  .border-blue-200 {
    border-color: var(--blue-200) !important;
  }

  .border-blue-300 {
    border-color: var(--blue-300) !important;
  }

  .border-blue-400, .border-blue-400\/40 {
    border-color: var(--blue-400) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-400\/40 {
      border-color: color-mix(in oklab, var(--blue-400) 40%, transparent) !important;
    }
  }

  .border-blue-500 {
    border-color: var(--blue-500) !important;
  }

  .border-blue-700\/40 {
    border-color: var(--blue-700) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-700\/40 {
      border-color: color-mix(in oklab, var(--blue-700) 40%, transparent) !important;
    }
  }

  .border-blue-800\/40 {
    border-color: var(--blue-800) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-800\/40 {
      border-color: color-mix(in oklab, var(--blue-800) 40%, transparent) !important;
    }
  }

  .border-current {
    border-color: currentColor !important;
  }

  .border-default {
    border-color: var(--stroke-primary) !important;
  }

  .border-emerald-100 {
    border-color: var(--success-100) !important;
  }

  .border-emerald-200 {
    border-color: var(--success-200) !important;
  }

  .border-emerald-300 {
    border-color: var(--success-300) !important;
  }

  .border-emerald-400\/40 {
    border-color: var(--success-400) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-400\/40 {
      border-color: color-mix(in oklab, var(--success-400) 40%, transparent) !important;
    }
  }

  .border-emerald-500 {
    border-color: var(--success-500) !important;
  }

  .border-emerald-700\/40 {
    border-color: var(--success-700) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-700\/40 {
      border-color: color-mix(in oklab, var(--success-700) 40%, transparent) !important;
    }
  }

  .border-emerald-800\/40 {
    border-color: var(--success-800) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-800\/40 {
      border-color: color-mix(in oklab, var(--success-800) 40%, transparent) !important;
    }
  }

  .border-error-100 {
    border-color: var(--error-100) !important;
  }

  .border-error-400 {
    border-color: var(--error-400) !important;
  }

  .border-error-500 {
    border-color: var(--error-500) !important;
  }

  .border-error-600 {
    border-color: var(--error-600) !important;
  }

  .border-gray-50 {
    border-color: var(--gray-50) !important;
  }

  .border-gray-100 {
    border-color: var(--gray-100) !important;
  }

  .border-gray-200, .border-gray-200\/70 {
    border-color: var(--gray-200) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-gray-200\/70 {
      border-color: color-mix(in oklab, var(--gray-200) 70%, transparent) !important;
    }
  }

  .border-gray-300 {
    border-color: var(--gray-300) !important;
  }

  .border-gray-400 {
    border-color: var(--gray-400) !important;
  }

  .border-gray-500 {
    border-color: var(--gray-500) !important;
  }

  .border-gray-800 {
    border-color: var(--gray-800) !important;
  }

  .border-green-100 {
    border-color: var(--green-100) !important;
  }

  .border-green-200 {
    border-color: var(--green-200) !important;
  }

  .border-green-300 {
    border-color: var(--green-300) !important;
  }

  .border-green-500 {
    border-color: var(--green-500) !important;
  }

  .border-indigo-100 {
    border-color: var(--color-indigo-100) !important;
  }

  .border-indigo-200 {
    border-color: var(--color-indigo-200) !important;
  }

  .border-indigo-300 {
    border-color: var(--color-indigo-300) !important;
  }

  .border-indigo-400 {
    border-color: var(--color-indigo-400) !important;
  }

  .border-indigo-600 {
    border-color: var(--color-indigo-600) !important;
  }

  .border-neutral-200 {
    border-color: var(--color-neutral-200) !important;
  }

  .border-orange-100 {
    border-color: var(--orange-100) !important;
  }

  .border-orange-200 {
    border-color: var(--orange-200) !important;
  }

  .border-orange-300 {
    border-color: var(--orange-300) !important;
  }

  .border-orange-400, .border-orange-400\/40 {
    border-color: var(--orange-400) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-orange-400\/40 {
      border-color: color-mix(in oklab, var(--orange-400) 40%, transparent) !important;
    }
  }

  .border-orange-700\/40 {
    border-color: var(--orange-700) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-orange-700\/40 {
      border-color: color-mix(in oklab, var(--orange-700) 40%, transparent) !important;
    }
  }

  .border-orange-800\/40 {
    border-color: var(--orange-800) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-orange-800\/40 {
      border-color: color-mix(in oklab, var(--orange-800) 40%, transparent) !important;
    }
  }

  .border-primary-100, .border-primary-100\/50 {
    border-color: var(--brand-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary-100\/50 {
      border-color: color-mix(in oklab, var(--brand-100) 50%, transparent) !important;
    }
  }

  .border-primary-200 {
    border-color: var(--brand-200) !important;
  }

  .border-primary-300 {
    border-color: var(--brand-300) !important;
  }

  .border-primary-400, .border-primary-400\/40 {
    border-color: var(--brand-400) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary-400\/40 {
      border-color: color-mix(in oklab, var(--brand-400) 40%, transparent) !important;
    }
  }

  .border-primary-500 {
    border-color: var(--brand-500) !important;
  }

  .border-primary-600 {
    border-color: var(--brand-600) !important;
  }

  .border-primary-700, .border-primary-700\/40 {
    border-color: var(--brand-700) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary-700\/40 {
      border-color: color-mix(in oklab, var(--brand-700) 40%, transparent) !important;
    }
  }

  .border-primary-800\/40 {
    border-color: var(--brand-800) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary-800\/40 {
      border-color: color-mix(in oklab, var(--brand-800) 40%, transparent) !important;
    }
  }

  .border-purple-100 {
    border-color: var(--purple-100) !important;
  }

  .border-purple-300 {
    border-color: var(--purple-300) !important;
  }

  .border-purple-400, .border-purple-400\/40 {
    border-color: var(--purple-400) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-purple-400\/40 {
      border-color: color-mix(in oklab, var(--purple-400) 40%, transparent) !important;
    }
  }

  .border-purple-700\/40 {
    border-color: var(--purple-700) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-purple-700\/40 {
      border-color: color-mix(in oklab, var(--purple-700) 40%, transparent) !important;
    }
  }

  .border-purple-800\/40 {
    border-color: var(--purple-800) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-purple-800\/40 {
      border-color: color-mix(in oklab, var(--purple-800) 40%, transparent) !important;
    }
  }

  .border-red-100 {
    border-color: var(--color-red-100) !important;
  }

  .border-red-200 {
    border-color: var(--color-red-200) !important;
  }

  .border-red-300 {
    border-color: var(--color-red-300) !important;
  }

  .border-red-500 {
    border-color: var(--color-red-500) !important;
  }

  .border-rose-100 {
    border-color: var(--rose-100) !important;
  }

  .border-rose-200 {
    border-color: var(--rose-200) !important;
  }

  .border-rose-300 {
    border-color: var(--rose-300) !important;
  }

  .border-rose-400, .border-rose-400\/40 {
    border-color: var(--rose-400) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-rose-400\/40 {
      border-color: color-mix(in oklab, var(--rose-400) 40%, transparent) !important;
    }
  }

  .border-rose-500 {
    border-color: var(--rose-500) !important;
  }

  .border-rose-600 {
    border-color: var(--rose-600) !important;
  }

  .border-rose-700\/40 {
    border-color: var(--rose-700) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-rose-700\/40 {
      border-color: color-mix(in oklab, var(--rose-700) 40%, transparent) !important;
    }
  }

  .border-rose-800\/40 {
    border-color: var(--rose-800) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-rose-800\/40 {
      border-color: color-mix(in oklab, var(--rose-800) 40%, transparent) !important;
    }
  }

  .border-secondary {
    border-color: var(--stroke-secondary) !important;
  }

  .border-secondary-300 {
    border-color: var(--rose-300) !important;
  }

  .border-secondary-400 {
    border-color: var(--rose-400) !important;
  }

  .border-secondary-500 {
    border-color: var(--rose-500) !important;
  }

  .border-slate-100 {
    border-color: var(--color-slate-100) !important;
  }

  .border-slate-200 {
    border-color: var(--color-slate-200) !important;
  }

  .border-stc-primary {
    border-color: var(--stc-primary-color) !important;
  }

  .border-stroke-secondary {
    border-color: var(--stroke-secondary) !important;
  }

  .border-stroke-tertiary {
    border-color: var(--stroke-tertiary) !important;
  }

  .border-success-200 {
    border-color: var(--success-200) !important;
  }

  .border-success-400 {
    border-color: var(--success-400) !important;
  }

  .border-success-500 {
    border-color: var(--success-500) !important;
  }

  .border-success-600 {
    border-color: var(--success-600) !important;
  }

  .border-transparent {
    border-color: #0000 !important;
  }

  .border-violet-100 {
    border-color: var(--purple-100) !important;
  }

  .border-warning-200 {
    border-color: var(--warning-200) !important;
  }

  .border-warning-400 {
    border-color: var(--warning-400) !important;
  }

  .border-warning-500 {
    border-color: var(--warning-500) !important;
  }

  .border-white, .border-white\/10 {
    border-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color: color-mix(in oklab, var(--white) 10%, transparent) !important;
    }
  }

  .border-white\/12 {
    border-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/12 {
      border-color: color-mix(in oklab, var(--white) 12%, transparent) !important;
    }
  }

  .border-white\/20 {
    border-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/20 {
      border-color: color-mix(in oklab, var(--white) 20%, transparent) !important;
    }
  }

  .border-white\/25 {
    border-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/25 {
      border-color: color-mix(in oklab, var(--white) 25%, transparent) !important;
    }
  }

  .border-white\/30 {
    border-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/30 {
      border-color: color-mix(in oklab, var(--white) 30%, transparent) !important;
    }
  }

  .border-white\/40 {
    border-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/40 {
      border-color: color-mix(in oklab, var(--white) 40%, transparent) !important;
    }
  }

  .border-white\/50 {
    border-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/50 {
      border-color: color-mix(in oklab, var(--white) 50%, transparent) !important;
    }
  }

  .border-white\/60 {
    border-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/60 {
      border-color: color-mix(in oklab, var(--white) 60%, transparent) !important;
    }
  }

  .border-white\/70 {
    border-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/70 {
      border-color: color-mix(in oklab, var(--white) 70%, transparent) !important;
    }
  }

  .border-white\/80 {
    border-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/80 {
      border-color: color-mix(in oklab, var(--white) 80%, transparent) !important;
    }
  }

  .border-yellow-100 {
    border-color: var(--yellow-100) !important;
  }

  .border-yellow-200 {
    border-color: var(--yellow-200) !important;
  }

  .border-yellow-300 {
    border-color: var(--yellow-300) !important;
  }

  .border-yellow-400\/40 {
    border-color: var(--yellow-400) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-yellow-400\/40 {
      border-color: color-mix(in oklab, var(--yellow-400) 40%, transparent) !important;
    }
  }

  .border-yellow-500 {
    border-color: var(--yellow-500) !important;
  }

  .border-yellow-700\/40 {
    border-color: var(--yellow-700) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-yellow-700\/40 {
      border-color: color-mix(in oklab, var(--yellow-700) 40%, transparent) !important;
    }
  }

  .border-yellow-800\/40 {
    border-color: var(--yellow-800) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-yellow-800\/40 {
      border-color: color-mix(in oklab, var(--yellow-800) 40%, transparent) !important;
    }
  }

  .border-s-primary-500 {
    border-inline-start-color: var(--brand-500) !important;
  }

  .border-s-primary-600 {
    border-inline-start-color: var(--brand-600) !important;
  }

  .border-s-rose-600 {
    border-inline-start-color: var(--rose-600) !important;
  }

  .border-t-gray-600 {
    border-top-color: var(--gray-600) !important;
  }

  .border-t-primary-500 {
    border-top-color: var(--brand-500) !important;
  }

  .border-t-primary-600 {
    border-top-color: var(--brand-600) !important;
  }

  .border-t-transparent {
    border-top-color: #0000 !important;
  }

  .border-t-white {
    border-top-color: var(--white) !important;
  }

  .border-r-transparent {
    border-right-color: #0000 !important;
  }

  .border-b-primary-500 {
    border-bottom-color: var(--brand-500) !important;
  }

  .\!bg-transparent {
    background-color: #0000 !important;
  }

  .bg-\[\#0a0a0a\] {
    background-color: #0a0a0a !important;
  }

  .bg-\[\#4f008c\] {
    background-color: #4f008c !important;
  }

  .bg-\[\#5C0090\] {
    background-color: #5c0090 !important;
  }

  .bg-\[\#23113A\] {
    background-color: #23113a !important;
  }

  .bg-\[\#33005a\] {
    background-color: #33005a !important;
  }

  .bg-\[\#363636\] {
    background-color: #363636 !important;
  }

  .bg-\[\#DCFCE7\] {
    background-color: #dcfce7 !important;
  }

  .bg-\[\#E8E6F3\] {
    background-color: #e8e6f3 !important;
  }

  .bg-\[\#E8F5E9\] {
    background-color: #e8f5e9 !important;
  }

  .bg-\[\#E9E1F6\] {
    background-color: #e9e1f6 !important;
  }

  .bg-\[\#EDE5FF\] {
    background-color: #ede5ff !important;
  }

  .bg-\[\#EFE2FA\] {
    background-color: #efe2fa !important;
  }

  .bg-\[\#EFF6FF\] {
    background-color: #eff6ff !important;
  }

  .bg-\[\#F1E8FF\] {
    background-color: #f1e8ff !important;
  }

  .bg-\[\#F3ECFE\] {
    background-color: #f3ecfe !important;
  }

  .bg-\[\#F3EEFF\] {
    background-color: #f3eeff !important;
  }

  .bg-\[\#F3F1F8\] {
    background-color: #f3f1f8 !important;
  }

  .bg-\[\#F4EEFF\] {
    background-color: #f4eeff !important;
  }

  .bg-\[\#F6F5FB\] {
    background-color: #f6f5fb !important;
  }

  .bg-\[\#F8EEFF\] {
    background-color: #f8eeff !important;
  }

  .bg-\[\#F8F3FF\] {
    background-color: #f8f3ff !important;
  }

  .bg-\[\#FDF6FF\] {
    background-color: #fdf6ff !important;
  }

  .bg-\[\#FF375E\] {
    background-color: #ff375e !important;
  }

  .bg-\[\#FFE6F0\] {
    background-color: #ffe6f0 !important;
  }

  .bg-\[\#FFEBEE\] {
    background-color: #ffebee !important;
  }

  .bg-\[\#FFF1F4\] {
    background-color: #fff1f4 !important;
  }

  .bg-\[\#a747df\] {
    background-color: #a747df !important;
  }

  .bg-\[\#bef4f7\] {
    background-color: #bef4f7 !important;
  }

  .bg-\[\#c4fdef\] {
    background-color: #c4fdef !important;
  }

  .bg-\[\#cce9f7\] {
    background-color: #cce9f7 !important;
  }

  .bg-\[\#cfeffe\] {
    background-color: #cfeffe !important;
  }

  .bg-\[\#d0f5eb\] {
    background-color: #d0f5eb !important;
  }

  .bg-\[\#e0f2fe\] {
    background-color: #e0f2fe !important;
  }

  .bg-\[\#ecfdf7\] {
    background-color: #ecfdf7 !important;
  }

  .bg-\[\#f0deff\] {
    background-color: #f0deff !important;
  }

  .bg-\[\#f2f1f4\] {
    background-color: #f2f1f4 !important;
  }

  .bg-\[\#f3eff7\] {
    background-color: #f3eff7 !important;
  }

  .bg-\[\#f5f7ff\] {
    background-color: #f5f7ff !important;
  }

  .bg-\[\#f9cddb\] {
    background-color: #f9cddb !important;
  }

  .bg-\[\#fde0ea\] {
    background-color: #fde0ea !important;
  }

  .bg-\[\#fef0cc\] {
    background-color: #fef0cc !important;
  }

  .bg-\[\#fef2f6\] {
    background-color: #fef2f6 !important;
  }

  .bg-\[\#ffefe7\] {
    background-color: #ffefe7 !important;
  }

  .bg-\[\#fffbeb\] {
    background-color: #fffbeb !important;
  }

  .bg-\[rgb\(255\,0\,49\)\] {
    background-color: #ff0031 !important;
  }

  .bg-\[rgba\(6\,214\,160\,0\.15\)\] {
    background-color: #06d6a026 !important;
  }

  .bg-\[var\(--brand-50\)\] {
    background-color: var(--brand-50) !important;
  }

  .bg-\[var\(--brand-100\)\] {
    background-color: var(--brand-100) !important;
  }

  .bg-\[var\(--brand-500\)\] {
    background-color: var(--brand-500) !important;
  }

  .bg-\[var\(--cyan-500\)\] {
    background-color: var(--cyan-500) !important;
  }

  .bg-\[var\(--rose-500\)\] {
    background-color: var(--rose-500) !important;
  }

  .bg-\[var\(--success-500\)\] {
    background-color: var(--success-500) !important;
  }

  .bg-\[var\(--warning-500\)\] {
    background-color: var(--warning-500) !important;
  }

  .bg-amber-50 {
    background-color: var(--color-amber-50) !important;
  }

  .bg-amber-50\/20 {
    background-color: #fffbeb33 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-50\/20 {
      background-color: color-mix(in oklab, var(--color-amber-50) 20%, transparent) !important;
    }
  }

  .bg-amber-50\/30 {
    background-color: #fffbeb4d !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-50\/30 {
      background-color: color-mix(in oklab, var(--color-amber-50) 30%, transparent) !important;
    }
  }

  .bg-amber-50\/40 {
    background-color: #fffbeb66 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-50\/40 {
      background-color: color-mix(in oklab, var(--color-amber-50) 40%, transparent) !important;
    }
  }

  .bg-amber-50\/50 {
    background-color: #fffbeb80 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-50\/50 {
      background-color: color-mix(in oklab, var(--color-amber-50) 50%, transparent) !important;
    }
  }

  .bg-amber-50\/60 {
    background-color: #fffbeb99 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-50\/60 {
      background-color: color-mix(in oklab, var(--color-amber-50) 60%, transparent) !important;
    }
  }

  .bg-amber-50\/70 {
    background-color: #fffbebb3 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-50\/70 {
      background-color: color-mix(in oklab, var(--color-amber-50) 70%, transparent) !important;
    }
  }

  .bg-amber-100 {
    background-color: var(--color-amber-100) !important;
  }

  .bg-amber-400 {
    background-color: var(--color-amber-400) !important;
  }

  .bg-amber-500 {
    background-color: var(--color-amber-500) !important;
  }

  .bg-amber-500\/90 {
    background-color: #f99c00e6 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/90 {
      background-color: color-mix(in oklab, var(--color-amber-500) 90%, transparent) !important;
    }
  }

  .bg-amber-600 {
    background-color: var(--color-amber-600) !important;
  }

  .bg-background {
    background-color: var(--background) !important;
  }

  .bg-black, .bg-black\/5 {
    background-color: var(--black) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/5 {
      background-color: color-mix(in oklab, var(--black) 5%, transparent) !important;
    }
  }

  .bg-black\/10 {
    background-color: var(--black) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/10 {
      background-color: color-mix(in oklab, var(--black) 10%, transparent) !important;
    }
  }

  .bg-black\/20 {
    background-color: var(--black) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/20 {
      background-color: color-mix(in oklab, var(--black) 20%, transparent) !important;
    }
  }

  .bg-black\/30 {
    background-color: var(--black) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/30 {
      background-color: color-mix(in oklab, var(--black) 30%, transparent) !important;
    }
  }

  .bg-black\/40 {
    background-color: var(--black) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/40 {
      background-color: color-mix(in oklab, var(--black) 40%, transparent) !important;
    }
  }

  .bg-black\/50 {
    background-color: var(--black) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--black) 50%, transparent) !important;
    }
  }

  .bg-black\/55 {
    background-color: var(--black) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/55 {
      background-color: color-mix(in oklab, var(--black) 55%, transparent) !important;
    }
  }

  .bg-black\/60 {
    background-color: var(--black) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color: color-mix(in oklab, var(--black) 60%, transparent) !important;
    }
  }

  .bg-blue-25 {
    background-color: var(--blue-25) !important;
  }

  .bg-blue-50, .bg-blue-50\/40 {
    background-color: var(--blue-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-50\/40 {
      background-color: color-mix(in oklab, var(--blue-50) 40%, transparent) !important;
    }
  }

  .bg-blue-50\/50 {
    background-color: var(--blue-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-50\/50 {
      background-color: color-mix(in oklab, var(--blue-50) 50%, transparent) !important;
    }
  }

  .bg-blue-50\/60 {
    background-color: var(--blue-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-50\/60 {
      background-color: color-mix(in oklab, var(--blue-50) 60%, transparent) !important;
    }
  }

  .bg-blue-100, .bg-blue-100\/10 {
    background-color: var(--blue-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-100\/10 {
      background-color: color-mix(in oklab, var(--blue-100) 10%, transparent) !important;
    }
  }

  .bg-blue-100\/80 {
    background-color: var(--blue-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-100\/80 {
      background-color: color-mix(in oklab, var(--blue-100) 80%, transparent) !important;
    }
  }

  .bg-blue-100\/90 {
    background-color: var(--blue-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-100\/90 {
      background-color: color-mix(in oklab, var(--blue-100) 90%, transparent) !important;
    }
  }

  .bg-blue-200 {
    background-color: var(--blue-200) !important;
  }

  .bg-blue-300 {
    background-color: var(--blue-300) !important;
  }

  .bg-blue-400 {
    background-color: var(--blue-400) !important;
  }

  .bg-blue-500 {
    background-color: var(--blue-500) !important;
  }

  .bg-blue-600 {
    background-color: var(--blue-600) !important;
  }

  .bg-blue-700\/30 {
    background-color: var(--blue-700) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-700\/30 {
      background-color: color-mix(in oklab, var(--blue-700) 30%, transparent) !important;
    }
  }

  .bg-blue-800\/40 {
    background-color: var(--blue-800) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-800\/40 {
      background-color: color-mix(in oklab, var(--blue-800) 40%, transparent) !important;
    }
  }

  .bg-current {
    background-color: currentColor !important;
  }

  .bg-cyan-500 {
    background-color: var(--cyan-500) !important;
  }

  .bg-cyan-600 {
    background-color: var(--cyan-600) !important;
  }

  .bg-emerald-50, .bg-emerald-50\/30 {
    background-color: var(--success-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-50\/30 {
      background-color: color-mix(in oklab, var(--success-50) 30%, transparent) !important;
    }
  }

  .bg-emerald-50\/40 {
    background-color: var(--success-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-50\/40 {
      background-color: color-mix(in oklab, var(--success-50) 40%, transparent) !important;
    }
  }

  .bg-emerald-50\/50 {
    background-color: var(--success-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-50\/50 {
      background-color: color-mix(in oklab, var(--success-50) 50%, transparent) !important;
    }
  }

  .bg-emerald-50\/60 {
    background-color: var(--success-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-50\/60 {
      background-color: color-mix(in oklab, var(--success-50) 60%, transparent) !important;
    }
  }

  .bg-emerald-50\/70 {
    background-color: var(--success-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-50\/70 {
      background-color: color-mix(in oklab, var(--success-50) 70%, transparent) !important;
    }
  }

  .bg-emerald-100, .bg-emerald-100\/80 {
    background-color: var(--success-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-100\/80 {
      background-color: color-mix(in oklab, var(--success-100) 80%, transparent) !important;
    }
  }

  .bg-emerald-200 {
    background-color: var(--success-200) !important;
  }

  .bg-emerald-300 {
    background-color: var(--success-300) !important;
  }

  .bg-emerald-400 {
    background-color: var(--success-400) !important;
  }

  .bg-emerald-500 {
    background-color: var(--success-500) !important;
  }

  .bg-emerald-600 {
    background-color: var(--success-600) !important;
  }

  .bg-emerald-700\/30 {
    background-color: var(--success-700) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-700\/30 {
      background-color: color-mix(in oklab, var(--success-700) 30%, transparent) !important;
    }
  }

  .bg-emerald-800\/40 {
    background-color: var(--success-800) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-800\/40 {
      background-color: color-mix(in oklab, var(--success-800) 40%, transparent) !important;
    }
  }

  .bg-error-50, .bg-error-50\/50 {
    background-color: var(--error-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-error-50\/50 {
      background-color: color-mix(in oklab, var(--error-50) 50%, transparent) !important;
    }
  }

  .bg-error-500 {
    background-color: var(--error-500) !important;
  }

  .bg-error-700 {
    background-color: var(--error-700) !important;
  }

  .bg-fuchsia-50 {
    background-color: var(--color-fuchsia-50) !important;
  }

  .bg-fuchsia-500 {
    background-color: var(--color-fuchsia-500) !important;
  }

  .bg-gray-50, .bg-gray-50\/20 {
    background-color: var(--gray-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-50\/20 {
      background-color: color-mix(in oklab, var(--gray-50) 20%, transparent) !important;
    }
  }

  .bg-gray-50\/30 {
    background-color: var(--gray-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-50\/30 {
      background-color: color-mix(in oklab, var(--gray-50) 30%, transparent) !important;
    }
  }

  .bg-gray-50\/40 {
    background-color: var(--gray-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-50\/40 {
      background-color: color-mix(in oklab, var(--gray-50) 40%, transparent) !important;
    }
  }

  .bg-gray-50\/50 {
    background-color: var(--gray-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-50\/50 {
      background-color: color-mix(in oklab, var(--gray-50) 50%, transparent) !important;
    }
  }

  .bg-gray-50\/60 {
    background-color: var(--gray-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-50\/60 {
      background-color: color-mix(in oklab, var(--gray-50) 60%, transparent) !important;
    }
  }

  .bg-gray-50\/70 {
    background-color: var(--gray-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-50\/70 {
      background-color: color-mix(in oklab, var(--gray-50) 70%, transparent) !important;
    }
  }

  .bg-gray-50\/80 {
    background-color: var(--gray-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-50\/80 {
      background-color: color-mix(in oklab, var(--gray-50) 80%, transparent) !important;
    }
  }

  .bg-gray-100, .bg-gray-100\/50 {
    background-color: var(--gray-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-100\/50 {
      background-color: color-mix(in oklab, var(--gray-100) 50%, transparent) !important;
    }
  }

  .bg-gray-100\/70 {
    background-color: var(--gray-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-100\/70 {
      background-color: color-mix(in oklab, var(--gray-100) 70%, transparent) !important;
    }
  }

  .bg-gray-200, .bg-gray-200\/60 {
    background-color: var(--gray-200) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-200\/60 {
      background-color: color-mix(in oklab, var(--gray-200) 60%, transparent) !important;
    }
  }

  .bg-gray-300 {
    background-color: var(--gray-300) !important;
  }

  .bg-gray-400 {
    background-color: var(--gray-400) !important;
  }

  .bg-gray-500 {
    background-color: var(--gray-500) !important;
  }

  .bg-gray-600 {
    background-color: var(--gray-600) !important;
  }

  .bg-gray-700 {
    background-color: var(--gray-700) !important;
  }

  .bg-gray-800 {
    background-color: var(--gray-800) !important;
  }

  .bg-gray-900, .bg-gray-900\/50 {
    background-color: var(--gray-900) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-900\/50 {
      background-color: color-mix(in oklab, var(--gray-900) 50%, transparent) !important;
    }
  }

  .bg-gray-900\/60 {
    background-color: var(--gray-900) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-900\/60 {
      background-color: color-mix(in oklab, var(--gray-900) 60%, transparent) !important;
    }
  }

  .bg-gray-900\/70 {
    background-color: var(--gray-900) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-900\/70 {
      background-color: color-mix(in oklab, var(--gray-900) 70%, transparent) !important;
    }
  }

  .bg-gray-950\/50 {
    background-color: var(--gray-950) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-950\/50 {
      background-color: color-mix(in oklab, var(--gray-950) 50%, transparent) !important;
    }
  }

  .bg-gray-950\/70 {
    background-color: var(--gray-950) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-950\/70 {
      background-color: color-mix(in oklab, var(--gray-950) 70%, transparent) !important;
    }
  }

  .bg-gray-950\/75 {
    background-color: var(--gray-950) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-950\/75 {
      background-color: color-mix(in oklab, var(--gray-950) 75%, transparent) !important;
    }
  }

  .bg-gray-950\/80 {
    background-color: var(--gray-950) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-950\/80 {
      background-color: color-mix(in oklab, var(--gray-950) 80%, transparent) !important;
    }
  }

  .bg-green-50, .bg-green-50\/30 {
    background-color: var(--green-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-50\/30 {
      background-color: color-mix(in oklab, var(--green-50) 30%, transparent) !important;
    }
  }

  .bg-green-100, .bg-green-100\/10 {
    background-color: var(--green-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-100\/10 {
      background-color: color-mix(in oklab, var(--green-100) 10%, transparent) !important;
    }
  }

  .bg-green-100\/90 {
    background-color: var(--green-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-100\/90 {
      background-color: color-mix(in oklab, var(--green-100) 90%, transparent) !important;
    }
  }

  .bg-green-300 {
    background-color: var(--green-300) !important;
  }

  .bg-green-400 {
    background-color: var(--green-400) !important;
  }

  .bg-green-500, .bg-green-500\/70 {
    background-color: var(--green-500) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/70 {
      background-color: color-mix(in oklab, var(--green-500) 70%, transparent) !important;
    }
  }

  .bg-green-600 {
    background-color: var(--green-600) !important;
  }

  .bg-indigo-50 {
    background-color: var(--color-indigo-50) !important;
  }

  .bg-indigo-100 {
    background-color: var(--color-indigo-100) !important;
  }

  .bg-indigo-400 {
    background-color: var(--color-indigo-400) !important;
  }

  .bg-indigo-600 {
    background-color: var(--color-indigo-600) !important;
  }

  .bg-light-background {
    background-color: var(--light-background) !important;
  }

  .bg-neutral-100 {
    background-color: var(--color-neutral-100) !important;
  }

  .bg-neutral-600 {
    background-color: var(--color-neutral-600) !important;
  }

  .bg-orange-50, .bg-orange-50\/30 {
    background-color: var(--orange-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-50\/30 {
      background-color: color-mix(in oklab, var(--orange-50) 30%, transparent) !important;
    }
  }

  .bg-orange-50\/50 {
    background-color: var(--orange-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-50\/50 {
      background-color: color-mix(in oklab, var(--orange-50) 50%, transparent) !important;
    }
  }

  .bg-orange-50\/60 {
    background-color: var(--orange-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-50\/60 {
      background-color: color-mix(in oklab, var(--orange-50) 60%, transparent) !important;
    }
  }

  .bg-orange-50\/70 {
    background-color: var(--orange-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-50\/70 {
      background-color: color-mix(in oklab, var(--orange-50) 70%, transparent) !important;
    }
  }

  .bg-orange-100, .bg-orange-100\/10 {
    background-color: var(--orange-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-100\/10 {
      background-color: color-mix(in oklab, var(--orange-100) 10%, transparent) !important;
    }
  }

  .bg-orange-100\/80 {
    background-color: var(--orange-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-100\/80 {
      background-color: color-mix(in oklab, var(--orange-100) 80%, transparent) !important;
    }
  }

  .bg-orange-100\/90 {
    background-color: var(--orange-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-100\/90 {
      background-color: color-mix(in oklab, var(--orange-100) 90%, transparent) !important;
    }
  }

  .bg-orange-200 {
    background-color: var(--orange-200) !important;
  }

  .bg-orange-300 {
    background-color: var(--orange-300) !important;
  }

  .bg-orange-400 {
    background-color: var(--orange-400) !important;
  }

  .bg-orange-500 {
    background-color: var(--orange-500) !important;
  }

  .bg-orange-600 {
    background-color: var(--orange-600) !important;
  }

  .bg-orange-700\/30 {
    background-color: var(--orange-700) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-700\/30 {
      background-color: color-mix(in oklab, var(--orange-700) 30%, transparent) !important;
    }
  }

  .bg-orange-800\/40 {
    background-color: var(--orange-800) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-800\/40 {
      background-color: color-mix(in oklab, var(--orange-800) 40%, transparent) !important;
    }
  }

  .bg-primary-50, .bg-primary-50\/30 {
    background-color: var(--brand-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-50\/30 {
      background-color: color-mix(in oklab, var(--brand-50) 30%, transparent) !important;
    }
  }

  .bg-primary-50\/40 {
    background-color: var(--brand-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-50\/40 {
      background-color: color-mix(in oklab, var(--brand-50) 40%, transparent) !important;
    }
  }

  .bg-primary-50\/50 {
    background-color: var(--brand-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-50\/50 {
      background-color: color-mix(in oklab, var(--brand-50) 50%, transparent) !important;
    }
  }

  .bg-primary-50\/60 {
    background-color: var(--brand-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-50\/60 {
      background-color: color-mix(in oklab, var(--brand-50) 60%, transparent) !important;
    }
  }

  .bg-primary-50\/70 {
    background-color: var(--brand-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-50\/70 {
      background-color: color-mix(in oklab, var(--brand-50) 70%, transparent) !important;
    }
  }

  .bg-primary-100, .bg-primary-100\/10 {
    background-color: var(--brand-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-100\/10 {
      background-color: color-mix(in oklab, var(--brand-100) 10%, transparent) !important;
    }
  }

  .bg-primary-100\/60 {
    background-color: var(--brand-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-100\/60 {
      background-color: color-mix(in oklab, var(--brand-100) 60%, transparent) !important;
    }
  }

  .bg-primary-100\/80 {
    background-color: var(--brand-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-100\/80 {
      background-color: color-mix(in oklab, var(--brand-100) 80%, transparent) !important;
    }
  }

  .bg-primary-100\/90 {
    background-color: var(--brand-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-100\/90 {
      background-color: color-mix(in oklab, var(--brand-100) 90%, transparent) !important;
    }
  }

  .bg-primary-200 {
    background-color: var(--brand-200) !important;
  }

  .bg-primary-300 {
    background-color: var(--brand-300) !important;
  }

  .bg-primary-400 {
    background-color: var(--brand-400) !important;
  }

  .bg-primary-500, .bg-primary-500\!, .bg-primary-500\/10 {
    background-color: var(--brand-500) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-500\/10 {
      background-color: color-mix(in oklab, var(--brand-500) 10%, transparent) !important;
    }
  }

  .bg-primary-500\/55 {
    background-color: var(--brand-500) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-500\/55 {
      background-color: color-mix(in oklab, var(--brand-500) 55%, transparent) !important;
    }
  }

  .bg-primary-600 {
    background-color: var(--brand-600) !important;
  }

  .bg-primary-700, .bg-primary-700\/30 {
    background-color: var(--brand-700) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-700\/30 {
      background-color: color-mix(in oklab, var(--brand-700) 30%, transparent) !important;
    }
  }

  .bg-primary-800, .bg-primary-800\/40 {
    background-color: var(--brand-800) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-800\/40 {
      background-color: color-mix(in oklab, var(--brand-800) 40%, transparent) !important;
    }
  }

  .bg-primary-900 {
    background-color: var(--brand-900) !important;
  }

  .bg-primary-950 {
    background-color: var(--brand-950) !important;
  }

  .bg-purple-50 {
    background-color: var(--purple-50) !important;
  }

  .bg-purple-100, .bg-purple-100\/80 {
    background-color: var(--purple-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-purple-100\/80 {
      background-color: color-mix(in oklab, var(--purple-100) 80%, transparent) !important;
    }
  }

  .bg-purple-200 {
    background-color: var(--purple-200) !important;
  }

  .bg-purple-300 {
    background-color: var(--purple-300) !important;
  }

  .bg-purple-500 {
    background-color: var(--purple-500) !important;
  }

  .bg-purple-600 {
    background-color: var(--purple-600) !important;
  }

  .bg-purple-700\/30 {
    background-color: var(--purple-700) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-purple-700\/30 {
      background-color: color-mix(in oklab, var(--purple-700) 30%, transparent) !important;
    }
  }

  .bg-purple-800\/40 {
    background-color: var(--purple-800) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-purple-800\/40 {
      background-color: color-mix(in oklab, var(--purple-800) 40%, transparent) !important;
    }
  }

  .bg-red-50 {
    background-color: var(--color-red-50) !important;
  }

  .bg-red-50\/30 {
    background-color: #fef2f24d !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-50\/30 {
      background-color: color-mix(in oklab, var(--color-red-50) 30%, transparent) !important;
    }
  }

  .bg-red-50\/60 {
    background-color: #fef2f299 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-50\/60 {
      background-color: color-mix(in oklab, var(--color-red-50) 60%, transparent) !important;
    }
  }

  .bg-red-50\/70 {
    background-color: #fef2f2b3 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-50\/70 {
      background-color: color-mix(in oklab, var(--color-red-50) 70%, transparent) !important;
    }
  }

  .bg-red-100 {
    background-color: var(--color-red-100) !important;
  }

  .bg-red-200 {
    background-color: var(--color-red-200) !important;
  }

  .bg-red-300 {
    background-color: var(--color-red-300) !important;
  }

  .bg-red-500 {
    background-color: var(--color-red-500) !important;
  }

  .bg-red-500\/50 {
    background-color: #fb2c3680 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/50 {
      background-color: color-mix(in oklab, var(--color-red-500) 50%, transparent) !important;
    }
  }

  .bg-red-600 {
    background-color: var(--color-red-600) !important;
  }

  .bg-rose-50, .bg-rose-50\/30 {
    background-color: var(--rose-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-50\/30 {
      background-color: color-mix(in oklab, var(--rose-50) 30%, transparent) !important;
    }
  }

  .bg-rose-50\/40 {
    background-color: var(--rose-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-50\/40 {
      background-color: color-mix(in oklab, var(--rose-50) 40%, transparent) !important;
    }
  }

  .bg-rose-50\/50 {
    background-color: var(--rose-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-50\/50 {
      background-color: color-mix(in oklab, var(--rose-50) 50%, transparent) !important;
    }
  }

  .bg-rose-50\/60 {
    background-color: var(--rose-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-50\/60 {
      background-color: color-mix(in oklab, var(--rose-50) 60%, transparent) !important;
    }
  }

  .bg-rose-50\/70 {
    background-color: var(--rose-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-50\/70 {
      background-color: color-mix(in oklab, var(--rose-50) 70%, transparent) !important;
    }
  }

  .bg-rose-50\/90 {
    background-color: var(--rose-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-50\/90 {
      background-color: color-mix(in oklab, var(--rose-50) 90%, transparent) !important;
    }
  }

  .bg-rose-100, .bg-rose-100\/80 {
    background-color: var(--rose-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-100\/80 {
      background-color: color-mix(in oklab, var(--rose-100) 80%, transparent) !important;
    }
  }

  .bg-rose-200 {
    background-color: var(--rose-200) !important;
  }

  .bg-rose-300 {
    background-color: var(--rose-300) !important;
  }

  .bg-rose-400 {
    background-color: var(--rose-400) !important;
  }

  .bg-rose-500 {
    background-color: var(--rose-500) !important;
  }

  .bg-rose-600, .bg-rose-600\/25 {
    background-color: var(--rose-600) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-600\/25 {
      background-color: color-mix(in oklab, var(--rose-600) 25%, transparent) !important;
    }
  }

  .bg-rose-700\/30 {
    background-color: var(--rose-700) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-700\/30 {
      background-color: color-mix(in oklab, var(--rose-700) 30%, transparent) !important;
    }
  }

  .bg-rose-800\/40 {
    background-color: var(--rose-800) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-800\/40 {
      background-color: color-mix(in oklab, var(--rose-800) 40%, transparent) !important;
    }
  }

  .bg-secondary-50 {
    background-color: var(--rose-50) !important;
  }

  .bg-secondary-100 {
    background-color: var(--rose-100) !important;
  }

  .bg-secondary-500 {
    background-color: var(--rose-500) !important;
  }

  .bg-sky-50 {
    background-color: var(--color-sky-50) !important;
  }

  .bg-sky-500 {
    background-color: var(--color-sky-500) !important;
  }

  .bg-slate-50 {
    background-color: var(--color-slate-50) !important;
  }

  .bg-slate-100 {
    background-color: var(--color-slate-100) !important;
  }

  .bg-slate-200 {
    background-color: var(--color-slate-200) !important;
  }

  .bg-stc-primary {
    background-color: var(--stc-primary-color) !important;
  }

  .bg-stc-secondary, .bg-stc-secondary\/50 {
    background-color: var(--stc-secondary-color) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-stc-secondary\/50 {
      background-color: color-mix(in oklab, var(--stc-secondary-color) 50%, transparent) !important;
    }
  }

  .bg-stroke-tertiary {
    background-color: var(--stroke-tertiary) !important;
  }

  .bg-success-25 {
    background-color: var(--success-25) !important;
  }

  .bg-success-50 {
    background-color: var(--success-50) !important;
  }

  .bg-success-500 {
    background-color: var(--success-500) !important;
  }

  .bg-success-600 {
    background-color: var(--success-600) !important;
  }

  .bg-teal-50 {
    background-color: var(--color-teal-50) !important;
  }

  .bg-teal-500 {
    background-color: var(--color-teal-500) !important;
  }

  .bg-transparent {
    background-color: #0000 !important;
  }

  .bg-violet-50 {
    background-color: var(--purple-50) !important;
  }

  .bg-violet-500 {
    background-color: var(--purple-500) !important;
  }

  .bg-warning-25 {
    background-color: var(--warning-25) !important;
  }

  .bg-warning-50 {
    background-color: var(--warning-50) !important;
  }

  .bg-warning-500 {
    background-color: var(--warning-500) !important;
  }

  .bg-warning-600 {
    background-color: var(--warning-600) !important;
  }

  .bg-white, .bg-white\/10 {
    background-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/10 {
      background-color: color-mix(in oklab, var(--white) 10%, transparent) !important;
    }
  }

  .bg-white\/15 {
    background-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/15 {
      background-color: color-mix(in oklab, var(--white) 15%, transparent) !important;
    }
  }

  .bg-white\/20 {
    background-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/20 {
      background-color: color-mix(in oklab, var(--white) 20%, transparent) !important;
    }
  }

  .bg-white\/25 {
    background-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/25 {
      background-color: color-mix(in oklab, var(--white) 25%, transparent) !important;
    }
  }

  .bg-white\/30 {
    background-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/30 {
      background-color: color-mix(in oklab, var(--white) 30%, transparent) !important;
    }
  }

  .bg-white\/35 {
    background-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/35 {
      background-color: color-mix(in oklab, var(--white) 35%, transparent) !important;
    }
  }

  .bg-white\/40 {
    background-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/40 {
      background-color: color-mix(in oklab, var(--white) 40%, transparent) !important;
    }
  }

  .bg-white\/50 {
    background-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/50 {
      background-color: color-mix(in oklab, var(--white) 50%, transparent) !important;
    }
  }

  .bg-white\/60 {
    background-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/60 {
      background-color: color-mix(in oklab, var(--white) 60%, transparent) !important;
    }
  }

  .bg-white\/70 {
    background-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/70 {
      background-color: color-mix(in oklab, var(--white) 70%, transparent) !important;
    }
  }

  .bg-white\/75 {
    background-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/75 {
      background-color: color-mix(in oklab, var(--white) 75%, transparent) !important;
    }
  }

  .bg-white\/80 {
    background-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/80 {
      background-color: color-mix(in oklab, var(--white) 80%, transparent) !important;
    }
  }

  .bg-white\/85 {
    background-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/85 {
      background-color: color-mix(in oklab, var(--white) 85%, transparent) !important;
    }
  }

  .bg-white\/90 {
    background-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/90 {
      background-color: color-mix(in oklab, var(--white) 90%, transparent) !important;
    }
  }

  .bg-white\/95 {
    background-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/95 {
      background-color: color-mix(in oklab, var(--white) 95%, transparent) !important;
    }
  }

  .bg-yellow-50, .bg-yellow-50\/30 {
    background-color: var(--yellow-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-yellow-50\/30 {
      background-color: color-mix(in oklab, var(--yellow-50) 30%, transparent) !important;
    }
  }

  .bg-yellow-100\/80 {
    background-color: var(--yellow-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-yellow-100\/80 {
      background-color: color-mix(in oklab, var(--yellow-100) 80%, transparent) !important;
    }
  }

  .bg-yellow-200 {
    background-color: var(--yellow-200) !important;
  }

  .bg-yellow-300 {
    background-color: var(--yellow-300) !important;
  }

  .bg-yellow-500 {
    background-color: var(--yellow-500) !important;
  }

  .bg-yellow-600 {
    background-color: var(--yellow-600) !important;
  }

  .bg-yellow-700\/30 {
    background-color: var(--yellow-700) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-yellow-700\/30 {
      background-color: color-mix(in oklab, var(--yellow-700) 30%, transparent) !important;
    }
  }

  .bg-yellow-800\/40 {
    background-color: var(--yellow-800) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-yellow-800\/40 {
      background-color: color-mix(in oklab, var(--yellow-800) 40%, transparent) !important;
    }
  }

  .bg-zinc-50 {
    background-color: var(--color-zinc-50) !important;
  }

  .bg-linear-to-b {
    --tw-gradient-position: to bottom !important;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-b {
      --tw-gradient-position: to bottom in oklab !important;
    }
  }

  .bg-linear-to-b {
    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
  }

  .bg-linear-to-br {
    --tw-gradient-position: to bottom right !important;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-br {
      --tw-gradient-position: to bottom right in oklab !important;
    }
  }

  .bg-linear-to-br {
    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
  }

  .bg-linear-to-r {
    --tw-gradient-position: to right !important;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-r {
      --tw-gradient-position: to right in oklab !important;
    }
  }

  .bg-linear-to-r {
    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
  }

  .bg-linear-to-t {
    --tw-gradient-position: to top !important;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-t {
      --tw-gradient-position: to top in oklab !important;
    }
  }

  .bg-linear-to-t {
    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
  }

  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab !important;
    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
  }

  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab !important;
    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab !important;
    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
  }

  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab !important;
    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
  }

  .bg-\[linear-gradient\(90deg\,\#BFC0F1_0\%\,\#D8B4FE_50\%\,\#FBCFE8_100\%\)\] {
    background-image: linear-gradient(90deg, #bfc0f1 0%, #d8b4fe 50%, #fbcfe8 100%) !important;
  }

  .bg-\[linear-gradient\(135deg\,\#4F008C\,\#F6005A\)\] {
    background-image: linear-gradient(135deg, #4f008c, #f6005a) !important;
  }

  .bg-\[linear-gradient\(180deg\,\#FFF_0\%\,\#E6D2FF_447\.81\%\)\] {
    background-image: linear-gradient(#fff 0%, #e6d2ff 447.81%) !important;
  }

  .from-\[\#3a005c\]\/85 {
    --tw-gradient-from: oklab(27.5177% .0845742 -.113652 / .85) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-\[\#4f008c\] {
    --tw-gradient-from: #4f008c !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-\[\#9390F5\] {
    --tw-gradient-from: #9390f5 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-\[\#F5E9FF\] {
    --tw-gradient-from: #f5e9ff !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-black\/40 {
    --tw-gradient-from: var(--black) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--black) 40%, transparent) !important;
    }
  }

  .from-black\/40 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-black\/60 {
    --tw-gradient-from: var(--black) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/60 {
      --tw-gradient-from: color-mix(in oklab, var(--black) 60%, transparent) !important;
    }
  }

  .from-black\/60 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-black\/80 {
    --tw-gradient-from: var(--black) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/80 {
      --tw-gradient-from: color-mix(in oklab, var(--black) 80%, transparent) !important;
    }
  }

  .from-black\/80 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-blue-50\/40 {
    --tw-gradient-from: var(--blue-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-blue-50\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--blue-50) 40%, transparent) !important;
    }
  }

  .from-blue-50\/40 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-cyan-400 {
    --tw-gradient-from: var(--cyan-400) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-emerald-50\/80 {
    --tw-gradient-from: var(--success-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-emerald-50\/80 {
      --tw-gradient-from: color-mix(in oklab, var(--success-50) 80%, transparent) !important;
    }
  }

  .from-emerald-50\/80 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-green-50\/40 {
    --tw-gradient-from: var(--green-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-green-50\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--green-50) 40%, transparent) !important;
    }
  }

  .from-green-50\/40 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-indigo-400 {
    --tw-gradient-from: var(--color-indigo-400) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-indigo-600 {
    --tw-gradient-from: var(--color-indigo-600) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-orange-50\/40 {
    --tw-gradient-from: var(--orange-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-orange-50\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--orange-50) 40%, transparent) !important;
    }
  }

  .from-orange-50\/40 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-primary-50\/40 {
    --tw-gradient-from: var(--brand-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary-50\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--brand-50) 40%, transparent) !important;
    }
  }

  .from-primary-50\/40 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-primary-50\/80 {
    --tw-gradient-from: var(--brand-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary-50\/80 {
      --tw-gradient-from: color-mix(in oklab, var(--brand-50) 80%, transparent) !important;
    }
  }

  .from-primary-50\/80 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-primary-300 {
    --tw-gradient-from: var(--brand-300) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-primary-500 {
    --tw-gradient-from: var(--brand-500) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-primary-600 {
    --tw-gradient-from: var(--brand-600) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-primary-700 {
    --tw-gradient-from: var(--brand-700) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-primary-950 {
    --tw-gradient-from: var(--brand-950) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-rose-50\/80 {
    --tw-gradient-from: var(--rose-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-rose-50\/80 {
      --tw-gradient-from: color-mix(in oklab, var(--rose-50) 80%, transparent) !important;
    }
  }

  .from-rose-50\/80 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-sky-400 {
    --tw-gradient-from: var(--color-sky-400) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-transparent {
    --tw-gradient-from: transparent !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-white {
    --tw-gradient-from: var(--white) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-yellow-300 {
    --tw-gradient-from: var(--yellow-300) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .from-75\% {
    --tw-gradient-from-position: 75% !important;
  }

  .via-black\/40 {
    --tw-gradient-via: var(--black) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-black\/40 {
      --tw-gradient-via: color-mix(in oklab, var(--black) 40%, transparent) !important;
    }
  }

  .via-black\/40 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
  }

  .via-primary-600 {
    --tw-gradient-via: var(--brand-600) !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
  }

  .via-primary-800 {
    --tw-gradient-via: var(--brand-800) !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
  }

  .via-transparent {
    --tw-gradient-via: transparent !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
  }

  .via-white {
    --tw-gradient-via: var(--white) !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
  }

  .via-white\/50 {
    --tw-gradient-via: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-white\/50 {
      --tw-gradient-via: color-mix(in oklab, var(--white) 50%, transparent) !important;
    }
  }

  .via-white\/50 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
  }

  .via-white\/60 {
    --tw-gradient-via: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-white\/60 {
      --tw-gradient-via: color-mix(in oklab, var(--white) 60%, transparent) !important;
    }
  }

  .via-white\/60 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
  }

  .to-\[\#A54EE1\] {
    --tw-gradient-to: #a54ee1 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .to-\[\#D7C6FF\] {
    --tw-gradient-to: #d7c6ff !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .to-\[\#FFFFFF\] {
    --tw-gradient-to: #fff !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .to-blue-600 {
    --tw-gradient-to: var(--blue-600) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .to-blue-700 {
    --tw-gradient-to: var(--blue-700) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .to-indigo-400 {
    --tw-gradient-to: var(--color-indigo-400) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .to-orange-300 {
    --tw-gradient-to: var(--orange-300) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .to-primary-400 {
    --tw-gradient-to: var(--brand-400) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .to-primary-500 {
    --tw-gradient-to: var(--brand-500) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .to-primary-700 {
    --tw-gradient-to: var(--brand-700) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .to-purple-50 {
    --tw-gradient-to: var(--purple-50) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .to-transparent {
    --tw-gradient-to: transparent !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .to-white {
    --tw-gradient-to: var(--white) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .\[mask-image\:linear-gradient\(to_right\,transparent_0\%\,\#000_45\%\)\] {
    -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 45%) !important;
    mask-image: linear-gradient(to right, #0000 0%, #000 45%) !important;
  }

  .bg-repeat-x {
    background-repeat: repeat-x !important;
  }

  .fill-current {
    fill: currentColor !important;
  }

  .fill-gray-300 {
    fill: var(--gray-300) !important;
  }

  .fill-none {
    fill: none !important;
  }

  .fill-primary-500 {
    fill: var(--brand-500) !important;
  }

  .fill-primary-700 {
    fill: var(--brand-700) !important;
  }

  .fill-secondary-500 {
    fill: var(--rose-500) !important;
  }

  .fill-transparent {
    fill: #0000 !important;
  }

  .fill-white {
    fill: var(--white) !important;
  }

  .stroke-black {
    stroke: var(--black) !important;
  }

  .stroke-current {
    stroke: currentColor !important;
  }

  .stroke-gray-600 {
    stroke: var(--gray-600) !important;
  }

  .stroke-primary-500 {
    stroke: var(--brand-500) !important;
  }

  .stroke-white {
    stroke: var(--white) !important;
  }

  .stroke-1 {
    stroke-width: 1px !important;
  }

  .stroke-2 {
    stroke-width: 2px !important;
  }

  .stroke-3 {
    stroke-width: 3px !important;
  }

  .stroke-\[1\.5\] {
    stroke-width: 1.5px !important;
  }

  .stroke-\[10\] {
    stroke-width: 10px !important;
  }

  .object-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }

  .object-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }

  .object-bottom {
    -o-object-position: bottom !important;
       object-position: bottom !important;
  }

  .object-center {
    -o-object-position: center !important;
       object-position: center !important;
  }

  .object-right {
    -o-object-position: right !important;
       object-position: right !important;
  }

  .p-4-safe {
    padding: 1rem !important;
  }

  @supports (padding: max(0px)) {
    .p-4-safe {
      padding-top: max(1rem, env(safe-area-inset-top)) !important;
      padding-bottom: max(1rem, env(safe-area-inset-bottom)) !important;
      padding-left: max(1rem, env(safe-area-inset-left)) !important;
      padding-right: max(1rem, env(safe-area-inset-right)) !important;
    }
  }

  .\!p-0, .p-0, .p-0\! {
    padding: 0 !important;
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5) !important;
  }

  .p-1 {
    padding: var(--spacing) !important;
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5) !important;
  }

  .p-2 {
    padding: calc(var(--spacing) * 2) !important;
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5) !important;
  }

  .p-3 {
    padding: calc(var(--spacing) * 3) !important;
  }

  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5) !important;
  }

  .p-4, .p-4\! {
    padding: calc(var(--spacing) * 4) !important;
  }

  .p-5 {
    padding: calc(var(--spacing) * 5) !important;
  }

  .p-6 {
    padding: calc(var(--spacing) * 6) !important;
  }

  .p-8 {
    padding: calc(var(--spacing) * 8) !important;
  }

  .p-9 {
    padding: calc(var(--spacing) * 9) !important;
  }

  .p-10 {
    padding: calc(var(--spacing) * 10) !important;
  }

  .p-12 {
    padding: calc(var(--spacing) * 12) !important;
  }

  .p-\[3px\] {
    padding: 3px !important;
  }

  .\!px-0, .px-0 {
    padding-inline: 0 !important;
  }

  .px-0\.5 {
    padding-inline: calc(var(--spacing) * .5) !important;
  }

  .px-1 {
    padding-inline: var(--spacing) !important;
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5) !important;
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2) !important;
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5) !important;
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3) !important;
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5) !important;
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4) !important;
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5) !important;
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6) !important;
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8) !important;
  }

  .px-9 {
    padding-inline: calc(var(--spacing) * 9) !important;
  }

  .px-10 {
    padding-inline: calc(var(--spacing) * 10) !important;
  }

  .px-\[14px\] {
    padding-inline: 14px !important;
  }

  .px-\[178px\] {
    padding-inline: 178px !important;
  }

  .\!py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5) !important;
  }

  .py-0 {
    padding-block: 0 !important;
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5) !important;
  }

  .py-1 {
    padding-block: var(--spacing) !important;
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5) !important;
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2) !important;
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5) !important;
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3) !important;
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5) !important;
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4) !important;
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5) !important;
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6) !important;
  }

  .py-7 {
    padding-block: calc(var(--spacing) * 7) !important;
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8) !important;
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10) !important;
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12) !important;
  }

  .py-14 {
    padding-block: calc(var(--spacing) * 14) !important;
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16) !important;
  }

  .py-20 {
    padding-block: calc(var(--spacing) * 20) !important;
  }

  .py-24 {
    padding-block: calc(var(--spacing) * 24) !important;
  }

  .py-\[1px\] {
    padding-block: 1px !important;
  }

  .py-\[2px\] {
    padding-block: 2px !important;
  }

  .py-\[6px\] {
    padding-block: 6px !important;
  }

  .py-\[10px\] {
    padding-block: 10px !important;
  }

  .py-\[14px\] {
    padding-block: 14px !important;
  }

  .py-\[60px\] {
    padding-block: 60px !important;
  }

  .py-\[300px\] {
    padding-block: 300px !important;
  }

  .py-px {
    padding-block: 1px !important;
  }

  .ps-0 {
    padding-inline-start: 0 !important;
  }

  .ps-0\.5 {
    padding-inline-start: calc(var(--spacing) * .5) !important;
  }

  .ps-1 {
    padding-inline-start: var(--spacing) !important;
  }

  .ps-2 {
    padding-inline-start: calc(var(--spacing) * 2) !important;
  }

  .ps-3 {
    padding-inline-start: calc(var(--spacing) * 3) !important;
  }

  .ps-3\.75 {
    padding-inline-start: calc(var(--spacing) * 3.75) !important;
  }

  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4) !important;
  }

  .ps-5 {
    padding-inline-start: calc(var(--spacing) * 5) !important;
  }

  .ps-6 {
    padding-inline-start: calc(var(--spacing) * 6) !important;
  }

  .ps-8 {
    padding-inline-start: calc(var(--spacing) * 8) !important;
  }

  .ps-9 {
    padding-inline-start: calc(var(--spacing) * 9) !important;
  }

  .ps-10 {
    padding-inline-start: calc(var(--spacing) * 10) !important;
  }

  .ps-11 {
    padding-inline-start: calc(var(--spacing) * 11) !important;
  }

  .ps-13 {
    padding-inline-start: calc(var(--spacing) * 13) !important;
  }

  .ps-14 {
    padding-inline-start: calc(var(--spacing) * 14) !important;
  }

  .ps-\[3px\] {
    padding-inline-start: 3px !important;
  }

  .ps-\[10\.25rem\] {
    padding-inline-start: 10.25rem !important;
  }

  .ps-\[60px\] {
    padding-inline-start: 60px !important;
  }

  .pe-1 {
    padding-inline-end: var(--spacing) !important;
  }

  .pe-1\.5 {
    padding-inline-end: calc(var(--spacing) * 1.5) !important;
  }

  .pe-2 {
    padding-inline-end: calc(var(--spacing) * 2) !important;
  }

  .pe-2\.5 {
    padding-inline-end: calc(var(--spacing) * 2.5) !important;
  }

  .pe-3 {
    padding-inline-end: calc(var(--spacing) * 3) !important;
  }

  .pe-4 {
    padding-inline-end: calc(var(--spacing) * 4) !important;
  }

  .pe-5 {
    padding-inline-end: calc(var(--spacing) * 5) !important;
  }

  .pe-6 {
    padding-inline-end: calc(var(--spacing) * 6) !important;
  }

  .pe-8 {
    padding-inline-end: calc(var(--spacing) * 8) !important;
  }

  .pe-9 {
    padding-inline-end: calc(var(--spacing) * 9) !important;
  }

  .pe-10 {
    padding-inline-end: calc(var(--spacing) * 10) !important;
  }

  .pe-12 {
    padding-inline-end: calc(var(--spacing) * 12) !important;
  }

  .pe-20 {
    padding-inline-end: calc(var(--spacing) * 20) !important;
  }

  .pe-60 {
    padding-inline-end: calc(var(--spacing) * 60) !important;
  }

  .p-safe {
    padding-top: env(safe-area-inset-top) !important;
    padding-bottom: env(safe-area-inset-bottom) !important;
    padding-left: env(safe-area-inset-left) !important;
    padding-right: env(safe-area-inset-right) !important;
  }

  .py-2-safe {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }

  @supports (padding: max(0px)) {
    .py-2-safe {
      padding-top: max(.5rem, env(safe-area-inset-top)) !important;
      padding-bottom: max(.5rem, env(safe-area-inset-bottom)) !important;
    }
  }

  .py-4-safe {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  @supports (padding: max(0px)) {
    .py-4-safe {
      padding-top: max(1rem, env(safe-area-inset-top)) !important;
      padding-bottom: max(1rem, env(safe-area-inset-bottom)) !important;
    }
  }

  .py-6-safe {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  @supports (padding: max(0px)) {
    .py-6-safe {
      padding-top: max(1.5rem, env(safe-area-inset-top)) !important;
      padding-bottom: max(1.5rem, env(safe-area-inset-bottom)) !important;
    }
  }

  .py-8-safe {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  @supports (padding: max(0px)) {
    .py-8-safe {
      padding-top: max(2rem, env(safe-area-inset-top)) !important;
      padding-bottom: max(2rem, env(safe-area-inset-bottom)) !important;
    }
  }

  .py-10-safe {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  @supports (padding: max(0px)) {
    .py-10-safe {
      padding-top: max(2.5rem, env(safe-area-inset-top)) !important;
      padding-bottom: max(2.5rem, env(safe-area-inset-bottom)) !important;
    }
  }

  .py-safe {
    padding-top: env(safe-area-inset-top) !important;
    padding-bottom: env(safe-area-inset-bottom) !important;
  }

  .pt-1-safe {
    padding-top: .25rem !important;
  }

  @supports (padding: max(0px)) {
    .pt-1-safe {
      padding-top: max(.25rem, env(safe-area-inset-top)) !important;
    }
  }

  .pt-4-safe {
    padding-top: 1rem !important;
  }

  @supports (padding: max(0px)) {
    .pt-4-safe {
      padding-top: max(1rem, env(safe-area-inset-top)) !important;
    }
  }

  .pt-5-safe {
    padding-top: 1.25rem !important;
  }

  @supports (padding: max(0px)) {
    .pt-5-safe {
      padding-top: max(1.25rem, env(safe-area-inset-top)) !important;
    }
  }

  .pt-10-safe {
    padding-top: 2.5rem !important;
  }

  @supports (padding: max(0px)) {
    .pt-10-safe {
      padding-top: max(2.5rem, env(safe-area-inset-top)) !important;
    }
  }

  .pt-20-safe {
    padding-top: 5rem !important;
  }

  @supports (padding: max(0px)) {
    .pt-20-safe {
      padding-top: max(5rem, env(safe-area-inset-top)) !important;
    }
  }

  .pt-24-safe {
    padding-top: 6rem !important;
  }

  @supports (padding: max(0px)) {
    .pt-24-safe {
      padding-top: max(6rem, env(safe-area-inset-top)) !important;
    }
  }

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

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5) !important;
  }

  .pt-1 {
    padding-top: var(--spacing) !important;
  }

  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5) !important;
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2) !important;
  }

  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5) !important;
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3) !important;
  }

  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5) !important;
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4) !important;
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5) !important;
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6) !important;
  }

  .pt-7 {
    padding-top: calc(var(--spacing) * 7) !important;
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8) !important;
  }

  .pt-10 {
    padding-top: calc(var(--spacing) * 10) !important;
  }

  .pt-12 {
    padding-top: calc(var(--spacing) * 12) !important;
  }

  .pt-20 {
    padding-top: calc(var(--spacing) * 20) !important;
  }

  .pt-24 {
    padding-top: calc(var(--spacing) * 24) !important;
  }

  .pt-40 {
    padding-top: calc(var(--spacing) * 40) !important;
  }

  .pt-50 {
    padding-top: calc(var(--spacing) * 50) !important;
  }

  .pt-\[4\.9rem\] {
    padding-top: 4.9rem !important;
  }

  .pt-\[calc\(env\(safe-area-inset-top\)\+0\.875rem\)\] {
    padding-top: calc(env(safe-area-inset-top) + .875rem) !important;
  }

  .pt-\[calc\(env\(safe-area-inset-top\)\+88px\)\] {
    padding-top: calc(env(safe-area-inset-top) + 88px) !important;
  }

  .pt-\[env\(safe-area-inset-top\)\], .pt-safe {
    padding-top: env(safe-area-inset-top) !important;
  }

  .px-0-safe {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  @supports (padding: max(0px)) {
    .px-0-safe {
      padding-left: max(0px, env(safe-area-inset-left)) !important;
      padding-right: max(0px, env(safe-area-inset-right)) !important;
    }
  }

  .px-2-safe {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }

  @supports (padding: max(0px)) {
    .px-2-safe {
      padding-left: max(.5rem, env(safe-area-inset-left)) !important;
      padding-right: max(.5rem, env(safe-area-inset-right)) !important;
    }
  }

  .px-3-safe {
    padding-left: .75rem !important;
    padding-right: .75rem !important;
  }

  @supports (padding: max(0px)) {
    .px-3-safe {
      padding-left: max(.75rem, env(safe-area-inset-left)) !important;
      padding-right: max(.75rem, env(safe-area-inset-right)) !important;
    }
  }

  .px-4-safe {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  @supports (padding: max(0px)) {
    .px-4-safe {
      padding-left: max(1rem, env(safe-area-inset-left)) !important;
      padding-right: max(1rem, env(safe-area-inset-right)) !important;
    }
  }

  .px-safe {
    padding-left: env(safe-area-inset-left) !important;
    padding-right: env(safe-area-inset-right) !important;
  }

  .pr-1 {
    padding-right: var(--spacing) !important;
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2) !important;
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3) !important;
  }

  .pr-6 {
    padding-right: calc(var(--spacing) * 6) !important;
  }

  .pr-9 {
    padding-right: calc(var(--spacing) * 9) !important;
  }

  .pr-safe {
    padding-right: env(safe-area-inset-right) !important;
  }

  .pb-0-safe {
    padding-bottom: 0 !important;
  }

  @supports (padding: max(0px)) {
    .pb-0-safe {
      padding-bottom: max(0px, env(safe-area-inset-bottom)) !important;
    }
  }

  .pb-2-safe {
    padding-bottom: .5rem !important;
  }

  @supports (padding: max(0px)) {
    .pb-2-safe {
      padding-bottom: max(.5rem, env(safe-area-inset-bottom)) !important;
    }
  }

  .pb-3-safe {
    padding-bottom: .75rem !important;
  }

  @supports (padding: max(0px)) {
    .pb-3-safe {
      padding-bottom: max(.75rem, env(safe-area-inset-bottom)) !important;
    }
  }

  .pb-4-safe {
    padding-bottom: 1rem !important;
  }

  @supports (padding: max(0px)) {
    .pb-4-safe {
      padding-bottom: max(1rem, env(safe-area-inset-bottom)) !important;
    }
  }

  .pb-5-safe {
    padding-bottom: 1.25rem !important;
  }

  @supports (padding: max(0px)) {
    .pb-5-safe {
      padding-bottom: max(1.25rem, env(safe-area-inset-bottom)) !important;
    }
  }

  .pb-safe-\[88px\] {
    padding-bottom: 88px !important;
  }

  @supports (padding: max(0px)) {
    .pb-safe-\[88px\] {
      padding-bottom: max(88px, env(safe-area-inset-bottom)) !important;
    }
  }

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

  .pb-1 {
    padding-bottom: var(--spacing) !important;
  }

  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5) !important;
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2) !important;
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3) !important;
  }

  .pb-3\.5 {
    padding-bottom: calc(var(--spacing) * 3.5) !important;
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4) !important;
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5) !important;
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6) !important;
  }

  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7) !important;
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8) !important;
  }

  .pb-9 {
    padding-bottom: calc(var(--spacing) * 9) !important;
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10) !important;
  }

  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16) !important;
  }

  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20) !important;
  }

  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24) !important;
  }

  .pb-30 {
    padding-bottom: calc(var(--spacing) * 30) !important;
  }

  .pb-32 {
    padding-bottom: calc(var(--spacing) * 32) !important;
  }

  .pb-\[calc\(env\(safe-area-inset-bottom\)\+0\.75rem\)\] {
    padding-bottom: calc(env(safe-area-inset-bottom) + .75rem) !important;
  }

  .pb-\[calc\(env\(safe-area-inset-bottom\)\+1rem\)\] {
    padding-bottom: calc(env(safe-area-inset-bottom) + 1rem) !important;
  }

  .pb-\[calc\(env\(safe-area-inset-bottom\)\+24px\)\] {
    padding-bottom: calc(env(safe-area-inset-bottom) + 24px) !important;
  }

  .pb-safe {
    padding-bottom: env(safe-area-inset-bottom) !important;
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2) !important;
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3) !important;
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4) !important;
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8) !important;
  }

  .pl-9 {
    padding-left: calc(var(--spacing) * 9) !important;
  }

  .pl-10 {
    padding-left: calc(var(--spacing) * 10) !important;
  }

  .pl-11 {
    padding-left: calc(var(--spacing) * 11) !important;
  }

  .pl-12 {
    padding-left: calc(var(--spacing) * 12) !important;
  }

  .pl-16 {
    padding-left: calc(var(--spacing) * 16) !important;
  }

  .pl-safe {
    padding-left: env(safe-area-inset-left) !important;
  }

  .\!text-start {
    text-align: start !important;
  }

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

  .text-end {
    text-align: end !important;
  }

  .text-left {
    text-align: left !important;
  }

  .text-right {
    text-align: right !important;
  }

  .text-start {
    text-align: start !important;
  }

  .align-middle {
    vertical-align: middle !important;
  }

  .align-text-bottom {
    vertical-align: text-bottom !important;
  }

  .align-top {
    vertical-align: top !important;
  }

  .font-\[\'STC_Forward\'\,Inter\,Arial\,sans-serif\] {
    font-family: STC Forward, Inter, Arial, sans-serif !important;
  }

  .font-mono {
    font-family: var(--font-mono) !important;
  }

  .font-sans {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
  }

  .\!text-base {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }

  .\!text-xl {
    font-size: var(--font-size-xl) !important;
    line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
  }

  .\!text-xs {
    font-size: var(--font-size-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }

  .text-2xl {
    font-size: var(--font-size-2xl) !important;
    line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
  }

  .text-3xl {
    font-size: var(--font-size-3xl) !important;
    line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
  }

  .text-4xl {
    font-size: var(--font-size-4xl) !important;
    line-height: var(--tw-leading, var(--text-4xl--line-height)) !important;
  }

  .text-6xl {
    font-size: var(--text-6xl) !important;
    line-height: var(--tw-leading, var(--text-6xl--line-height)) !important;
  }

  .text-8xl {
    font-size: var(--text-8xl) !important;
    line-height: var(--tw-leading, var(--text-8xl--line-height)) !important;
  }

  .text-base {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }

  .text-lg {
    font-size: var(--font-size-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  }

  .text-sm {
    font-size: var(--font-size-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }

  .text-xl {
    font-size: var(--font-size-xl) !important;
    line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
  }

  .text-xs {
    font-size: var(--font-size-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }

  .text-\[0\.7rem\] {
    font-size: .7rem !important;
  }

  .text-\[0\.9rem\] {
    font-size: .9rem !important;
  }

  .text-\[0\.65rem\] {
    font-size: .65rem !important;
  }

  .text-\[0\.95rem\] {
    font-size: .95rem !important;
  }

  .text-\[8px\] {
    font-size: 8px !important;
  }

  .text-\[9px\] {
    font-size: 9px !important;
  }

  .text-\[10\.5px\] {
    font-size: 10.5px !important;
  }

  .text-\[10px\] {
    font-size: 10px !important;
  }

  .text-\[11\.5px\] {
    font-size: 11.5px !important;
  }

  .text-\[11px\] {
    font-size: 11px !important;
  }

  .text-\[12px\], .text-\[12px\]\! {
    font-size: 12px !important;
  }

  .text-\[13px\] {
    font-size: 13px !important;
  }

  .text-\[15px\] {
    font-size: 15px !important;
  }

  .text-\[17px\] {
    font-size: 17px !important;
  }

  .text-\[22px\]\! {
    font-size: 22px !important;
  }

  .text-\[26px\] {
    font-size: 26px !important;
  }

  .text-\[30px\] {
    font-size: 30px !important;
  }

  .text-\[clamp\(120px\,30vw\,180px\)\] {
    font-size: clamp(120px, 30vw, 180px) !important;
  }

  .text-md {
    font-size: var(--font-size-md) !important;
  }

  .text-xxs {
    font-size: var(--font-size-xxs) !important;
  }

  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4) !important;
    line-height: calc(var(--spacing) * 4) !important;
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5) !important;
    line-height: calc(var(--spacing) * 5) !important;
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6) !important;
    line-height: calc(var(--spacing) * 6) !important;
  }

  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7) !important;
    line-height: calc(var(--spacing) * 7) !important;
  }

  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8) !important;
    line-height: calc(var(--spacing) * 8) !important;
  }

  .leading-\[1\.15\] {
    --tw-leading: 1.15 !important;
    line-height: 1.15 !important;
  }

  .leading-none {
    --tw-leading: 1 !important;
    line-height: 1 !important;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed) !important;
    line-height: var(--leading-relaxed) !important;
  }

  .leading-snug {
    --tw-leading: var(--line-height-snug) !important;
    line-height: var(--line-height-snug) !important;
  }

  .leading-tight {
    --tw-leading: var(--leading-tight) !important;
    line-height: var(--leading-tight) !important;
  }

  .\!font-bold {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }

  .\!font-medium {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black) !important;
    font-weight: var(--font-weight-black) !important;
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold) !important;
    font-weight: var(--font-weight-extrabold) !important;
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }

  .tracking-\[0\.16em\] {
    --tw-tracking: .16em !important;
    letter-spacing: .16em !important;
  }

  .tracking-\[0\.22em\] {
    --tw-tracking: .22em !important;
    letter-spacing: .22em !important;
  }

  .tracking-\[2px\] {
    --tw-tracking: 2px !important;
    letter-spacing: 2px !important;
  }

  .tracking-tight {
    --tw-tracking: var(--letter-space-tight) !important;
    letter-spacing: var(--letter-space-tight) !important;
  }

  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter) !important;
    letter-spacing: var(--tracking-tighter) !important;
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide) !important;
    letter-spacing: var(--tracking-wide) !important;
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider) !important;
    letter-spacing: var(--tracking-wider) !important;
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest) !important;
    letter-spacing: var(--tracking-widest) !important;
  }

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

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

  .break-normal {
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .break-words {
    overflow-wrap: break-word !important;
  }

  .wrap-anywhere {
    overflow-wrap: anywhere !important;
  }

  .wrap-break-word {
    overflow-wrap: break-word !important;
  }

  .break-all {
    word-break: break-all !important;
  }

  .text-ellipsis {
    text-overflow: ellipsis !important;
  }

  .whitespace-nowrap {
    white-space: nowrap !important;
  }

  .whitespace-pre-line {
    white-space: pre-line !important;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap !important;
  }

  .\!text-gray-500 {
    color: var(--gray-500) !important;
  }

  .\!text-white\/90 {
    color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!text-white\/90 {
      color: color-mix(in oklab, var(--white) 90%, transparent) !important;
    }
  }

  .text-\[\#0a0a0a\] {
    color: #0a0a0a !important;
  }

  .text-\[\#00E396\] {
    color: #00e396 !important;
  }

  .text-\[\#1bced8\] {
    color: #1bced8 !important;
  }

  .text-\[\#1d252d\] {
    color: #1d252d !important;
  }

  .text-\[\#2E7D32\] {
    color: #2e7d32 !important;
  }

  .text-\[\#2E1743\] {
    color: #2e1743 !important;
  }

  .text-\[\#4A5565\] {
    color: #4a5565 !important;
  }

  .text-\[\#4F008C\] {
    color: #4f008c !important;
  }

  .text-\[\#4a4a4a\] {
    color: #4a4a4a !important;
  }

  .text-\[\#4a4a50\] {
    color: #4a4a50 !important;
  }

  .text-\[\#4f008c\] {
    color: #4f008c !important;
  }

  .text-\[\#5C0090\] {
    color: #5c0090 !important;
  }

  .text-\[\#06d6a0\] {
    color: #06d6a0 !important;
  }

  .text-\[\#7A7688\] {
    color: #7a7688 !important;
  }

  .text-\[\#7a7a7a\] {
    color: #7a7a7a !important;
  }

  .text-\[\#9D6AE8\] {
    color: #9d6ae8 !important;
  }

  .text-\[\#047a5c\] {
    color: #047a5c !important;
  }

  .text-\[\#089de6\] {
    color: #089de6 !important;
  }

  .text-\[\#0277a8\] {
    color: #0277a8 !important;
  }

  .text-\[\#0369a1\] {
    color: #0369a1 !important;
  }

  .text-\[\#888\] {
    color: #888 !important;
  }

  .text-\[\#059669\] {
    color: #059669 !important;
  }

  .text-\[\#64748B\] {
    color: #64748b !important;
  }

  .text-\[\#92400e\] {
    color: #92400e !important;
  }

  .text-\[\#166534\] {
    color: #166534 !important;
  }

  .text-\[\#363636\] {
    color: #363636 !important;
  }

  .text-\[\#575767\] {
    color: #575767 !important;
  }

  .text-\[\#C8BADF\] {
    color: #c8badf !important;
  }

  .text-\[\#C9B0E8\] {
    color: #c9b0e8 !important;
  }

  .text-\[\#C62828\] {
    color: #c62828 !important;
  }

  .text-\[\#FF375E\] {
    color: #ff375e !important;
  }

  .text-\[\#FF4560\] {
    color: #ff4560 !important;
  }

  .text-\[\#FFB800\] {
    color: #ffb800 !important;
  }

  .text-\[\#a01040\] {
    color: #a01040 !important;
  }

  .text-\[\#b5b5b5\] {
    color: #b5b5b5 !important;
  }

  .text-\[\#b77a00\] {
    color: #b77a00 !important;
  }

  .text-\[\#be185d\] {
    color: #be185d !important;
  }

  .text-\[\#dbdbdb\] {
    color: #dbdbdb !important;
  }

  .text-\[\#e62965\] {
    color: #e62965 !important;
  }

  .text-\[\#f5f5f5\] {
    color: #f5f5f5 !important;
  }

  .text-\[\#ffa981\] {
    color: #ffa981 !important;
  }

  .text-\[var\(--brand-500\)\] {
    color: var(--brand-500) !important;
  }

  .text-\[var\(--brand-600\)\] {
    color: var(--brand-600) !important;
  }

  .text-\[var\(--brand-700\)\] {
    color: var(--brand-700) !important;
  }

  .text-\[var\(--rose-500\)\] {
    color: var(--rose-500) !important;
  }

  .text-\[var\(--success-500\)\] {
    color: var(--success-500) !important;
  }

  .text-amber-100 {
    color: var(--color-amber-100) !important;
  }

  .text-amber-300 {
    color: var(--color-amber-300) !important;
  }

  .text-amber-400 {
    color: var(--color-amber-400) !important;
  }

  .text-amber-500 {
    color: var(--color-amber-500) !important;
  }

  .text-amber-600 {
    color: var(--color-amber-600) !important;
  }

  .text-amber-700 {
    color: var(--color-amber-700) !important;
  }

  .text-amber-700\/80 {
    color: #b75000cc !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-amber-700\/80 {
      color: color-mix(in oklab, var(--color-amber-700) 80%, transparent) !important;
    }
  }

  .text-amber-800 {
    color: var(--color-amber-800) !important;
  }

  .text-amber-900 {
    color: var(--color-amber-900) !important;
  }

  .text-black, .text-black\/25 {
    color: var(--black) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-black\/25 {
      color: color-mix(in oklab, var(--black) 25%, transparent) !important;
    }
  }

  .text-blue-100\/40 {
    color: var(--blue-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-blue-100\/40 {
      color: color-mix(in oklab, var(--blue-100) 40%, transparent) !important;
    }
  }

  .text-blue-200\/90 {
    color: var(--blue-200) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-blue-200\/90 {
      color: color-mix(in oklab, var(--blue-200) 90%, transparent) !important;
    }
  }

  .text-blue-400, .text-blue-400\/60 {
    color: var(--blue-400) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-blue-400\/60 {
      color: color-mix(in oklab, var(--blue-400) 60%, transparent) !important;
    }
  }

  .text-blue-500 {
    color: var(--blue-500) !important;
  }

  .text-blue-600, .text-blue-600\/80 {
    color: var(--blue-600) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-blue-600\/80 {
      color: color-mix(in oklab, var(--blue-600) 80%, transparent) !important;
    }
  }

  .text-blue-700, .text-blue-700\/80 {
    color: var(--blue-700) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-blue-700\/80 {
      color: color-mix(in oklab, var(--blue-700) 80%, transparent) !important;
    }
  }

  .text-blue-800 {
    color: var(--blue-800) !important;
  }

  .text-blue-900 {
    color: var(--blue-900) !important;
  }

  .text-current {
    color: currentColor !important;
  }

  .text-cyan-500 {
    color: var(--cyan-500) !important;
  }

  .text-emerald-50 {
    color: var(--success-50) !important;
  }

  .text-emerald-400 {
    color: var(--success-400) !important;
  }

  .text-emerald-500 {
    color: var(--success-500) !important;
  }

  .text-emerald-600 {
    color: var(--success-600) !important;
  }

  .text-emerald-700 {
    color: var(--success-700) !important;
  }

  .text-emerald-800 {
    color: var(--success-800) !important;
  }

  .text-emerald-900 {
    color: var(--success-900) !important;
  }

  .text-error-500 {
    color: var(--error-500) !important;
  }

  .text-error-600 {
    color: var(--error-600) !important;
  }

  .text-error-700 {
    color: var(--error-700) !important;
  }

  .text-fuchsia-700 {
    color: var(--color-fuchsia-700) !important;
  }

  .text-gray-200 {
    color: var(--gray-200) !important;
  }

  .text-gray-300 {
    color: var(--gray-300) !important;
  }

  .text-gray-400 {
    color: var(--gray-400) !important;
  }

  .text-gray-500 {
    color: var(--gray-500) !important;
  }

  .text-gray-600 {
    color: var(--gray-600) !important;
  }

  .text-gray-700 {
    color: var(--gray-700) !important;
  }

  .text-gray-800 {
    color: var(--gray-800) !important;
  }

  .text-gray-900 {
    color: var(--gray-900) !important;
  }

  .text-gray-950 {
    color: var(--gray-950) !important;
  }

  .text-green-100\/40 {
    color: var(--green-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-green-100\/40 {
      color: color-mix(in oklab, var(--green-100) 40%, transparent) !important;
    }
  }

  .text-green-400, .text-green-400\/60 {
    color: var(--green-400) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-green-400\/60 {
      color: color-mix(in oklab, var(--green-400) 60%, transparent) !important;
    }
  }

  .text-green-500, .text-green-500\/50 {
    color: var(--green-500) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-green-500\/50 {
      color: color-mix(in oklab, var(--green-500) 50%, transparent) !important;
    }
  }

  .text-green-600 {
    color: var(--green-600) !important;
  }

  .text-green-700, .text-green-700\/60 {
    color: var(--green-700) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-green-700\/60 {
      color: color-mix(in oklab, var(--green-700) 60%, transparent) !important;
    }
  }

  .text-green-700\/80 {
    color: var(--green-700) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-green-700\/80 {
      color: color-mix(in oklab, var(--green-700) 80%, transparent) !important;
    }
  }

  .text-green-900 {
    color: var(--green-900) !important;
  }

  .text-indigo-500 {
    color: var(--color-indigo-500) !important;
  }

  .text-indigo-600 {
    color: var(--color-indigo-600) !important;
  }

  .text-indigo-700 {
    color: var(--color-indigo-700) !important;
  }

  .text-indigo-800 {
    color: var(--color-indigo-800) !important;
  }

  .text-indigo-900 {
    color: var(--color-indigo-900) !important;
  }

  .text-inherit {
    color: inherit !important;
  }

  .text-neutral-400 {
    color: var(--color-neutral-400) !important;
  }

  .text-neutral-500 {
    color: var(--color-neutral-500) !important;
  }

  .text-neutral-600 {
    color: var(--color-neutral-600) !important;
  }

  .text-orange-100\/40 {
    color: var(--orange-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-orange-100\/40 {
      color: color-mix(in oklab, var(--orange-100) 40%, transparent) !important;
    }
  }

  .text-orange-300\/60 {
    color: var(--orange-300) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-orange-300\/60 {
      color: color-mix(in oklab, var(--orange-300) 60%, transparent) !important;
    }
  }

  .text-orange-500 {
    color: var(--orange-500) !important;
  }

  .text-orange-600 {
    color: var(--orange-600) !important;
  }

  .text-orange-700 {
    color: var(--orange-700) !important;
  }

  .text-orange-800 {
    color: var(--orange-800) !important;
  }

  .text-orange-900 {
    color: var(--orange-900) !important;
  }

  .text-primary-100\/40 {
    color: var(--brand-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary-100\/40 {
      color: color-mix(in oklab, var(--brand-100) 40%, transparent) !important;
    }
  }

  .text-primary-300, .text-primary-300\/60 {
    color: var(--brand-300) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary-300\/60 {
      color: color-mix(in oklab, var(--brand-300) 60%, transparent) !important;
    }
  }

  .text-primary-300\/70 {
    color: var(--brand-300) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary-300\/70 {
      color: color-mix(in oklab, var(--brand-300) 70%, transparent) !important;
    }
  }

  .text-primary-400, .text-primary-400\/60 {
    color: var(--brand-400) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary-400\/60 {
      color: color-mix(in oklab, var(--brand-400) 60%, transparent) !important;
    }
  }

  .text-primary-500, .text-primary-500\/\[0\.07\] {
    color: var(--brand-500) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary-500\/\[0\.07\] {
      color: color-mix(in oklab, var(--brand-500) 7.0%, transparent) !important;
    }
  }

  .text-primary-600, .text-primary-600\/70 {
    color: var(--brand-600) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary-600\/70 {
      color: color-mix(in oklab, var(--brand-600) 70%, transparent) !important;
    }
  }

  .text-primary-600\/80 {
    color: var(--brand-600) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary-600\/80 {
      color: color-mix(in oklab, var(--brand-600) 80%, transparent) !important;
    }
  }

  .text-primary-700, .text-primary-700\/80 {
    color: var(--brand-700) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary-700\/80 {
      color: color-mix(in oklab, var(--brand-700) 80%, transparent) !important;
    }
  }

  .text-primary-900 {
    color: var(--brand-900) !important;
  }

  .text-primary-950 {
    color: var(--brand-950) !important;
  }

  .text-purple-500 {
    color: var(--purple-500) !important;
  }

  .text-purple-600 {
    color: var(--purple-600) !important;
  }

  .text-purple-700 {
    color: var(--purple-700) !important;
  }

  .text-purple-800 {
    color: var(--purple-800) !important;
  }

  .text-purple-900 {
    color: var(--purple-900) !important;
  }

  .text-red-300 {
    color: var(--color-red-300) !important;
  }

  .text-red-400 {
    color: var(--color-red-400) !important;
  }

  .text-red-500 {
    color: var(--color-red-500) !important;
  }

  .text-red-600 {
    color: var(--color-red-600) !important;
  }

  .text-red-700 {
    color: var(--color-red-700) !important;
  }

  .text-red-800 {
    color: var(--color-red-800) !important;
  }

  .text-rose-100 {
    color: var(--rose-100) !important;
  }

  .text-rose-300 {
    color: var(--rose-300) !important;
  }

  .text-rose-400 {
    color: var(--rose-400) !important;
  }

  .text-rose-500 {
    color: var(--rose-500) !important;
  }

  .text-rose-600 {
    color: var(--rose-600) !important;
  }

  .text-rose-700, .text-rose-700\/90 {
    color: var(--rose-700) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-rose-700\/90 {
      color: color-mix(in oklab, var(--rose-700) 90%, transparent) !important;
    }
  }

  .text-rose-800 {
    color: var(--rose-800) !important;
  }

  .text-rose-900 {
    color: var(--rose-900) !important;
  }

  .text-secondary-400 {
    color: var(--rose-400) !important;
  }

  .text-secondary-500 {
    color: var(--rose-500) !important;
  }

  .text-secondary-600 {
    color: var(--rose-600) !important;
  }

  .text-secondary-700 {
    color: var(--rose-700) !important;
  }

  .text-sky-600 {
    color: var(--color-sky-600) !important;
  }

  .text-sky-700 {
    color: var(--color-sky-700) !important;
  }

  .text-slate-300 {
    color: var(--color-slate-300) !important;
  }

  .text-slate-400 {
    color: var(--color-slate-400) !important;
  }

  .text-slate-500 {
    color: var(--color-slate-500) !important;
  }

  .text-slate-700 {
    color: var(--color-slate-700) !important;
  }

  .text-slate-900 {
    color: var(--color-slate-900) !important;
  }

  .text-stc-dark-grey {
    color: var(--stc-dark-grey) !important;
  }

  .text-stc-green {
    color: var(--stc-green) !important;
  }

  .text-stc-orange {
    color: var(--stc-orange) !important;
  }

  .text-stc-primary {
    color: var(--stc-primary-color) !important;
  }

  .text-stc-secondary {
    color: var(--stc-secondary-color) !important;
  }

  .text-success-500 {
    color: var(--success-500) !important;
  }

  .text-success-600 {
    color: var(--success-600) !important;
  }

  .text-success-700 {
    color: var(--success-700) !important;
  }

  .text-teal-500 {
    color: var(--color-teal-500) !important;
  }

  .text-transparent {
    color: #0000 !important;
  }

  .text-violet-600 {
    color: var(--purple-600) !important;
  }

  .text-warning-500 {
    color: var(--warning-500) !important;
  }

  .text-warning-600 {
    color: var(--warning-600) !important;
  }

  .text-warning-700 {
    color: var(--warning-700) !important;
  }

  .text-white, .text-white\/40 {
    color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/40 {
      color: color-mix(in oklab, var(--white) 40%, transparent) !important;
    }
  }

  .text-white\/50 {
    color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/50 {
      color: color-mix(in oklab, var(--white) 50%, transparent) !important;
    }
  }

  .text-white\/55 {
    color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/55 {
      color: color-mix(in oklab, var(--white) 55%, transparent) !important;
    }
  }

  .text-white\/60 {
    color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/60 {
      color: color-mix(in oklab, var(--white) 60%, transparent) !important;
    }
  }

  .text-white\/70 {
    color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/70 {
      color: color-mix(in oklab, var(--white) 70%, transparent) !important;
    }
  }

  .text-white\/75 {
    color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/75 {
      color: color-mix(in oklab, var(--white) 75%, transparent) !important;
    }
  }

  .text-white\/80 {
    color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: color-mix(in oklab, var(--white) 80%, transparent) !important;
    }
  }

  .text-white\/82 {
    color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/82 {
      color: color-mix(in oklab, var(--white) 82%, transparent) !important;
    }
  }

  .text-white\/85 {
    color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/85 {
      color: color-mix(in oklab, var(--white) 85%, transparent) !important;
    }
  }

  .text-white\/90 {
    color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/90 {
      color: color-mix(in oklab, var(--white) 90%, transparent) !important;
    }
  }

  .text-yellow-400 {
    color: var(--yellow-400) !important;
  }

  .text-yellow-500 {
    color: var(--yellow-500) !important;
  }

  .text-yellow-600 {
    color: var(--yellow-600) !important;
  }

  .text-yellow-700 {
    color: var(--yellow-700) !important;
  }

  .text-zinc-800 {
    color: var(--color-zinc-800) !important;
  }

  .capitalize {
    text-transform: capitalize !important;
  }

  .lowercase {
    text-transform: lowercase !important;
  }

  .normal-case {
    text-transform: none !important;
  }

  .uppercase {
    text-transform: uppercase !important;
  }

  .italic {
    font-style: italic !important;
  }

  .ordinal {
    --tw-ordinal: ordinal !important;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ) !important;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums !important;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ) !important;
  }

  .line-through {
    text-decoration-line: line-through !important;
  }

  .no-underline {
    text-decoration-line: none !important;
  }

  .underline {
    text-decoration-line: underline !important;
  }

  .decoration-gray-300 {
    text-decoration-color: var(--gray-300) !important;
  }

  .decoration-dotted {
    text-decoration-style: dotted !important;
  }

  .underline-offset-2 {
    text-underline-offset: 2px !important;
  }

  .placeholder-gray-400::-moz-placeholder {
    color: var(--gray-400) !important;
  }

  .placeholder-gray-400::placeholder {
    color: var(--gray-400) !important;
  }

  .accent-primary-500 {
    accent-color: var(--brand-500) !important;
  }

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

  .opacity-5 {
    opacity: .05 !important;
  }

  .opacity-10 {
    opacity: .1 !important;
  }

  .opacity-20 {
    opacity: .2 !important;
  }

  .opacity-25 {
    opacity: .25 !important;
  }

  .opacity-30 {
    opacity: .3 !important;
  }

  .opacity-35 {
    opacity: .35 !important;
  }

  .opacity-40 {
    opacity: .4 !important;
  }

  .opacity-50 {
    opacity: .5 !important;
  }

  .opacity-60 {
    opacity: .6 !important;
  }

  .opacity-70 {
    opacity: .7 !important;
  }

  .opacity-75 {
    opacity: .75 !important;
  }

  .opacity-80 {
    opacity: .8 !important;
  }

  .opacity-85 {
    opacity: .85 !important;
  }

  .opacity-90 {
    opacity: .9 !important;
  }

  .opacity-100 {
    opacity: 1 !important;
  }

  .opacity-\[0\.25\] {
    opacity: .25 !important;
  }

  .\!shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-2xl {
    --tw-shadow: var(--shadow-2xl) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_-4px_12px_0_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0 -4px 12px 0 var(--tw-shadow-color, #0000000f) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_-4px_12px_…\] {
    --tw-shadow: 0 -4px 12px var(--tw-shadow-color, …) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_-8px_24px_rgba\(15\,23\,42\,0\.06\)\] {
    --tw-shadow: 0 -8px 24px var(--tw-shadow-color, #0f172a0f) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_-12px_30px_rgba\(0\,0\,0\,0\.10\)\] {
    --tw-shadow: 0 -12px 30px var(--tw-shadow-color, #0000001a) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_0_0_3px_rgba\(79\,0\,140\,0\.12\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, #4f008c1f) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_0_0_5px_rgba\(79\,70\,229\,0\.15\)\] {
    --tw-shadow: 0 0 0 5px var(--tw-shadow-color, #4f46e526) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_0_2\.25px_rgba\(79\,0\,140\,0\.20\)\,0_0_4\.5px_rgba\(79\,0\,140\,0\.15\)\] {
    --tw-shadow: 0 0 2.25px var(--tw-shadow-color, #4f008c33), 0 0 4.5px var(--tw-shadow-color, #4f008c26) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_0_12px_0_rgba\(79\,0\,140\,0\.06\)\] {
    --tw-shadow: 0 0 12px 0 var(--tw-shadow-color, #4f008c0f) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_0_12px_0_rgba\(79\,0\,140\,0\.08\)\] {
    --tw-shadow: 0 0 12px 0 var(--tw-shadow-color, #4f008c14) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_0_16px_0_rgba\(255\,55\,94\,0\.3\)\] {
    --tw-shadow: 0 0 16px 0 var(--tw-shadow-color, #ff375e4d) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_1px_2px_rgba\(10\,10\,10\,0\.1\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #0a0a0a1a) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_1px_2px_rgba\(15\,15\,15\,0\.03\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #0f0f0f08) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_1px_3px_0_rgba\(16\,24\,40\,0\.06\)\,0_1px_2px_0_rgba\(16\,24\,40\,0\.04\)\] {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #1018280f), 0 1px 2px 0 var(--tw-shadow-color, #1018280a) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_1px_6px_rgba\(0\,0\,0\,0\.07\)\] {
    --tw-shadow: 0 1px 6px var(--tw-shadow-color, #00000012) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_2\.2px_13\.2px_0_rgba\(79\,0\,140\,0\.12\)\] {
    --tw-shadow: 0 2.2px 13.2px 0 var(--tw-shadow-color, #4f008c1f) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_2px_4px_rgba\(10\,10\,10\,0\.1\)\,0_0_0_1px_rgba\(10\,10\,10\,0\.05\)\] {
    --tw-shadow: 0 2px 4px var(--tw-shadow-color, #0a0a0a1a), 0 0 0 1px var(--tw-shadow-color, #0a0a0a0d) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_4px_12px_rgba\(57\,0\,102\,0\.35\)\] {
    --tw-shadow: 0 4px 12px var(--tw-shadow-color, #39006659) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_6px_14px_rgba\(79\,0\,140\,0\.35\)\] {
    --tw-shadow: 0 6px 14px var(--tw-shadow-color, #4f008c59) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #00000014) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_10px_40px_0_rgba\(79\,0\,140\,0\.18\)\] {
    --tw-shadow: 0 10px 40px 0 var(--tw-shadow-color, #4f008c2e) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_12px_30px_-12px_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: 0 12px 30px -12px var(--tw-shadow-color, #00000026) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_14px_26px_-14px_rgba\(0\,0\,0\,0\.45\)\] {
    --tw-shadow: 0 14px 26px -14px var(--tw-shadow-color, #00000073) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_20px_60px_rgba\(79\,0\,140\,0\.10\)\] {
    --tw-shadow: 0 20px 60px var(--tw-shadow-color, #4f008c1a) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_24px_48px_-12px_rgba\(79\,0\,140\,0\.25\)\] {
    --tw-shadow: 0 24px 48px -12px var(--tw-shadow-color, #4f008c40) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0_24px_60px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0 24px 60px var(--tw-shadow-color, #00000040) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0px_0px_12px_rgba\(79\,0\,140\,0\.16\)\] {
    --tw-shadow: 0px 0px 12px var(--tw-shadow-color, #4f008c29) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.08\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff14) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-lg {
    --tw-shadow: var(--shadow-lg) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-main {
    --tw-shadow: var(--shadow-main) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-md {
    --tw-shadow: var(--shadow-md) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-sm {
    --tw-shadow: var(--shadow-sm) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-xl {
    --tw-shadow: var(--shadow-xl) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-xs {
    --tw-shadow: var(--shadow-xs) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .ring-8 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-blue-50 {
    --tw-shadow-color: var(--blue-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-blue-50 {
      --tw-shadow-color: color-mix(in oklab, var(--blue-50) var(--tw-shadow-alpha), transparent) !important;
    }
  }

  .shadow-blue-100\/80 {
    --tw-shadow-color: var(--blue-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-blue-100\/80 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--blue-100) 80%, transparent) var(--tw-shadow-alpha), transparent) !important;
    }
  }

  .shadow-green-50 {
    --tw-shadow-color: var(--green-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-green-50 {
      --tw-shadow-color: color-mix(in oklab, var(--green-50) var(--tw-shadow-alpha), transparent) !important;
    }
  }

  .shadow-green-100\/80 {
    --tw-shadow-color: var(--green-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-green-100\/80 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--green-100) 80%, transparent) var(--tw-shadow-alpha), transparent) !important;
    }
  }

  .shadow-orange-50 {
    --tw-shadow-color: var(--orange-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-orange-50 {
      --tw-shadow-color: color-mix(in oklab, var(--orange-50) var(--tw-shadow-alpha), transparent) !important;
    }
  }

  .shadow-orange-100\/80 {
    --tw-shadow-color: var(--orange-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-orange-100\/80 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--orange-100) 80%, transparent) var(--tw-shadow-alpha), transparent) !important;
    }
  }

  .shadow-primary-50 {
    --tw-shadow-color: var(--brand-50) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-primary-50 {
      --tw-shadow-color: color-mix(in oklab, var(--brand-50) var(--tw-shadow-alpha), transparent) !important;
    }
  }

  .shadow-primary-100\/80 {
    --tw-shadow-color: var(--brand-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-primary-100\/80 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--brand-100) 80%, transparent) var(--tw-shadow-alpha), transparent) !important;
    }
  }

  .shadow-red-500\/20 {
    --tw-shadow-color: #fb2c3633 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-red-500\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 20%, transparent) var(--tw-shadow-alpha), transparent) !important;
    }
  }

  .shadow-stc-primary\/30 {
    --tw-shadow-color: var(--stc-primary-color) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-stc-primary\/30 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--stc-primary-color) 30%, transparent) var(--tw-shadow-alpha), transparent) !important;
    }
  }

  .shadow-stc-secondary\/20 {
    --tw-shadow-color: var(--stc-secondary-color) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-stc-secondary\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--stc-secondary-color) 20%, transparent) var(--tw-shadow-alpha), transparent) !important;
    }
  }

  .shadow-stc-secondary\/30 {
    --tw-shadow-color: var(--stc-secondary-color) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-stc-secondary\/30 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--stc-secondary-color) 30%, transparent) var(--tw-shadow-alpha), transparent) !important;
    }
  }

  .ring-amber-100 {
    --tw-ring-color: var(--color-amber-100) !important;
  }

  .ring-amber-200 {
    --tw-ring-color: var(--color-amber-200) !important;
  }

  .ring-amber-300 {
    --tw-ring-color: var(--color-amber-300) !important;
  }

  .ring-amber-400 {
    --tw-ring-color: var(--color-amber-400) !important;
  }

  .ring-amber-500 {
    --tw-ring-color: var(--color-amber-500) !important;
  }

  .ring-black\/5 {
    --tw-ring-color: var(--black) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/5 {
      --tw-ring-color: color-mix(in oklab, var(--black) 5%, transparent) !important;
    }
  }

  .ring-black\/10 {
    --tw-ring-color: var(--black) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/10 {
      --tw-ring-color: color-mix(in oklab, var(--black) 10%, transparent) !important;
    }
  }

  .ring-blue-100, .ring-blue-100\/70 {
    --tw-ring-color: var(--blue-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-blue-100\/70 {
      --tw-ring-color: color-mix(in oklab, var(--blue-100) 70%, transparent) !important;
    }
  }

  .ring-blue-200 {
    --tw-ring-color: var(--blue-200) !important;
  }

  .ring-blue-500 {
    --tw-ring-color: var(--blue-500) !important;
  }

  .ring-blue-600\/20 {
    --tw-ring-color: var(--blue-600) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-blue-600\/20 {
      --tw-ring-color: color-mix(in oklab, var(--blue-600) 20%, transparent) !important;
    }
  }

  .ring-emerald-100 {
    --tw-ring-color: var(--success-100) !important;
  }

  .ring-emerald-200 {
    --tw-ring-color: var(--success-200) !important;
  }

  .ring-emerald-300 {
    --tw-ring-color: var(--success-300) !important;
  }

  .ring-error-100 {
    --tw-ring-color: var(--error-100) !important;
  }

  .ring-error-500 {
    --tw-ring-color: var(--error-500) !important;
  }

  .ring-fuchsia-100 {
    --tw-ring-color: var(--color-fuchsia-100) !important;
  }

  .ring-gray-100 {
    --tw-ring-color: var(--gray-100) !important;
  }

  .ring-gray-200 {
    --tw-ring-color: var(--gray-200) !important;
  }

  .ring-gray-300 {
    --tw-ring-color: var(--gray-300) !important;
  }

  .ring-gray-500\/20 {
    --tw-ring-color: var(--gray-500) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-gray-500\/20 {
      --tw-ring-color: color-mix(in oklab, var(--gray-500) 20%, transparent) !important;
    }
  }

  .ring-gray-800 {
    --tw-ring-color: var(--gray-800) !important;
  }

  .ring-green-100, .ring-green-100\/70 {
    --tw-ring-color: var(--green-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-green-100\/70 {
      --tw-ring-color: color-mix(in oklab, var(--green-100) 70%, transparent) !important;
    }
  }

  .ring-green-200 {
    --tw-ring-color: var(--green-200) !important;
  }

  .ring-green-400 {
    --tw-ring-color: var(--green-400) !important;
  }

  .ring-green-600\/20 {
    --tw-ring-color: var(--green-600) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-green-600\/20 {
      --tw-ring-color: color-mix(in oklab, var(--green-600) 20%, transparent) !important;
    }
  }

  .ring-orange-100, .ring-orange-100\/70 {
    --tw-ring-color: var(--orange-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-orange-100\/70 {
      --tw-ring-color: color-mix(in oklab, var(--orange-100) 70%, transparent) !important;
    }
  }

  .ring-orange-200 {
    --tw-ring-color: var(--orange-200) !important;
  }

  .ring-orange-300 {
    --tw-ring-color: var(--orange-300) !important;
  }

  .ring-primary-50 {
    --tw-ring-color: var(--brand-50) !important;
  }

  .ring-primary-100, .ring-primary-100\/60 {
    --tw-ring-color: var(--brand-100) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary-100\/60 {
      --tw-ring-color: color-mix(in oklab, var(--brand-100) 60%, transparent) !important;
    }
  }

  .ring-primary-200 {
    --tw-ring-color: var(--brand-200) !important;
  }

  .ring-primary-300 {
    --tw-ring-color: var(--brand-300) !important;
  }

  .ring-primary-400 {
    --tw-ring-color: var(--brand-400) !important;
  }

  .ring-primary-500 {
    --tw-ring-color: var(--brand-500) !important;
  }

  .ring-primary-600 {
    --tw-ring-color: var(--brand-600) !important;
  }

  .ring-purple-100 {
    --tw-ring-color: var(--purple-100) !important;
  }

  .ring-purple-200 {
    --tw-ring-color: var(--purple-200) !important;
  }

  .ring-red-100 {
    --tw-ring-color: var(--color-red-100) !important;
  }

  .ring-red-300 {
    --tw-ring-color: var(--color-red-300) !important;
  }

  .ring-rose-100 {
    --tw-ring-color: var(--rose-100) !important;
  }

  .ring-rose-200 {
    --tw-ring-color: var(--rose-200) !important;
  }

  .ring-rose-300 {
    --tw-ring-color: var(--rose-300) !important;
  }

  .ring-sky-100 {
    --tw-ring-color: var(--color-sky-100) !important;
  }

  .ring-success-200 {
    --tw-ring-color: var(--success-200) !important;
  }

  .ring-teal-400 {
    --tw-ring-color: var(--color-teal-400) !important;
  }

  .ring-transparent {
    --tw-ring-color: transparent !important;
  }

  .ring-violet-100 {
    --tw-ring-color: var(--purple-100) !important;
  }

  .ring-white, .ring-white\/15 {
    --tw-ring-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/15 {
      --tw-ring-color: color-mix(in oklab, var(--white) 15%, transparent) !important;
    }
  }

  .ring-white\/40 {
    --tw-ring-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/40 {
      --tw-ring-color: color-mix(in oklab, var(--white) 40%, transparent) !important;
    }
  }

  .ring-yellow-100 {
    --tw-ring-color: var(--yellow-100) !important;
  }

  .ring-offset-2 {
    --tw-ring-offset-width: 2px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  }

  .ring-offset-gray-50 {
    --tw-ring-offset-color: var(--gray-50) !important;
  }

  .ring-offset-gray-100 {
    --tw-ring-offset-color: var(--gray-100) !important;
  }

  .ring-offset-white {
    --tw-ring-offset-color: var(--white) !important;
  }

  .outline, .outline-1 {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 1px !important;
  }

  .outline-2 {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 2px !important;
  }

  .outline-offset-2 {
    outline-offset: 2px !important;
  }

  .outline-gray-200 {
    outline-color: var(--gray-200) !important;
  }

  .outline-primary-300 {
    outline-color: var(--brand-300) !important;
  }

  .blur {
    --tw-blur: blur(8px) !important;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }

  .blur-2xl {
    --tw-blur: blur(var(--blur-2xl)) !important;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }

  .blur-3xl {
    --tw-blur: blur(var(--blur-3xl)) !important;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }

  .blur-\[1px\] {
    --tw-blur: blur(1px) !important;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }

  .brightness-\[\.93\] {
    --tw-brightness: brightness(.93) !important;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }

  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f)) !important;
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f) !important;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }

  .drop-shadow-\[0_0_12px_rgba\(98\,0\,234\,0\.25\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 12px var(--tw-drop-shadow-color, #6200ea40)) !important;
    --tw-drop-shadow: var(--tw-drop-shadow-size) !important;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }

  .drop-shadow-\[0_0_18px_rgba\(255\,255\,255\,0\.5\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 18px var(--tw-drop-shadow-color, #ffffff80)) !important;
    --tw-drop-shadow: var(--tw-drop-shadow-size) !important;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }

  .drop-shadow-\[0_7px_16px_rgba\(100\,0\,160\,0\.20\)\] {
    --tw-drop-shadow-size: drop-shadow(0 7px 16px var(--tw-drop-shadow-color, #6400a033)) !important;
    --tw-drop-shadow: var(--tw-drop-shadow-size) !important;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }

  .drop-shadow-lg {
    --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, #00000026)) !important;
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg)) !important;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }

  .drop-shadow-sm {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #00000026)) !important;
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm)) !important;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }

  .drop-shadow-xl {
    --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, #0000001a)) !important;
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-xl)) !important;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }

  .grayscale {
    --tw-grayscale: grayscale(100%) !important;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }

  .grayscale-\[0\.4\] {
    --tw-grayscale: grayscale(.4) !important;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }

  .invert {
    --tw-invert: invert(100%) !important;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px) !important;
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important;
  }

  .backdrop-blur-\[1px\] {
    --tw-backdrop-blur: blur(1px) !important;
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important;
  }

  .backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px) !important;
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important;
  }

  .backdrop-blur-lg {
    --tw-backdrop-blur: blur(var(--blur-lg)) !important;
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important;
  }

  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md)) !important;
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important;
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm)) !important;
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important;
  }

  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl)) !important;
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important;
  }

  .backdrop-filter {
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important;
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }

  .transition-\[border-color\,box-shadow\] {
    transition-property: border-color, box-shadow !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }

  .transition-\[border-color\] {
    transition-property: border-color !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }

  .transition-\[grid-template-rows\,opacity\] {
    transition-property: grid-template-rows, opacity !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }

  .transition-\[opacity\,transform\] {
    transition-property: opacity, transform !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }

  .transition-\[width\] {
    transition-property: width !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }

  .transition-all {
    transition-property: all !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }

  .transition-opacity {
    transition-property: opacity !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }

  .transition-shadow {
    transition-property: box-shadow !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }

  .duration-50 {
    --tw-duration: 50ms !important;
    transition-duration: 50ms !important;
  }

  .duration-75 {
    --tw-duration: 75ms !important;
    transition-duration: 75ms !important;
  }

  .duration-100 {
    --tw-duration: .1s !important;
    transition-duration: .1s !important;
  }

  .duration-150 {
    --tw-duration: .15s !important;
    transition-duration: .15s !important;
  }

  .duration-200 {
    --tw-duration: .2s !important;
    transition-duration: .2s !important;
  }

  .duration-300 {
    --tw-duration: .3s !important;
    transition-duration: .3s !important;
  }

  .duration-500 {
    --tw-duration: .5s !important;
    transition-duration: .5s !important;
  }

  .duration-700 {
    --tw-duration: .7s !important;
    transition-duration: .7s !important;
  }

  .duration-\[180ms\] {
    --tw-duration: .18s !important;
    transition-duration: .18s !important;
  }

  .ease-in {
    --tw-ease: var(--ease-in) !important;
    transition-timing-function: var(--ease-in) !important;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out) !important;
    transition-timing-function: var(--ease-in-out) !important;
  }

  .ease-out {
    --tw-ease: var(--ease-out) !important;
    transition-timing-function: var(--ease-out) !important;
  }

  .will-change-transform {
    will-change: transform !important;
  }

  .outline-none {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }

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

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

  .\[-webkit-mask-image\:linear-gradient\(to_right\,transparent_0\%\,\#000_45\%\)\] {
    -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 45%) !important;
  }

  .\[clip-path\:polygon\(0_0\,100\%_0\,94\%_100\%\,0\%_100\%\)\] {
    clip-path: polygon(0 0, 100% 0, 94% 100%, 0% 100%) !important;
  }

  .\[profile\:update\] {
    profile: update !important;
  }

  .\[user-language\:save\] {
    user-language: save !important;
  }

  .\[user-skill\:delete\] {
    user-skill: delete !important;
  }

  .\[user-skill\:save\] {
    user-skill: save !important;
  }

  .\[writing-mode\:vertical-lr\] {
    writing-mode: vertical-lr !important;
  }

  .animate-duration-100 {
    animation-duration: .1s !important;
  }

  .animate-duration-300 {
    animation-duration: .3s !important;
  }

  .animate-ease-in {
    animation-timing-function: cubic-bezier(.4, 0, 1, 1) !important;
  }

  .animate-ease-out {
    animation-timing-function: cubic-bezier(0, 0, .2, 1) !important;
  }

  .ring-inset {
    --tw-ring-inset: inset !important;
  }

  .group-focus-within\:block:is(:where(.group):focus-within *) {
    display: block !important;
  }

  .group-focus-within\:text-primary-500:is(:where(.group):focus-within *) {
    color: var(--brand-500) !important;
  }

  @media (hover: hover) {
    .group-hover\:block:is(:where(.group):hover *) {
      display: block !important;
    }

    .group-hover\:hidden:is(:where(.group):hover *) {
      display: none !important;
    }

    .group-hover\:-translate-x-1:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * -1) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }

    .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * .5) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }

    .group-hover\:translate-x-1:is(:where(.group):hover *) {
      --tw-translate-x: var(--spacing) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }

    .group-hover\:translate-y-0\.5:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * .5) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }

    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105% !important;
      --tw-scale-y: 105% !important;
      --tw-scale-z: 105% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
    }

    .group-hover\:scale-\[1\.02\]:is(:where(.group):hover *) {
      scale: 1.02 !important;
    }

    .group-hover\:border-indigo-400:is(:where(.group):hover *) {
      border-color: var(--color-indigo-400) !important;
    }

    .group-hover\:border-primary-200:is(:where(.group):hover *) {
      border-color: var(--brand-200) !important;
    }

    .group-hover\:bg-amber-100:is(:where(.group):hover *) {
      background-color: var(--color-amber-100) !important;
    }

    .group-hover\:bg-blue-100:is(:where(.group):hover *) {
      background-color: var(--blue-100) !important;
    }

    .group-hover\:bg-blue-400:is(:where(.group):hover *) {
      background-color: var(--blue-400) !important;
    }

    .group-hover\:bg-emerald-100:is(:where(.group):hover *) {
      background-color: var(--success-100) !important;
    }

    .group-hover\:bg-emerald-400:is(:where(.group):hover *) {
      background-color: var(--success-400) !important;
    }

    .group-hover\:bg-gray-200:is(:where(.group):hover *) {
      background-color: var(--gray-200) !important;
    }

    .group-hover\:bg-orange-400:is(:where(.group):hover *) {
      background-color: var(--orange-400) !important;
    }

    .group-hover\:bg-primary-50:is(:where(.group):hover *) {
      background-color: var(--brand-50) !important;
    }

    .group-hover\:bg-primary-100:is(:where(.group):hover *) {
      background-color: var(--brand-100) !important;
    }

    .group-hover\:bg-primary-400:is(:where(.group):hover *) {
      background-color: var(--brand-400) !important;
    }

    .group-hover\:bg-primary-500:is(:where(.group):hover *) {
      background-color: var(--brand-500) !important;
    }

    .group-hover\:bg-purple-400:is(:where(.group):hover *) {
      background-color: var(--purple-400) !important;
    }

    .group-hover\:bg-rose-100:is(:where(.group):hover *) {
      background-color: var(--rose-100) !important;
    }

    .group-hover\:bg-rose-400:is(:where(.group):hover *) {
      background-color: var(--rose-400) !important;
    }

    .group-hover\:bg-white\/30:is(:where(.group):hover *) {
      background-color: var(--white) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-white\/30:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--white) 30%, transparent) !important;
      }
    }

    .group-hover\:bg-yellow-400:is(:where(.group):hover *) {
      background-color: var(--yellow-400) !important;
    }

    .group-hover\:text-amber-600:is(:where(.group):hover *) {
      color: var(--color-amber-600) !important;
    }

    .group-hover\:text-amber-700:is(:where(.group):hover *) {
      color: var(--color-amber-700) !important;
    }

    .group-hover\:text-blue-600:is(:where(.group):hover *) {
      color: var(--blue-600) !important;
    }

    .group-hover\:text-blue-700:is(:where(.group):hover *) {
      color: var(--blue-700) !important;
    }

    .group-hover\:text-emerald-600:is(:where(.group):hover *) {
      color: var(--success-600) !important;
    }

    .group-hover\:text-emerald-700:is(:where(.group):hover *) {
      color: var(--success-700) !important;
    }

    .group-hover\:text-gray-500:is(:where(.group):hover *) {
      color: var(--gray-500) !important;
    }

    .group-hover\:text-indigo-600:is(:where(.group):hover *) {
      color: var(--color-indigo-600) !important;
    }

    .group-hover\:text-primary-400:is(:where(.group):hover *) {
      color: var(--brand-400) !important;
    }

    .group-hover\:text-primary-500:is(:where(.group):hover *) {
      color: var(--brand-500) !important;
    }

    .group-hover\:text-primary-600:is(:where(.group):hover *) {
      color: var(--brand-600) !important;
    }

    .group-hover\:text-primary-700:is(:where(.group):hover *) {
      color: var(--brand-700) !important;
    }

    .group-hover\:text-rose-600:is(:where(.group):hover *) {
      color: var(--rose-600) !important;
    }

    .group-hover\:text-rose-700:is(:where(.group):hover *) {
      color: var(--rose-700) !important;
    }

    .group-hover\:text-white:is(:where(.group):hover *) {
      color: var(--white) !important;
    }

    .group-hover\:opacity-30:is(:where(.group):hover *) {
      opacity: .3 !important;
    }

    .group-hover\:opacity-90:is(:where(.group):hover *) {
      opacity: .9 !important;
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1 !important;
    }

    .group-hover\/item\:text-stc-primary:is(:where(.group\/item):hover *) {
      color: var(--stc-primary-color) !important;
    }

    .group-hover\/opt\:bg-primary-500:is(:where(.group\/opt):hover *) {
      background-color: var(--brand-500) !important;
    }

    .group-hover\/opt\:text-white:is(:where(.group\/opt):hover *) {
      color: var(--white) !important;
    }

    .group-hover\/opt\:ring-primary-500:is(:where(.group\/opt):hover *) {
      --tw-ring-color: var(--brand-500) !important;
    }

    .group-hover\/thumb\:opacity-100:is(:where(.group\/thumb):hover *) {
      opacity: 1 !important;
    }
  }

  .peer-checked\:border-primary-400:is(:where(.peer):checked ~ *) {
    border-color: var(--brand-400) !important;
  }

  .peer-checked\:border-primary-500:is(:where(.peer):checked ~ *) {
    border-color: var(--brand-500) !important;
  }

  .peer-checked\:bg-primary-50:is(:where(.peer):checked ~ *) {
    background-color: var(--brand-50) !important;
  }

  .peer-checked\:bg-primary-500:is(:where(.peer):checked ~ *) {
    background-color: var(--brand-500) !important;
  }

  .peer-checked\:bg-stc-primary:is(:where(.peer):checked ~ *) {
    background-color: var(--stc-primary-color) !important;
  }

  .peer-checked\:text-primary-500:is(:where(.peer):checked ~ *) {
    color: var(--brand-500) !important;
  }

  .peer-checked\:text-primary-600:is(:where(.peer):checked ~ *) {
    color: var(--brand-600) !important;
  }

  .peer-checked\:text-white:is(:where(.peer):checked ~ *) {
    color: var(--white) !important;
  }

  .peer-checked\:opacity-100:is(:where(.peer):checked ~ *) {
    opacity: 1 !important;
  }

  .peer-focus\:outline-none:is(:where(.peer):focus ~ *) {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }

  .peer-focus-visible\:ring-2:is(:where(.peer):focus-visible ~ *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .peer-focus-visible\:ring-primary-400:is(:where(.peer):focus-visible ~ *) {
    --tw-ring-color: var(--brand-400) !important;
  }

  .peer-focus-visible\:ring-offset-2:is(:where(.peer):focus-visible ~ *) {
    --tw-ring-offset-width: 2px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  }

  .peer-focus-visible\:outline-2:is(:where(.peer):focus-visible ~ *) {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 2px !important;
  }

  .peer-focus-visible\:outline-offset-2:is(:where(.peer):focus-visible ~ *) {
    outline-offset: 2px !important;
  }

  .peer-focus-visible\:outline-primary-500:is(:where(.peer):focus-visible ~ *) {
    outline-color: var(--brand-500) !important;
  }

  .file\:me-3::file-selector-button {
    margin-inline-end: calc(var(--spacing) * 3) !important;
  }

  .file\:rounded-full::file-selector-button {
    border-radius: 3.40282e38px !important;
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }

  .file\:bg-primary-500::file-selector-button {
    background-color: var(--brand-500) !important;
  }

  .file\:px-4::file-selector-button {
    padding-inline: calc(var(--spacing) * 4) !important;
  }

  .file\:py-2::file-selector-button {
    padding-block: calc(var(--spacing) * 2) !important;
  }

  .file\:text-xs::file-selector-button {
    font-size: var(--font-size-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }

  .file\:font-bold::file-selector-button {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }

  .file\:text-white::file-selector-button {
    color: var(--white) !important;
  }

  .placeholder\:text-xs::-moz-placeholder {
    font-size: var(--font-size-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }

  .placeholder\:text-xs::placeholder {
    font-size: var(--font-size-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }

  .placeholder\:text-\[11px\]::-moz-placeholder {
    font-size: 11px !important;
  }

  .placeholder\:text-\[11px\]::placeholder {
    font-size: 11px !important;
  }

  .placeholder\:font-normal::-moz-placeholder {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }

  .placeholder\:font-normal::placeholder {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }

  .placeholder\:text-\[\#BCA5EA\]::-moz-placeholder {
    color: #bca5ea !important;
  }

  .placeholder\:text-\[\#BCA5EA\]::placeholder {
    color: #bca5ea !important;
  }

  .placeholder\:text-\[\#C9B0E8\]::-moz-placeholder {
    color: #c9b0e8 !important;
  }

  .placeholder\:text-\[\#C9B0E8\]::placeholder {
    color: #c9b0e8 !important;
  }

  .placeholder\:text-gray-300::-moz-placeholder {
    color: var(--gray-300) !important;
  }

  .placeholder\:text-gray-300::placeholder {
    color: var(--gray-300) !important;
  }

  .placeholder\:text-gray-400::-moz-placeholder {
    color: var(--gray-400) !important;
  }

  .placeholder\:text-gray-400::placeholder {
    color: var(--gray-400) !important;
  }

  .placeholder\:text-gray-500::-moz-placeholder {
    color: var(--gray-500) !important;
  }

  .placeholder\:text-gray-500::placeholder {
    color: var(--gray-500) !important;
  }

  .before\:pointer-events-none:before {
    content: var(--tw-content);
    pointer-events: none !important;
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute !important;
  }

  .before\:-top-\[30px\]:before {
    content: var(--tw-content);
    top: -30px !important;
  }

  .before\:-right-\[30px\]:before {
    content: var(--tw-content);
    right: -30px !important;
  }

  .before\:h-\[120px\]:before {
    content: var(--tw-content);
    height: 120px !important;
  }

  .before\:w-\[120px\]:before {
    content: var(--tw-content);
    width: 120px !important;
  }

  .before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 3.40282e38px !important;
  }

  .before\:bg-white\/\[0\.06\]:before {
    content: var(--tw-content);
    background-color: var(--white) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .before\:bg-white\/\[0\.06\]:before {
      background-color: color-mix(in oklab, var(--white) 6%, transparent) !important;
    }
  }

  .before\:content-\[\'\'\]:before {
    content: var(--tw-content);
    --tw-content: "" !important;
    content: var(--tw-content) !important;
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute !important;
  }

  .after\:start-\[2px\]:after {
    content: var(--tw-content);
    inset-inline-start: 2px !important;
  }

  .after\:top-\[2px\]:after {
    content: var(--tw-content);
    top: 2px !important;
  }

  .after\:h-5:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 5) !important;
  }

  .after\:w-5:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 5) !important;
  }

  .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px !important;
  }

  .after\:border:after {
    content: var(--tw-content);
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }

  .after\:border-gray-300:after {
    content: var(--tw-content);
    border-color: var(--gray-300) !important;
  }

  .after\:bg-white:after {
    content: var(--tw-content);
    background-color: var(--white) !important;
  }

  .after\:transition-all:after {
    content: var(--tw-content);
    transition-property: all !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }

  .after\:content-\[\'\'\]:after {
    content: var(--tw-content);
    --tw-content: "" !important;
    content: var(--tw-content) !important;
  }

  .peer-checked\:after\:translate-x-full:is(:where(.peer):checked ~ *):after {
    content: var(--tw-content);
    --tw-translate-x: 100% !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .peer-checked\:after\:border-white:is(:where(.peer):checked ~ *):after {
    content: var(--tw-content);
    border-color: var(--white) !important;
  }

  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 0 !important;
  }

  .first\:pt-0:first-child {
    padding-top: 0 !important;
  }

  .last\:mb-0:last-child {
    margin-bottom: 0 !important;
  }

  .last\:border-0:last-child {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }

  .last\:border-e-0:last-child {
    border-inline-end-style: var(--tw-border-style) !important;
    border-inline-end-width: 0 !important;
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0 !important;
  }

  .last\:pb-0:last-child {
    padding-bottom: 0 !important;
  }

  .checked\:border-stc-primary:checked {
    border-color: var(--stc-primary-color) !important;
  }

  .checked\:bg-stc-primary:checked {
    background-color: var(--stc-primary-color) !important;
  }

  .read-only\:cursor-default:-moz-read-only {
    cursor: default !important;
  }

  .read-only\:cursor-default:read-only {
    cursor: default !important;
  }

  .read-only\:bg-gray-50:-moz-read-only {
    background-color: var(--gray-50) !important;
  }

  .read-only\:bg-gray-50:read-only {
    background-color: var(--gray-50) !important;
  }

  .focus-within\:border-\[\#5C0090\]:focus-within {
    border-color: #5c0090 !important;
  }

  .focus-within\:border-primary-400:focus-within {
    border-color: var(--brand-400) !important;
  }

  .focus-within\:border-primary-500:focus-within {
    border-color: var(--brand-500) !important;
  }

  .focus-within\:border-rose-500:focus-within {
    border-color: var(--rose-500) !important;
  }

  .focus-within\:bg-white:focus-within {
    background-color: var(--white) !important;
  }

  .focus-within\:shadow-xs-primary:focus-within {
    --tw-shadow: var(--shadow-xs-primary) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .focus-within\:ring-1:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .focus-within\:ring-2:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .focus-within\:ring-4:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .focus-within\:ring-\[\#5C0090\]\/10:focus-within {
    --tw-ring-color: oklab(37.6773% .114392 -.157507 / .1) !important;
  }

  .focus-within\:ring-amber-400\/60:focus-within {
    --tw-ring-color: #fcbb0099 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:ring-amber-400\/60:focus-within {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-400) 60%, transparent) !important;
    }
  }

  .focus-within\:ring-blue-500:focus-within {
    --tw-ring-color: var(--blue-500) !important;
  }

  .focus-within\:ring-error-500:focus-within {
    --tw-ring-color: var(--error-500) !important;
  }

  .focus-within\:ring-error-600:focus-within {
    --tw-ring-color: var(--error-600) !important;
  }

  .focus-within\:ring-primary-100:focus-within {
    --tw-ring-color: var(--brand-100) !important;
  }

  .focus-within\:ring-primary-200:focus-within {
    --tw-ring-color: var(--brand-200) !important;
  }

  .focus-within\:ring-primary-300:focus-within {
    --tw-ring-color: var(--brand-300) !important;
  }

  .focus-within\:ring-primary-400:focus-within {
    --tw-ring-color: var(--brand-400) !important;
  }

  .focus-within\:ring-primary-500:focus-within, .focus-within\:ring-primary-500\/10:focus-within {
    --tw-ring-color: var(--brand-500) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:ring-primary-500\/10:focus-within {
      --tw-ring-color: color-mix(in oklab, var(--brand-500) 10%, transparent) !important;
    }
  }

  .focus-within\:ring-rose-100:focus-within {
    --tw-ring-color: var(--rose-100) !important;
  }

  .focus-within\:ring-success-500:focus-within {
    --tw-ring-color: var(--success-500) !important;
  }

  .focus-within\:ring-warning-500:focus-within {
    --tw-ring-color: var(--warning-500) !important;
  }

  .focus-within\:ring-offset-2:focus-within {
    --tw-ring-offset-width: 2px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  }

  @media (hover: hover) {
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -.5) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }

    .hover\:-translate-y-1:hover {
      --tw-translate-y: calc(var(--spacing) * -1) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }

    .hover\:-translate-y-px:hover {
      --tw-translate-y: -1px !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }

    .hover\:scale-105:hover {
      --tw-scale-x: 105% !important;
      --tw-scale-y: 105% !important;
      --tw-scale-z: 105% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
    }

    .hover\:scale-110:hover {
      --tw-scale-x: 110% !important;
      --tw-scale-y: 110% !important;
      --tw-scale-z: 110% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
    }

    .hover\:scale-\[1\.01\]:hover {
      scale: 1.01 !important;
    }

    .hover\:scale-\[1\.02\]:hover {
      scale: 1.02 !important;
    }

    .hover\:cursor-pointer:hover {
      cursor: pointer !important;
    }

    .hover\:border-amber-300:hover {
      border-color: var(--color-amber-300) !important;
    }

    .hover\:border-blue-300:hover {
      border-color: var(--blue-300) !important;
    }

    .hover\:border-emerald-300:hover {
      border-color: var(--success-300) !important;
    }

    .hover\:border-emerald-400:hover {
      border-color: var(--success-400) !important;
    }

    .hover\:border-gray-200:hover {
      border-color: var(--gray-200) !important;
    }

    .hover\:border-gray-300:hover {
      border-color: var(--gray-300) !important;
    }

    .hover\:border-indigo-300:hover {
      border-color: var(--color-indigo-300) !important;
    }

    .hover\:border-primary-100:hover {
      border-color: var(--brand-100) !important;
    }

    .hover\:border-primary-200:hover {
      border-color: var(--brand-200) !important;
    }

    .hover\:border-primary-300:hover {
      border-color: var(--brand-300) !important;
    }

    .hover\:border-primary-400:hover {
      border-color: var(--brand-400) !important;
    }

    .hover\:border-primary-500:hover {
      border-color: var(--brand-500) !important;
    }

    .hover\:border-red-200:hover {
      border-color: var(--color-red-200) !important;
    }

    .hover\:border-red-400:hover {
      border-color: var(--color-red-400) !important;
    }

    .hover\:border-rose-200:hover {
      border-color: var(--rose-200) !important;
    }

    .hover\:border-rose-300:hover {
      border-color: var(--rose-300) !important;
    }

    .hover\:border-rose-500:hover {
      border-color: var(--rose-500) !important;
    }

    .hover\:border-white\/40:hover {
      border-color: var(--white) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-white\/40:hover {
        border-color: color-mix(in oklab, var(--white) 40%, transparent) !important;
      }
    }

    .hover\:bg-\[\#4F008C\]:hover {
      background-color: #4f008c !important;
    }

    .hover\:bg-\[\#EBEDF5\]:hover {
      background-color: #ebedf5 !important;
    }

    .hover\:bg-\[\#F8F3FF\]:hover {
      background-color: #f8f3ff !important;
    }

    .hover\:bg-\[\#b75bec\]:hover {
      background-color: #b75bec !important;
    }

    .hover\:bg-amber-50:hover {
      background-color: var(--color-amber-50) !important;
    }

    .hover\:bg-amber-50\/60:hover {
      background-color: #fffbeb99 !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-amber-50\/60:hover {
        background-color: color-mix(in oklab, var(--color-amber-50) 60%, transparent) !important;
      }
    }

    .hover\:bg-amber-100:hover {
      background-color: var(--color-amber-100) !important;
    }

    .hover\:bg-amber-200:hover {
      background-color: var(--color-amber-200) !important;
    }

    .hover\:bg-amber-600:hover {
      background-color: var(--color-amber-600) !important;
    }

    .hover\:bg-black:hover, .hover\:bg-black\/10:hover {
      background-color: var(--black) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/10:hover {
        background-color: color-mix(in oklab, var(--black) 10%, transparent) !important;
      }
    }

    .hover\:bg-black\/20:hover {
      background-color: var(--black) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/20:hover {
        background-color: color-mix(in oklab, var(--black) 20%, transparent) !important;
      }
    }

    .hover\:bg-black\/50:hover {
      background-color: var(--black) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/50:hover {
        background-color: color-mix(in oklab, var(--black) 50%, transparent) !important;
      }
    }

    .hover\:bg-black\/80:hover {
      background-color: var(--black) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/80:hover {
        background-color: color-mix(in oklab, var(--black) 80%, transparent) !important;
      }
    }

    .hover\:bg-blue-50:hover {
      background-color: var(--blue-50) !important;
    }

    .hover\:bg-blue-100:hover {
      background-color: var(--blue-100) !important;
    }

    .hover\:bg-blue-600:hover {
      background-color: var(--blue-600) !important;
    }

    .hover\:bg-blue-700:hover {
      background-color: var(--blue-700) !important;
    }

    .hover\:bg-emerald-50:hover {
      background-color: var(--success-50) !important;
    }

    .hover\:bg-emerald-100:hover {
      background-color: var(--success-100) !important;
    }

    .hover\:bg-emerald-600:hover {
      background-color: var(--success-600) !important;
    }

    .hover\:bg-error-100:hover {
      background-color: var(--error-100) !important;
    }

    .hover\:bg-error-600:hover {
      background-color: var(--error-600) !important;
    }

    .hover\:bg-gray-50:hover {
      background-color: var(--gray-50) !important;
    }

    .hover\:bg-gray-100:hover {
      background-color: var(--gray-100) !important;
    }

    .hover\:bg-gray-200:hover {
      background-color: var(--gray-200) !important;
    }

    .hover\:bg-gray-500:hover {
      background-color: var(--gray-500) !important;
    }

    .hover\:bg-gray-900:hover {
      background-color: var(--gray-900) !important;
    }

    .hover\:bg-green-50:hover {
      background-color: var(--green-50) !important;
    }

    .hover\:bg-green-100:hover {
      background-color: var(--green-100) !important;
    }

    .hover\:bg-green-700:hover {
      background-color: var(--green-700) !important;
    }

    .hover\:bg-indigo-50:hover {
      background-color: var(--color-indigo-50) !important;
    }

    .hover\:bg-indigo-700:hover {
      background-color: var(--color-indigo-700) !important;
    }

    .hover\:bg-light-background:hover {
      background-color: var(--light-background) !important;
    }

    .hover\:bg-orange-50:hover {
      background-color: var(--orange-50) !important;
    }

    .hover\:bg-orange-100:hover {
      background-color: var(--orange-100) !important;
    }

    .hover\:bg-primary-50:hover, .hover\:bg-primary-50\/20:hover {
      background-color: var(--brand-50) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-50\/20:hover {
        background-color: color-mix(in oklab, var(--brand-50) 20%, transparent) !important;
      }
    }

    .hover\:bg-primary-50\/30:hover {
      background-color: var(--brand-50) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-50\/30:hover {
        background-color: color-mix(in oklab, var(--brand-50) 30%, transparent) !important;
      }
    }

    .hover\:bg-primary-50\/40:hover {
      background-color: var(--brand-50) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-50\/40:hover {
        background-color: color-mix(in oklab, var(--brand-50) 40%, transparent) !important;
      }
    }

    .hover\:bg-primary-50\/50:hover {
      background-color: var(--brand-50) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-50\/50:hover {
        background-color: color-mix(in oklab, var(--brand-50) 50%, transparent) !important;
      }
    }

    .hover\:bg-primary-50\/60:hover {
      background-color: var(--brand-50) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-50\/60:hover {
        background-color: color-mix(in oklab, var(--brand-50) 60%, transparent) !important;
      }
    }

    .hover\:bg-primary-50\/70:hover {
      background-color: var(--brand-50) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-50\/70:hover {
        background-color: color-mix(in oklab, var(--brand-50) 70%, transparent) !important;
      }
    }

    .hover\:bg-primary-100:hover, .hover\:bg-primary-100\/50:hover {
      background-color: var(--brand-100) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-100\/50:hover {
        background-color: color-mix(in oklab, var(--brand-100) 50%, transparent) !important;
      }
    }

    .hover\:bg-primary-100\/60:hover {
      background-color: var(--brand-100) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-100\/60:hover {
        background-color: color-mix(in oklab, var(--brand-100) 60%, transparent) !important;
      }
    }

    .hover\:bg-primary-200:hover {
      background-color: var(--brand-200) !important;
    }

    .hover\:bg-primary-400:hover {
      background-color: var(--brand-400) !important;
    }

    .hover\:bg-primary-500:hover {
      background-color: var(--brand-500) !important;
    }

    .hover\:bg-primary-600:hover {
      background-color: var(--brand-600) !important;
    }

    .hover\:bg-primary-700:hover {
      background-color: var(--brand-700) !important;
    }

    .hover\:bg-primary-800:hover {
      background-color: var(--brand-800) !important;
    }

    .hover\:bg-purple-50:hover {
      background-color: var(--purple-50) !important;
    }

    .hover\:bg-purple-100:hover {
      background-color: var(--purple-100) !important;
    }

    .hover\:bg-purple-700:hover {
      background-color: var(--purple-700) !important;
    }

    .hover\:bg-red-50:hover {
      background-color: var(--color-red-50) !important;
    }

    .hover\:bg-red-100:hover {
      background-color: var(--color-red-100) !important;
    }

    .hover\:bg-red-600:hover {
      background-color: var(--color-red-600) !important;
    }

    .hover\:bg-rose-50:hover, .hover\:bg-rose-50\/40:hover {
      background-color: var(--rose-50) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-rose-50\/40:hover {
        background-color: color-mix(in oklab, var(--rose-50) 40%, transparent) !important;
      }
    }

    .hover\:bg-rose-50\/60:hover {
      background-color: var(--rose-50) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-rose-50\/60:hover {
        background-color: color-mix(in oklab, var(--rose-50) 60%, transparent) !important;
      }
    }

    .hover\:bg-rose-100:hover {
      background-color: var(--rose-100) !important;
    }

    .hover\:bg-rose-600:hover {
      background-color: var(--rose-600) !important;
    }

    .hover\:bg-rose-700:hover {
      background-color: var(--rose-700) !important;
    }

    .hover\:bg-secondary-50:hover {
      background-color: var(--rose-50) !important;
    }

    .hover\:bg-secondary-500:hover {
      background-color: var(--rose-500) !important;
    }

    .hover\:bg-secondary-600:hover {
      background-color: var(--rose-600) !important;
    }

    .hover\:bg-success-50:hover {
      background-color: var(--success-50) !important;
    }

    .hover\:bg-success-100:hover {
      background-color: var(--success-100) !important;
    }

    .hover\:bg-success-600:hover {
      background-color: var(--success-600) !important;
    }

    .hover\:bg-success-700:hover {
      background-color: var(--success-700) !important;
    }

    .hover\:bg-transparent:hover {
      background-color: #0000 !important;
    }

    .hover\:bg-warning-50:hover {
      background-color: var(--warning-50) !important;
    }

    .hover\:bg-warning-600:hover {
      background-color: var(--warning-600) !important;
    }

    .hover\:bg-white:hover, .hover\:bg-white\/10:hover {
      background-color: var(--white) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/10:hover {
        background-color: color-mix(in oklab, var(--white) 10%, transparent) !important;
      }
    }

    .hover\:bg-white\/15:hover {
      background-color: var(--white) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/15:hover {
        background-color: color-mix(in oklab, var(--white) 15%, transparent) !important;
      }
    }

    .hover\:bg-white\/20:hover {
      background-color: var(--white) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/20:hover {
        background-color: color-mix(in oklab, var(--white) 20%, transparent) !important;
      }
    }

    .hover\:bg-white\/30:hover {
      background-color: var(--white) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/30:hover {
        background-color: color-mix(in oklab, var(--white) 30%, transparent) !important;
      }
    }

    .hover\:bg-white\/60:hover {
      background-color: var(--white) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/60:hover {
        background-color: color-mix(in oklab, var(--white) 60%, transparent) !important;
      }
    }

    .hover\:bg-white\/70:hover {
      background-color: var(--white) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/70:hover {
        background-color: color-mix(in oklab, var(--white) 70%, transparent) !important;
      }
    }

    .hover\:bg-white\/90:hover {
      background-color: var(--white) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/90:hover {
        background-color: color-mix(in oklab, var(--white) 90%, transparent) !important;
      }
    }

    .hover\:bg-yellow-50:hover {
      background-color: var(--yellow-50) !important;
    }

    .hover\:text-amber-500:hover {
      color: var(--color-amber-500) !important;
    }

    .hover\:text-amber-600:hover {
      color: var(--color-amber-600) !important;
    }

    .hover\:text-blue-500:hover {
      color: var(--blue-500) !important;
    }

    .hover\:text-error-700:hover {
      color: var(--error-700) !important;
    }

    .hover\:text-gray-500:hover {
      color: var(--gray-500) !important;
    }

    .hover\:text-gray-600:hover {
      color: var(--gray-600) !important;
    }

    .hover\:text-gray-700:hover {
      color: var(--gray-700) !important;
    }

    .hover\:text-gray-800:hover {
      color: var(--gray-800) !important;
    }

    .hover\:text-gray-900:hover {
      color: var(--gray-900) !important;
    }

    .hover\:text-green-500:hover {
      color: var(--green-500) !important;
    }

    .hover\:text-indigo-800:hover {
      color: var(--color-indigo-800) !important;
    }

    .hover\:text-orange-500:hover {
      color: var(--orange-500) !important;
    }

    .hover\:text-primary-400:hover {
      color: var(--brand-400) !important;
    }

    .hover\:text-primary-500:hover {
      color: var(--brand-500) !important;
    }

    .hover\:text-primary-600:hover {
      color: var(--brand-600) !important;
    }

    .hover\:text-primary-700:hover {
      color: var(--brand-700) !important;
    }

    .hover\:text-primary-800:hover {
      color: var(--brand-800) !important;
    }

    .hover\:text-purple-700:hover {
      color: var(--purple-700) !important;
    }

    .hover\:text-red-500:hover {
      color: var(--color-red-500) !important;
    }

    .hover\:text-red-600:hover {
      color: var(--color-red-600) !important;
    }

    .hover\:text-red-700:hover {
      color: var(--color-red-700) !important;
    }

    .hover\:text-red-800:hover {
      color: var(--color-red-800) !important;
    }

    .hover\:text-rose-500:hover {
      color: var(--rose-500) !important;
    }

    .hover\:text-rose-600:hover {
      color: var(--rose-600) !important;
    }

    .hover\:text-rose-700:hover {
      color: var(--rose-700) !important;
    }

    .hover\:text-secondary-400:hover {
      color: var(--rose-400) !important;
    }

    .hover\:text-secondary-500:hover {
      color: var(--rose-500) !important;
    }

    .hover\:text-secondary-600:hover {
      color: var(--rose-600) !important;
    }

    .hover\:text-stc-primary:hover {
      color: var(--stc-primary-color) !important;
    }

    .hover\:text-success-700:hover {
      color: var(--success-700) !important;
    }

    .hover\:text-white:hover {
      color: var(--white) !important;
    }

    .hover\:text-yellow-400:hover {
      color: var(--yellow-400) !important;
    }

    .hover\:underline:hover {
      text-decoration-line: underline !important;
    }

    .hover\:opacity-70:hover {
      opacity: .7 !important;
    }

    .hover\:opacity-75:hover {
      opacity: .75 !important;
    }

    .hover\:opacity-80:hover {
      opacity: .8 !important;
    }

    .hover\:opacity-90:hover {
      opacity: .9 !important;
    }

    .hover\:opacity-95:hover {
      opacity: .95 !important;
    }

    .hover\:opacity-100:hover {
      opacity: 1 !important;
    }

    .hover\:opacity-\[0\.88\]:hover {
      opacity: .88 !important;
    }

    .hover\:shadow-\[0_2px_8px_rgba\(16\,185\,129\,0\.08\)\]:hover {
      --tw-shadow: 0 2px 8px var(--tw-shadow-color, #10b98114) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    .hover\:shadow-\[0_2px_8px_rgba\(79\,70\,229\,0\.08\)\]:hover {
      --tw-shadow: 0 2px 8px var(--tw-shadow-color, #4f46e514) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    .hover\:shadow-\[0_2px_8px_rgba\(239\,68\,68\,0\.08\)\]:hover {
      --tw-shadow: 0 2px 8px var(--tw-shadow-color, #ef444414) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    .hover\:shadow-\[0_8px_24px_-12px_rgba\(79\,0\,140\,0\.18\)\]:hover {
      --tw-shadow: 0 8px 24px -12px var(--tw-shadow-color, #4f008c2e) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    .hover\:shadow-\[0_18px_34px_rgba\(92\,0\,144\,0\.24\)\]:hover {
      --tw-shadow: 0 18px 34px var(--tw-shadow-color, #5c00903d) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    .hover\:shadow-lg:hover {
      --tw-shadow: var(--shadow-lg) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    .hover\:shadow-main:hover {
      --tw-shadow: var(--shadow-main) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    .hover\:shadow-md:hover {
      --tw-shadow: var(--shadow-md) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    .hover\:shadow-sm:hover {
      --tw-shadow: var(--shadow-sm) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    .hover\:shadow-xl:hover {
      --tw-shadow: var(--shadow-xl) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    .hover\:shadow-xs:hover {
      --tw-shadow: var(--shadow-xs) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    .hover\:ring-2:hover {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    .hover\:ring-amber-200:hover {
      --tw-ring-color: var(--color-amber-200) !important;
    }

    .hover\:ring-amber-300:hover {
      --tw-ring-color: var(--color-amber-300) !important;
    }

    .hover\:ring-gray-300:hover {
      --tw-ring-color: var(--gray-300) !important;
    }

    .hover\:ring-gray-400:hover {
      --tw-ring-color: var(--gray-400) !important;
    }

    .hover\:ring-primary-100:hover {
      --tw-ring-color: var(--brand-100) !important;
    }

    .hover\:ring-primary-200:hover {
      --tw-ring-color: var(--brand-200) !important;
    }

    .hover\:ring-primary-300:hover {
      --tw-ring-color: var(--brand-300) !important;
    }

    .hover\:ring-primary-400:hover {
      --tw-ring-color: var(--brand-400) !important;
    }

    .hover\:ring-rose-300:hover {
      --tw-ring-color: var(--rose-300) !important;
    }

    .hover\:brightness-110:hover {
      --tw-brightness: brightness(110%) !important;
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
    }

    .hover\:brightness-\[\.97\]:hover {
      --tw-brightness: brightness(.97) !important;
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
    }

    .hover\:file\:bg-primary-600:hover::file-selector-button {
      background-color: var(--brand-600) !important;
    }
  }

  .focus\:border-0:focus {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }

  .focus\:border-gray-200:focus {
    border-color: var(--gray-200) !important;
  }

  .focus\:border-primary-300:focus {
    border-color: var(--brand-300) !important;
  }

  .focus\:border-primary-400:focus {
    border-color: var(--brand-400) !important;
  }

  .focus\:border-primary-500:focus {
    border-color: var(--brand-500) !important;
  }

  .focus\:border-rose-500:focus {
    border-color: var(--rose-500) !important;
  }

  .focus\:bg-white:focus {
    background-color: var(--white) !important;
  }

  .focus\:shadow-none:focus {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .focus\:ring-0:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .focus\:ring-1:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .focus\:ring-4:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .focus\:ring-\[\#5C0090\]\/20:focus {
    --tw-ring-color: oklab(37.6773% .114392 -.157507 / .2) !important;
  }

  .focus\:ring-blue-500:focus {
    --tw-ring-color: var(--blue-500) !important;
  }

  .focus\:ring-emerald-400:focus {
    --tw-ring-color: var(--success-400) !important;
  }

  .focus\:ring-error-200:focus {
    --tw-ring-color: var(--error-200) !important;
  }

  .focus\:ring-error-300:focus {
    --tw-ring-color: var(--error-300) !important;
  }

  .focus\:ring-gray-100:focus {
    --tw-ring-color: var(--gray-100) !important;
  }

  .focus\:ring-gray-200:focus {
    --tw-ring-color: var(--gray-200) !important;
  }

  .focus\:ring-primary-50:focus {
    --tw-ring-color: var(--brand-50) !important;
  }

  .focus\:ring-primary-100:focus {
    --tw-ring-color: var(--brand-100) !important;
  }

  .focus\:ring-primary-200:focus {
    --tw-ring-color: var(--brand-200) !important;
  }

  .focus\:ring-primary-300:focus {
    --tw-ring-color: var(--brand-300) !important;
  }

  .focus\:ring-primary-400:focus {
    --tw-ring-color: var(--brand-400) !important;
  }

  .focus\:ring-primary-500:focus, .focus\:ring-primary-500\/20:focus {
    --tw-ring-color: var(--brand-500) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-primary-500\/20:focus {
      --tw-ring-color: color-mix(in oklab, var(--brand-500) 20%, transparent) !important;
    }
  }

  .focus\:ring-primary-500\/30:focus {
    --tw-ring-color: var(--brand-500) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-primary-500\/30:focus {
      --tw-ring-color: color-mix(in oklab, var(--brand-500) 30%, transparent) !important;
    }
  }

  .focus\:ring-purple-200:focus {
    --tw-ring-color: var(--purple-200) !important;
  }

  .focus\:ring-purple-400:focus {
    --tw-ring-color: var(--purple-400) !important;
  }

  .focus\:ring-rose-100:focus {
    --tw-ring-color: var(--rose-100) !important;
  }

  .focus\:ring-rose-200:focus {
    --tw-ring-color: var(--rose-200) !important;
  }

  .focus\:ring-rose-400:focus {
    --tw-ring-color: var(--rose-400) !important;
  }

  .focus\:ring-rose-500:focus {
    --tw-ring-color: var(--rose-500) !important;
  }

  .focus\:ring-secondary-300:focus {
    --tw-ring-color: var(--rose-300) !important;
  }

  .focus\:ring-success-200:focus {
    --tw-ring-color: var(--success-200) !important;
  }

  .focus\:ring-success-300:focus {
    --tw-ring-color: var(--success-300) !important;
  }

  .focus\:ring-warning-300:focus {
    --tw-ring-color: var(--warning-300) !important;
  }

  .focus\:ring-offset-0:focus {
    --tw-ring-offset-width: 0px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  }

  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }

  .focus\:ring-inset:focus {
    --tw-ring-inset: inset !important;
  }

  .focus-visible\:border-emerald-500:focus-visible {
    border-color: var(--success-500) !important;
  }

  .focus-visible\:border-indigo-300:focus-visible {
    border-color: var(--color-indigo-300) !important;
  }

  .focus-visible\:border-indigo-600:focus-visible {
    border-color: var(--color-indigo-600) !important;
  }

  .focus-visible\:border-red-500:focus-visible {
    border-color: var(--color-red-500) !important;
  }

  .focus-visible\:shadow-\[0_0_0_3px_rgba\(16\,185\,129\,0\.18\)\]:focus-visible {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, #10b9812e) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .focus-visible\:shadow-\[0_0_0_3px_rgba\(79\,70\,229\,0\.18\)\]:focus-visible {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, #4f46e52e) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .focus-visible\:shadow-\[0_0_0_3px_rgba\(239\,68\,68\,0\.18\)\]:focus-visible {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, #ef44442e) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .focus-visible\:ring-blue-200:focus-visible {
    --tw-ring-color: var(--blue-200) !important;
  }

  .focus-visible\:ring-blue-500:focus-visible {
    --tw-ring-color: var(--blue-500) !important;
  }

  .focus-visible\:ring-green-200:focus-visible {
    --tw-ring-color: var(--green-200) !important;
  }

  .focus-visible\:ring-green-500:focus-visible {
    --tw-ring-color: var(--green-500) !important;
  }

  .focus-visible\:ring-indigo-200:focus-visible {
    --tw-ring-color: var(--color-indigo-200) !important;
  }

  .focus-visible\:ring-indigo-500:focus-visible {
    --tw-ring-color: var(--color-indigo-500) !important;
  }

  .focus-visible\:ring-primary-200:focus-visible {
    --tw-ring-color: var(--brand-200) !important;
  }

  .focus-visible\:ring-primary-300:focus-visible {
    --tw-ring-color: var(--brand-300) !important;
  }

  .focus-visible\:ring-primary-400:focus-visible {
    --tw-ring-color: var(--brand-400) !important;
  }

  .focus-visible\:ring-primary-500:focus-visible {
    --tw-ring-color: var(--brand-500) !important;
  }

  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  }

  .focus-visible\:outline:focus-visible {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 1px !important;
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 2px !important;
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px !important;
  }

  .focus-visible\:outline-offset-\[-2px\]:focus-visible {
    outline-offset: -2px !important;
  }

  .focus-visible\:outline-emerald-700:focus-visible {
    outline-color: var(--success-700) !important;
  }

  .focus-visible\:outline-primary-400:focus-visible {
    outline-color: var(--brand-400) !important;
  }

  .focus-visible\:outline-primary-500:focus-visible {
    outline-color: var(--brand-500) !important;
  }

  .focus-visible\:outline-white:focus-visible {
    outline-color: var(--white) !important;
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }

  .active\:translate-y-0:active {
    --tw-translate-y: 0px !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .active\:scale-90:active {
    --tw-scale-x: 90% !important;
    --tw-scale-y: 90% !important;
    --tw-scale-z: 90% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }

  .active\:scale-95:active {
    --tw-scale-x: 95% !important;
    --tw-scale-y: 95% !important;
    --tw-scale-z: 95% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }

  .active\:scale-\[0\.97\]:active {
    scale: .97 !important;
  }

  .active\:scale-\[0\.98\]:active {
    scale: .98 !important;
  }

  .active\:scale-\[0\.985\]:active {
    scale: .985 !important;
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing !important;
  }

  .active\:border-primary-200:active {
    border-color: var(--brand-200) !important;
  }

  .active\:border-primary-400:active {
    border-color: var(--brand-400) !important;
  }

  .active\:bg-gray-50:active {
    background-color: var(--gray-50) !important;
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none !important;
  }

  .disabled\:scale-100:disabled {
    --tw-scale-x: 100% !important;
    --tw-scale-y: 100% !important;
    --tw-scale-z: 100% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }

  .disabled\:cursor-default:disabled {
    cursor: default !important;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed !important;
  }

  .disabled\:bg-gray-50:disabled {
    background-color: var(--gray-50) !important;
  }

  .disabled\:bg-gray-100:disabled {
    background-color: var(--gray-100) !important;
  }

  .disabled\:bg-gray-200:disabled {
    background-color: var(--gray-200) !important;
  }

  .disabled\:text-gray-300:disabled {
    color: var(--gray-300) !important;
  }

  .disabled\:text-gray-400:disabled {
    color: var(--gray-400) !important;
  }

  .disabled\:opacity-30:disabled {
    opacity: .3 !important;
  }

  .disabled\:opacity-35:disabled {
    opacity: .35 !important;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4 !important;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5 !important;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6 !important;
  }

  .disabled\:opacity-70:disabled {
    opacity: .7 !important;
  }

  .disabled\:shadow-none:disabled {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  @media (hover: hover) {
    .disabled\:hover\:translate-y-0:disabled:hover {
      --tw-translate-y: 0px !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }

    .disabled\:hover\:bg-transparent:disabled:hover {
      background-color: #0000 !important;
    }

    .disabled\:hover\:text-gray-600:disabled:hover {
      color: var(--gray-600) !important;
    }

    .disabled\:hover\:ring-gray-200:disabled:hover {
      --tw-ring-color: var(--gray-200) !important;
    }
  }

  @supports (backdrop-filter: var(--tw)) {
    .supports-\[backdrop-filter\]\:bg-white\/80 {
      background-color: var(--white) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .supports-\[backdrop-filter\]\:bg-white\/80 {
        background-color: color-mix(in oklab, var(--white) 80%, transparent) !important;
      }
    }

    .supports-\[backdrop-filter\]\:bg-white\/90 {
      background-color: var(--white) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .supports-\[backdrop-filter\]\:bg-white\/90 {
        background-color: color-mix(in oklab, var(--white) 90%, transparent) !important;
      }
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-pulse {
      animation: var(--animate-pulse) !important;
    }
  }

  @media not all and (min-width: 48rem) {
    .max-md\:w-1\/2 {
      width: 50% !important;
    }

    .max-md\:w-1\/3 {
      width: 33.3333% !important;
    }

    .max-md\:w-2\/3 {
      width: 66.6667% !important;
    }

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

    .max-md\:overflow-hidden {
      overflow: hidden !important;
    }
  }

  @media not all and (min-width: 40rem) {
    .max-sm\:block\! {
      display: block !important;
    }
  }

  @media (min-width: 380px) {
    .min-\[380px\]\:inline {
      display: inline !important;
    }
  }

  @media (min-width: 40rem) {
    .sm\:start-4 {
      inset-inline-start: calc(var(--spacing) * 4) !important;
    }

    .sm\:end-4 {
      inset-inline-end: calc(var(--spacing) * 4) !important;
    }

    .sm\:top-5 {
      top: calc(var(--spacing) * 5) !important;
    }

    .sm\:top-\[38px\] {
      top: 38px !important;
    }

    .sm\:right-5 {
      right: calc(var(--spacing) * 5) !important;
    }

    .sm\:right-\[-35\%\] {
      right: -35% !important;
    }

    .sm\:col-span-1 {
      grid-column: span 1 / span 1 !important;
    }

    .sm\:col-span-2 {
      grid-column: span 2 / span 2 !important;
    }

    .sm\:mx-0 {
      margin-inline: 0 !important;
    }

    .sm\:mx-2 {
      margin-inline: calc(var(--spacing) * 2) !important;
    }

    .sm\:ms-0 {
      margin-inline-start: 0 !important;
    }

    .sm\:ms-auto {
      margin-inline-start: auto !important;
    }

    .sm\:\!mt-1 {
      margin-top: var(--spacing) !important;
    }

    .sm\:mt-3 {
      margin-top: calc(var(--spacing) * 3) !important;
    }

    .sm\:mt-5 {
      margin-top: calc(var(--spacing) * 5) !important;
    }

    .sm\:mt-7 {
      margin-top: calc(var(--spacing) * 7) !important;
    }

    .sm\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6) !important;
    }

    .sm\:mb-7 {
      margin-bottom: calc(var(--spacing) * 7) !important;
    }

    .sm\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8) !important;
    }

    .sm\:mb-\[77px\] {
      margin-bottom: 77px !important;
    }

    .sm\:block {
      display: block !important;
    }

    .sm\:flex {
      display: flex !important;
    }

    .sm\:grid {
      display: grid !important;
    }

    .sm\:hidden {
      display: none !important;
    }

    .sm\:inline {
      display: inline !important;
    }

    .sm\:inline-block {
      display: inline-block !important;
    }

    .sm\:inline-flex {
      display: inline-flex !important;
    }

    .sm\:table-cell {
      display: table-cell !important;
    }

    .sm\:aspect-\[712\/164\] {
      aspect-ratio: 712 / 164 !important;
    }

    .sm\:h-3\.5 {
      height: calc(var(--spacing) * 3.5) !important;
    }

    .sm\:h-5 {
      height: calc(var(--spacing) * 5) !important;
    }

    .sm\:h-9 {
      height: calc(var(--spacing) * 9) !important;
    }

    .sm\:h-10 {
      height: calc(var(--spacing) * 10) !important;
    }

    .sm\:h-14 {
      height: calc(var(--spacing) * 14) !important;
    }

    .sm\:h-16 {
      height: calc(var(--spacing) * 16) !important;
    }

    .sm\:h-20 {
      height: calc(var(--spacing) * 20) !important;
    }

    .sm\:h-28 {
      height: calc(var(--spacing) * 28) !important;
    }

    .sm\:h-44 {
      height: calc(var(--spacing) * 44) !important;
    }

    .sm\:h-\[50px\] {
      height: 50px !important;
    }

    .sm\:h-\[120px\] {
      height: 120px !important;
    }

    .sm\:h-\[300px\] {
      height: 300px !important;
    }

    .sm\:h-\[320px\] {
      height: 320px !important;
    }

    .sm\:h-\[340px\] {
      height: 340px !important;
    }

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

    .sm\:min-h-0 {
      min-height: 0 !important;
    }

    .sm\:w-1\/2 {
      width: 50% !important;
    }

    .sm\:w-3\.5 {
      width: calc(var(--spacing) * 3.5) !important;
    }

    .sm\:w-5 {
      width: calc(var(--spacing) * 5) !important;
    }

    .sm\:w-9 {
      width: calc(var(--spacing) * 9) !important;
    }

    .sm\:w-10 {
      width: calc(var(--spacing) * 10) !important;
    }

    .sm\:w-16 {
      width: calc(var(--spacing) * 16) !important;
    }

    .sm\:w-20 {
      width: calc(var(--spacing) * 20) !important;
    }

    .sm\:w-32 {
      width: calc(var(--spacing) * 32) !important;
    }

    .sm\:w-44 {
      width: calc(var(--spacing) * 44) !important;
    }

    .sm\:w-47\.5 {
      width: calc(var(--spacing) * 47.5) !important;
    }

    .sm\:w-48 {
      width: calc(var(--spacing) * 48) !important;
    }

    .sm\:w-52 {
      width: calc(var(--spacing) * 52) !important;
    }

    .sm\:w-56 {
      width: calc(var(--spacing) * 56) !important;
    }

    .sm\:w-64 {
      width: calc(var(--spacing) * 64) !important;
    }

    .sm\:w-\[58\%\] {
      width: 58% !important;
    }

    .sm\:w-\[120px\] {
      width: 120px !important;
    }

    .sm\:w-\[220px\] {
      width: 220px !important;
    }

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

    .sm\:max-w-\[45\%\] {
      max-width: 45% !important;
    }

    .sm\:max-w-\[280px\] {
      max-width: 280px !important;
    }

    .sm\:max-w-\[300px\] {
      max-width: 300px !important;
    }

    .sm\:max-w-\[380px\] {
      max-width: 380px !important;
    }

    .sm\:max-w-\[460px\] {
      max-width: 460px !important;
    }

    .sm\:max-w-\[480px\] {
      max-width: 480px !important;
    }

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

    .sm\:max-w-md {
      max-width: 28rem !important;
    }

    .sm\:max-w-sm {
      max-width: 24rem !important;
    }

    .sm\:max-w-xs {
      max-width: 20rem !important;
    }

    .sm\:min-w-0 {
      min-width: 0 !important;
    }

    .sm\:min-w-20 {
      min-width: calc(var(--spacing) * 20) !important;
    }

    .sm\:flex-none {
      flex: none !important;
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    .sm\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }

    .sm\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    }

    .sm\:grid-cols-\[1fr_1fr_auto\] {
      grid-template-columns: 1fr 1fr auto !important;
    }

    .sm\:grid-cols-\[72px_minmax\(0\,1fr\)_minmax\(0\,1\.2fr\)\] {
      grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1.2fr) !important;
    }

    .sm\:grid-cols-\[130px_minmax\(0\,1fr\)\] {
      grid-template-columns: 130px minmax(0, 1fr) !important;
    }

    .sm\:grid-cols-\[140px_1fr\] {
      grid-template-columns: 140px 1fr !important;
    }

    .sm\:grid-cols-\[170px_minmax\(0\,1fr\)\] {
      grid-template-columns: 170px minmax(0, 1fr) !important;
    }

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

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

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

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

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

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

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

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

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

    .sm\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5) !important;
    }

    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3) !important;
    }

    .sm\:gap-3\.5 {
      gap: calc(var(--spacing) * 3.5) !important;
    }

    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4) !important;
    }

    .sm\:gap-5 {
      gap: calc(var(--spacing) * 5) !important;
    }

    .sm\:gap-x-4 {
      -moz-column-gap: calc(var(--spacing) * 4) !important;
           column-gap: calc(var(--spacing) * 4) !important;
    }

    :where(.sm\:divide-x > :not(:last-child)) {
      --tw-divide-x-reverse: 0 !important;
      border-inline-style: var(--tw-border-style) !important;
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)) !important;
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) !important;
    }

    :where(.sm\:divide-y-0 > :not(:last-child)) {
      --tw-divide-y-reverse: 0 !important;
      border-bottom-style: var(--tw-border-style) !important;
      border-top-style: var(--tw-border-style) !important;
      border-top-width: calc(0px * var(--tw-divide-y-reverse)) !important;
      border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))) !important;
    }

    .sm\:overflow-visible {
      overflow: visible !important;
    }

    .sm\:rounded-s-2xl {
      border-start-start-radius: var(--radius-2xl) !important;
      border-end-start-radius: var(--radius-2xl) !important;
    }

    .sm\:border-b-0 {
      border-bottom-style: var(--tw-border-style) !important;
      border-bottom-width: 0 !important;
    }

    .sm\:p-3 {
      padding: calc(var(--spacing) * 3) !important;
    }

    .sm\:p-4 {
      padding: calc(var(--spacing) * 4) !important;
    }

    .sm\:p-5 {
      padding: calc(var(--spacing) * 5) !important;
    }

    .sm\:p-6 {
      padding: calc(var(--spacing) * 6) !important;
    }

    .sm\:p-7 {
      padding: calc(var(--spacing) * 7) !important;
    }

    .sm\:p-8 {
      padding: calc(var(--spacing) * 8) !important;
    }

    .sm\:p-10 {
      padding: calc(var(--spacing) * 10) !important;
    }

    .sm\:px-0 {
      padding-inline: 0 !important;
    }

    .sm\:px-2 {
      padding-inline: calc(var(--spacing) * 2) !important;
    }

    .sm\:px-3 {
      padding-inline: calc(var(--spacing) * 3) !important;
    }

    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4) !important;
    }

    .sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5) !important;
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6) !important;
    }

    .sm\:px-7 {
      padding-inline: calc(var(--spacing) * 7) !important;
    }

    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8) !important;
    }

    .sm\:px-10 {
      padding-inline: calc(var(--spacing) * 10) !important;
    }

    .sm\:px-14 {
      padding-inline: calc(var(--spacing) * 14) !important;
    }

    .sm\:py-3 {
      padding-block: calc(var(--spacing) * 3) !important;
    }

    .sm\:py-4 {
      padding-block: calc(var(--spacing) * 4) !important;
    }

    .sm\:py-5 {
      padding-block: calc(var(--spacing) * 5) !important;
    }

    .sm\:py-6 {
      padding-block: calc(var(--spacing) * 6) !important;
    }

    .sm\:py-\[90px\] {
      padding-block: 90px !important;
    }

    .sm\:pt-24 {
      padding-top: calc(var(--spacing) * 24) !important;
    }

    .sm\:pt-\[calc\(env\(safe-area-inset-top\)\+80px\)\] {
      padding-top: calc(env(safe-area-inset-top) + 80px) !important;
    }

    .sm\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8) !important;
    }

    .sm\:text-end {
      text-align: end !important;
    }

    .sm\:text-2xl {
      font-size: var(--font-size-2xl) !important;
      line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
    }

    .sm\:text-3xl {
      font-size: var(--font-size-3xl) !important;
      line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
    }

    .sm\:text-5xl {
      font-size: var(--text-5xl) !important;
      line-height: var(--tw-leading, var(--text-5xl--line-height)) !important;
    }

    .sm\:text-base {
      font-size: var(--text-base) !important;
      line-height: var(--tw-leading, var(--text-base--line-height)) !important;
    }

    .sm\:text-lg {
      font-size: var(--font-size-lg) !important;
      line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
    }

    .sm\:text-sm {
      font-size: var(--font-size-sm) !important;
      line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
    }

    .sm\:text-xl {
      font-size: var(--font-size-xl) !important;
      line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
    }

    .sm\:text-xs {
      font-size: var(--font-size-xs) !important;
      line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
    }

    .sm\:text-\[12px\] {
      font-size: 12px !important;
    }

    .sm\:text-\[20px\] {
      font-size: 20px !important;
    }

    .sm\:text-\[34px\] {
      font-size: 34px !important;
    }

    .sm\:leading-7 {
      --tw-leading: calc(var(--spacing) * 7) !important;
      line-height: calc(var(--spacing) * 7) !important;
    }
  }

  @media (min-width: 48rem) {
    .md\:sr-only {
      clip-path: inset(50%) !important;
      white-space: nowrap !important;
      border-width: 0 !important;
      width: 1px !important;
      height: 1px !important;
      margin: -1px !important;
      padding: 0 !important;
      position: absolute !important;
      overflow: hidden !important;
    }

    .md\:absolute {
      position: absolute !important;
    }

    .md\:static {
      position: static !important;
    }

    .md\:sticky {
      position: sticky !important;
    }

    .md\:inset-x-auto {
      inset-inline: auto !important;
    }

    .md\:top-24 {
      top: calc(var(--spacing) * 24) !important;
    }

    .md\:top-50 {
      top: calc(var(--spacing) * 50) !important;
    }

    .md\:top-\[25\%\] {
      top: 25% !important;
    }

    .md\:right-0 {
      right: 0 !important;
    }

    .md\:right-5 {
      right: calc(var(--spacing) * 5) !important;
    }

    .md\:left-0 {
      left: 0 !important;
    }

    .md\:left-\[12\%\] {
      left: 12% !important;
    }

    .md\:left-auto {
      left: auto !important;
    }

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

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

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

    .md\:order-none {
      order: 0 !important;
    }

    .md\:col-span-1 {
      grid-column: span 1 / span 1 !important;
    }

    .md\:col-span-2 {
      grid-column: span 2 / span 2 !important;
    }

    .md\:col-span-3 {
      grid-column: span 3 / span 3 !important;
    }

    .md\:col-span-4 {
      grid-column: span 4 / span 4 !important;
    }

    .md\:col-span-5 {
      grid-column: span 5 / span 5 !important;
    }

    .md\:col-span-6 {
      grid-column: span 6 / span 6 !important;
    }

    .md\:col-span-7 {
      grid-column: span 7 / span 7 !important;
    }

    .md\:col-span-8 {
      grid-column: span 8 / span 8 !important;
    }

    .md\:col-span-9 {
      grid-column: span 9 / span 9 !important;
    }

    .md\:m-3 {
      margin: calc(var(--spacing) * 3) !important;
    }

    .md\:mx-0 {
      margin-inline: 0 !important;
    }

    .md\:mx-2 {
      margin-inline: calc(var(--spacing) * 2) !important;
    }

    .md\:mx-auto {
      margin-inline: auto !important;
    }

    .md\:ms-30 {
      margin-inline-start: calc(var(--spacing) * 30) !important;
    }

    .md\:mt-0 {
      margin-top: 0 !important;
    }

    .md\:mt-4 {
      margin-top: calc(var(--spacing) * 4) !important;
    }

    .md\:mt-7 {
      margin-top: calc(var(--spacing) * 7) !important;
    }

    .md\:mt-8 {
      margin-top: calc(var(--spacing) * 8) !important;
    }

    .md\:mt-10 {
      margin-top: calc(var(--spacing) * 10) !important;
    }

    .md\:mt-auto {
      margin-top: auto !important;
    }

    .md\:-mr-0 {
      margin-right: 0 !important;
    }

    .md\:mb-0 {
      margin-bottom: 0 !important;
    }

    .md\:mb-2 {
      margin-bottom: calc(var(--spacing) * 2) !important;
    }

    .md\:ml-0 {
      margin-left: 0 !important;
    }

    .md\:block {
      display: block !important;
    }

    .md\:flex {
      display: flex !important;
    }

    .md\:grid {
      display: grid !important;
    }

    .md\:hidden {
      display: none !important;
    }

    .md\:inline-block {
      display: inline-block !important;
    }

    .md\:inline-flex {
      display: inline-flex !important;
    }

    .md\:table-cell {
      display: table-cell !important;
    }

    .md\:aspect-\[16\/3\] {
      aspect-ratio: 16 / 3 !important;
    }

    .md\:h-8 {
      height: calc(var(--spacing) * 8) !important;
    }

    .md\:h-16 {
      height: calc(var(--spacing) * 16) !important;
    }

    .md\:h-20 {
      height: calc(var(--spacing) * 20) !important;
    }

    .md\:h-32 {
      height: calc(var(--spacing) * 32) !important;
    }

    .md\:h-36 {
      height: calc(var(--spacing) * 36) !important;
    }

    .md\:h-96 {
      height: calc(var(--spacing) * 96) !important;
    }

    .md\:h-\[22px\] {
      height: 22px !important;
    }

    .md\:h-\[80vh\] {
      height: 80vh !important;
    }

    .md\:h-\[85vh\] {
      height: 85vh !important;
    }

    .md\:h-\[110px\] {
      height: 110px !important;
    }

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

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

    .md\:max-h-\[90vh\] {
      max-height: 90vh !important;
    }

    .md\:max-h-\[92vh\] {
      max-height: 92vh !important;
    }

    .md\:min-h-0 {
      min-height: 0 !important;
    }

    .md\:min-h-125 {
      min-height: calc(var(--spacing) * 125) !important;
    }

    .md\:min-h-\[220px\] {
      min-height: 220px !important;
    }

    .md\:w-1\/2 {
      width: 50% !important;
    }

    .md\:w-8 {
      width: calc(var(--spacing) * 8) !important;
    }

    .md\:w-20 {
      width: calc(var(--spacing) * 20) !important;
    }

    .md\:w-36 {
      width: calc(var(--spacing) * 36) !important;
    }

    .md\:w-56 {
      width: calc(var(--spacing) * 56) !important;
    }

    .md\:w-\[110px\] {
      width: 110px !important;
    }

    .md\:w-\[140px\] {
      width: 140px !important;
    }

    .md\:w-\[180px\] {
      width: 180px !important;
    }

    .md\:w-\[400px\] {
      width: 400px !important;
    }

    .md\:w-\[420px\] {
      width: 420px !important;
    }

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

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

    .md\:max-w-7\/12 {
      max-width: 58.3333% !important;
    }

    .md\:max-w-7xl {
      max-width: 80rem !important;
    }

    .md\:max-w-9\/12 {
      max-width: 75% !important;
    }

    .md\:max-w-\[92vw\] {
      max-width: 92vw !important;
    }

    .md\:max-w-\[360px\] {
      max-width: 360px !important;
    }

    .md\:max-w-\[600px\] {
      max-width: 600px !important;
    }

    .md\:max-w-\[640px\] {
      max-width: 640px !important;
    }

    .md\:max-w-\[674px\] {
      max-width: 674px !important;
    }

    .md\:max-w-\[720px\] {
      max-width: 720px !important;
    }

    .md\:max-w-\[760px\] {
      max-width: 760px !important;
    }

    .md\:max-w-\[900px\] {
      max-width: 900px !important;
    }

    .md\:max-w-\[var\(--modal-max-width\)\] {
      max-width: var(--modal-max-width) !important;
    }

    .md\:max-w-sm {
      max-width: 24rem !important;
    }

    .md\:max-w-xl {
      max-width: 36rem !important;
    }

    .md\:min-w-0 {
      min-width: 0 !important;
    }

    .md\:min-w-56 {
      min-width: calc(var(--spacing) * 56) !important;
    }

    .md\:min-w-\[120px\] {
      min-width: 120px !important;
    }

    .md\:min-w-\[130px\] {
      min-width: 130px !important;
    }

    .md\:min-w-\[140px\] {
      min-width: 140px !important;
    }

    .md\:min-w-\[150px\] {
      min-width: 150px !important;
    }

    .md\:min-w-\[160px\] {
      min-width: 160px !important;
    }

    .md\:min-w-\[170px\] {
      min-width: 170px !important;
    }

    .md\:min-w-\[180px\] {
      min-width: 180px !important;
    }

    .md\:min-w-\[200px\] {
      min-width: 200px !important;
    }

    .md\:min-w-\[220px\] {
      min-width: 220px !important;
    }

    .md\:min-w-\[230px\] {
      min-width: 230px !important;
    }

    .md\:min-w-\[240px\] {
      min-width: 240px !important;
    }

    .md\:min-w-\[280px\] {
      min-width: 280px !important;
    }

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

    .md\:flex-1 {
      flex: 1 !important;
    }

    .md\:flex-none {
      flex: none !important;
    }

    .md\:flex-shrink-0, .md\:shrink-0 {
      flex-shrink: 0 !important;
    }

    .md\:snap-none {
      scroll-snap-type: none !important;
    }

    .md\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }

    .md\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }

    .md\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    }

    .md\:grid-cols-\[1fr_1\.3fr_1fr_1fr_1\.5fr_96px\] {
      grid-template-columns: 1fr 1.3fr 1fr 1fr 1.5fr 96px !important;
    }

    .md\:grid-cols-\[1fr_1\.4fr_1\.4fr_1\.5fr_80px\] {
      grid-template-columns: 1fr 1.4fr 1.4fr 1.5fr 80px !important;
    }

    .md\:grid-cols-\[1fr_1\.4fr_1fr_80px\] {
      grid-template-columns: 1fr 1.4fr 1fr 80px !important;
    }

    .md\:grid-cols-\[1fr_auto\] {
      grid-template-columns: 1fr auto !important;
    }

    .md\:grid-cols-\[3fr_3fr_3fr\] {
      grid-template-columns: 3fr 3fr 3fr !important;
    }

    .md\:grid-cols-\[3fr_4fr\] {
      grid-template-columns: 3fr 4fr !important;
    }

    .md\:grid-cols-\[46\%_54\%\] {
      grid-template-columns: 46% 54% !important;
    }

    .md\:grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(0\,1fr\)_120px\] {
      grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) 120px !important;
    }

    .md\:grid-cols-\[minmax\(0\,1\.9fr\)_minmax\(260px\,1fr\)\] {
      grid-template-columns: minmax(0, 1.9fr) minmax(260px, 1fr) !important;
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_220px\] {
      grid-template-columns: minmax(0, 1fr) 220px !important;
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_360px\] {
      grid-template-columns: minmax(0, 1fr) 360px !important;
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 1fr) auto !important;
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,16rem\)_auto\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 16rem) auto !important;
    }

    .md\:grid-cols-\[minmax\(0\,3fr\)_minmax\(250px\,1fr\)\] {
      grid-template-columns: minmax(0, 3fr) minmax(250px, 1fr) !important;
    }

    .md\:grid-rows-1 {
      grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
    }

    .md\:flex-col {
      flex-direction: column !important;
    }

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

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

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

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

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

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

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

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

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

    .md\:gap-0 {
      gap: 0 !important;
    }

    .md\:gap-2 {
      gap: calc(var(--spacing) * 2) !important;
    }

    .md\:gap-4 {
      gap: calc(var(--spacing) * 4) !important;
    }

    .md\:gap-6 {
      gap: calc(var(--spacing) * 6) !important;
    }

    :where(.md\:space-y-6 > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) !important;
    }

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

    .md\:truncate {
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
      overflow: hidden !important;
    }

    .md\:overflow-hidden {
      overflow: hidden !important;
    }

    .md\:overflow-x-hidden {
      overflow-x: hidden !important;
    }

    .md\:rounded-2xl {
      border-radius: var(--radius-2xl) !important;
    }

    .md\:rounded-3xl {
      border-radius: var(--radius-3xl) !important;
    }

    .md\:rounded-lg {
      border-radius: var(--radius-lg) !important;
    }

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

    .md\:rounded-t-md {
      border-top-left-radius: var(--radius-md) !important;
      border-top-right-radius: var(--radius-md) !important;
    }

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

    .md\:rounded-b-none {
      border-bottom-right-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
    }

    .md\:border {
      border-style: var(--tw-border-style) !important;
      border-width: 1px !important;
    }

    .md\:border-4 {
      border-style: var(--tw-border-style) !important;
      border-width: 4px !important;
    }

    .md\:border-s {
      border-inline-start-style: var(--tw-border-style) !important;
      border-inline-start-width: 1px !important;
    }

    .md\:border-t {
      border-top-style: var(--tw-border-style) !important;
      border-top-width: 1px !important;
    }

    .md\:border-t-0 {
      border-top-style: var(--tw-border-style) !important;
      border-top-width: 0 !important;
    }

    .md\:border-r {
      border-right-style: var(--tw-border-style) !important;
      border-right-width: 1px !important;
    }

    .md\:border-b-0 {
      border-bottom-style: var(--tw-border-style) !important;
      border-bottom-width: 0 !important;
    }

    .md\:border-gray-100 {
      border-color: var(--gray-100) !important;
    }

    .md\:bg-background {
      background-color: var(--background) !important;
    }

    .md\:bg-gray-50 {
      background-color: var(--gray-50) !important;
    }

    .md\:bg-primary-50 {
      background-color: var(--brand-50) !important;
    }

    .md\:bg-primary-700 {
      background-color: var(--brand-700) !important;
    }

    .md\:bg-transparent {
      background-color: #0000 !important;
    }

    .md\:bg-white {
      background-color: var(--white) !important;
    }

    .md\:bg-\[linear-gradient\(0deg\,\#EEE8F7_53\.61\%\,\#D7BAFF_191\.09\%\)\] {
      background-image: linear-gradient(0deg, #eee8f7 53.61%, #d7baff 191.09%) !important;
    }

    .md\:p-0\.5 {
      padding: calc(var(--spacing) * .5) !important;
    }

    .md\:p-4 {
      padding: calc(var(--spacing) * 4) !important;
    }

    .md\:p-5 {
      padding: calc(var(--spacing) * 5) !important;
    }

    .md\:p-6 {
      padding: calc(var(--spacing) * 6) !important;
    }

    .md\:p-8 {
      padding: calc(var(--spacing) * 8) !important;
    }

    .md\:px-0 {
      padding-inline: 0 !important;
    }

    .md\:px-3 {
      padding-inline: calc(var(--spacing) * 3) !important;
    }

    .md\:px-4 {
      padding-inline: calc(var(--spacing) * 4) !important;
    }

    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6) !important;
    }

    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8) !important;
    }

    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10) !important;
    }

    .md\:py-0 {
      padding-block: 0 !important;
    }

    .md\:py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5) !important;
    }

    .md\:py-4 {
      padding-block: calc(var(--spacing) * 4) !important;
    }

    .md\:py-5 {
      padding-block: calc(var(--spacing) * 5) !important;
    }

    .md\:py-8 {
      padding-block: calc(var(--spacing) * 8) !important;
    }

    .md\:pt-0 {
      padding-top: 0 !important;
    }

    .md\:pt-3 {
      padding-top: calc(var(--spacing) * 3) !important;
    }

    .md\:pt-5 {
      padding-top: calc(var(--spacing) * 5) !important;
    }

    .md\:pt-6 {
      padding-top: calc(var(--spacing) * 6) !important;
    }

    .md\:pt-28 {
      padding-top: calc(var(--spacing) * 28) !important;
    }

    .md\:pb-0 {
      padding-bottom: 0 !important;
    }

    .md\:pb-3 {
      padding-bottom: calc(var(--spacing) * 3) !important;
    }

    .md\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6) !important;
    }

    .md\:text-left {
      text-align: left !important;
    }

    .md\:text-start {
      text-align: start !important;
    }

    .md\:text-2xl {
      font-size: var(--font-size-2xl) !important;
      line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
    }

    .md\:text-3xl {
      font-size: var(--font-size-3xl) !important;
      line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
    }

    .md\:text-lg {
      font-size: var(--font-size-lg) !important;
      line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
    }

    .md\:text-sm {
      font-size: var(--font-size-sm) !important;
      line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
    }

    .md\:text-xl {
      font-size: var(--font-size-xl) !important;
      line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
    }

    .md\:text-xs {
      font-size: var(--font-size-xs) !important;
      line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
    }

    .md\:text-\[15px\] {
      font-size: 15px !important;
    }

    .md\:text-md {
      font-size: var(--font-size-md) !important;
    }

    .md\:text-xxs {
      font-size: var(--font-size-xxs) !important;
    }

    .md\:text-primary-500 {
      color: var(--brand-500) !important;
    }

    .md\:text-white {
      color: var(--white) !important;
    }

    .md\:shadow-2xl {
      --tw-shadow: var(--shadow-2xl) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    .md\:shadow-\[0_0_12px_0_rgba\(79\,0\,140\,0\.08\)\] {
      --tw-shadow: 0 0 12px 0 var(--tw-shadow-color, #4f008c14) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    .md\:shadow-\[0_24px_48px_-12px_rgba\(79\,0\,140\,0\.25\)\] {
      --tw-shadow: 0 24px 48px -12px var(--tw-shadow-color, #4f008c40) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    .md\:shadow-main {
      --tw-shadow: var(--shadow-main) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    .md\:shadow-none {
      --tw-shadow: 0 0 #0000 !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    @media (hover: hover) {
      .md\:hover\:-translate-y-1:hover {
        --tw-translate-y: calc(var(--spacing) * -1) !important;
        translate: var(--tw-translate-x) var(--tw-translate-y) !important;
      }
    }
  }

  @media (min-width: 64rem) {
    .lg\:absolute {
      position: absolute !important;
    }

    .lg\:sticky {
      position: sticky !important;
    }

    .lg\:top-20 {
      top: calc(var(--spacing) * 20) !important;
    }

    .lg\:top-24 {
      top: calc(var(--spacing) * 24) !important;
    }

    .lg\:right-0 {
      right: 0 !important;
    }

    .lg\:right-\[-25\%\] {
      right: -25% !important;
    }

    .lg\:bottom-7 {
      bottom: calc(var(--spacing) * 7) !important;
    }

    .lg\:left-0 {
      left: 0 !important;
    }

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

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

    .lg\:col-span-1 {
      grid-column: span 1 / span 1 !important;
    }

    .lg\:col-span-2 {
      grid-column: span 2 / span 2 !important;
    }

    .lg\:col-span-3 {
      grid-column: span 3 / span 3 !important;
    }

    .lg\:col-span-4 {
      grid-column: span 4 / span 4 !important;
    }

    .lg\:col-span-6 {
      grid-column: span 6 / span 6 !important;
    }

    .lg\:col-span-8 {
      grid-column: span 8 / span 8 !important;
    }

    .lg\:col-span-9 {
      grid-column: span 9 / span 9 !important;
    }

    .lg\:col-span-12 {
      grid-column: span 12 / span 12 !important;
    }

    .lg\:col-span-15 {
      grid-column: span 15 / span 15 !important;
    }

    .lg\:m-auto {
      margin: auto !important;
    }

    .lg\:ms-0 {
      margin-inline-start: 0 !important;
    }

    .lg\:mt-0 {
      margin-top: 0 !important;
    }

    .lg\:mt-20 {
      margin-top: calc(var(--spacing) * 20) !important;
    }

    .lg\:mb-1 {
      margin-bottom: var(--spacing) !important;
    }

    .lg\:line-clamp-2 {
      -webkit-line-clamp: 2 !important;
      -webkit-box-orient: vertical !important;
      display: -webkit-box !important;
      overflow: hidden !important;
    }

    .lg\:block {
      display: block !important;
    }

    .lg\:flex {
      display: flex !important;
    }

    .lg\:hidden {
      display: none !important;
    }

    .lg\:table-cell {
      display: table-cell !important;
    }

    .lg\:aspect-video {
      aspect-ratio: var(--aspect-video) !important;
    }

    .lg\:h-16 {
      height: calc(var(--spacing) * 16) !important;
    }

    .lg\:h-\[60px\] {
      height: 60px !important;
    }

    .lg\:h-\[500px\] {
      height: 500px !important;
    }

    .lg\:h-\[520px\] {
      height: 520px !important;
    }

    .lg\:max-h-\[80vh\] {
      max-height: 80vh !important;
    }

    .lg\:min-h-\[180px\] {
      min-height: 180px !important;
    }

    .lg\:w-1\/3 {
      width: 33.3333% !important;
    }

    .lg\:w-\[42\%\] {
      width: 42% !important;
    }

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

    .lg\:w-\[360px\] {
      width: 360px !important;
    }

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

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

    .lg\:max-w-7xl {
      max-width: 80rem !important;
    }

    .lg\:max-w-\[500px\] {
      max-width: 500px !important;
    }

    .lg\:max-w-\[520px\] {
      max-width: 520px !important;
    }

    .lg\:max-w-\[540px\] {
      max-width: 540px !important;
    }

    .lg\:max-w-\[560px\] {
      max-width: 560px !important;
    }

    .lg\:max-w-md {
      max-width: 28rem !important;
    }

    .lg\:max-w-sm {
      max-width: 24rem !important;
    }

    .lg\:min-w-\[360px\] {
      min-width: 360px !important;
    }

    .lg\:flex-none {
      flex: none !important;
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }

    .lg\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }

    .lg\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    }

    .lg\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    }

    .lg\:grid-cols-24 {
      grid-template-columns: repeat(24, minmax(0, 1fr)) !important;
    }

    .lg\:grid-cols-\[1fr_320px\] {
      grid-template-columns: 1fr 320px !important;
    }

    .lg\:grid-cols-\[42fr_58fr\] {
      grid-template-columns: 42fr 58fr !important;
    }

    .lg\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) !important;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_340px\] {
      grid-template-columns: minmax(0, 1fr) 340px !important;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_380px\] {
      grid-template-columns: minmax(0, 1fr) 380px !important;
    }

    .lg\:grid-cols-\[minmax\(0\,2\.3fr\)_minmax\(320px\,1fr\)\] {
      grid-template-columns: minmax(0, 2.3fr) minmax(320px, 1fr) !important;
    }

    .lg\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,2fr\)\] {
      grid-template-columns: minmax(0, 3fr) minmax(0, 2fr) !important;
    }

    .lg\:grid-cols-\[minmax\(0\,42fr\)_minmax\(0\,58fr\)\] {
      grid-template-columns: minmax(0, 42fr) minmax(0, 58fr) !important;
    }

    .lg\:grid-cols-\[minmax\(280px\,380px\)_1fr\] {
      grid-template-columns: minmax(280px, 380px) 1fr !important;
    }

    .lg\:grid-cols-\[minmax\(320px\,1fr\)_minmax\(380px\,560px\)\] {
      grid-template-columns: minmax(320px, 1fr) minmax(380px, 560px) !important;
    }

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

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

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

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

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

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

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

    .lg\:gap-8 {
      gap: calc(var(--spacing) * 8) !important;
    }

    .lg\:gap-10 {
      gap: calc(var(--spacing) * 10) !important;
    }

    :where(.lg\:space-y-8 > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))) !important;
    }

    .lg\:gap-x-0 {
      -moz-column-gap: 0 !important;
           column-gap: 0 !important;
    }

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

    .lg\:rounded-2xl {
      border-radius: var(--radius-2xl) !important;
    }

    .lg\:border-s {
      border-inline-start-style: var(--tw-border-style) !important;
      border-inline-start-width: 1px !important;
    }

    .lg\:border-e {
      border-inline-end-style: var(--tw-border-style) !important;
      border-inline-end-width: 1px !important;
    }

    .lg\:border-t-0 {
      border-top-style: var(--tw-border-style) !important;
      border-top-width: 0 !important;
    }

    .lg\:border-b-0 {
      border-bottom-style: var(--tw-border-style) !important;
      border-bottom-width: 0 !important;
    }

    .lg\:border-l {
      border-left-style: var(--tw-border-style) !important;
      border-left-width: 1px !important;
    }

    .lg\:border-gray-100 {
      border-color: var(--gray-100) !important;
    }

    .lg\:bg-transparent {
      background-color: #0000 !important;
    }

    .lg\:p-5 {
      padding: calc(var(--spacing) * 5) !important;
    }

    .lg\:px-5 {
      padding-inline: calc(var(--spacing) * 5) !important;
    }

    .lg\:px-6 {
      padding-inline: calc(var(--spacing) * 6) !important;
    }

    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8) !important;
    }

    .lg\:px-12 {
      padding-inline: calc(var(--spacing) * 12) !important;
    }

    .lg\:px-\[clamp\(40px\,7vw\,112px\)\] {
      padding-inline: clamp(40px, 7vw, 112px) !important;
    }

    .lg\:py-10 {
      padding-block: calc(var(--spacing) * 10) !important;
    }

    .lg\:py-12 {
      padding-block: calc(var(--spacing) * 12) !important;
    }

    .lg\:ps-5 {
      padding-inline-start: calc(var(--spacing) * 5) !important;
    }

    .lg\:pt-0 {
      padding-top: 0 !important;
    }

    .lg\:pb-0 {
      padding-bottom: 0 !important;
    }

    .lg\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10) !important;
    }

    .lg\:pl-8 {
      padding-left: calc(var(--spacing) * 8) !important;
    }

    .lg\:first\:border-s-0:first-child {
      border-inline-start-style: var(--tw-border-style) !important;
      border-inline-start-width: 0 !important;
    }

    .lg\:first\:ps-0:first-child {
      padding-inline-start: 0 !important;
    }
  }

  @media (min-width: 80rem) {
    .xl\:col-span-2 {
      grid-column: span 2 / span 2 !important;
    }

    .xl\:col-span-3 {
      grid-column: span 3 / span 3 !important;
    }

    .xl\:col-span-4 {
      grid-column: span 4 / span 4 !important;
    }

    .xl\:col-span-6 {
      grid-column: span 6 / span 6 !important;
    }

    .xl\:col-span-12 {
      grid-column: span 12 / span 12 !important;
    }

    .xl\:ms-30 {
      margin-inline-start: calc(var(--spacing) * 30) !important;
    }

    .xl\:mb-3 {
      margin-bottom: calc(var(--spacing) * 3) !important;
    }

    .xl\:line-clamp-none {
      -webkit-line-clamp: unset !important;
      -webkit-box-orient: horizontal !important;
      display: block !important;
      overflow: visible !important;
    }

    .xl\:hidden {
      display: none !important;
    }

    .xl\:w-1\/4 {
      width: 25% !important;
    }

    .xl\:w-5\/6 {
      width: 83.3333% !important;
    }

    .xl\:w-96 {
      width: calc(var(--spacing) * 96) !important;
    }

    .xl\:w-\[360px\] {
      width: 360px !important;
    }

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

    .xl\:max-w-350 {
      max-width: calc(var(--spacing) * 350) !important;
    }

    .xl\:max-w-md {
      max-width: 28rem !important;
    }

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

    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    .xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }

    .xl\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }

    .xl\:grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
    }

    .xl\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_350px\] {
      grid-template-columns: minmax(0, 1fr) 350px !important;
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_420px\] {
      grid-template-columns: minmax(0, 1fr) 420px !important;
    }

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

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

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

  .ltr\:right-0:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    right: 0 !important;
  }

  .ltr\:right-2:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    right: calc(var(--spacing) * 2) !important;
  }

  .ltr\:right-6:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    right: calc(var(--spacing) * 6) !important;
  }

  .ltr\:left-0:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    left: 0 !important;
  }

  .ltr\:left-3:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    left: calc(var(--spacing) * 3) !important;
  }

  .ltr\:scale-x-\[-1\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    --tw-scale-x: -1 !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }

  .ltr\:-rotate-90:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    rotate: -90deg !important;
  }

  .ltr\:rotate-180:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    rotate: 180deg !important;
  }

  .ltr\:ps-5:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-inline-start: calc(var(--spacing) * 5) !important;
  }

  .ltr\:ps-16:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-inline-start: calc(var(--spacing) * 16) !important;
  }

  .ltr\:pr-3:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-right: calc(var(--spacing) * 3) !important;
  }

  .ltr\:pr-4:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-right: calc(var(--spacing) * 4) !important;
  }

  .ltr\:pl-9:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-left: calc(var(--spacing) * 9) !important;
  }

  .ltr\:pl-12:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-left: calc(var(--spacing) * 12) !important;
  }

  .ltr\:text-xs:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    font-size: var(--font-size-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }

  .ltr\:text-\[11px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    font-size: 11px !important;
  }

  .ltr\:tracking-\[0\.22em\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    --tw-tracking: .22em !important;
    letter-spacing: .22em !important;
  }

  @media (min-width: 48rem) {
    .md\:ltr\:text-sm:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      font-size: var(--font-size-sm) !important;
      line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
    }

    .md\:ltr\:text-xxs:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      font-size: var(--font-size-xxs) !important;
    }
  }

  .rtl\:inset-s-auto:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    inset-inline-start: auto !important;
  }

  .rtl\:start-0:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    inset-inline-start: calc(var(--spacing) * 0) !important;
  }

  .rtl\:end-auto:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    inset-inline-end: auto !important;
  }

  .rtl\:inset-e-0:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    inset-inline-end: 0 !important;
  }

  .rtl\:right-0:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    right: 0 !important;
  }

  .rtl\:right-2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    right: calc(var(--spacing) * 2) !important;
  }

  .rtl\:right-2\.5:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    right: calc(var(--spacing) * 2.5) !important;
  }

  .rtl\:right-3:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    right: calc(var(--spacing) * 3) !important;
  }

  .rtl\:right-4:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    right: calc(var(--spacing) * 4) !important;
  }

  .rtl\:right-auto:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    right: auto !important;
  }

  .rtl\:left-0:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    left: 0 !important;
  }

  .rtl\:left-2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    left: calc(var(--spacing) * 2) !important;
  }

  .rtl\:left-3:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    left: calc(var(--spacing) * 3) !important;
  }

  .rtl\:left-4:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    left: calc(var(--spacing) * 4) !important;
  }

  .rtl\:left-5:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    left: calc(var(--spacing) * 5) !important;
  }

  .rtl\:left-6:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    left: calc(var(--spacing) * 6) !important;
  }

  .rtl\:left-9:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    left: calc(var(--spacing) * 9) !important;
  }

  .rtl\:left-\[-25px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    left: -25px !important;
  }

  .rtl\:left-auto:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    left: auto !important;
  }

  .rtl\:mr-0:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-right: 0 !important;
  }

  .rtl\:mr-2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-right: calc(var(--spacing) * 2) !important;
  }

  .rtl\:-ml-3:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-left: calc(var(--spacing) * -3) !important;
  }

  .rtl\:ml-0:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-left: 0 !important;
  }

  .rtl\:ml-1:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-left: var(--spacing) !important;
  }

  .rtl\:ml-2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-left: calc(var(--spacing) * 2) !important;
  }

  .rtl\:ml-3:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-left: calc(var(--spacing) * 3) !important;
  }

  .rtl\:translate-x-1\/2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: calc(1 / 2 * 100%) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .rtl\:-scale-x-100:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-scale-x: calc(100% * -1) !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }

  .rtl\:scale-x-\[-1\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-scale-x: -1 !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }

  .rtl\:-rotate-90:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    rotate: -90deg !important;
  }

  .rtl\:-rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    rotate: -180deg !important;
  }

  .rtl\:rotate-0:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    rotate: 0deg !important;
  }

  .rtl\:rotate-90:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    rotate: 90deg !important;
  }

  .rtl\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    rotate: 180deg !important;
  }

  :where(.rtl\:space-x-reverse:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) > :not(:last-child)) {
    --tw-space-x-reverse: 1 !important;
  }

  .rtl\:rounded-l-2xl:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    border-top-left-radius: var(--radius-2xl) !important;
    border-bottom-left-radius: var(--radius-2xl) !important;
  }

  .rtl\:rounded-r-none:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .rtl\:rounded-br-2xl:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    border-bottom-right-radius: var(--radius-2xl) !important;
  }

  .rtl\:border-r:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 1px !important;
  }

  .rtl\:border-r-0:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 0 !important;
  }

  .rtl\:border-l:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 1px !important;
  }

  .rtl\:border-l-0:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 0 !important;
  }

  .rtl\:\[mask-image\:linear-gradient\(to_left\,transparent_0\%\,\#000_45\%\)\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    -webkit-mask-image: linear-gradient(to left, #0000 0%, #000 45%) !important;
    mask-image: linear-gradient(to left, #0000 0%, #000 45%) !important;
  }

  .rtl\:ps-2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-inline-start: calc(var(--spacing) * 2) !important;
  }

  .rtl\:ps-6:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-inline-start: calc(var(--spacing) * 6) !important;
  }

  .rtl\:pr-0:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-right: 0 !important;
  }

  .rtl\:pr-4:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-right: calc(var(--spacing) * 4) !important;
  }

  .rtl\:pr-8:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-right: calc(var(--spacing) * 8) !important;
  }

  .rtl\:pr-9:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-right: calc(var(--spacing) * 9) !important;
  }

  .rtl\:pr-10:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-right: calc(var(--spacing) * 10) !important;
  }

  .rtl\:pr-11:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-right: calc(var(--spacing) * 11) !important;
  }

  .rtl\:pr-12:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-right: calc(var(--spacing) * 12) !important;
  }

  .rtl\:pl-0:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-left: 0 !important;
  }

  .rtl\:pl-1:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-left: var(--spacing) !important;
  }

  .rtl\:pl-2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-left: calc(var(--spacing) * 2) !important;
  }

  .rtl\:pl-3:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-left: calc(var(--spacing) * 3) !important;
  }

  .rtl\:pl-4:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-left: calc(var(--spacing) * 4) !important;
  }

  .rtl\:text-left:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    text-align: left !important;
  }

  .rtl\:text-right:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    text-align: right !important;
  }

  .rtl\:\[-webkit-mask-image\:linear-gradient\(to_left\,transparent_0\%\,\#000_45\%\)\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    -webkit-mask-image: linear-gradient(to left, #0000 0%, #000 45%) !important;
  }

  @media (hover: hover) {
    .rtl\:group-hover\:-translate-x-0\.5:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *):is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * -.5) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }
  }

  .rtl\:peer-checked\:after\:-translate-x-full:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *):is(:where(.peer):checked ~ *):after {
    content: var(--tw-content);
    --tw-translate-x: -100% !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  :where(.dark\:divide-gray-800:is(.dark *) > :not(:last-child)) {
    border-color: var(--gray-800) !important;
  }

  .dark\:border-\[\#797bf2\]:is(.dark *) {
    border-color: #797bf2 !important;
  }

  .dark\:border-\[\#404046\]:is(.dark *) {
    border-color: #404046 !important;
  }

  .dark\:border-gray-600:is(.dark *) {
    border-color: var(--gray-600) !important;
  }

  .dark\:border-gray-700:is(.dark *) {
    border-color: var(--gray-700) !important;
  }

  .dark\:border-gray-800:is(.dark *) {
    border-color: var(--gray-800) !important;
  }

  .dark\:bg-\[\#2c2c30\]:is(.dark *) {
    background-color: #2c2c30 !important;
  }

  .dark\:bg-\[\#797bf2\]:is(.dark *) {
    background-color: #797bf2 !important;
  }

  .dark\:bg-\[\#797bf2\]\/10:is(.dark *) {
    background-color: oklab(63.8969% .0288471 -.171745 / .1) !important;
  }

  .dark\:bg-\[\#404046\]:is(.dark *) {
    background-color: #404046 !important;
  }

  .dark\:bg-black\/10:is(.dark *) {
    background-color: var(--black) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-black\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--black) 10%, transparent) !important;
    }
  }

  .dark\:bg-gray-700:is(.dark *) {
    background-color: var(--gray-700) !important;
  }

  .dark\:bg-gray-800:is(.dark *), .dark\:bg-gray-800\/20:is(.dark *) {
    background-color: var(--gray-800) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-gray-800\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--gray-800) 20%, transparent) !important;
    }
  }

  .dark\:bg-gray-800\/40:is(.dark *) {
    background-color: var(--gray-800) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-gray-800\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--gray-800) 40%, transparent) !important;
    }
  }

  .dark\:bg-gray-900:is(.dark *), .dark\:bg-gray-900\/80:is(.dark *) {
    background-color: var(--gray-900) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-gray-900\/80:is(.dark *) {
      background-color: color-mix(in oklab, var(--gray-900) 80%, transparent) !important;
    }
  }

  .dark\:text-\[\#cecece\]:is(.dark *) {
    color: #cecece !important;
  }

  .dark\:text-gray-100:is(.dark *) {
    color: var(--gray-100) !important;
  }

  .dark\:text-gray-200:is(.dark *) {
    color: var(--gray-200) !important;
  }

  .dark\:text-gray-300:is(.dark *) {
    color: var(--gray-300) !important;
  }

  .dark\:text-gray-400:is(.dark *) {
    color: var(--gray-400) !important;
  }

  .dark\:text-gray-500:is(.dark *) {
    color: var(--gray-500) !important;
  }

  .dark\:text-white:is(.dark *) {
    color: var(--white) !important;
  }

  .dark\:prose-invert:is(.dark *) {
    --tw-prose-body: var(--tw-prose-invert-body) !important;
    --tw-prose-headings: var(--tw-prose-invert-headings) !important;
    --tw-prose-lead: var(--tw-prose-invert-lead) !important;
    --tw-prose-links: var(--tw-prose-invert-links) !important;
    --tw-prose-bold: var(--tw-prose-invert-bold) !important;
    --tw-prose-counters: var(--tw-prose-invert-counters) !important;
    --tw-prose-bullets: var(--tw-prose-invert-bullets) !important;
    --tw-prose-hr: var(--tw-prose-invert-hr) !important;
    --tw-prose-quotes: var(--tw-prose-invert-quotes) !important;
    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders) !important;
    --tw-prose-captions: var(--tw-prose-invert-captions) !important;
    --tw-prose-kbd: var(--tw-prose-invert-kbd) !important;
    --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows) !important;
    --tw-prose-code: var(--tw-prose-invert-code) !important;
    --tw-prose-pre-code: var(--tw-prose-invert-pre-code) !important;
    --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg) !important;
    --tw-prose-th-borders: var(--tw-prose-invert-th-borders) !important;
    --tw-prose-td-borders: var(--tw-prose-invert-td-borders) !important;
  }

  @media (hover: hover) {
    .dark\:group-hover\:bg-gray-600:is(.dark *):is(:where(.group):hover *) {
      background-color: var(--gray-600) !important;
    }
  }

  .dark\:focus-within\:border-primary-400:is(.dark *):focus-within {
    border-color: var(--brand-400) !important;
  }

  @media (hover: hover) {
    .dark\:hover\:bg-\[\#4a4a50\]:is(.dark *):hover {
      background-color: #4a4a50 !important;
    }

    .dark\:hover\:bg-gray-600:is(.dark *):hover {
      background-color: var(--gray-600) !important;
    }

    .dark\:hover\:bg-gray-700:is(.dark *):hover {
      background-color: var(--gray-700) !important;
    }
  }

  .prose-a\:text-primary-600 :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--brand-600) !important;
  }

  .prose-strong\:text-gray-900 :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--gray-900) !important;
  }

  .\[\&_\.ProseMirror\]\:max-h-\[200px\] .ProseMirror {
    max-height: 200px !important;
  }

  .\[\&_\.ProseMirror\]\:min-h-\[80px\] .ProseMirror {
    min-height: 80px !important;
  }

  .\[\&_\.ProseMirror\]\:overflow-y-auto .ProseMirror {
    overflow-y: auto !important;
  }

  .\[\&_\.fill-none\]\:fill-none .fill-none {
    fill: none !important;
  }

  .\[\&_\.fill-primary\]\:fill-primary-500 .fill-primary {
    fill: var(--brand-500) !important;
  }

  .\[\&_\.fill-secondary\]\:fill-secondary-500 .fill-secondary {
    fill: var(--rose-500) !important;
  }

  .\[\&_a\]\:\!font-bold a {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }

  .\[\&_a\]\:\!text-primary-600 a {
    color: var(--brand-600) !important;
  }

  .\[\&_canvas\]\:block canvas {
    display: block !important;
  }

  .\[\&_canvas\]\:h-full canvas {
    height: 100% !important;
  }

  .\[\&_canvas\]\:max-h-full canvas {
    max-height: 100% !important;
  }

  .\[\&_canvas\]\:w-full canvas {
    width: 100% !important;
  }

  .\[\&_canvas\]\:max-w-full canvas {
    max-width: 100% !important;
  }

  .\[\&_li\]\:\!font-semibold li {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }

  .\[\&_li\]\:\!text-gray-900 li {
    color: var(--gray-900) !important;
  }

  .\[\&_p\]\:\!font-semibold p {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }

  .\[\&_p\]\:\!text-gray-900 p {
    color: var(--gray-900) !important;
  }

  .\[\&_path\]\:stroke-current path {
    stroke: currentColor !important;
  }

  .\[\&_svg\]\:size-full svg {
    width: 100% !important;
    height: 100% !important;
  }

  .\[\&_svg\]\:\!h-6 svg {
    height: calc(var(--spacing) * 6) !important;
  }

  .\[\&_svg\]\:\!h-20 svg {
    height: calc(var(--spacing) * 20) !important;
  }

  .\[\&_svg\]\:h-6 svg {
    height: calc(var(--spacing) * 6) !important;
  }

  .\[\&_svg\]\:\!w-6 svg {
    width: calc(var(--spacing) * 6) !important;
  }

  .\[\&_svg\]\:\!w-20 svg {
    width: calc(var(--spacing) * 20) !important;
  }

  .\[\&_svg\]\:w-6 svg {
    width: calc(var(--spacing) * 6) !important;
  }

  @media (min-width: 48rem) {
    .md\:\[\&_svg\]\:\!h-full svg {
      height: 100% !important;
    }

    .md\:\[\&_svg\]\:\!w-full svg {
      width: 100% !important;
    }
  }

  .\[\&_ul\]\:mt-1 ul {
    margin-top: var(--spacing) !important;
  }

  .\[\&_ul\]\:list-disc ul {
    list-style-type: disc !important;
  }

  :where(.\[\&_ul\]\:space-y-0\.5 ul > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse))) !important;
  }

  .\[\&_ul\]\:ps-4 ul {
    padding-inline-start: calc(var(--spacing) * 4) !important;
  }

  .rtl\:\[\&\.rotate-180\]\:rotate-0:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *).rotate-180 {
    rotate: 0deg !important;
  }

  @media (min-width: 40rem) {
    .sm\:\[\&\:nth-child\(odd\)\]\:border-r:nth-child(odd) {
      border-right-style: var(--tw-border-style) !important;
      border-right-width: 1px !important;
    }

    .sm\:\[\&\:nth-child\(odd\)\]\:border-r-gray-100:nth-child(odd) {
      border-right-color: var(--gray-100) !important;
    }
  }
}

.tippy-box[data-animation="fade"][data-state="hidden"] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  color: #fff;
  white-space: normal;
  background-color: #333;
  border-radius: 4px;
  outline: 0;
  font-size: 14px;
  line-height: 1.4;
  transition-property: transform, visibility, opacity;
  position: relative;
}

.tippy-box[data-placement^="top"] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^="top"] > .tippy-arrow:before {
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: top;
  bottom: -7px;
  left: 0;
}

.tippy-box[data-placement^="bottom"] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^="bottom"] > .tippy-arrow:before {
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: bottom;
  top: -7px;
  left: 0;
}

.tippy-box[data-placement^="left"] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^="left"] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  transform-origin: 0;
  right: -7px;
}

.tippy-box[data-placement^="right"] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^="right"] > .tippy-arrow:before {
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: 100%;
  left: -7px;
}

.tippy-box[data-inertia][data-state="visible"] {
  transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11);
}

.tippy-arrow {
  color: #333;
  width: 16px;
  height: 16px;
}

.tippy-arrow:before {
  content: "";
  border-style: solid;
  border-color: #0000;
  position: absolute;
}

.tippy-content {
  z-index: 1;
  padding: 5px 9px;
  position: relative;
}

.tippy-box[data-theme~="light"] {
  color: #26323d;
  background-color: #fff;
  box-shadow: 0 0 20px 4px #9aa1b126, 0 4px 80px -8px #24282f40, 0 4px 4px -2px #5b5e6926;
}

.tippy-box[data-theme~="light"] > .tippy-backdrop {
  background-color: #fff;
}

.tippy-box[data-theme~="light"] > .tippy-svg-arrow {
  fill: #fff;
}

:root {
  --swiper-theme-color: #4f009a !important;
}

.xgplayer {
  width: 100% !important;
  height: 100% !important;
}

.video-container .xgplayer-fullscreen, .video-container .xgplayer-cssfullscreen {
  display: none !important;
}

.video-container .xgplayer-volume {
  margin: unset !important;
}

html .xgplayer .xg-inner-controls {
  bottom: 5px;
}

html .xgplayer.xgplayer-playing .xgplayer-start[data-state="pause"].auto-hide {
  opacity: 0;
}

.video-container .xgplayer .xgplayer-progress-played {
  background-color: var(--stc-primary-color);
}

html .video-container .xgplayer .xg-options-list li:hover, html .video-container .xgplayer .xg-options-list li.selected {
  color: #fff;
}

html .video-container .xgplayer .xg-options-list li {
  color: #fff9;
}

html .video-container .xgplayer-progress-played {
  background: linear-gradient(-90deg, var(--stc-primary-color) 0%, var(--stc-primary-color) 100%);
}

html .video-container .xgplayer-error .xgplayer-error-refresh {
  color: var(--stc-primary-color);
}

html .video-container .xgplayer .xgplayer-drag {
  background: #fff;
}

html .video-container .xg-inner-controls:hover .xgplayer-progress-btn {
  opacity: 1;
}

html .video-container .xgplayer .xgplayer-progress-btn {
  opacity: 0;
  background: #fff;
  width: 12px;
  height: 12px;
  transition: opacity .3s;
  box-shadow: 0 0 3px #ffffffe6;
}

.video-container .xgplayer-fullscreen {
  background-color: var(--stc-primary-color);
}

html .video-container .xgplayer-enter .xgplayer-progress-outer, html .video-container .xgplayer-isloading .xgplayer-progress-outer {
  --c: no-repeat linear-gradient(#fff 0 0);
  background: var(--c), var(--c), #ffffff8c;
  background-size: 60% 100%;
  animation: 3s infinite l16;
}

body {
  padding-bottom: var(--keyboard-inset, 0px);
  transition: padding-bottom .15s ease-out;
}

.kb-open .h-screen, .kb-open .min-h-screen {
  height: calc(100dvh - var(--keyboard-inset, 0px));
  min-height: calc(100dvh - var(--keyboard-inset, 0px));
}

:root {
  color-scheme: light;
  --background: #f8f6fb;
  --light-background: #fbf7ff;
  --stc-primary-color: #4f008c;
  --stc-secondary-color: #ff375e;
  --stc-general-white: #fff;
  --stc-yellow: #ffdd40;
  --stc-green: #00c48c;
  --stc-blue: #1bced8;
  --stc-grey: #8e9aa0;
  --stc-dark-grey: #1d252d;
  --stc-orange: #ff6a39;
  --light-purple: #a54eff;
  --unnamed-color: #d9d9d9;
  --transparent: #0000;
  --black: #000;
  --white: #fff;
  --stroke-primary: #cbd5e1;
  --stroke-secondary: #e1e7ef;
  --stroke-tertiary: #edf2f7;
  --stroke-brand: #4f008c;
  --stroke-light-brand: #a54eff;
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #99a1af;
  --gray-500: #6a7282;
  --gray-600: #4a5565;
  --gray-700: #364153;
  --gray-800: #1e2939;
  --gray-900: #101828;
  --gray-950: #030712;
  --brand-50: #ede4ff;
  --brand-100: #dbc9ff;
  --brand-200: #bd94ff;
  --brand-300: #a253ff;
  --brand-400: #8200e0;
  --brand-500: #4f008c;
  --brand-600: #46007c;
  --brand-700: #3d006e;
  --brand-800: #370064;
  --brand-900: #2e0056;
  --brand-950: #29004d;
  --rose-50: #fff0f1;
  --rose-100: #ffdde0;
  --rose-200: #ffbec4;
  --rose-300: #ff99a4;
  --rose-400: #ff7385;
  --rose-500: #ff375e;
  --rose-600: #da0041;
  --rose-700: #a3002f;
  --rose-800: #74001f;
  --rose-900: #44000e;
  --rose-950: #310008;
  --yellow-50: #fffae5;
  --yellow-100: #fff8d6;
  --yellow-200: #fff0ad;
  --yellow-300: #ffea8a;
  --yellow-400: #ffe466;
  --yellow-500: #ffdd40;
  --yellow-600: #ffd200;
  --yellow-700: #c29f00;
  --yellow-800: #806900;
  --yellow-900: #423600;
  --yellow-950: #1f1900;
  --green-50: #ccffe6;
  --green-100: #99ffd2;
  --green-200: #00fbb4;
  --green-300: #00e8a6;
  --green-400: #00d598;
  --green-500: #00c48c;
  --green-600: #00996d;
  --green-700: #007250;
  --green-800: #004c34;
  --green-900: #002a1b;
  --green-950: #001a0f;
  --cyan-50: #dffcff;
  --cyan-100: #baf9ff;
  --cyan-200: #77f5fe;
  --cyan-300: #20eaf6;
  --cyan-400: #1ddbe6;
  --cyan-500: #1bc8d8;
  --cyan-600: #13a3ab;
  --cyan-700: #0b767c;
  --cyan-800: #054f53;
  --cyan-900: #012b2d;
  --cyan-950: #011b1d;
  --orange-50: #ffedea;
  --orange-100: #ffe2de;
  --orange-200: #ffc7bf;
  --orange-300: #ffac9e;
  --orange-400: #ff8a71;
  --orange-500: #ff6a39;
  --orange-600: #d54c00;
  --orange-700: #9f3600;
  --orange-800: #6d2300;
  --orange-900: #421100;
  --orange-950: #2a0800;
  --purple-50: #f2ebfb;
  --purple-100: #e8daf9;
  --purple-200: #d7bbf4;
  --purple-300: #c599ee;
  --purple-400: #b474e8;
  --purple-500: #a54ee1;
  --purple-600: #8635bb;
  --purple-700: #66278f;
  --purple-800: #471966;
  --purple-900: #2b0c3f;
  --purple-950: #1c062b;
  --blue-25: #f5fafb;
  --blue-50: #eff8ff;
  --blue-100: #d1e9ff;
  --blue-200: #b2ddff;
  --blue-300: #84caff;
  --blue-400: #53b1fd;
  --blue-500: #2e90fa;
  --blue-600: #1570ef;
  --blue-700: #175cd3;
  --blue-800: #1849a9;
  --blue-900: #194185;
  --error-25: #fffbfa;
  --error-50: #feefee;
  --error-100: #fee4e2;
  --error-200: #fecfc9;
  --error-300: #fd9e9b;
  --error-400: #f97066;
  --error-500: #f04438;
  --error-600: #d92d20;
  --error-700: #b42318;
  --error-800: #912018;
  --error-900: #7a271a;
  --warning-25: #fffdf5;
  --warning-50: #fffaf5;
  --warning-100: #fef0c7;
  --warning-200: #fedf89;
  --warning-300: #fedc4b;
  --warning-400: #fd9e9b;
  --warning-500: #f79009;
  --warning-600: #dc6803;
  --warning-700: #b54708;
  --warning-800: #93370d;
  --warning-900: #7a2e0e;
  --success-25: #f6fef9;
  --success-50: #ecfdf3;
  --success-100: #d1fae7;
  --success-200: #a6f4c5;
  --success-300: #6ce9a6;
  --success-400: #32d583;
  --success-500: #12b76a;
  --success-600: #039855;
  --success-700: #027a48;
  --success-800: #05603a;
  --success-900: #054f31;
  --font-size-xxs: 12px;
  --font-size-xs: 14px;
  --font-size-sm: 16px;
  --font-size-md: 18px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --font-size-2xl: 32px;
  --font-size-3xl: 40px;
  --font-size-4xl: 48px;
  --line-height-snug: 125%;
  --line-height-cozy: 130%;
  --line-height-comfy: 135%;
  --line-height-normal: 150%;
  --line-height-20: 20px;
  --line-height-24: 24px;
  --line-height-40: 40px;
  --line-height-44: 44px;
  --line-height-60: 60px;
  --letter-spacing-tight: -.02em;
  --space-0-5: 2px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-xxs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-base: 16px;
  --space-lg: 20px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 40px;
  --radius-xxs: 2px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-2xl: 14px;
  --radius-3xl: 16px;
  --radius-4xl: 18px;
  --shadow-main: 0px 4px 16px 0px #00000014;
  --shadow-xs: 0px 1px 2px 0px #0a0d120d;
  --shadow-xs-primary: 0px 0px 0px 4px #f3eeff, 0px 1px 2px 0px #0a0d120d;
  --shadow-xs-gray: 0px 0px 0px 4px #f5f5f5, 0px 1px 2px 0px #0a0d120d;
  --shadow-xs-error: 0px 0px 0px 4px #fee4e2, 0px 1px 2px 0px #0a0d120d;
  --shadow-sm: 0px 1px 2px 0px #0a0d120f, 0px 1px 3px 0px #0a0d121a;
  --shadow-sm-primary: 0px 0px 0px 4px #f3eeff, 0px 1px 2px 0px #4f008c0f, 0px 1px 3px 0px #4f008c1a;
  --shadow-sm-gray: 0px 0px 0px 4px #f5f5f5, 0px 1px 2px 0px #0a0d120f, 0px 1px 3px 0px #0a0d121a;
  --shadow-md: 0px 2px 4px -2px #0a0d120f, 0px 4px 8px -2px #0a0d121a;
  --shadow-lg: 0px 4px 6px -2px #0a0d1208, 0px 12px 16px -4px #0a0d1214;
  --shadow-xl: 0px 8px 8px -4px #0a0d1208, 0px 20px 24px -4px #0a0d1214;
  --shadow-2xl: 0px 24px 48px -12px #0a0d122e;
  --shadow-3xl: 0px 32px 64px -12px #0a0d1224;
  --sidebar-pushed-size: 240px;
  --sidebar-collapsed-size: 74px;
  --sidebar-pushed: calc(100% - var(--sidebar-pushed-size));
  --sidebar-collapsed: calc(100% - var(--sidebar-collapsed-size));
  --sidebar-pushed-size-tablet: var(--sidebar-pushed-size);
  --sidebar-collapsed-size-tablet: var(--sidebar-collapsed-size);
  --sidebar-pushed-tablet: var(--sidebar-pushed);
  --sidebar-collapsed-tablet: var(--sidebar-collapsed);
}

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

:root {
  --ai-1: #5ffbe0;
  --ai-2: #5b8bff;
  --ai-3: #b07bff;
  --ai-4: #8200e0;
  --ai-hot-1: #61ffe7;
  --ai-hot-2: #e5c1fb;
  --ai-hot-3: #bf1de7;
  --ai-mesh-1: #5ffbe0e6;
  --ai-mesh-2: #5b8bffe6;
  --ai-mesh-3: #b07bfff2;
  --ai-mesh-4: #8200e0d9;
  --ai-word-1: #6a00b8;
  --ai-word-2: #8200e0;
  --ai-word-3: #b07bff;
}

@property --ai-x0 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 2.72924%;
}

@property --ai-y0 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 2.72924%;
}

@property --ai-x1 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: .865723%;
}

@property --ai-y1 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 4.0861%;
}

@property --ai-s-start-0 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 10%;
}

@property --ai-s-end-0 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 30%;
}

@property --ai-s-start-1 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 10%;
}

@property --ai-s-end-1 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 30%;
}

@property --ai-c0 {
  syntax: "<color>";
  inherits: false;
  initial-value: #61ffe7;
}

@property --ai-c1 {
  syntax: "<color>";
  inherits: false;
  initial-value: #61ffe7;
}

@property --ai-b {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@keyframes ai-mesh {
  0% {
    --ai-x0: 2.72924%;
    --ai-y0: 2.72924%;
    --ai-c0: var(--ai-hot-1);
    --ai-x1: 0.865723%;
    --ai-y1: 4.0861%;
    --ai-c1: var(--ai-hot-1);
    --ai-b: 0px;
  }

  50% {
    --ai-x0: 99.0231%;
    --ai-y0: 1.70951%;
    --ai-c0: var(--ai-hot-2);
    --ai-x1: 1.68701%;
    --ai-y1: 97.714%;
    --ai-c1: var(--ai-hot-2);
    --ai-b: 18px;
  }

  100% {
    --ai-x0: 98.2134%;
    --ai-y0: 92.7059%;
    --ai-c0: var(--ai-hot-3);
    --ai-x1: 98.9209%;
    --ai-y1: 97.5627%;
    --ai-c1: var(--ai-hot-3);
    --ai-b: 0px;
  }
}

@property --ai-ring-w {
  syntax: "<length>";
  inherits: false;
  initial-value: 1.5px;
}

.ai-ring {
  isolation: isolate;
  position: relative;
}

.ai-ring:after {
  content: "";
  z-index: 5;
  border-radius: inherit;
  padding: var(--ai-ring-w, 1.5px);
  background-color: #0000;
  background-image: radial-gradient(circle at var(--ai-x0) var(--ai-y0), var(--ai-c0) var(--ai-s-start-0), transparent var(--ai-s-end-0)), radial-gradient(circle at var(--ai-x1) var(--ai-y1), var(--ai-c1) var(--ai-s-start-1), transparent var(--ai-s-end-1)), linear-gradient(125deg, var(--ai-1) 0%, var(--ai-2) 34%, var(--ai-3) 66%, var(--ai-4) 100%);
  -webkit-mask-composite: xor;
  pointer-events: none;
  will-change: background-image;
  -webkit-mask-composite: xor;
  -webkit-mask-source-type: auto, auto;
  animation: 6s linear infinite ai-mesh;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

.ai-ring__glow {
  z-index: 0;
  border-radius: inherit;
  background-color: #0000;
  background-image: radial-gradient(circle at var(--ai-x0) var(--ai-y0), var(--ai-c0) var(--ai-s-start-0), transparent var(--ai-s-end-0)), radial-gradient(circle at var(--ai-x1) var(--ai-y1), var(--ai-c1) var(--ai-s-start-1), transparent var(--ai-s-end-1)), linear-gradient(125deg, var(--ai-1), var(--ai-2), var(--ai-3), var(--ai-4));
  filter: blur(10px);
  opacity: .45;
  pointer-events: none;
  will-change: background-image;
  contain: paint;
  animation: 6s linear infinite ai-mesh;
  position: absolute;
  inset: -3px;
}

.ai-ring--interactive {
  transition: transform .15s;
}

.ai-ring--interactive:hover {
  transform: translateY(-1px) scale(1.02);
}

.ai-ring--interactive:active {
  transform: scale(.97);
}

.ai-ring__surface {
  z-index: 1;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  color: var(--brand-500, #4f008c);
  background: #fff;
  justify-content: center;
  align-items: center;
  gap: .45rem;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.ai-ring__surface > :not(.ai-ring__mesh) {
  z-index: 1;
  position: relative;
}

.ai-ring__mesh {
  z-index: 0;
  background-color: #0000;
  background-image: radial-gradient(38% 38% at 28% 30%, var(--ai-mesh-1), transparent 70%), radial-gradient(40% 40% at 76% 24%, var(--ai-mesh-2), transparent 72%), radial-gradient(44% 44% at 72% 78%, var(--ai-mesh-3), transparent 72%), radial-gradient(40% 40% at 24% 76%, var(--ai-mesh-4), transparent 70%);
  filter: blur(6px);
  opacity: .5;
  pointer-events: none;
  will-change: transform;
  animation: 5.5s ease-in-out infinite alternate ai-ring-morph;
  position: absolute;
  inset: -45%;
}

@keyframes ai-ring-morph {
  from {
    transform: rotate(-20deg) scale(1.1) translate(-7%, -4%);
  }

  to {
    transform: rotate(24deg) scale(1.45) translate(7%, 5%);
  }
}

.ai-wordmark {
  background-image: linear-gradient(110deg, var(--ai-word-1) 0%, var(--ai-word-2) 28%, var(--ai-word-3) 50%, var(--ai-word-2) 72%, var(--ai-word-1) 100%);
  -webkit-text-fill-color: transparent;
  color: #0000;
  background-position: 0%;
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 4.5s linear infinite ai-wordmark-shine;
}

@keyframes ai-wordmark-shine {
  from {
    background-position: 0%;
  }

  to {
    background-position: 200%;
  }
}

.ai-card-mesh {
  z-index: 0;
  background-color: #0000;
  background-image: radial-gradient(circle at var(--ai-x0) var(--ai-y0), var(--ai-c0) var(--ai-s-start-0), transparent var(--ai-s-end-0)), radial-gradient(circle at var(--ai-x1) var(--ai-y1), var(--ai-c1) var(--ai-s-start-1), transparent var(--ai-s-end-1));
  filter: blur(24px);
  opacity: .16;
  pointer-events: none;
  will-change: background-image;
  contain: paint;
  animation: 6s linear infinite ai-mesh;
  position: absolute;
  inset: 0;
}

.ai-bubble-loading {
  isolation: isolate;
  position: relative;
  background: #fff !important;
}

.ai-bubble-loading:before {
  content: "";
  z-index: 1;
  border-radius: inherit;
  padding: var(--ai-ring-w, 1.5px);
  background-image: radial-gradient(circle at var(--ai-x0) var(--ai-y0), var(--ai-c0) var(--ai-s-start-0), transparent var(--ai-s-end-0)), radial-gradient(circle at var(--ai-x1) var(--ai-y1), var(--ai-c1) var(--ai-s-start-1), transparent var(--ai-s-end-1)), linear-gradient(125deg, var(--ai-1) 0%, var(--ai-2) 34%, var(--ai-3) 66%, var(--ai-4) 100%);
  -webkit-mask-composite: xor;
  pointer-events: none;
  -webkit-mask-composite: xor;
  -webkit-mask-source-type: auto, auto;
  animation: 6s linear infinite ai-mesh;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

.ai-bubble-loading:after {
  content: "";
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  will-change: transform, opacity;
  contain: paint;
  animation: 6s linear infinite ai-mesh, 3s ease-in-out infinite ai-breathe;
  position: absolute;
  inset: -4px;
}

@keyframes ai-breathe {
  0%, 100% {
    opacity: .35;
    transform: scale(.97);
  }

  50% {
    opacity: .6;
    transform: scale(1.03);
  }
}

.ai-typing-dot {
  background: var(--brand-400, #8200e0);
  border-radius: 9999px;
  width: .45rem;
  height: .45rem;
  animation: 1.4s ease-in-out infinite ai-typing;
}

@keyframes ai-typing {
  0%, 100% {
    opacity: .25;
    transform: scale(.85);
  }

  40% {
    opacity: 1;
    transform: scale(1);
  }
}

.ai-chat-bg {
  background: none;
}

.ai-panel {
  isolation: isolate;
  background-color: #efe9fb;
  position: relative;
}

.ai-panel:before, .ai-panel:after {
  content: "";
  pointer-events: none;
  will-change: transform;
  position: absolute;
  inset: -40%;
}

.ai-panel:before {
  z-index: -1;
  filter: blur(52px) saturate(160%);
  background-image: radial-gradient(26% 26% at 22% 18%, #8200e09e, #0000 60%), radial-gradient(24% 24% at 84% 12%, #5b8bff8c, #0000 62%), radial-gradient(30% 30% at 78% 84%, #a253ff99, #0000 62%), radial-gradient(28% 28% at 12% 88%, #5ffbe066, #0000 60%);
  animation: 22s ease-in-out infinite alternate ai-panel-mesh-a;
}

.ai-panel:after {
  z-index: -2;
  filter: blur(64px) saturate(150%);
  background-image: radial-gradient(30% 30% at 70% 22%, #c724ff80, #0000 60%), radial-gradient(26% 26% at 18%, #5b8bff6b, #0000 62%), radial-gradient(34% 34% at 50% 92%, #8200e07a, #0000 62%);
  animation: 30s ease-in-out infinite alternate ai-panel-mesh-b;
}

@keyframes ai-panel-mesh-a {
  0% {
    transform: translate3d(-6%, -4%, 0) rotate(0) scale(1.05);
  }

  40% {
    transform: translate3d(7%, 5%, 0) rotate(10deg) scale(1.22);
  }

  70% {
    transform: translate3d(-3%, 8%, 0) rotate(-8deg) scale(1.12);
  }

  100% {
    transform: translate3d(5%, -6%, 0) rotate(6deg) scale(1.18);
  }
}

@keyframes ai-panel-mesh-b {
  0% {
    transform: translate3d(6%, 5%, 0) rotate(0) scale(1.15);
  }

  50% {
    transform: translate3d(-8%, -6%, 0) rotate(-12deg) scale(1.28);
  }

  100% {
    transform: translate3d(4%, 7%, 0) rotate(9deg) scale(1.1);
  }
}

.ai-kb-shift {
  transform: translateY(min(0px, calc(env(safe-area-inset-bottom, 0px) - var(--ai-kb, 0px))));
  will-change: transform;
  transition: transform .48s cubic-bezier(.32, .72, 0, 1);
}

.ai-kb-shift-centered {
  transform: translateX(-50%) translateY(min(0px, calc(env(safe-area-inset-bottom, 0px) - var(--ai-kb, 0px))));
  will-change: transform;
  transition: transform .48s cubic-bezier(.32, .72, 0, 1);
}

.ai-kb-pad {
  height: max(0px, var(--ai-kb, 0px) - env(safe-area-inset-bottom, 0px));
}

.ai-glass {
  -webkit-backdrop-filter: blur(16px) saturate(165%);
  background-color: #ffffffa8;
}

.ai-bubble-user {
  isolation: isolate;
  color: #fff;
  background-image: linear-gradient(165deg, #9512f0 0%, #6a00be 52%, #4f008c 100%);
  position: relative;
  box-shadow: 0 12px 26px -12px #4f008c99, 0 2px 6px -2px #4f008c66, inset 0 1px #ffffff47;
}

.ai-bubble-user:before {
  content: "";
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background-image: linear-gradient(#ffffff52 0%, #ffffff0f 40%, #0000 62%);
  position: absolute;
  inset: 0;
}

.ai-bubble-assistant {
  color: #1f2430;
  background-color: #ffffffd1;
  border: 1px solid #ffffffe6;
  box-shadow: 0 12px 28px -16px #4f008c4d, inset 0 1px #ffffffb3;
}

.ai-glossy {
  background-image: linear-gradient(#ffffff3d, #fff0 52%);
  box-shadow: inset 0 1px #ffffff61, 0 8px 20px -8px #4f008c80;
}

.ai-title-gradient {
  color: var(--brand-500, #4f008c);
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(95deg, #6302ae 0%, #8200e0 38%, #a400f6 66%, #6802b6 100%);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 8s ease-in-out infinite alternate ai-title-drift;
}

.ai-subtitle-gradient {
  color: var(--brand-400, #8200e0);
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 1px 1px #4f008c33);
  background-image: linear-gradient(95deg, #6a00be 0%, #4919cc 55%, #3a0877 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

@keyframes ai-title-drift {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 100% 0;
  }
}

.ai-text-stream {
  background-image: linear-gradient(100deg, var(--brand-500, #4f008c) 0%, var(--brand-500, #4f008c) 36%, var(--brand-300, #a253ff) 50%, var(--brand-500, #4f008c) 64%, var(--brand-500, #4f008c) 100%);
  -webkit-text-fill-color: transparent;
  color: #0000;
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 2.1s linear infinite ai-text-shimmer;
}

@keyframes ai-text-shimmer {
  0% {
    background-position: 130% 0;
  }

  100% {
    background-position: -130% 0;
  }
}

.ai-card {
  background-image: linear-gradient(#fffffff2 0%, #fffc 100%);
  border: 1px solid #ffffffe6;
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 34px -20px #4f008c66, 0 2px 8px -4px #4f008c1f, inset 0 1px #ffffffd9;
}

.ai-card-head {
  color: var(--brand-500, #4f008c);
  background-image: linear-gradient(#8200e01f 0%, #8200e008 100%);
  border-bottom: 1px solid #8200e01a;
  box-shadow: inset 0 1px #fff9;
}

.ai-ribbon {
  isolation: isolate;
  filter: drop-shadow(0 1px 1.5px #00000029);
  position: relative;
}

.ai-ribbon:before {
  content: "";
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background-image: linear-gradient(#fff9 0%, #fff0 58%);
  position: absolute;
  inset: 0;
}

.ai-ribbon-cta {
  color: #fff;
  background-image: linear-gradient(165deg, #9512f0 0%, #6a00be 60%, #4f008c 100%);
}

@media (prefers-reduced-motion: reduce) {
  .ai-ring:after, .ai-ring__glow, .ai-card-mesh, .ai-panel:before, .ai-panel:after, .ai-title-gradient, .ai-text-stream, .ai-bubble-loading:before, .ai-bubble-loading:after, .ai-typing-dot {
    animation: none;
  }

  .ai-text-stream {
    -webkit-text-fill-color: var(--brand-500, #4f008c);
    color: var(--brand-500, #4f008c);
  }

  .ai-ring--interactive:hover, .ai-ring--interactive:active {
    transform: none;
  }
}

.filepond--item {
  z-index: 1;
  will-change: transform, opacity;
  margin: .25em;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

@media not all and (min-resolution: .001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .filepond--root[data-style-panel-layout~="circle"] {
      will-change: transform;
    }
  }
}

.filepond--panel-root {
  border-radius: .5em;
  background-color: #0000 !important;
}

.filepond--root:focus-within .filepond--drop-label {
  box-shadow: none !important;
  border-color: #0000 !important;
}

.filepond--panel[data-scalable="true"] {
  border-radius: 6px;
  overflow: hidden;
}

.filepond--drop-label.filepond--drop-label label {
  font-family: STC Forward, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.base-attachment-pond {
  border: 1px dashed var(--gray-300);
  background: #fff;
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
}

.base-attachment-pond .filepond--root {
  min-height: 120px;
  margin-bottom: 0;
}

.base-attachment-pond .filepond--panel-root {
  min-height: 120px;
  background: #fff !important;
}

.base-attachment-pond .filepond--drop-label {
  text-align: center;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  min-height: 120px !important;
}

.filepond--root .filepond--drop-label:hover {
  border-color: rgb(var(--color-primary-300, 196 181 253)) !important;
  background: rgb(var(--color-primary-50, 245 243 255) / .4) !important;
}

.filepond--download-icon {
  cursor: pointer;
  pointer-events: auto;
  vertical-align: bottom;
  background-color: #fff;
  width: 15px;
  height: 15px;
  margin-right: .5em;
  display: inline-block;
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWRvd25sb2FkIj48cGF0aCBkPSJNMjEgMTV2NGEyIDIgMCAwIDEtMiAySDVhMiAyIDAgMCAxLTItMnYtNE03IDEwbDUgNSA1LTVNMTIgMTVWMyIvPjwvc3ZnPg==");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWRvd25sb2FkIj48cGF0aCBkPSJNMjEgMTV2NGEyIDIgMCAwIDEtMiAySDVhMiAyIDAgMCAxLTItMnYtNE03IDEwbDUgNSA1LTVNMTIgMTVWMyIvPjwvc3ZnPg==");
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.filepond--download-icon:hover, .filepond--magnify-icon:hover {
  background: #ffffff80;
}

.filepond--file-info-main-container {
  width: 100%;
  display: flex;
  overflow: hidden;
}

.filepond--file-poster-wrapper {
  z-index: 2;
}

.filepond--image-preview-wrapper ~ .filepond--file-poster-wrapper {
  display: none;
}

.filepond--file-poster-overlay {
  opacity: 0;
  z-index: 1;
  mix-blend-mode: multiply;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  aspect-ratio: auto;
  width: 100%;
  min-height: 5rem;
  max-height: 7rem;
  margin: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.filepond--file-poster-overlay:nth-of-type(2), .filepond--file-poster-overlay:nth-of-type(3) {
  mix-blend-mode: normal;
}

@supports (-webkit-marquee-repetition: infinite) and ((-o-object-fit: fill) or (object-fit: fill)) {
  .filepond--file-poster-overlay {
    mix-blend-mode: normal;
  }
}

.filepond--file-poster-wrapper {
  pointer-events: none;
  background: #00000003;
  border-radius: .45em;
  height: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.filepond--file-poster {
  z-index: 1;
  pointer-events: none;
  transform-origin: center;
  will-change: transform,opacity;
  background: #222;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.filepond--file-poster img {
  will-change: transform;
  width: auto;
  height: 100%;
  margin: 0 auto;
  display: block;
  position: relative;
  overflow: hidden;
}

.filepond--root[data-style-panel-layout~="integrated"] .filepond--file-poster-wrapper {
  border-radius: 0;
}

.filepond--root[data-style-panel-layout~="integrated"] .filepond--file-poster {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.filepond--root[data-style-panel-layout~="circle"] .filepond--file-poster-wrapper {
  border-radius: 99999rem;
}

.filepond--root[data-style-panel-layout~="circle"] .filepond--file-poster-overlay {
  top: auto;
  bottom: 0;
  transform: scaleY(-1);
}

.filepond--media-preview audio {
  display: none;
}

.filepond--media-preview .audioplayer {
  width: calc(100% - 1.4em);
  margin: 2.3em auto auto;
}

.filepond--media-preview .playpausebtn {
  cursor: pointer;
  float: left;
  background-position: 50%;
  background-repeat: no-repeat;
  border: none;
  border-radius: 25px;
  outline: none;
  width: 25px;
  height: 25px;
  margin-top: .3em;
  margin-right: .3em;
}

.filepond--media-preview .playpausebtn:hover {
  background-color: #00000080;
}

.filepond--media-preview .play {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAyElEQVQ4T9XUsWoCQRRG4XPaFL5SfIy8gKYKBCysrax8Ahs7qzQ2qVIFOwsrsbEWLEK6EBFGBrIQhN2d3dnGgalm+Jh7789Ix8uOPe4YDCH0gZ66atKW0pJDCE/AEngDXtRjCpwCRucbGANzNVTBqWBhfAJDdV+GNgWj8wtM41bPt3AbsDB2f69d/0dzwC0wUDe54A8wAWbqJbfkD+BZPeQO5QsYqYu6LKb0MIb7VT3VYfG8CnwEHtT3FKi4c8e/TZMyk3LYFrwCgMdHFbRDKS8AAAAASUVORK5CYII=");
}

.filepond--media-preview .pause {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAh0lEQVQ4T+2UsQkCURBE30PLMbAMMResQrAPsQ0TK9AqDKxGZeTLD74aGNwlhzfZssvADDMrPcOe+RggYZIJcG2s2KinMidZAvu6u6uzT8u+JCeZArfmcKUeK+EaONTdQy23bxgJX8aPHvIHsSnVuzTx36rn2pQFsGuqN//ZlK7vbIDvq6vkJ9yteBXzecYbAAAAAElFTkSuQmCC");
}

.filepond--media-preview .timeline {
  float: left;
  background: #ffffff4d;
  border-radius: 15px;
  width: calc(100% - 2.5em);
  height: 3px;
  margin-top: 1em;
}

.filepond--media-preview .playhead {
  background: #fff;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  margin-top: -5px;
}

.filepond--media-preview-wrapper {
  pointer-events: auto;
  background: #00000003;
  border-radius: .45em;
  height: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.filepond--media-preview-wrapper:before {
  content: " ";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#00000000",GradientType=0);
  z-index: 3;
  background: linear-gradient(#000 0, #0000);
  width: 100%;
  height: 2em;
  position: absolute;
}

.filepond--media-preview {
  transform-origin: center;
  will-change: transform,opacity;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.filepond--media-preview audio, .filepond--media-preview video {
  will-change: transform;
  width: 100%;
}

.filepond--image-preview-markup {
  position: absolute;
  top: 0;
  left: 0;
}

.filepond--image-preview-wrapper {
  z-index: 2;
}

.filepond--image-preview-overlay {
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  width: 100%;
  min-height: 5rem;
  max-height: 7rem;
  margin: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.filepond--image-preview-overlay svg {
  width: 100%;
  height: auto;
  color: inherit;
  max-height: inherit;
}

.filepond--image-preview-overlay-idle {
  mix-blend-mode: multiply;
  color: #282828d9;
}

.filepond--image-preview-overlay-success {
  mix-blend-mode: normal;
  color: #369763;
}

.filepond--image-preview-overlay-failure {
  mix-blend-mode: normal;
  color: #c44e47;
}

@supports (-webkit-marquee-repetition: infinite) and ((-o-object-fit: fill) or (object-fit: fill)) {
  .filepond--image-preview-overlay-idle {
    mix-blend-mode: normal;
  }
}

.filepond--image-preview-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  background: #00000003;
  border-radius: .45em;
  height: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.filepond--image-preview {
  z-index: 1;
  pointer-events: none;
  will-change: transform, opacity;
  background: #222;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.filepond--image-clip {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.filepond--image-clip[data-transparency-indicator="grid"] img, .filepond--image-clip[data-transparency-indicator="grid"] canvas {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0 H50 V50 H0'/%3E%3Cpath d='M50 50 H100 V100 H50'/%3E%3C/svg%3E");
  background-size: 1.25em 1.25em;
}

.filepond--image-bitmap, .filepond--image-vector {
  will-change: transform;
  position: absolute;
  top: 0;
  left: 0;
}

.filepond--root[data-style-panel-layout~="integrated"] .filepond--image-preview-wrapper {
  border-radius: 0;
}

.filepond--root[data-style-panel-layout~="integrated"] .filepond--image-preview {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.filepond--root[data-style-panel-layout~="circle"] .filepond--image-preview-wrapper {
  border-radius: 99999rem;
}

.filepond--root[data-style-panel-layout~="circle"] .filepond--image-preview-overlay {
  top: auto;
  bottom: 0;
  transform: scaleY(-1);
}

.filepond--root[data-style-panel-layout~="circle"] .filepond--file .filepond--file-action-button[data-align*="bottom"]:not([data-align*="center"]) {
  margin-bottom: .325em;
}

.filepond--root[data-style-panel-layout~="circle"] .filepond--file [data-align*="left"] {
  left: calc(50% - 3em);
}

.filepond--root[data-style-panel-layout~="circle"] .filepond--file [data-align*="right"] {
  right: calc(50% - 3em);
}

.filepond--root[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="left"], .filepond--root[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="right"] {
  margin-bottom: .5125em;
}

.filepond--root[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="center"] {
  margin-top: 0;
  margin-bottom: .1875em;
  margin-left: .1875em;
}

.filepond--assistant {
  clip: rect(1px,1px,1px,1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.filepond--browser.filepond--browser {
  opacity: 0;
  width: calc(100% - 2em);
  margin: 0;
  padding: 0;
  font-size: 0;
  position: absolute;
  top: 1.75em;
  left: 1em;
}

.filepond--data {
  visibility: hidden;
  pointer-events: none;
  contain: strict;
  border: none;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  position: absolute;
}

.filepond--drip {
  opacity: .1;
  pointer-events: none;
  background: #00000003;
  border-radius: .5em;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.filepond--drip-blob {
  transform-origin: center;
  background: #292625;
  border-radius: 50%;
  width: 8em;
  height: 8em;
  margin-top: -4em;
  margin-left: -4em;
}

.filepond--drip-blob, .filepond--drop-label {
  will-change: transform,opacity;
  position: absolute;
  top: 0;
  left: 0;
}

.filepond--drop-label {
  color: #4f4f4f;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  justify-content: center;
  align-items: center;
  height: 0;
  margin: 0;
  display: flex;
  right: 0;
}

.filepond--drop-label.filepond--drop-label label {
  margin: 0;
  padding: .5em;
  display: block;
}

.filepond--drop-label label {
  cursor: default;
  text-align: center;
  font-size: .875em;
  font-weight: 400;
  line-height: 1.5;
}

.filepond--label-action {
  -webkit-text-decoration-skip: ink;
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  cursor: pointer;
  -webkit-text-decoration: underline #a7a4a4;
  text-decoration: underline #a7a4a4;
}

.filepond--root[data-disabled] .filepond--drop-label label {
  opacity: .5;
}

.filepond--file-action-button.filepond--file-action-button {
  width: 1.625em;
  height: 1.625em;
  font-family: inherit;
  font-size: 1em;
  line-height: inherit;
  will-change: transform,opacity;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
}

.filepond--file-action-button.filepond--file-action-button span {
  clip: rect(1px,1px,1px,1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.filepond--file-action-button.filepond--file-action-button svg {
  width: 100%;
  height: 100%;
}

.filepond--file-action-button.filepond--file-action-button:after {
  content: "";
  position: absolute;
  inset: -.75em;
}

.filepond--file-action-button {
  cursor: auto;
  color: #fff;
  background-color: #00000080;
  background-image: none;
  border-radius: 50%;
  transition: box-shadow .25s ease-in;
  box-shadow: 0 0 #fff0;
}

.filepond--file-action-button:focus, .filepond--file-action-button:hover {
  box-shadow: 0 0 0 .125em #ffffffe6;
}

.filepond--file-action-button[disabled] {
  color: #ffffff80;
  background-color: #00000040;
}

.filepond--file-action-button[hidden] {
  display: none;
}

.filepond--action-edit-item.filepond--action-edit-item {
  width: 2em;
  height: 2em;
  padding: .1875em;
}

.filepond--action-edit-item.filepond--action-edit-item[data-align*="center"] {
  margin-left: -.1875em;
}

.filepond--action-edit-item.filepond--action-edit-item[data-align*="bottom"] {
  margin-bottom: -.1875em;
}

.filepond--action-edit-item-alt {
  line-height: inherit;
  color: inherit;
  pointer-events: all;
  background: none;
  border: none;
  outline: none;
  margin: 0 0 0 .25em;
  padding: 0;
  font-family: inherit;
  position: absolute;
}

.filepond--action-edit-item-alt svg {
  width: 1.3125em;
  height: 1.3125em;
}

.filepond--action-edit-item-alt span {
  opacity: 0;
  font-size: 0;
}

.filepond--file-info {
  will-change: transform,opacity;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 0;
  margin: 0 .5em 0 0;
  display: flex;
  position: static;
}

.filepond--file-info * {
  margin: 0;
}

.filepond--file-info .filepond--file-info-main {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: .75em;
  line-height: 1.2;
  overflow: hidden;
}

.filepond--file-info .filepond--file-info-sub {
  opacity: .5;
  white-space: nowrap;
  font-size: .625em;
  transition: opacity .25s ease-in-out;
}

.filepond--file-info .filepond--file-info-sub:empty {
  display: none;
}

.filepond--file-status {
  text-align: right;
  will-change: transform,opacity;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: flex-end;
  min-width: 2.25em;
  margin: 0;
  display: flex;
  position: static;
}

.filepond--file-status * {
  white-space: nowrap;
  margin: 0;
}

.filepond--file-status .filepond--file-status-main {
  font-size: .75em;
  line-height: 1.2;
}

.filepond--file-status .filepond--file-status-sub {
  opacity: .5;
  font-size: .625em;
  transition: opacity .25s ease-in-out;
}

.filepond--file-wrapper.filepond--file-wrapper {
  border: none;
  min-width: 0;
  height: 100%;
  margin: 0;
  padding: 0;
}

.filepond--file-wrapper.filepond--file-wrapper > legend {
  clip: rect(1px,1px,1px,1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.filepond--file {
  color: #fff;
  border-radius: .5em;
  align-items: flex-start;
  height: 100%;
  padding: .5625em;
  display: flex;
  position: static;
}

.filepond--file .filepond--file-status {
  margin-left: auto;
  margin-right: 2.25em;
}

.filepond--file .filepond--processing-complete-indicator {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  z-index: 3;
}

.filepond--file .filepond--file-action-button, .filepond--file .filepond--processing-complete-indicator, .filepond--file .filepond--progress-indicator {
  position: absolute;
}

.filepond--file [data-align*="left"] {
  left: .5625em;
}

.filepond--file [data-align*="right"] {
  right: .5625em;
}

.filepond--file [data-align*="center"] {
  left: calc(50% - .8125em);
}

.filepond--file [data-align*="bottom"] {
  bottom: 1.125em;
}

.filepond--file [data-align="center"] {
  top: calc(50% - .8125em);
}

.filepond--file .filepond--progress-indicator {
  margin-top: .1875em;
}

.filepond--file .filepond--progress-indicator[data-align*="right"] {
  margin-right: .1875em;
}

.filepond--file .filepond--progress-indicator[data-align*="left"] {
  margin-left: .1875em;
}

[data-filepond-item-state*="error"] .filepond--file-info, [data-filepond-item-state*="invalid"] .filepond--file-info, [data-filepond-item-state="cancelled"] .filepond--file-info {
  margin-right: 2.25em;
}

[data-filepond-item-state~="processing"] .filepond--file-status-sub {
  opacity: 0;
}

[data-filepond-item-state~="processing"] .filepond--action-abort-item-processing ~ .filepond--file-status .filepond--file-status-sub {
  opacity: .5;
}

[data-filepond-item-state="processing-error"] .filepond--file-status-sub {
  opacity: 0;
}

[data-filepond-item-state="processing-error"] .filepond--action-retry-item-processing ~ .filepond--file-status .filepond--file-status-sub {
  opacity: .5;
}

[data-filepond-item-state="processing-complete"] .filepond--action-revert-item-processing svg {
  animation: .5s linear .125s both fall;
}

[data-filepond-item-state="processing-complete"] .filepond--file-status-sub {
  opacity: .5;
}

[data-filepond-item-state="processing-complete"] .filepond--file-info-sub, [data-filepond-item-state="processing-complete"] .filepond--processing-complete-indicator:not([style*="hidden"]) ~ .filepond--file-status .filepond--file-status-sub {
  opacity: 0;
}

[data-filepond-item-state="processing-complete"] .filepond--action-revert-item-processing ~ .filepond--file-info .filepond--file-info-sub {
  opacity: .5;
}

[data-filepond-item-state*="error"] .filepond--file-wrapper, [data-filepond-item-state*="error"] .filepond--panel, [data-filepond-item-state*="invalid"] .filepond--file-wrapper, [data-filepond-item-state*="invalid"] .filepond--panel {
  animation: .65s linear both shake;
}

[data-filepond-item-state*="busy"] .filepond--progress-indicator svg {
  animation: 1s linear infinite spin;
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(-1rem);
  }

  75% {
    transform: translateX(1rem);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes fall {
  0% {
    opacity: 0;
    animation-timing-function: ease-out;
    transform: scale(.5);
  }

  70% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    transform: scale(1.1);
  }

  to {
    animation-timing-function: ease-out;
    transform: scale(1);
  }
}

.filepond--hopper[data-hopper-state="drag-over"] > * {
  pointer-events: none;
}

.filepond--hopper[data-hopper-state="drag-over"]:after {
  content: "";
  z-index: 100;
  position: absolute;
  inset: 0;
}

.filepond--progress-indicator {
  z-index: 103;
}

.filepond--file-action-button {
  z-index: 102;
}

.filepond--file-status {
  z-index: 101;
}

.filepond--file-info {
  z-index: 100;
}

.filepond--item {
  z-index: 1;
  will-change: transform,opacity;
  touch-action: auto;
  margin: .25em;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.filepond--item > .filepond--panel {
  z-index: -1;
}

.filepond--item > .filepond--panel .filepond--panel-bottom {
  box-shadow: 0 .0625em .125em -.0625em #00000040;
}

.filepond--item > .filepond--file-wrapper, .filepond--item > .filepond--panel {
  transition: opacity .15s ease-out;
}

.filepond--item[data-drag-state] {
  cursor: grab;
}

.filepond--item[data-drag-state] > .filepond--panel {
  transition: box-shadow .125s ease-in-out;
  box-shadow: 0 0 #0000;
}

.filepond--item[data-drag-state="drag"] {
  cursor: grabbing;
}

.filepond--item[data-drag-state="drag"] > .filepond--panel {
  box-shadow: 0 .125em .3125em #00000053;
}

.filepond--item[data-drag-state]:not([data-drag-state="idle"]) {
  z-index: 2;
}

.filepond--item-panel {
  background-color: #64605e;
}

[data-filepond-item-state="processing-complete"] .filepond--item-panel {
  background-color: #369763;
}

[data-filepond-item-state*="error"] .filepond--item-panel, [data-filepond-item-state*="invalid"] .filepond--item-panel {
  background-color: #c44e47;
}

.filepond--item-panel {
  border-radius: .5em;
  transition: background-color .25s;
}

.filepond--list-scroller {
  will-change: transform;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.filepond--list-scroller[data-state="overflow"] .filepond--list {
  bottom: 0;
  right: 0;
}

.filepond--list-scroller[data-state="overflow"] {
  -webkit-overflow-scrolling: touch;
  overflow: hidden scroll;
  -webkit-mask: linear-gradient(#000 calc(100% - .5em), #0000);
  mask: linear-gradient(#000 calc(100% - .5em), #0000);
}

.filepond--list-scroller::-webkit-scrollbar {
  background: none;
}

.filepond--list-scroller::-webkit-scrollbar:vertical {
  width: 1em;
}

.filepond--list-scroller::-webkit-scrollbar:horizontal {
  height: 0;
}

.filepond--list-scroller::-webkit-scrollbar-thumb {
  background-color: #0000004d;
  background-clip: content-box;
  border: .3125em solid #0000;
  border-radius: 99999px;
}

.filepond--list.filepond--list {
  will-change: transform;
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: absolute;
  top: 0;
}

.filepond--list {
  left: .75em;
  right: .75em;
}

.filepond--root[data-style-panel-layout~="integrated"] {
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
}

.filepond--root[data-style-panel-layout~="circle"] .filepond--panel-root, .filepond--root[data-style-panel-layout~="integrated"] .filepond--panel-root {
  border-radius: 0;
}

.filepond--root[data-style-panel-layout~="circle"] .filepond--panel-root > *, .filepond--root[data-style-panel-layout~="integrated"] .filepond--panel-root > * {
  display: none;
}

.filepond--root[data-style-panel-layout~="circle"] .filepond--drop-label, .filepond--root[data-style-panel-layout~="integrated"] .filepond--drop-label {
  z-index: 7;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
  bottom: 0;
}

.filepond--root[data-style-panel-layout~="circle"] .filepond--item-panel, .filepond--root[data-style-panel-layout~="integrated"] .filepond--item-panel {
  display: none;
}

.filepond--root[data-style-panel-layout~="compact"] .filepond--list-scroller, .filepond--root[data-style-panel-layout~="integrated"] .filepond--list-scroller {
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.filepond--root[data-style-panel-layout~="compact"] .filepond--list, .filepond--root[data-style-panel-layout~="integrated"] .filepond--list {
  height: 100%;
  left: 0;
  right: 0;
}

.filepond--root[data-style-panel-layout~="compact"] .filepond--item, .filepond--root[data-style-panel-layout~="integrated"] .filepond--item {
  margin: 0;
}

.filepond--root[data-style-panel-layout~="compact"] .filepond--file-wrapper, .filepond--root[data-style-panel-layout~="integrated"] .filepond--file-wrapper {
  height: 100%;
}

.filepond--root[data-style-panel-layout~="compact"] .filepond--drop-label, .filepond--root[data-style-panel-layout~="integrated"] .filepond--drop-label {
  z-index: 7;
}

.filepond--root[data-style-panel-layout~="circle"] {
  border-radius: 99999rem;
  overflow: hidden;
}

.filepond--root[data-style-panel-layout~="circle"] > .filepond--panel {
  border-radius: inherit;
}

.filepond--root[data-style-panel-layout~="circle"] > .filepond--panel > *, .filepond--root[data-style-panel-layout~="circle"] .filepond--file-info, .filepond--root[data-style-panel-layout~="circle"] .filepond--file-status {
  display: none;
}

.filepond--root[data-style-panel-layout~="circle"] .filepond--action-edit-item {
  opacity: 1 !important;
  visibility: visible !important;
}

@media not all and (min-resolution: .001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .filepond--root[data-style-panel-layout~="circle"] {
      will-change: transform;
    }
  }
}

.filepond--panel-root {
  background-color: #f1f0ef;
  border-radius: .5em;
}

.filepond--panel {
  pointer-events: none;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100% !important;
}

.filepond-panel:not([data-scalable="false"]) {
  height: auto !important;
}

.filepond--panel[data-scalable="false"] > div {
  display: none;
}

.filepond--panel[data-scalable="true"] {
  transform-style: preserve-3d;
  background-color: #0000 !important;
  border: none !important;
}

.filepond--panel-bottom, .filepond--panel-center, .filepond--panel-top {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.filepond--panel-bottom, .filepond--panel-top {
  height: .5em;
}

.filepond--panel-top {
  border-bottom: none !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.filepond--panel-top:after {
  content: "";
  background-color: inherit;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

.filepond--panel-bottom, .filepond--panel-center {
  will-change: transform;
  backface-visibility: hidden;
  transform-origin: 0 0;
  transform: translate3d(0, .5em, 0);
}

.filepond--panel-bottom {
  border-top: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.filepond--panel-bottom:before {
  content: "";
  background-color: inherit;
  height: 2px;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
}

.filepond--panel-center {
  border-top: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  height: 100px !important;
}

.filepond--panel-center:not([style]) {
  visibility: hidden;
}

.filepond--progress-indicator {
  color: #fff;
  pointer-events: none;
  will-change: transform,opacity;
  width: 1.25em;
  height: 1.25em;
  margin: 0;
  position: static;
}

.filepond--progress-indicator svg {
  vertical-align: top;
  transform-box: fill-box;
  width: 100%;
  height: 100%;
}

.filepond--progress-indicator path {
  fill: none;
  stroke: currentColor;
}

.filepond--list-scroller {
  z-index: 6;
}

.filepond--drop-label {
  z-index: 5;
}

.filepond--drip {
  z-index: 3;
}

.filepond--root > .filepond--panel {
  z-index: 2;
}

.filepond--browser {
  z-index: 1;
}

.filepond--root {
  box-sizing: border-box;
  text-align: left;
  text-rendering: optimizelegibility;
  contain: layout style size;
  direction: ltr;
  margin-bottom: 1em;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 1rem;
  font-weight: 450;
  line-height: normal;
  position: relative;
}

.filepond--root * {
  box-sizing: inherit;
  line-height: inherit;
}

.filepond--root :not(text) {
  font-size: inherit;
}

.filepond--root[data-disabled] {
  pointer-events: none;
}

.filepond--root[data-disabled] .filepond--list-scroller {
  pointer-events: all;
}

.filepond--root[data-disabled] .filepond--list {
  pointer-events: none;
}

.filepond--root .filepond--drop-label {
  min-height: 4.75em;
}

.filepond--root .filepond--list-scroller {
  margin-top: 1em;
  margin-bottom: 1em;
}

.filepond--root .filepond--credits {
  opacity: .4;
  color: inherit;
  z-index: 3;
  font-size: 11px;
  line-height: .85;
  text-decoration: none;
  position: absolute;
  bottom: -14px;
  right: 0;
}

.filepond--root .filepond--credits[style] {
  margin-top: 14px;
  top: 0;
  bottom: auto;
}

.vc-container, .vc-container *, .vc-popover-content, .vc-popover-content * {
  font-family: STC Forward, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

.vc-container {
  width: 100%;
  border: 1px solid var(--gray-200) !important;
  background: var(--white) !important;
  border-radius: 8px !important;
  overflow: visible !important;
}

.vc-pane-container, .vc-pane-layout, .vc-pane {
  background: none !important;
  border: 0 !important;
}

.vc-header {
  padding: 8px !important;
}

.vc-title {
  color: var(--gray-900) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.vc-arrow {
  width: 32px;
  height: 32px;
  transition: all .2s;
  color: var(--gray-900) !important;
  background: none !important;
}

.vc-arrow:hover {
  background: var(--gray-50) !important;
}

.vc-weekdays {
  padding: 0 12px 6px !important;
}

.vc-weekday {
  color: var(--brand-500) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 8px 0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.vc-weeks {
  padding: 0 12px 12px !important;
}

.vc-day {
  padding: 2px !important;
}

.vc-day-content {
  transition: all .2s;
  color: var(--gray-800) !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.vc-container .vc-day-content:not(.vc-disabled):hover {
  background: var(--brand-50) !important;
  color: var(--brand-500) !important;
}

.vc-day.is-selected .vc-day-content, .vc-day .vc-highlight {
  color: var(--brand-500) !important;
  box-shadow: none !important;
  background: none !important;
  font-weight: 700 !important;
}

.vc-day.is-today .vc-day-content {
  color: var(--brand-500) !important;
  font-weight: 700 !important;
}

.vc-day.is-not-in-month .vc-day-content {
  color: var(--gray-400) !important;
}

.vc-container .vc-day-content.vc-disabled, .vc-container .vc-day-content.vc-disabled:hover, .vc-container .vc-day-content.vc-disabled:focus {
  color: var(--gray-400) !important;
  cursor: not-allowed !important;
  opacity: .5 !important;
  pointer-events: none !important;
  background: none !important;
}

.vc-highlight, .vc-bg-blue-600, .vc-bg-blue-500, .vc-bg-indigo-600, .vc-bg-purple-600 {
  background: none !important;
}

.vc-day-content:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px #6d28d91f !important;
}

.vc-popover-content-wrapper[data-placement^="bottom"] .vc-popover-content {
  margin-top: 10px;
}

.vc-popover-content {
  position: relative;
  border-radius: 16px !important;
  overflow: visible !important;
}

.vc-nav-popover-container, .vc-nav-popover-container * {
  font-family: STC Forward, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

.vc-nav-popover-container, .vc-nav-popover-content, .vc-nav-container, .vc-popover-content {
  background: var(--white) !important;
  background-color: var(--white) !important;
  border: 1px solid var(--gray-200) !important;
  color: var(--gray-900) !important;
  border-radius: 8px !important;
}

.vc-nav-title {
  color: var(--gray-900) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.vc-nav-arrow {
  border-radius: 8px;
  width: 32px;
  height: 32px;
  transition: all .2s;
  color: var(--gray-900) !important;
  background: none !important;
}

.vc-nav-title:hover {
  background: var(--brand-50) !important;
  color: var(--brand-500) !important;
}

.vc-nav-title:focus {
  border: none !important;
}

.vc-nav-arrow:hover {
  background: var(--gray-50) !important;
  color: var(--gray-900) !important;
}

.vc-nav-item {
  transition: all .2s;
  color: var(--gray-800) !important;
  background: none !important;
  border-radius: 4px !important;
  padding-block: 4px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

.vc-nav-item:focus {
  border: none !important;
}

.vc-nav-item:hover {
  background: var(--brand-50) !important;
  color: var(--brand-500) !important;
}

.vc-nav-item.is-active, .vc-nav-item.is-current {
  background: var(--brand-500) !important;
  color: var(--white) !important;
  border: 1px solid var(--brand-500) !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}

.vc-nav-item.is-disabled {
  color: var(--gray-400) !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
  background: none !important;
}

.vc-nav-popover-caret {
  border-bottom-color: var(--white) !important;
}

[dir="rtl"] .vc-arrow svg, [dir="rtl"] .vc-nav-arrow svg {
  transform: scaleX(-1);
}

.tippy-box[data-theme~="light"] {
  color: var(--gray-900);
  background-color: var(--white);
  border: 1px solid var(--stroke-tertiary);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
}

.tippy-box[data-theme~="light"] > .tippy-content {
  padding: var(--space-md);
}

.tippy-box[data-theme~="light"][data-placement^="top"] > .tippy-arrow:before {
  border-top-color: var(--white);
}

.tippy-box[data-theme~="light"][data-placement^="bottom"] > .tippy-arrow:before {
  border-bottom-color: var(--white);
}

.tippy-box[data-theme~="light"][data-placement^="left"] > .tippy-arrow:before {
  border-left-color: var(--white);
}

.tippy-box[data-theme~="light"][data-placement^="right"] > .tippy-arrow:before {
  border-right-color: var(--white);
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-pan-x {
  syntax: "*";
  inherits: false
}

@property --tw-pan-y {
  syntax: "*";
  inherits: false
}

@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false
}

@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}

@property --tw-scrollbar-thumb {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-scrollbar-track {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes ping {
  75%, 100% {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes bounce {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: none;
  }
}

@keyframes fade-down {
  0% {
    opacity: 0;
    transform: translateY(-2rem);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fade-up {
  0% {
    opacity: 0;
    transform: translateY(2rem);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/*! main.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/* ==========================================================================
SCSS Imports
========================================================================== */
/*! _variables.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Main Colors
    2. Global colors
    3. sizes
*/
/* ==========================================================================
1. Main Colors
========================================================================== */
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
2. sizes
========================================================================== */
/**
 * Swiper 12.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 27, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode {
  .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
}
.swiper-virtual.swiper-css-mode.swiper-horizontal {
  .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }
}

.swiper-virtual.swiper-css-mode.swiper-vertical {
  .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
  }
}



:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }

  ::slotted(svg),
  svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  ::slotted(.swiper-navigation-icon),
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
  .swiper-scrollbar-disabled > &,
  &.swiper-scrollbar-disabled {
    display: none !important;
  }
  .swiper-horizontal > &,
  &.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
  .swiper-vertical > &,
  &.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}


/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;

  > img,
  > svg,
  > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
/* Zoom container styles end */

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}


/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}




.swiper-thumbs {
  .swiper-slide-thumb-active {
    /* Styles for active thumb slide */
  }
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}


.swiper-fade {
  &.swiper-free-mode {
    .swiper-slide {
      transition-timing-function: ease-out;
    }
  }
  .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    pointer-events: auto;
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}

.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    .swiper-slide {
      pointer-events: none;
    }
  }
  &.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
  .swiper-slide-active,
  .swiper-slide-next,
  .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }

  .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;

    &:before {
      content: '';
      background: #000;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      filter: blur(50px);
    }
  }
}
.swiper-cube {
  .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
}
/* Cube slide shadows start */
.swiper-cube {
  .swiper-slide-shadow-cube.swiper-slide-shadow-top,
  .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-cube.swiper-slide-shadow-left,
  .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}
/* Cube slide shadows end */

.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}
/* Flip slide shadows start */
.swiper-flip {
  .swiper-slide-shadow-flip.swiper-slide-shadow-top,
  .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-flip.swiper-slide-shadow-left,
  .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}
/* Flip slide shadows end */

.swiper-coverflow {
}

.swiper-creative {
  .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
  }
}

.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards {
  .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
  }
}
/*!
 * Font Awesome Free 5.14.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
 .fa,
 .fas,
 .far,
 .fal,
 .fad,
 .fab {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1; }

 .fa-lg {
   font-size: 1.33333em;
   line-height: 0.75em;
   vertical-align: -.0667em; }

 .fa-xs {
   font-size: .75em; }

 .fa-sm {
   font-size: .875em; }

 .fa-1x {
   font-size: 1em; }

 .fa-2x {
   font-size: 2em; }

 .fa-3x {
   font-size: 3em; }

 .fa-4x {
   font-size: 4em; }

 .fa-5x {
   font-size: 5em; }

 .fa-6x {
   font-size: 6em; }

 .fa-7x {
   font-size: 7em; }

 .fa-8x {
   font-size: 8em; }

 .fa-9x {
   font-size: 9em; }

 .fa-10x {
   font-size: 10em; }

 .fa-fw {
   text-align: center;
   width: 1.25em; }

 .fa-ul {
   list-style-type: none;
   margin-left: 2.5em;
   padding-left: 0; }
   .fa-ul > li {
     position: relative; }

 .fa-li {
   left: -2em;
   position: absolute;
   text-align: center;
   width: 2em;
   line-height: inherit; }

 .fa-border {
   border: solid 0.08em #eee;
   border-radius: .1em;
   padding: .2em .25em .15em; }

 .fa-pull-left {
   float: left; }

 .fa-pull-right {
   float: right; }

 .fa.fa-pull-left,
 .fas.fa-pull-left,
 .far.fa-pull-left,
 .fal.fa-pull-left,
 .fab.fa-pull-left {
   margin-right: .3em; }

 .fa.fa-pull-right,
 .fas.fa-pull-right,
 .far.fa-pull-right,
 .fal.fa-pull-right,
 .fab.fa-pull-right {
   margin-left: .3em; }

 .fa-spin {
   animation: fa-spin 2s infinite linear; }

 .fa-pulse {
   animation: fa-spin 1s infinite steps(8); }

 @keyframes fa-spin {
   0% {
     transform: rotate(0deg); }
   100% {
     transform: rotate(360deg); } }

 .fa-rotate-90 {
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
   transform: rotate(90deg); }

 .fa-rotate-180 {
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
   transform: rotate(180deg); }

 .fa-rotate-270 {
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
   transform: rotate(270deg); }

 .fa-flip-horizontal {
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
   transform: scale(-1, 1); }

 .fa-flip-vertical {
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
   transform: scale(1, -1); }

 .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
   transform: scale(-1, -1); }

 :root .fa-rotate-90,
 :root .fa-rotate-180,
 :root .fa-rotate-270,
 :root .fa-flip-horizontal,
 :root .fa-flip-vertical,
 :root .fa-flip-both {
   filter: none; }

 .fa-stack {
   display: inline-block;
   height: 2em;
   line-height: 2em;
   position: relative;
   vertical-align: middle;
   width: 2.5em; }

 .fa-stack-1x,
 .fa-stack-2x {
   left: 0;
   position: absolute;
   text-align: center;
   width: 100%; }

 .fa-stack-1x {
   line-height: inherit; }

 .fa-stack-2x {
   font-size: 2em; }

 .fa-inverse {
   color: #fff; }

 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 readers do not read off random characters that represent icons */
 .fa-500px:before {
   content: "\f26e"; }

 .fa-accessible-icon:before {
   content: "\f368"; }

 .fa-accusoft:before {
   content: "\f369"; }

 .fa-acquisitions-incorporated:before {
   content: "\f6af"; }

 .fa-ad:before {
   content: "\f641"; }

 .fa-address-book:before {
   content: "\f2b9"; }

 .fa-address-card:before {
   content: "\f2bb"; }

 .fa-adjust:before {
   content: "\f042"; }

 .fa-adn:before {
   content: "\f170"; }

 .fa-adobe:before {
   content: "\f778"; }

 .fa-adversal:before {
   content: "\f36a"; }

 .fa-affiliatetheme:before {
   content: "\f36b"; }

 .fa-air-freshener:before {
   content: "\f5d0"; }

 .fa-airbnb:before {
   content: "\f834"; }

 .fa-algolia:before {
   content: "\f36c"; }

 .fa-align-center:before {
   content: "\f037"; }

 .fa-align-justify:before {
   content: "\f039"; }

 .fa-align-left:before {
   content: "\f036"; }

 .fa-align-right:before {
   content: "\f038"; }

 .fa-alipay:before {
   content: "\f642"; }

 .fa-allergies:before {
   content: "\f461"; }

 .fa-amazon:before {
   content: "\f270"; }

 .fa-amazon-pay:before {
   content: "\f42c"; }

 .fa-ambulance:before {
   content: "\f0f9"; }

 .fa-american-sign-language-interpreting:before {
   content: "\f2a3"; }

 .fa-amilia:before {
   content: "\f36d"; }

 .fa-anchor:before {
   content: "\f13d"; }

 .fa-android:before {
   content: "\f17b"; }

 .fa-angellist:before {
   content: "\f209"; }

 .fa-angle-double-down:before {
   content: "\f103"; }

 .fa-angle-double-left:before {
   content: "\f100"; }

 .fa-angle-double-right:before {
   content: "\f101"; }

 .fa-angle-double-up:before {
   content: "\f102"; }

 .fa-angle-down:before {
   content: "\f107"; }

 .fa-angle-left:before {
   content: "\f104"; }

 .fa-angle-right:before {
   content: "\f105"; }

 .fa-angle-up:before {
   content: "\f106"; }

 .fa-angry:before {
   content: "\f556"; }

 .fa-angrycreative:before {
   content: "\f36e"; }

 .fa-angular:before {
   content: "\f420"; }

 .fa-ankh:before {
   content: "\f644"; }

 .fa-app-store:before {
   content: "\f36f"; }

 .fa-app-store-ios:before {
   content: "\f370"; }

 .fa-apper:before {
   content: "\f371"; }

 .fa-apple:before {
   content: "\f179"; }

 .fa-apple-alt:before {
   content: "\f5d1"; }

 .fa-apple-pay:before {
   content: "\f415"; }

 .fa-archive:before {
   content: "\f187"; }

 .fa-archway:before {
   content: "\f557"; }

 .fa-arrow-alt-circle-down:before {
   content: "\f358"; }

 .fa-arrow-alt-circle-left:before {
   content: "\f359"; }

 .fa-arrow-alt-circle-right:before {
   content: "\f35a"; }

 .fa-arrow-alt-circle-up:before {
   content: "\f35b"; }

 .fa-arrow-circle-down:before {
   content: "\f0ab"; }

 .fa-arrow-circle-left:before {
   content: "\f0a8"; }

 .fa-arrow-circle-right:before {
   content: "\f0a9"; }

 .fa-arrow-circle-up:before {
   content: "\f0aa"; }

 .fa-arrow-down:before {
   content: "\f063"; }

 .fa-arrow-left:before {
   content: "\f060"; }

 .fa-arrow-right:before {
   content: "\f061"; }

 .fa-arrow-up:before {
   content: "\f062"; }

 .fa-arrows-alt:before {
   content: "\f0b2"; }

 .fa-arrows-alt-h:before {
   content: "\f337"; }

 .fa-arrows-alt-v:before {
   content: "\f338"; }

 .fa-artstation:before {
   content: "\f77a"; }

 .fa-assistive-listening-systems:before {
   content: "\f2a2"; }

 .fa-asterisk:before {
   content: "\f069"; }

 .fa-asymmetrik:before {
   content: "\f372"; }

 .fa-at:before {
   content: "\f1fa"; }

 .fa-atlas:before {
   content: "\f558"; }

 .fa-atlassian:before {
   content: "\f77b"; }

 .fa-atom:before {
   content: "\f5d2"; }

 .fa-audible:before {
   content: "\f373"; }

 .fa-audio-description:before {
   content: "\f29e"; }

 .fa-autoprefixer:before {
   content: "\f41c"; }

 .fa-avianex:before {
   content: "\f374"; }

 .fa-aviato:before {
   content: "\f421"; }

 .fa-award:before {
   content: "\f559"; }

 .fa-aws:before {
   content: "\f375"; }

 .fa-baby:before {
   content: "\f77c"; }

 .fa-baby-carriage:before {
   content: "\f77d"; }

 .fa-backspace:before {
   content: "\f55a"; }

 .fa-backward:before {
   content: "\f04a"; }

 .fa-bacon:before {
   content: "\f7e5"; }

 .fa-bacteria:before {
   content: "\e059"; }

 .fa-bacterium:before {
   content: "\e05a"; }

 .fa-bahai:before {
   content: "\f666"; }

 .fa-balance-scale:before {
   content: "\f24e"; }

 .fa-balance-scale-left:before {
   content: "\f515"; }

 .fa-balance-scale-right:before {
   content: "\f516"; }

 .fa-ban:before {
   content: "\f05e"; }

 .fa-band-aid:before {
   content: "\f462"; }

 .fa-bandcamp:before {
   content: "\f2d5"; }

 .fa-barcode:before {
   content: "\f02a"; }

 .fa-bars:before {
   content: "\f0c9"; }

 .fa-baseball-ball:before {
   content: "\f433"; }

 .fa-basketball-ball:before {
   content: "\f434"; }

 .fa-bath:before {
   content: "\f2cd"; }

 .fa-battery-empty:before {
   content: "\f244"; }

 .fa-battery-full:before {
   content: "\f240"; }

 .fa-battery-half:before {
   content: "\f242"; }

 .fa-battery-quarter:before {
   content: "\f243"; }

 .fa-battery-three-quarters:before {
   content: "\f241"; }

 .fa-battle-net:before {
   content: "\f835"; }

 .fa-bed:before {
   content: "\f236"; }

 .fa-beer:before {
   content: "\f0fc"; }

 .fa-behance:before {
   content: "\f1b4"; }

 .fa-behance-square:before {
   content: "\f1b5"; }

 .fa-bell:before {
   content: "\f0f3"; }

 .fa-bell-slash:before {
   content: "\f1f6"; }

 .fa-bezier-curve:before {
   content: "\f55b"; }

 .fa-bible:before {
   content: "\f647"; }

 .fa-bicycle:before {
   content: "\f206"; }

 .fa-biking:before {
   content: "\f84a"; }

 .fa-bimobject:before {
   content: "\f378"; }

 .fa-binoculars:before {
   content: "\f1e5"; }

 .fa-biohazard:before {
   content: "\f780"; }

 .fa-birthday-cake:before {
   content: "\f1fd"; }

 .fa-bitbucket:before {
   content: "\f171"; }

 .fa-bitcoin:before {
   content: "\f379"; }

 .fa-bity:before {
   content: "\f37a"; }

 .fa-black-tie:before {
   content: "\f27e"; }

 .fa-blackberry:before {
   content: "\f37b"; }

 .fa-blender:before {
   content: "\f517"; }

 .fa-blender-phone:before {
   content: "\f6b6"; }

 .fa-blind:before {
   content: "\f29d"; }

 .fa-blog:before {
   content: "\f781"; }

 .fa-blogger:before {
   content: "\f37c"; }

 .fa-blogger-b:before {
   content: "\f37d"; }

 .fa-bluetooth:before {
   content: "\f293"; }

 .fa-bluetooth-b:before {
   content: "\f294"; }

 .fa-bold:before {
   content: "\f032"; }

 .fa-bolt:before {
   content: "\f0e7"; }

 .fa-bomb:before {
   content: "\f1e2"; }

 .fa-bone:before {
   content: "\f5d7"; }

 .fa-bong:before {
   content: "\f55c"; }

 .fa-book:before {
   content: "\f02d"; }

 .fa-book-dead:before {
   content: "\f6b7"; }

 .fa-book-medical:before {
   content: "\f7e6"; }

 .fa-book-open:before {
   content: "\f518"; }

 .fa-book-reader:before {
   content: "\f5da"; }

 .fa-bookmark:before {
   content: "\f02e"; }

 .fa-bootstrap:before {
   content: "\f836"; }

 .fa-border-all:before {
   content: "\f84c"; }

 .fa-border-none:before {
   content: "\f850"; }

 .fa-border-style:before {
   content: "\f853"; }

 .fa-bowling-ball:before {
   content: "\f436"; }

 .fa-box:before {
   content: "\f466"; }

 .fa-box-open:before {
   content: "\f49e"; }

 .fa-box-tissue:before {
   content: "\e05b"; }

 .fa-boxes:before {
   content: "\f468"; }

 .fa-braille:before {
   content: "\f2a1"; }

 .fa-brain:before {
   content: "\f5dc"; }

 .fa-bread-slice:before {
   content: "\f7ec"; }

 .fa-briefcase:before {
   content: "\f0b1"; }

 .fa-briefcase-medical:before {
   content: "\f469"; }

 .fa-broadcast-tower:before {
   content: "\f519"; }

 .fa-broom:before {
   content: "\f51a"; }

 .fa-brush:before {
   content: "\f55d"; }

 .fa-btc:before {
   content: "\f15a"; }

 .fa-buffer:before {
   content: "\f837"; }

 .fa-bug:before {
   content: "\f188"; }

 .fa-building:before {
   content: "\f1ad"; }

 .fa-bullhorn:before {
   content: "\f0a1"; }

 .fa-bullseye:before {
   content: "\f140"; }

 .fa-burn:before {
   content: "\f46a"; }

 .fa-buromobelexperte:before {
   content: "\f37f"; }

 .fa-bus:before {
   content: "\f207"; }

 .fa-bus-alt:before {
   content: "\f55e"; }

 .fa-business-time:before {
   content: "\f64a"; }

 .fa-buy-n-large:before {
   content: "\f8a6"; }

 .fa-buysellads:before {
   content: "\f20d"; }

 .fa-calculator:before {
   content: "\f1ec"; }

 .fa-calendar:before {
   content: "\f133"; }

 .fa-calendar-alt:before {
   content: "\f073"; }

 .fa-calendar-check:before {
   content: "\f274"; }

 .fa-calendar-day:before {
   content: "\f783"; }

 .fa-calendar-minus:before {
   content: "\f272"; }

 .fa-calendar-plus:before {
   content: "\f271"; }

 .fa-calendar-times:before {
   content: "\f273"; }

 .fa-calendar-week:before {
   content: "\f784"; }

 .fa-camera:before {
   content: "\f030"; }

 .fa-camera-retro:before {
   content: "\f083"; }

 .fa-campground:before {
   content: "\f6bb"; }

 .fa-canadian-maple-leaf:before {
   content: "\f785"; }

 .fa-candy-cane:before {
   content: "\f786"; }

 .fa-cannabis:before {
   content: "\f55f"; }

 .fa-capsules:before {
   content: "\f46b"; }

 .fa-car:before {
   content: "\f1b9"; }

 .fa-car-alt:before {
   content: "\f5de"; }

 .fa-car-battery:before {
   content: "\f5df"; }

 .fa-car-crash:before {
   content: "\f5e1"; }

 .fa-car-side:before {
   content: "\f5e4"; }

 .fa-caravan:before {
   content: "\f8ff"; }

 .fa-caret-down:before {
   content: "\f0d7"; }

 .fa-caret-left:before {
   content: "\f0d9"; }

 .fa-caret-right:before {
   content: "\f0da"; }

 .fa-caret-square-down:before {
   content: "\f150"; }

 .fa-caret-square-left:before {
   content: "\f191"; }

 .fa-caret-square-right:before {
   content: "\f152"; }

 .fa-caret-square-up:before {
   content: "\f151"; }

 .fa-caret-up:before {
   content: "\f0d8"; }

 .fa-carrot:before {
   content: "\f787"; }

 .fa-cart-arrow-down:before {
   content: "\f218"; }

 .fa-cart-plus:before {
   content: "\f217"; }

 .fa-cash-register:before {
   content: "\f788"; }

 .fa-cat:before {
   content: "\f6be"; }

 .fa-cc-amazon-pay:before {
   content: "\f42d"; }

 .fa-cc-amex:before {
   content: "\f1f3"; }

 .fa-cc-apple-pay:before {
   content: "\f416"; }

 .fa-cc-diners-club:before {
   content: "\f24c"; }

 .fa-cc-discover:before {
   content: "\f1f2"; }

 .fa-cc-jcb:before {
   content: "\f24b"; }

 .fa-cc-mastercard:before {
   content: "\f1f1"; }

 .fa-cc-paypal:before {
   content: "\f1f4"; }

 .fa-cc-stripe:before {
   content: "\f1f5"; }

 .fa-cc-visa:before {
   content: "\f1f0"; }

 .fa-centercode:before {
   content: "\f380"; }

 .fa-centos:before {
   content: "\f789"; }

 .fa-certificate:before {
   content: "\f0a3"; }

 .fa-chair:before {
   content: "\f6c0"; }

 .fa-chalkboard:before {
   content: "\f51b"; }

 .fa-chalkboard-teacher:before {
   content: "\f51c"; }

 .fa-charging-station:before {
   content: "\f5e7"; }

 .fa-chart-area:before {
   content: "\f1fe"; }

 .fa-chart-bar:before {
   content: "\f080"; }

 .fa-chart-line:before {
   content: "\f201"; }

 .fa-chart-pie:before {
   content: "\f200"; }

 .fa-check:before {
   content: "\f00c"; }

 .fa-check-circle:before {
   content: "\f058"; }

 .fa-check-double:before {
   content: "\f560"; }

 .fa-check-square:before {
   content: "\f14a"; }

 .fa-cheese:before {
   content: "\f7ef"; }

 .fa-chess:before {
   content: "\f439"; }

 .fa-chess-bishop:before {
   content: "\f43a"; }

 .fa-chess-board:before {
   content: "\f43c"; }

 .fa-chess-king:before {
   content: "\f43f"; }

 .fa-chess-knight:before {
   content: "\f441"; }

 .fa-chess-pawn:before {
   content: "\f443"; }

 .fa-chess-queen:before {
   content: "\f445"; }

 .fa-chess-rook:before {
   content: "\f447"; }

 .fa-chevron-circle-down:before {
   content: "\f13a"; }

 .fa-chevron-circle-left:before {
   content: "\f137"; }

 .fa-chevron-circle-right:before {
   content: "\f138"; }

 .fa-chevron-circle-up:before {
   content: "\f139"; }

 .fa-chevron-down:before {
   content: "\f078"; }

 .fa-chevron-left:before {
   content: "\f053"; }

 .fa-chevron-right:before {
   content: "\f054"; }

 .fa-chevron-up:before {
   content: "\f077"; }

 .fa-child:before {
   content: "\f1ae"; }

 .fa-chrome:before {
   content: "\f268"; }

 .fa-chromecast:before {
   content: "\f838"; }

 .fa-church:before {
   content: "\f51d"; }

 .fa-circle:before {
   content: "\f111"; }

 .fa-circle-notch:before {
   content: "\f1ce"; }

 .fa-city:before {
   content: "\f64f"; }

 .fa-clinic-medical:before {
   content: "\f7f2"; }

 .fa-clipboard:before {
   content: "\f328"; }

 .fa-clipboard-check:before {
   content: "\f46c"; }

 .fa-clipboard-list:before {
   content: "\f46d"; }

 .fa-clock:before {
   content: "\f017"; }

 .fa-clone:before {
   content: "\f24d"; }

 .fa-closed-captioning:before {
   content: "\f20a"; }

 .fa-cloud:before {
   content: "\f0c2"; }

 .fa-cloud-download-alt:before {
   content: "\f381"; }

 .fa-cloud-meatball:before {
   content: "\f73b"; }

 .fa-cloud-moon:before {
   content: "\f6c3"; }

 .fa-cloud-moon-rain:before {
   content: "\f73c"; }

 .fa-cloud-rain:before {
   content: "\f73d"; }

 .fa-cloud-showers-heavy:before {
   content: "\f740"; }

 .fa-cloud-sun:before {
   content: "\f6c4"; }

 .fa-cloud-sun-rain:before {
   content: "\f743"; }

 .fa-cloud-upload-alt:before {
   content: "\f382"; }

 .fa-cloudscale:before {
   content: "\f383"; }

 .fa-cloudsmith:before {
   content: "\f384"; }

 .fa-cloudversify:before {
   content: "\f385"; }

 .fa-cocktail:before {
   content: "\f561"; }

 .fa-code:before {
   content: "\f121"; }

 .fa-code-branch:before {
   content: "\f126"; }

 .fa-codepen:before {
   content: "\f1cb"; }

 .fa-codiepie:before {
   content: "\f284"; }

 .fa-coffee:before {
   content: "\f0f4"; }

 .fa-cog:before {
   content: "\f013"; }

 .fa-cogs:before {
   content: "\f085"; }

 .fa-coins:before {
   content: "\f51e"; }

 .fa-columns:before {
   content: "\f0db"; }

 .fa-comment:before {
   content: "\f075"; }

 .fa-comment-alt:before {
   content: "\f27a"; }

 .fa-comment-dollar:before {
   content: "\f651"; }

 .fa-comment-dots:before {
   content: "\f4ad"; }

 .fa-comment-medical:before {
   content: "\f7f5"; }

 .fa-comment-slash:before {
   content: "\f4b3"; }

 .fa-comments:before {
   content: "\f086"; }

 .fa-comments-dollar:before {
   content: "\f653"; }

 .fa-compact-disc:before {
   content: "\f51f"; }

 .fa-compass:before {
   content: "\f14e"; }

 .fa-compress:before {
   content: "\f066"; }

 .fa-compress-alt:before {
   content: "\f422"; }

 .fa-compress-arrows-alt:before {
   content: "\f78c"; }

 .fa-concierge-bell:before {
   content: "\f562"; }

 .fa-confluence:before {
   content: "\f78d"; }

 .fa-connectdevelop:before {
   content: "\f20e"; }

 .fa-contao:before {
   content: "\f26d"; }

 .fa-cookie:before {
   content: "\f563"; }

 .fa-cookie-bite:before {
   content: "\f564"; }

 .fa-copy:before {
   content: "\f0c5"; }

 .fa-copyright:before {
   content: "\f1f9"; }

 .fa-cotton-bureau:before {
   content: "\f89e"; }

 .fa-couch:before {
   content: "\f4b8"; }

 .fa-cpanel:before {
   content: "\f388"; }

 .fa-creative-commons:before {
   content: "\f25e"; }

 .fa-creative-commons-by:before {
   content: "\f4e7"; }

 .fa-creative-commons-nc:before {
   content: "\f4e8"; }

 .fa-creative-commons-nc-eu:before {
   content: "\f4e9"; }

 .fa-creative-commons-nc-jp:before {
   content: "\f4ea"; }

 .fa-creative-commons-nd:before {
   content: "\f4eb"; }

 .fa-creative-commons-pd:before {
   content: "\f4ec"; }

 .fa-creative-commons-pd-alt:before {
   content: "\f4ed"; }

 .fa-creative-commons-remix:before {
   content: "\f4ee"; }

 .fa-creative-commons-sa:before {
   content: "\f4ef"; }

 .fa-creative-commons-sampling:before {
   content: "\f4f0"; }

 .fa-creative-commons-sampling-plus:before {
   content: "\f4f1"; }

 .fa-creative-commons-share:before {
   content: "\f4f2"; }

 .fa-creative-commons-zero:before {
   content: "\f4f3"; }

 .fa-credit-card:before {
   content: "\f09d"; }

 .fa-critical-role:before {
   content: "\f6c9"; }

 .fa-crop:before {
   content: "\f125"; }

 .fa-crop-alt:before {
   content: "\f565"; }

 .fa-cross:before {
   content: "\f654"; }

 .fa-crosshairs:before {
   content: "\f05b"; }

 .fa-crow:before {
   content: "\f520"; }

 .fa-crown:before {
   content: "\f521"; }

 .fa-crutch:before {
   content: "\f7f7"; }

 .fa-css3:before {
   content: "\f13c"; }

 .fa-css3-alt:before {
   content: "\f38b"; }

 .fa-cube:before {
   content: "\f1b2"; }

 .fa-cubes:before {
   content: "\f1b3"; }

 .fa-cut:before {
   content: "\f0c4"; }

 .fa-cuttlefish:before {
   content: "\f38c"; }

 .fa-d-and-d:before {
   content: "\f38d"; }

 .fa-d-and-d-beyond:before {
   content: "\f6ca"; }

 .fa-dailymotion:before {
   content: "\e052"; }

 .fa-dashcube:before {
   content: "\f210"; }

 .fa-database:before {
   content: "\f1c0"; }

 .fa-deaf:before {
   content: "\f2a4"; }

 .fa-deezer:before {
   content: "\e077"; }

 .fa-delicious:before {
   content: "\f1a5"; }

 .fa-democrat:before {
   content: "\f747"; }

 .fa-deploydog:before {
   content: "\f38e"; }

 .fa-deskpro:before {
   content: "\f38f"; }

 .fa-desktop:before {
   content: "\f108"; }

 .fa-dev:before {
   content: "\f6cc"; }

 .fa-deviantart:before {
   content: "\f1bd"; }

 .fa-dharmachakra:before {
   content: "\f655"; }

 .fa-dhl:before {
   content: "\f790"; }

 .fa-diagnoses:before {
   content: "\f470"; }

 .fa-diaspora:before {
   content: "\f791"; }

 .fa-dice:before {
   content: "\f522"; }

 .fa-dice-d20:before {
   content: "\f6cf"; }

 .fa-dice-d6:before {
   content: "\f6d1"; }

 .fa-dice-five:before {
   content: "\f523"; }

 .fa-dice-four:before {
   content: "\f524"; }

 .fa-dice-one:before {
   content: "\f525"; }

 .fa-dice-six:before {
   content: "\f526"; }

 .fa-dice-three:before {
   content: "\f527"; }

 .fa-dice-two:before {
   content: "\f528"; }

 .fa-digg:before {
   content: "\f1a6"; }

 .fa-digital-ocean:before {
   content: "\f391"; }

 .fa-digital-tachograph:before {
   content: "\f566"; }

 .fa-directions:before {
   content: "\f5eb"; }

 .fa-discord:before {
   content: "\f392"; }

 .fa-discourse:before {
   content: "\f393"; }

 .fa-disease:before {
   content: "\f7fa"; }

 .fa-divide:before {
   content: "\f529"; }

 .fa-dizzy:before {
   content: "\f567"; }

 .fa-dna:before {
   content: "\f471"; }

 .fa-dochub:before {
   content: "\f394"; }

 .fa-docker:before {
   content: "\f395"; }

 .fa-dog:before {
   content: "\f6d3"; }

 .fa-dollar-sign:before {
   content: "\f155"; }

 .fa-dolly:before {
   content: "\f472"; }

 .fa-dolly-flatbed:before {
   content: "\f474"; }

 .fa-donate:before {
   content: "\f4b9"; }

 .fa-door-closed:before {
   content: "\f52a"; }

 .fa-door-open:before {
   content: "\f52b"; }

 .fa-dot-circle:before {
   content: "\f192"; }

 .fa-dove:before {
   content: "\f4ba"; }

 .fa-download:before {
   content: "\f019"; }

 .fa-draft2digital:before {
   content: "\f396"; }

 .fa-drafting-compass:before {
   content: "\f568"; }

 .fa-dragon:before {
   content: "\f6d5"; }

 .fa-draw-polygon:before {
   content: "\f5ee"; }

 .fa-dribbble:before {
   content: "\f17d"; }

 .fa-dribbble-square:before {
   content: "\f397"; }

 .fa-dropbox:before {
   content: "\f16b"; }

 .fa-drum:before {
   content: "\f569"; }

 .fa-drum-steelpan:before {
   content: "\f56a"; }

 .fa-drumstick-bite:before {
   content: "\f6d7"; }

 .fa-drupal:before {
   content: "\f1a9"; }

 .fa-dumbbell:before {
   content: "\f44b"; }

 .fa-dumpster:before {
   content: "\f793"; }

 .fa-dumpster-fire:before {
   content: "\f794"; }

 .fa-dungeon:before {
   content: "\f6d9"; }

 .fa-dyalog:before {
   content: "\f399"; }

 .fa-earlybirds:before {
   content: "\f39a"; }

 .fa-ebay:before {
   content: "\f4f4"; }

 .fa-edge:before {
   content: "\f282"; }

 .fa-edge-legacy:before {
   content: "\e078"; }

 .fa-edit:before {
   content: "\f044"; }

 .fa-egg:before {
   content: "\f7fb"; }

 .fa-eject:before {
   content: "\f052"; }

 .fa-elementor:before {
   content: "\f430"; }

 .fa-ellipsis-h:before {
   content: "\f141"; }

 .fa-ellipsis-v:before {
   content: "\f142"; }

 .fa-ello:before {
   content: "\f5f1"; }

 .fa-ember:before {
   content: "\f423"; }

 .fa-empire:before {
   content: "\f1d1"; }

 .fa-envelope:before {
   content: "\f0e0"; }

 .fa-envelope-open:before {
   content: "\f2b6"; }

 .fa-envelope-open-text:before {
   content: "\f658"; }

 .fa-envelope-square:before {
   content: "\f199"; }

 .fa-envira:before {
   content: "\f299"; }

 .fa-equals:before {
   content: "\f52c"; }

 .fa-eraser:before {
   content: "\f12d"; }

 .fa-erlang:before {
   content: "\f39d"; }

 .fa-ethereum:before {
   content: "\f42e"; }

 .fa-ethernet:before {
   content: "\f796"; }

 .fa-etsy:before {
   content: "\f2d7"; }

 .fa-euro-sign:before {
   content: "\f153"; }

 .fa-evernote:before {
   content: "\f839"; }

 .fa-exchange-alt:before {
   content: "\f362"; }

 .fa-exclamation:before {
   content: "\f12a"; }

 .fa-exclamation-circle:before {
   content: "\f06a"; }

 .fa-exclamation-triangle:before {
   content: "\f071"; }

 .fa-expand:before {
   content: "\f065"; }

 .fa-expand-alt:before {
   content: "\f424"; }

 .fa-expand-arrows-alt:before {
   content: "\f31e"; }

 .fa-expeditedssl:before {
   content: "\f23e"; }

 .fa-external-link-alt:before {
   content: "\f35d"; }

 .fa-external-link-square-alt:before {
   content: "\f360"; }

 .fa-eye:before {
   content: "\f06e"; }

 .fa-eye-dropper:before {
   content: "\f1fb"; }

 .fa-eye-slash:before {
   content: "\f070"; }

 .fa-facebook:before {
   content: "\f09a"; }

 .fa-facebook-f:before {
   content: "\f39e"; }

 .fa-facebook-messenger:before {
   content: "\f39f"; }

 .fa-facebook-square:before {
   content: "\f082"; }

 .fa-fan:before {
   content: "\f863"; }

 .fa-fantasy-flight-games:before {
   content: "\f6dc"; }

 .fa-fast-backward:before {
   content: "\f049"; }

 .fa-fast-forward:before {
   content: "\f050"; }

 .fa-faucet:before {
   content: "\e005"; }

 .fa-fax:before {
   content: "\f1ac"; }

 .fa-feather:before {
   content: "\f52d"; }

 .fa-feather-alt:before {
   content: "\f56b"; }

 .fa-fedex:before {
   content: "\f797"; }

 .fa-fedora:before {
   content: "\f798"; }

 .fa-female:before {
   content: "\f182"; }

 .fa-fighter-jet:before {
   content: "\f0fb"; }

 .fa-figma:before {
   content: "\f799"; }

 .fa-file:before {
   content: "\f15b"; }

 .fa-file-alt:before {
   content: "\f15c"; }

 .fa-file-archive:before {
   content: "\f1c6"; }

 .fa-file-audio:before {
   content: "\f1c7"; }

 .fa-file-code:before {
   content: "\f1c9"; }

 .fa-file-contract:before {
   content: "\f56c"; }

 .fa-file-csv:before {
   content: "\f6dd"; }

 .fa-file-download:before {
   content: "\f56d"; }

 .fa-file-excel:before {
   content: "\f1c3"; }

 .fa-file-export:before {
   content: "\f56e"; }

 .fa-file-image:before {
   content: "\f1c5"; }

 .fa-file-import:before {
   content: "\f56f"; }

 .fa-file-invoice:before {
   content: "\f570"; }

 .fa-file-invoice-dollar:before {
   content: "\f571"; }

 .fa-file-medical:before {
   content: "\f477"; }

 .fa-file-medical-alt:before {
   content: "\f478"; }

 .fa-file-pdf:before {
   content: "\f1c1"; }

 .fa-file-powerpoint:before {
   content: "\f1c4"; }

 .fa-file-prescription:before {
   content: "\f572"; }

 .fa-file-signature:before {
   content: "\f573"; }

 .fa-file-upload:before {
   content: "\f574"; }

 .fa-file-video:before {
   content: "\f1c8"; }

 .fa-file-word:before {
   content: "\f1c2"; }

 .fa-fill:before {
   content: "\f575"; }

 .fa-fill-drip:before {
   content: "\f576"; }

 .fa-film:before {
   content: "\f008"; }

 .fa-filter:before {
   content: "\f0b0"; }

 .fa-fingerprint:before {
   content: "\f577"; }

 .fa-fire:before {
   content: "\f06d"; }

 .fa-fire-alt:before {
   content: "\f7e4"; }

 .fa-fire-extinguisher:before {
   content: "\f134"; }

 .fa-firefox:before {
   content: "\f269"; }

 .fa-firefox-browser:before {
   content: "\e007"; }

 .fa-first-aid:before {
   content: "\f479"; }

 .fa-first-order:before {
   content: "\f2b0"; }

 .fa-first-order-alt:before {
   content: "\f50a"; }

 .fa-firstdraft:before {
   content: "\f3a1"; }

 .fa-fish:before {
   content: "\f578"; }

 .fa-fist-raised:before {
   content: "\f6de"; }

 .fa-flag:before {
   content: "\f024"; }

 .fa-flag-checkered:before {
   content: "\f11e"; }

 .fa-flag-usa:before {
   content: "\f74d"; }

 .fa-flask:before {
   content: "\f0c3"; }

 .fa-flickr:before {
   content: "\f16e"; }

 .fa-flipboard:before {
   content: "\f44d"; }

 .fa-flushed:before {
   content: "\f579"; }

 .fa-fly:before {
   content: "\f417"; }

 .fa-folder:before {
   content: "\f07b"; }

 .fa-folder-minus:before {
   content: "\f65d"; }

 .fa-folder-open:before {
   content: "\f07c"; }

 .fa-folder-plus:before {
   content: "\f65e"; }

 .fa-font:before {
   content: "\f031"; }

 .fa-font-awesome:before {
   content: "\f2b4"; }

 .fa-font-awesome-alt:before {
   content: "\f35c"; }

 .fa-font-awesome-flag:before {
   content: "\f425"; }

 .fa-font-awesome-logo-full:before {
   content: "\f4e6"; }

 .fa-fonticons:before {
   content: "\f280"; }

 .fa-fonticons-fi:before {
   content: "\f3a2"; }

 .fa-football-ball:before {
   content: "\f44e"; }

 .fa-fort-awesome:before {
   content: "\f286"; }

 .fa-fort-awesome-alt:before {
   content: "\f3a3"; }

 .fa-forumbee:before {
   content: "\f211"; }

 .fa-forward:before {
   content: "\f04e"; }

 .fa-foursquare:before {
   content: "\f180"; }

 .fa-free-code-camp:before {
   content: "\f2c5"; }

 .fa-freebsd:before {
   content: "\f3a4"; }

 .fa-frog:before {
   content: "\f52e"; }

 .fa-frown:before {
   content: "\f119"; }

 .fa-frown-open:before {
   content: "\f57a"; }

 .fa-fulcrum:before {
   content: "\f50b"; }

 .fa-funnel-dollar:before {
   content: "\f662"; }

 .fa-futbol:before {
   content: "\f1e3"; }

 .fa-galactic-republic:before {
   content: "\f50c"; }

 .fa-galactic-senate:before {
   content: "\f50d"; }

 .fa-gamepad:before {
   content: "\f11b"; }

 .fa-gas-pump:before {
   content: "\f52f"; }

 .fa-gavel:before {
   content: "\f0e3"; }

 .fa-gem:before {
   content: "\f3a5"; }

 .fa-genderless:before {
   content: "\f22d"; }

 .fa-get-pocket:before {
   content: "\f265"; }

 .fa-gg:before {
   content: "\f260"; }

 .fa-gg-circle:before {
   content: "\f261"; }

 .fa-ghost:before {
   content: "\f6e2"; }

 .fa-gift:before {
   content: "\f06b"; }

 .fa-gifts:before {
   content: "\f79c"; }

 .fa-git:before {
   content: "\f1d3"; }

 .fa-git-alt:before {
   content: "\f841"; }

 .fa-git-square:before {
   content: "\f1d2"; }

 .fa-github:before {
   content: "\f09b"; }

 .fa-github-alt:before {
   content: "\f113"; }

 .fa-github-square:before {
   content: "\f092"; }

 .fa-gitkraken:before {
   content: "\f3a6"; }

 .fa-gitlab:before {
   content: "\f296"; }

 .fa-gitter:before {
   content: "\f426"; }

 .fa-glass-cheers:before {
   content: "\f79f"; }

 .fa-glass-martini:before {
   content: "\f000"; }

 .fa-glass-martini-alt:before {
   content: "\f57b"; }

 .fa-glass-whiskey:before {
   content: "\f7a0"; }

 .fa-glasses:before {
   content: "\f530"; }

 .fa-glide:before {
   content: "\f2a5"; }

 .fa-glide-g:before {
   content: "\f2a6"; }

 .fa-globe:before {
   content: "\f0ac"; }

 .fa-globe-africa:before {
   content: "\f57c"; }

 .fa-globe-americas:before {
   content: "\f57d"; }

 .fa-globe-asia:before {
   content: "\f57e"; }

 .fa-globe-europe:before {
   content: "\f7a2"; }

 .fa-gofore:before {
   content: "\f3a7"; }

 .fa-golf-ball:before {
   content: "\f450"; }

 .fa-goodreads:before {
   content: "\f3a8"; }

 .fa-goodreads-g:before {
   content: "\f3a9"; }

 .fa-google:before {
   content: "\f1a0"; }

 .fa-google-drive:before {
   content: "\f3aa"; }

 .fa-google-pay:before {
   content: "\e079"; }

 .fa-google-play:before {
   content: "\f3ab"; }

 .fa-google-plus:before {
   content: "\f2b3"; }

 .fa-google-plus-g:before {
   content: "\f0d5"; }

 .fa-google-plus-square:before {
   content: "\f0d4"; }

 .fa-google-wallet:before {
   content: "\f1ee"; }

 .fa-gopuram:before {
   content: "\f664"; }

 .fa-graduation-cap:before {
   content: "\f19d"; }

 .fa-gratipay:before {
   content: "\f184"; }

 .fa-grav:before {
   content: "\f2d6"; }

 .fa-greater-than:before {
   content: "\f531"; }

 .fa-greater-than-equal:before {
   content: "\f532"; }

 .fa-grimace:before {
   content: "\f57f"; }

 .fa-grin:before {
   content: "\f580"; }

 .fa-grin-alt:before {
   content: "\f581"; }

 .fa-grin-beam:before {
   content: "\f582"; }

 .fa-grin-beam-sweat:before {
   content: "\f583"; }

 .fa-grin-hearts:before {
   content: "\f584"; }

 .fa-grin-squint:before {
   content: "\f585"; }

 .fa-grin-squint-tears:before {
   content: "\f586"; }

 .fa-grin-stars:before {
   content: "\f587"; }

 .fa-grin-tears:before {
   content: "\f588"; }

 .fa-grin-tongue:before {
   content: "\f589"; }

 .fa-grin-tongue-squint:before {
   content: "\f58a"; }

 .fa-grin-tongue-wink:before {
   content: "\f58b"; }

 .fa-grin-wink:before {
   content: "\f58c"; }

 .fa-grip-horizontal:before {
   content: "\f58d"; }

 .fa-grip-lines:before {
   content: "\f7a4"; }

 .fa-grip-lines-vertical:before {
   content: "\f7a5"; }

 .fa-grip-vertical:before {
   content: "\f58e"; }

 .fa-gripfire:before {
   content: "\f3ac"; }

 .fa-grunt:before {
   content: "\f3ad"; }

 .fa-guitar:before {
   content: "\f7a6"; }

 .fa-gulp:before {
   content: "\f3ae"; }

 .fa-h-square:before {
   content: "\f0fd"; }

 .fa-hacker-news:before {
   content: "\f1d4"; }

 .fa-hacker-news-square:before {
   content: "\f3af"; }

 .fa-hackerrank:before {
   content: "\f5f7"; }

 .fa-hamburger:before {
   content: "\f805"; }

 .fa-hammer:before {
   content: "\f6e3"; }

 .fa-hamsa:before {
   content: "\f665"; }

 .fa-hand-holding:before {
   content: "\f4bd"; }

 .fa-hand-holding-heart:before {
   content: "\f4be"; }

 .fa-hand-holding-medical:before {
   content: "\e05c"; }

 .fa-hand-holding-usd:before {
   content: "\f4c0"; }

 .fa-hand-holding-water:before {
   content: "\f4c1"; }

 .fa-hand-lizard:before {
   content: "\f258"; }

 .fa-hand-middle-finger:before {
   content: "\f806"; }

 .fa-hand-paper:before {
   content: "\f256"; }

 .fa-hand-peace:before {
   content: "\f25b"; }

 .fa-hand-point-down:before {
   content: "\f0a7"; }

 .fa-hand-point-left:before {
   content: "\f0a5"; }

 .fa-hand-point-right:before {
   content: "\f0a4"; }

 .fa-hand-point-up:before {
   content: "\f0a6"; }

 .fa-hand-pointer:before {
   content: "\f25a"; }

 .fa-hand-rock:before {
   content: "\f255"; }

 .fa-hand-scissors:before {
   content: "\f257"; }

 .fa-hand-sparkles:before {
   content: "\e05d"; }

 .fa-hand-spock:before {
   content: "\f259"; }

 .fa-hands:before {
   content: "\f4c2"; }

 .fa-hands-helping:before {
   content: "\f4c4"; }

 .fa-hands-wash:before {
   content: "\e05e"; }

 .fa-handshake:before {
   content: "\f2b5"; }

 .fa-handshake-alt-slash:before {
   content: "\e05f"; }

 .fa-handshake-slash:before {
   content: "\e060"; }

 .fa-hanukiah:before {
   content: "\f6e6"; }

 .fa-hard-hat:before {
   content: "\f807"; }

 .fa-hashtag:before {
   content: "\f292"; }

 .fa-hat-cowboy:before {
   content: "\f8c0"; }

 .fa-hat-cowboy-side:before {
   content: "\f8c1"; }

 .fa-hat-wizard:before {
   content: "\f6e8"; }

 .fa-hdd:before {
   content: "\f0a0"; }

 .fa-head-side-cough:before {
   content: "\e061"; }

 .fa-head-side-cough-slash:before {
   content: "\e062"; }

 .fa-head-side-mask:before {
   content: "\e063"; }

 .fa-head-side-virus:before {
   content: "\e064"; }

 .fa-heading:before {
   content: "\f1dc"; }

 .fa-headphones:before {
   content: "\f025"; }

 .fa-headphones-alt:before {
   content: "\f58f"; }

 .fa-headset:before {
   content: "\f590"; }

 .fa-heart:before {
   content: "\f004"; }

 .fa-heart-broken:before {
   content: "\f7a9"; }

 .fa-heartbeat:before {
   content: "\f21e"; }

 .fa-helicopter:before {
   content: "\f533"; }

 .fa-highlighter:before {
   content: "\f591"; }

 .fa-hiking:before {
   content: "\f6ec"; }

 .fa-hippo:before {
   content: "\f6ed"; }

 .fa-hips:before {
   content: "\f452"; }

 .fa-hire-a-helper:before {
   content: "\f3b0"; }

 .fa-history:before {
   content: "\f1da"; }

 .fa-hockey-puck:before {
   content: "\f453"; }

 .fa-holly-berry:before {
   content: "\f7aa"; }

 .fa-home:before {
   content: "\f015"; }

 .fa-hooli:before {
   content: "\f427"; }

 .fa-hornbill:before {
   content: "\f592"; }

 .fa-horse:before {
   content: "\f6f0"; }

 .fa-horse-head:before {
   content: "\f7ab"; }

 .fa-hospital:before {
   content: "\f0f8"; }

 .fa-hospital-alt:before {
   content: "\f47d"; }

 .fa-hospital-symbol:before {
   content: "\f47e"; }

 .fa-hospital-user:before {
   content: "\f80d"; }

 .fa-hot-tub:before {
   content: "\f593"; }

 .fa-hotdog:before {
   content: "\f80f"; }

 .fa-hotel:before {
   content: "\f594"; }

 .fa-hotjar:before {
   content: "\f3b1"; }

 .fa-hourglass:before {
   content: "\f254"; }

 .fa-hourglass-end:before {
   content: "\f253"; }

 .fa-hourglass-half:before {
   content: "\f252"; }

 .fa-hourglass-start:before {
   content: "\f251"; }

 .fa-house-damage:before {
   content: "\f6f1"; }

 .fa-house-user:before {
   content: "\e065"; }

 .fa-houzz:before {
   content: "\f27c"; }

 .fa-hryvnia:before {
   content: "\f6f2"; }

 .fa-html5:before {
   content: "\f13b"; }

 .fa-hubspot:before {
   content: "\f3b2"; }

 .fa-i-cursor:before {
   content: "\f246"; }

 .fa-ice-cream:before {
   content: "\f810"; }

 .fa-icicles:before {
   content: "\f7ad"; }

 .fa-icons:before {
   content: "\f86d"; }

 .fa-id-badge:before {
   content: "\f2c1"; }

 .fa-id-card:before {
   content: "\f2c2"; }

 .fa-id-card-alt:before {
   content: "\f47f"; }

 .fa-ideal:before {
   content: "\e013"; }

 .fa-igloo:before {
   content: "\f7ae"; }

 .fa-image:before {
   content: "\f03e"; }

 .fa-images:before {
   content: "\f302"; }

 .fa-imdb:before {
   content: "\f2d8"; }

 .fa-inbox:before {
   content: "\f01c"; }

 .fa-indent:before {
   content: "\f03c"; }

 .fa-industry:before {
   content: "\f275"; }

 .fa-infinity:before {
   content: "\f534"; }

 .fa-info:before {
   content: "\f129"; }

 .fa-info-circle:before {
   content: "\f05a"; }

 .fa-instagram:before {
   content: "\f16d"; }

 .fa-instagram-square:before {
   content: "\e055"; }

 .fa-intercom:before {
   content: "\f7af"; }

 .fa-internet-explorer:before {
   content: "\f26b"; }

 .fa-invision:before {
   content: "\f7b0"; }

 .fa-ioxhost:before {
   content: "\f208"; }

 .fa-italic:before {
   content: "\f033"; }

 .fa-itch-io:before {
   content: "\f83a"; }

 .fa-itunes:before {
   content: "\f3b4"; }

 .fa-itunes-note:before {
   content: "\f3b5"; }

 .fa-java:before {
   content: "\f4e4"; }

 .fa-jedi:before {
   content: "\f669"; }

 .fa-jedi-order:before {
   content: "\f50e"; }

 .fa-jenkins:before {
   content: "\f3b6"; }

 .fa-jira:before {
   content: "\f7b1"; }

 .fa-joget:before {
   content: "\f3b7"; }

 .fa-joint:before {
   content: "\f595"; }

 .fa-joomla:before {
   content: "\f1aa"; }

 .fa-journal-whills:before {
   content: "\f66a"; }

 .fa-js:before {
   content: "\f3b8"; }

 .fa-js-square:before {
   content: "\f3b9"; }

 .fa-jsfiddle:before {
   content: "\f1cc"; }

 .fa-kaaba:before {
   content: "\f66b"; }

 .fa-kaggle:before {
   content: "\f5fa"; }

 .fa-key:before {
   content: "\f084"; }

 .fa-keybase:before {
   content: "\f4f5"; }

 .fa-keyboard:before {
   content: "\f11c"; }

 .fa-keycdn:before {
   content: "\f3ba"; }

 .fa-khanda:before {
   content: "\f66d"; }

 .fa-kickstarter:before {
   content: "\f3bb"; }

 .fa-kickstarter-k:before {
   content: "\f3bc"; }

 .fa-kiss:before {
   content: "\f596"; }

 .fa-kiss-beam:before {
   content: "\f597"; }

 .fa-kiss-wink-heart:before {
   content: "\f598"; }

 .fa-kiwi-bird:before {
   content: "\f535"; }

 .fa-korvue:before {
   content: "\f42f"; }

 .fa-landmark:before {
   content: "\f66f"; }

 .fa-language:before {
   content: "\f1ab"; }

 .fa-laptop:before {
   content: "\f109"; }

 .fa-laptop-code:before {
   content: "\f5fc"; }

 .fa-laptop-house:before {
   content: "\e066"; }

 .fa-laptop-medical:before {
   content: "\f812"; }

 .fa-laravel:before {
   content: "\f3bd"; }

 .fa-lastfm:before {
   content: "\f202"; }

 .fa-lastfm-square:before {
   content: "\f203"; }

 .fa-laugh:before {
   content: "\f599"; }

 .fa-laugh-beam:before {
   content: "\f59a"; }

 .fa-laugh-squint:before {
   content: "\f59b"; }

 .fa-laugh-wink:before {
   content: "\f59c"; }

 .fa-layer-group:before {
   content: "\f5fd"; }

 .fa-leaf:before {
   content: "\f06c"; }

 .fa-leanpub:before {
   content: "\f212"; }

 .fa-lemon:before {
   content: "\f094"; }

 .fa-less:before {
   content: "\f41d"; }

 .fa-less-than:before {
   content: "\f536"; }

 .fa-less-than-equal:before {
   content: "\f537"; }

 .fa-level-down-alt:before {
   content: "\f3be"; }

 .fa-level-up-alt:before {
   content: "\f3bf"; }

 .fa-life-ring:before {
   content: "\f1cd"; }

 .fa-lightbulb:before {
   content: "\f0eb"; }

 .fa-line:before {
   content: "\f3c0"; }

 .fa-link:before {
   content: "\f0c1"; }

 .fa-linkedin:before {
   content: "\f08c"; }

 .fa-linkedin-in:before {
   content: "\f0e1"; }

 .fa-linode:before {
   content: "\f2b8"; }

 .fa-linux:before {
   content: "\f17c"; }

 .fa-lira-sign:before {
   content: "\f195"; }

 .fa-list:before {
   content: "\f03a"; }

 .fa-list-alt:before {
   content: "\f022"; }

 .fa-list-ol:before {
   content: "\f0cb"; }

 .fa-list-ul:before {
   content: "\f0ca"; }

 .fa-location-arrow:before {
   content: "\f124"; }

 .fa-lock:before {
   content: "\f023"; }

 .fa-lock-open:before {
   content: "\f3c1"; }

 .fa-long-arrow-alt-down:before {
   content: "\f309"; }

 .fa-long-arrow-alt-left:before {
   content: "\f30a"; }

 .fa-long-arrow-alt-right:before {
   content: "\f30b"; }

 .fa-long-arrow-alt-up:before {
   content: "\f30c"; }

 .fa-low-vision:before {
   content: "\f2a8"; }

 .fa-luggage-cart:before {
   content: "\f59d"; }

 .fa-lungs:before {
   content: "\f604"; }

 .fa-lungs-virus:before {
   content: "\e067"; }

 .fa-lyft:before {
   content: "\f3c3"; }

 .fa-magento:before {
   content: "\f3c4"; }

 .fa-magic:before {
   content: "\f0d0"; }

 .fa-magnet:before {
   content: "\f076"; }

 .fa-mail-bulk:before {
   content: "\f674"; }

 .fa-mailchimp:before {
   content: "\f59e"; }

 .fa-male:before {
   content: "\f183"; }

 .fa-mandalorian:before {
   content: "\f50f"; }

 .fa-map:before {
   content: "\f279"; }

 .fa-map-marked:before {
   content: "\f59f"; }

 .fa-map-marked-alt:before {
   content: "\f5a0"; }

 .fa-map-marker:before {
   content: "\f041"; }

 .fa-map-marker-alt:before {
   content: "\f3c5"; }

 .fa-map-pin:before {
   content: "\f276"; }

 .fa-map-signs:before {
   content: "\f277"; }

 .fa-markdown:before {
   content: "\f60f"; }

 .fa-marker:before {
   content: "\f5a1"; }

 .fa-mars:before {
   content: "\f222"; }

 .fa-mars-double:before {
   content: "\f227"; }

 .fa-mars-stroke:before {
   content: "\f229"; }

 .fa-mars-stroke-h:before {
   content: "\f22b"; }

 .fa-mars-stroke-v:before {
   content: "\f22a"; }

 .fa-mask:before {
   content: "\f6fa"; }

 .fa-mastodon:before {
   content: "\f4f6"; }

 .fa-maxcdn:before {
   content: "\f136"; }

 .fa-mdb:before {
   content: "\f8ca"; }

 .fa-medal:before {
   content: "\f5a2"; }

 .fa-medapps:before {
   content: "\f3c6"; }

 .fa-medium:before {
   content: "\f23a"; }

 .fa-medium-m:before {
   content: "\f3c7"; }

 .fa-medkit:before {
   content: "\f0fa"; }

 .fa-medrt:before {
   content: "\f3c8"; }

 .fa-meetup:before {
   content: "\f2e0"; }

 .fa-megaport:before {
   content: "\f5a3"; }

 .fa-meh:before {
   content: "\f11a"; }

 .fa-meh-blank:before {
   content: "\f5a4"; }

 .fa-meh-rolling-eyes:before {
   content: "\f5a5"; }

 .fa-memory:before {
   content: "\f538"; }

 .fa-mendeley:before {
   content: "\f7b3"; }

 .fa-menorah:before {
   content: "\f676"; }

 .fa-mercury:before {
   content: "\f223"; }

 .fa-meteor:before {
   content: "\f753"; }

 .fa-microblog:before {
   content: "\e01a"; }

 .fa-microchip:before {
   content: "\f2db"; }

 .fa-microphone:before {
   content: "\f130"; }

 .fa-microphone-alt:before {
   content: "\f3c9"; }

 .fa-microphone-alt-slash:before {
   content: "\f539"; }

 .fa-microphone-slash:before {
   content: "\f131"; }

 .fa-microscope:before {
   content: "\f610"; }

 .fa-microsoft:before {
   content: "\f3ca"; }

 .fa-minus:before {
   content: "\f068"; }

 .fa-minus-circle:before {
   content: "\f056"; }

 .fa-minus-square:before {
   content: "\f146"; }

 .fa-mitten:before {
   content: "\f7b5"; }

 .fa-mix:before {
   content: "\f3cb"; }

 .fa-mixcloud:before {
   content: "\f289"; }

 .fa-mixer:before {
   content: "\e056"; }

 .fa-mizuni:before {
   content: "\f3cc"; }

 .fa-mobile:before {
   content: "\f10b"; }

 .fa-mobile-alt:before {
   content: "\f3cd"; }

 .fa-modx:before {
   content: "\f285"; }

 .fa-monero:before {
   content: "\f3d0"; }

 .fa-money-bill:before {
   content: "\f0d6"; }

 .fa-money-bill-alt:before {
   content: "\f3d1"; }

 .fa-money-bill-wave:before {
   content: "\f53a"; }

 .fa-money-bill-wave-alt:before {
   content: "\f53b"; }

 .fa-money-check:before {
   content: "\f53c"; }

 .fa-money-check-alt:before {
   content: "\f53d"; }

 .fa-monument:before {
   content: "\f5a6"; }

 .fa-moon:before {
   content: "\f186"; }

 .fa-mortar-pestle:before {
   content: "\f5a7"; }

 .fa-mosque:before {
   content: "\f678"; }

 .fa-motorcycle:before {
   content: "\f21c"; }

 .fa-mountain:before {
   content: "\f6fc"; }

 .fa-mouse:before {
   content: "\f8cc"; }

 .fa-mouse-pointer:before {
   content: "\f245"; }

 .fa-mug-hot:before {
   content: "\f7b6"; }

 .fa-music:before {
   content: "\f001"; }

 .fa-napster:before {
   content: "\f3d2"; }

 .fa-neos:before {
   content: "\f612"; }

 .fa-network-wired:before {
   content: "\f6ff"; }

 .fa-neuter:before {
   content: "\f22c"; }

 .fa-newspaper:before {
   content: "\f1ea"; }

 .fa-nimblr:before {
   content: "\f5a8"; }

 .fa-node:before {
   content: "\f419"; }

 .fa-node-js:before {
   content: "\f3d3"; }

 .fa-not-equal:before {
   content: "\f53e"; }

 .fa-notes-medical:before {
   content: "\f481"; }

 .fa-npm:before {
   content: "\f3d4"; }

 .fa-ns8:before {
   content: "\f3d5"; }

 .fa-nutritionix:before {
   content: "\f3d6"; }

 .fa-object-group:before {
   content: "\f247"; }

 .fa-object-ungroup:before {
   content: "\f248"; }

 .fa-odnoklassniki:before {
   content: "\f263"; }

 .fa-odnoklassniki-square:before {
   content: "\f264"; }

 .fa-oil-can:before {
   content: "\f613"; }

 .fa-old-republic:before {
   content: "\f510"; }

 .fa-om:before {
   content: "\f679"; }

 .fa-opencart:before {
   content: "\f23d"; }

 .fa-openid:before {
   content: "\f19b"; }

 .fa-opera:before {
   content: "\f26a"; }

 .fa-optin-monster:before {
   content: "\f23c"; }

 .fa-orcid:before {
   content: "\f8d2"; }

 .fa-osi:before {
   content: "\f41a"; }

 .fa-otter:before {
   content: "\f700"; }

 .fa-outdent:before {
   content: "\f03b"; }

 .fa-page4:before {
   content: "\f3d7"; }

 .fa-pagelines:before {
   content: "\f18c"; }

 .fa-pager:before {
   content: "\f815"; }

 .fa-paint-brush:before {
   content: "\f1fc"; }

 .fa-paint-roller:before {
   content: "\f5aa"; }

 .fa-palette:before {
   content: "\f53f"; }

 .fa-palfed:before {
   content: "\f3d8"; }

 .fa-pallet:before {
   content: "\f482"; }

 .fa-paper-plane:before {
   content: "\f1d8"; }

 .fa-paperclip:before {
   content: "\f0c6"; }

 .fa-parachute-box:before {
   content: "\f4cd"; }

 .fa-paragraph:before {
   content: "\f1dd"; }

 .fa-parking:before {
   content: "\f540"; }

 .fa-passport:before {
   content: "\f5ab"; }

 .fa-pastafarianism:before {
   content: "\f67b"; }

 .fa-paste:before {
   content: "\f0ea"; }

 .fa-patreon:before {
   content: "\f3d9"; }

 .fa-pause:before {
   content: "\f04c"; }

 .fa-pause-circle:before {
   content: "\f28b"; }

 .fa-paw:before {
   content: "\f1b0"; }

 .fa-paypal:before {
   content: "\f1ed"; }

 .fa-peace:before {
   content: "\f67c"; }

 .fa-pen:before {
   content: "\f304"; }

 .fa-pen-alt:before {
   content: "\f305"; }

 .fa-pen-fancy:before {
   content: "\f5ac"; }

 .fa-pen-nib:before {
   content: "\f5ad"; }

 .fa-pen-square:before {
   content: "\f14b"; }

 .fa-pencil-alt:before {
   content: "\f303"; }

 .fa-pencil-ruler:before {
   content: "\f5ae"; }

 .fa-penny-arcade:before {
   content: "\f704"; }

 .fa-people-arrows:before {
   content: "\e068"; }

 .fa-people-carry:before {
   content: "\f4ce"; }

 .fa-pepper-hot:before {
   content: "\f816"; }

 .fa-percent:before {
   content: "\f295"; }

 .fa-percentage:before {
   content: "\f541"; }

 .fa-periscope:before {
   content: "\f3da"; }

 .fa-person-booth:before {
   content: "\f756"; }

 .fa-phabricator:before {
   content: "\f3db"; }

 .fa-phoenix-framework:before {
   content: "\f3dc"; }

 .fa-phoenix-squadron:before {
   content: "\f511"; }

 .fa-phone:before {
   content: "\f095"; }

 .fa-phone-alt:before {
   content: "\f879"; }

 .fa-phone-slash:before {
   content: "\f3dd"; }

 .fa-phone-square:before {
   content: "\f098"; }

 .fa-phone-square-alt:before {
   content: "\f87b"; }

 .fa-phone-volume:before {
   content: "\f2a0"; }

 .fa-photo-video:before {
   content: "\f87c"; }

 .fa-php:before {
   content: "\f457"; }

 .fa-pied-piper:before {
   content: "\f2ae"; }

 .fa-pied-piper-alt:before {
   content: "\f1a8"; }

 .fa-pied-piper-hat:before {
   content: "\f4e5"; }

 .fa-pied-piper-pp:before {
   content: "\f1a7"; }

 .fa-pied-piper-square:before {
   content: "\e01e"; }

 .fa-piggy-bank:before {
   content: "\f4d3"; }

 .fa-pills:before {
   content: "\f484"; }

 .fa-pinterest:before {
   content: "\f0d2"; }

 .fa-pinterest-p:before {
   content: "\f231"; }

 .fa-pinterest-square:before {
   content: "\f0d3"; }

 .fa-pizza-slice:before {
   content: "\f818"; }

 .fa-place-of-worship:before {
   content: "\f67f"; }

 .fa-plane:before {
   content: "\f072"; }

 .fa-plane-arrival:before {
   content: "\f5af"; }

 .fa-plane-departure:before {
   content: "\f5b0"; }

 .fa-plane-slash:before {
   content: "\e069"; }

 .fa-play:before {
   content: "\f04b"; }

 .fa-play-circle:before {
   content: "\f144"; }

 .fa-playstation:before {
   content: "\f3df"; }

 .fa-plug:before {
   content: "\f1e6"; }

 .fa-plus:before {
   content: "\f067"; }

 .fa-plus-circle:before {
   content: "\f055"; }

 .fa-plus-square:before {
   content: "\f0fe"; }

 .fa-podcast:before {
   content: "\f2ce"; }

 .fa-poll:before {
   content: "\f681"; }

 .fa-poll-h:before {
   content: "\f682"; }

 .fa-poo:before {
   content: "\f2fe"; }

 .fa-poo-storm:before {
   content: "\f75a"; }

 .fa-poop:before {
   content: "\f619"; }

 .fa-portrait:before {
   content: "\f3e0"; }

 .fa-pound-sign:before {
   content: "\f154"; }

 .fa-power-off:before {
   content: "\f011"; }

 .fa-pray:before {
   content: "\f683"; }

 .fa-praying-hands:before {
   content: "\f684"; }

 .fa-prescription:before {
   content: "\f5b1"; }

 .fa-prescription-bottle:before {
   content: "\f485"; }

 .fa-prescription-bottle-alt:before {
   content: "\f486"; }

 .fa-print:before {
   content: "\f02f"; }

 .fa-procedures:before {
   content: "\f487"; }

 .fa-product-hunt:before {
   content: "\f288"; }

 .fa-project-diagram:before {
   content: "\f542"; }

 .fa-pump-medical:before {
   content: "\e06a"; }

 .fa-pump-soap:before {
   content: "\e06b"; }

 .fa-pushed:before {
   content: "\f3e1"; }

 .fa-puzzle-piece:before {
   content: "\f12e"; }

 .fa-python:before {
   content: "\f3e2"; }

 .fa-qq:before {
   content: "\f1d6"; }

 .fa-qrcode:before {
   content: "\f029"; }

 .fa-question:before {
   content: "\f128"; }

 .fa-question-circle:before {
   content: "\f059"; }

 .fa-quidditch:before {
   content: "\f458"; }

 .fa-quinscape:before {
   content: "\f459"; }

 .fa-quora:before {
   content: "\f2c4"; }

 .fa-quote-left:before {
   content: "\f10d"; }

 .fa-quote-right:before {
   content: "\f10e"; }

 .fa-quran:before {
   content: "\f687"; }

 .fa-r-project:before {
   content: "\f4f7"; }

 .fa-radiation:before {
   content: "\f7b9"; }

 .fa-radiation-alt:before {
   content: "\f7ba"; }

 .fa-rainbow:before {
   content: "\f75b"; }

 .fa-random:before {
   content: "\f074"; }

 .fa-raspberry-pi:before {
   content: "\f7bb"; }

 .fa-ravelry:before {
   content: "\f2d9"; }

 .fa-react:before {
   content: "\f41b"; }

 .fa-reacteurope:before {
   content: "\f75d"; }

 .fa-readme:before {
   content: "\f4d5"; }

 .fa-rebel:before {
   content: "\f1d0"; }

 .fa-receipt:before {
   content: "\f543"; }

 .fa-record-vinyl:before {
   content: "\f8d9"; }

 .fa-recycle:before {
   content: "\f1b8"; }

 .fa-red-river:before {
   content: "\f3e3"; }

 .fa-reddit:before {
   content: "\f1a1"; }

 .fa-reddit-alien:before {
   content: "\f281"; }

 .fa-reddit-square:before {
   content: "\f1a2"; }

 .fa-redhat:before {
   content: "\f7bc"; }

 .fa-redo:before {
   content: "\f01e"; }

 .fa-redo-alt:before {
   content: "\f2f9"; }

 .fa-registered:before {
   content: "\f25d"; }

 .fa-remove-format:before {
   content: "\f87d"; }

 .fa-renren:before {
   content: "\f18b"; }

 .fa-reply:before {
   content: "\f3e5"; }

 .fa-reply-all:before {
   content: "\f122"; }

 .fa-replyd:before {
   content: "\f3e6"; }

 .fa-republican:before {
   content: "\f75e"; }

 .fa-researchgate:before {
   content: "\f4f8"; }

 .fa-resolving:before {
   content: "\f3e7"; }

 .fa-restroom:before {
   content: "\f7bd"; }

 .fa-retweet:before {
   content: "\f079"; }

 .fa-rev:before {
   content: "\f5b2"; }

 .fa-ribbon:before {
   content: "\f4d6"; }

 .fa-ring:before {
   content: "\f70b"; }

 .fa-road:before {
   content: "\f018"; }

 .fa-robot:before {
   content: "\f544"; }

 .fa-rocket:before {
   content: "\f135"; }

 .fa-rocketchat:before {
   content: "\f3e8"; }

 .fa-rockrms:before {
   content: "\f3e9"; }

 .fa-route:before {
   content: "\f4d7"; }

 .fa-rss:before {
   content: "\f09e"; }

 .fa-rss-square:before {
   content: "\f143"; }

 .fa-ruble-sign:before {
   content: "\f158"; }

 .fa-ruler:before {
   content: "\f545"; }

 .fa-ruler-combined:before {
   content: "\f546"; }

 .fa-ruler-horizontal:before {
   content: "\f547"; }

 .fa-ruler-vertical:before {
   content: "\f548"; }

 .fa-running:before {
   content: "\f70c"; }

 .fa-rupee-sign:before {
   content: "\f156"; }

 .fa-rust:before {
   content: "\e07a"; }

 .fa-sad-cry:before {
   content: "\f5b3"; }

 .fa-sad-tear:before {
   content: "\f5b4"; }

 .fa-safari:before {
   content: "\f267"; }

 .fa-salesforce:before {
   content: "\f83b"; }

 .fa-sass:before {
   content: "\f41e"; }

 .fa-satellite:before {
   content: "\f7bf"; }

 .fa-satellite-dish:before {
   content: "\f7c0"; }

 .fa-save:before {
   content: "\f0c7"; }

 .fa-schlix:before {
   content: "\f3ea"; }

 .fa-school:before {
   content: "\f549"; }

 .fa-screwdriver:before {
   content: "\f54a"; }

 .fa-scribd:before {
   content: "\f28a"; }

 .fa-scroll:before {
   content: "\f70e"; }

 .fa-sd-card:before {
   content: "\f7c2"; }

 .fa-search:before {
   content: "\f002"; }

 .fa-search-dollar:before {
   content: "\f688"; }

 .fa-search-location:before {
   content: "\f689"; }

 .fa-search-minus:before {
   content: "\f010"; }

 .fa-search-plus:before {
   content: "\f00e"; }

 .fa-searchengin:before {
   content: "\f3eb"; }

 .fa-seedling:before {
   content: "\f4d8"; }

 .fa-sellcast:before {
   content: "\f2da"; }

 .fa-sellsy:before {
   content: "\f213"; }

 .fa-server:before {
   content: "\f233"; }

 .fa-servicestack:before {
   content: "\f3ec"; }

 .fa-shapes:before {
   content: "\f61f"; }

 .fa-share:before {
   content: "\f064"; }

 .fa-share-alt:before {
   content: "\f1e0"; }

 .fa-share-alt-square:before {
   content: "\f1e1"; }

 .fa-share-square:before {
   content: "\f14d"; }

 .fa-shekel-sign:before {
   content: "\f20b"; }

 .fa-shield-alt:before {
   content: "\f3ed"; }

 .fa-shield-virus:before {
   content: "\e06c"; }

 .fa-ship:before {
   content: "\f21a"; }

 .fa-shipping-fast:before {
   content: "\f48b"; }

 .fa-shirtsinbulk:before {
   content: "\f214"; }

 .fa-shoe-prints:before {
   content: "\f54b"; }

 .fa-shopify:before {
   content: "\e057"; }

 .fa-shopping-bag:before {
   content: "\f290"; }

 .fa-shopping-basket:before {
   content: "\f291"; }

 .fa-shopping-cart:before {
   content: "\f07a"; }

 .fa-shopware:before {
   content: "\f5b5"; }

 .fa-shower:before {
   content: "\f2cc"; }

 .fa-shuttle-van:before {
   content: "\f5b6"; }

 .fa-sign:before {
   content: "\f4d9"; }

 .fa-sign-in-alt:before {
   content: "\f2f6"; }

 .fa-sign-language:before {
   content: "\f2a7"; }

 .fa-sign-out-alt:before {
   content: "\f2f5"; }

 .fa-signal:before {
   content: "\f012"; }

 .fa-signature:before {
   content: "\f5b7"; }

 .fa-sim-card:before {
   content: "\f7c4"; }

 .fa-simplybuilt:before {
   content: "\f215"; }

 .fa-sink:before {
   content: "\e06d"; }

 .fa-sistrix:before {
   content: "\f3ee"; }

 .fa-sitemap:before {
   content: "\f0e8"; }

 .fa-sith:before {
   content: "\f512"; }

 .fa-skating:before {
   content: "\f7c5"; }

 .fa-sketch:before {
   content: "\f7c6"; }

 .fa-skiing:before {
   content: "\f7c9"; }

 .fa-skiing-nordic:before {
   content: "\f7ca"; }

 .fa-skull:before {
   content: "\f54c"; }

 .fa-skull-crossbones:before {
   content: "\f714"; }

 .fa-skyatlas:before {
   content: "\f216"; }

 .fa-skype:before {
   content: "\f17e"; }

 .fa-slack:before {
   content: "\f198"; }

 .fa-slack-hash:before {
   content: "\f3ef"; }

 .fa-slash:before {
   content: "\f715"; }

 .fa-sleigh:before {
   content: "\f7cc"; }

 .fa-sliders-h:before {
   content: "\f1de"; }

 .fa-slideshare:before {
   content: "\f1e7"; }

 .fa-smile:before {
   content: "\f118"; }

 .fa-smile-beam:before {
   content: "\f5b8"; }

 .fa-smile-wink:before {
   content: "\f4da"; }

 .fa-smog:before {
   content: "\f75f"; }

 .fa-smoking:before {
   content: "\f48d"; }

 .fa-smoking-ban:before {
   content: "\f54d"; }

 .fa-sms:before {
   content: "\f7cd"; }

 .fa-snapchat:before {
   content: "\f2ab"; }

 .fa-snapchat-ghost:before {
   content: "\f2ac"; }

 .fa-snapchat-square:before {
   content: "\f2ad"; }

 .fa-snowboarding:before {
   content: "\f7ce"; }

 .fa-snowflake:before {
   content: "\f2dc"; }

 .fa-snowman:before {
   content: "\f7d0"; }

 .fa-snowplow:before {
   content: "\f7d2"; }

 .fa-soap:before {
   content: "\e06e"; }

 .fa-socks:before {
   content: "\f696"; }

 .fa-solar-panel:before {
   content: "\f5ba"; }

 .fa-sort:before {
   content: "\f0dc"; }

 .fa-sort-alpha-down:before {
   content: "\f15d"; }

 .fa-sort-alpha-down-alt:before {
   content: "\f881"; }

 .fa-sort-alpha-up:before {
   content: "\f15e"; }

 .fa-sort-alpha-up-alt:before {
   content: "\f882"; }

 .fa-sort-amount-down:before {
   content: "\f160"; }

 .fa-sort-amount-down-alt:before {
   content: "\f884"; }

 .fa-sort-amount-up:before {
   content: "\f161"; }

 .fa-sort-amount-up-alt:before {
   content: "\f885"; }

 .fa-sort-down:before {
   content: "\f0dd"; }

 .fa-sort-numeric-down:before {
   content: "\f162"; }

 .fa-sort-numeric-down-alt:before {
   content: "\f886"; }

 .fa-sort-numeric-up:before {
   content: "\f163"; }

 .fa-sort-numeric-up-alt:before {
   content: "\f887"; }

 .fa-sort-up:before {
   content: "\f0de"; }

 .fa-soundcloud:before {
   content: "\f1be"; }

 .fa-sourcetree:before {
   content: "\f7d3"; }

 .fa-spa:before {
   content: "\f5bb"; }

 .fa-space-shuttle:before {
   content: "\f197"; }

 .fa-speakap:before {
   content: "\f3f3"; }

 .fa-speaker-deck:before {
   content: "\f83c"; }

 .fa-spell-check:before {
   content: "\f891"; }

 .fa-spider:before {
   content: "\f717"; }

 .fa-spinner:before {
   content: "\f110"; }

 .fa-splotch:before {
   content: "\f5bc"; }

 .fa-spotify:before {
   content: "\f1bc"; }

 .fa-spray-can:before {
   content: "\f5bd"; }

 .fa-square:before {
   content: "\f0c8"; }

 .fa-square-full:before {
   content: "\f45c"; }

 .fa-square-root-alt:before {
   content: "\f698"; }

 .fa-squarespace:before {
   content: "\f5be"; }

 .fa-stack-exchange:before {
   content: "\f18d"; }

 .fa-stack-overflow:before {
   content: "\f16c"; }

 .fa-stackpath:before {
   content: "\f842"; }

 .fa-stamp:before {
   content: "\f5bf"; }

 .fa-star:before {
   content: "\f005"; }

 .fa-star-and-crescent:before {
   content: "\f699"; }

 .fa-star-half:before {
   content: "\f089"; }

 .fa-star-half-alt:before {
   content: "\f5c0"; }

 .fa-star-of-david:before {
   content: "\f69a"; }

 .fa-star-of-life:before {
   content: "\f621"; }

 .fa-staylinked:before {
   content: "\f3f5"; }

 .fa-steam:before {
   content: "\f1b6"; }

 .fa-steam-square:before {
   content: "\f1b7"; }

 .fa-steam-symbol:before {
   content: "\f3f6"; }

 .fa-step-backward:before {
   content: "\f048"; }

 .fa-step-forward:before {
   content: "\f051"; }

 .fa-stethoscope:before {
   content: "\f0f1"; }

 .fa-sticker-mule:before {
   content: "\f3f7"; }

 .fa-sticky-note:before {
   content: "\f249"; }

 .fa-stop:before {
   content: "\f04d"; }

 .fa-stop-circle:before {
   content: "\f28d"; }

 .fa-stopwatch:before {
   content: "\f2f2"; }

 .fa-stopwatch-20:before {
   content: "\e06f"; }

 .fa-store:before {
   content: "\f54e"; }

 .fa-store-alt:before {
   content: "\f54f"; }

 .fa-store-alt-slash:before {
   content: "\e070"; }

 .fa-store-slash:before {
   content: "\e071"; }

 .fa-strava:before {
   content: "\f428"; }

 .fa-stream:before {
   content: "\f550"; }

 .fa-street-view:before {
   content: "\f21d"; }

 .fa-strikethrough:before {
   content: "\f0cc"; }

 .fa-stripe:before {
   content: "\f429"; }

 .fa-stripe-s:before {
   content: "\f42a"; }

 .fa-stroopwafel:before {
   content: "\f551"; }

 .fa-studiovinari:before {
   content: "\f3f8"; }

 .fa-stumbleupon:before {
   content: "\f1a4"; }

 .fa-stumbleupon-circle:before {
   content: "\f1a3"; }

 .fa-subscript:before {
   content: "\f12c"; }

 .fa-subway:before {
   content: "\f239"; }

 .fa-suitcase:before {
   content: "\f0f2"; }

 .fa-suitcase-rolling:before {
   content: "\f5c1"; }

 .fa-sun:before {
   content: "\f185"; }

 .fa-superpowers:before {
   content: "\f2dd"; }

 .fa-superscript:before {
   content: "\f12b"; }

 .fa-supple:before {
   content: "\f3f9"; }

 .fa-surprise:before {
   content: "\f5c2"; }

 .fa-suse:before {
   content: "\f7d6"; }

 .fa-swatchbook:before {
   content: "\f5c3"; }

 .fa-swift:before {
   content: "\f8e1"; }

 .fa-swimmer:before {
   content: "\f5c4"; }

 .fa-swimming-pool:before {
   content: "\f5c5"; }

 .fa-symfony:before {
   content: "\f83d"; }

 .fa-synagogue:before {
   content: "\f69b"; }

 .fa-sync:before {
   content: "\f021"; }

 .fa-sync-alt:before {
   content: "\f2f1"; }

 .fa-syringe:before {
   content: "\f48e"; }

 .fa-table:before {
   content: "\f0ce"; }

 .fa-table-tennis:before {
   content: "\f45d"; }

 .fa-tablet:before {
   content: "\f10a"; }

 .fa-tablet-alt:before {
   content: "\f3fa"; }

 .fa-tablets:before {
   content: "\f490"; }

 .fa-tachometer-alt:before {
   content: "\f3fd"; }

 .fa-tag:before {
   content: "\f02b"; }

 .fa-tags:before {
   content: "\f02c"; }

 .fa-tape:before {
   content: "\f4db"; }

 .fa-tasks:before {
   content: "\f0ae"; }

 .fa-taxi:before {
   content: "\f1ba"; }

 .fa-teamspeak:before {
   content: "\f4f9"; }

 .fa-teeth:before {
   content: "\f62e"; }

 .fa-teeth-open:before {
   content: "\f62f"; }

 .fa-telegram:before {
   content: "\f2c6"; }

 .fa-telegram-plane:before {
   content: "\f3fe"; }

 .fa-temperature-high:before {
   content: "\f769"; }

 .fa-temperature-low:before {
   content: "\f76b"; }

 .fa-tencent-weibo:before {
   content: "\f1d5"; }

 .fa-tenge:before {
   content: "\f7d7"; }

 .fa-terminal:before {
   content: "\f120"; }

 .fa-text-height:before {
   content: "\f034"; }

 .fa-text-width:before {
   content: "\f035"; }

 .fa-th:before {
   content: "\f00a"; }

 .fa-th-large:before {
   content: "\f009"; }

 .fa-th-list:before {
   content: "\f00b"; }

 .fa-the-red-yeti:before {
   content: "\f69d"; }

 .fa-theater-masks:before {
   content: "\f630"; }

 .fa-themeco:before {
   content: "\f5c6"; }

 .fa-themeisle:before {
   content: "\f2b2"; }

 .fa-thermometer:before {
   content: "\f491"; }

 .fa-thermometer-empty:before {
   content: "\f2cb"; }

 .fa-thermometer-full:before {
   content: "\f2c7"; }

 .fa-thermometer-half:before {
   content: "\f2c9"; }

 .fa-thermometer-quarter:before {
   content: "\f2ca"; }

 .fa-thermometer-three-quarters:before {
   content: "\f2c8"; }

 .fa-think-peaks:before {
   content: "\f731"; }

 .fa-thumbs-down:before {
   content: "\f165"; }

 .fa-thumbs-up:before {
   content: "\f164"; }

 .fa-thumbtack:before {
   content: "\f08d"; }

 .fa-ticket-alt:before {
   content: "\f3ff"; }

 .fa-tiktok:before {
   content: "\e07b"; }

 .fa-times:before {
   content: "\f00d"; }

 .fa-times-circle:before {
   content: "\f057"; }

 .fa-tint:before {
   content: "\f043"; }

 .fa-tint-slash:before {
   content: "\f5c7"; }

 .fa-tired:before {
   content: "\f5c8"; }

 .fa-toggle-off:before {
   content: "\f204"; }

 .fa-toggle-on:before {
   content: "\f205"; }

 .fa-toilet:before {
   content: "\f7d8"; }

 .fa-toilet-paper:before {
   content: "\f71e"; }

 .fa-toilet-paper-slash:before {
   content: "\e072"; }

 .fa-toolbox:before {
   content: "\f552"; }

 .fa-tools:before {
   content: "\f7d9"; }

 .fa-tooth:before {
   content: "\f5c9"; }

 .fa-torah:before {
   content: "\f6a0"; }

 .fa-torii-gate:before {
   content: "\f6a1"; }

 .fa-tractor:before {
   content: "\f722"; }

 .fa-trade-federation:before {
   content: "\f513"; }

 .fa-trademark:before {
   content: "\f25c"; }

 .fa-traffic-light:before {
   content: "\f637"; }

 .fa-trailer:before {
   content: "\e041"; }

 .fa-train:before {
   content: "\f238"; }

 .fa-tram:before {
   content: "\f7da"; }

 .fa-transgender:before {
   content: "\f224"; }

 .fa-transgender-alt:before {
   content: "\f225"; }

 .fa-trash:before {
   content: "\f1f8"; }

 .fa-trash-alt:before {
   content: "\f2ed"; }

 .fa-trash-restore:before {
   content: "\f829"; }

 .fa-trash-restore-alt:before {
   content: "\f82a"; }

 .fa-tree:before {
   content: "\f1bb"; }

 .fa-trello:before {
   content: "\f181"; }

 .fa-tripadvisor:before {
   content: "\f262"; }

 .fa-trophy:before {
   content: "\f091"; }

 .fa-truck:before {
   content: "\f0d1"; }

 .fa-truck-loading:before {
   content: "\f4de"; }

 .fa-truck-monster:before {
   content: "\f63b"; }

 .fa-truck-moving:before {
   content: "\f4df"; }

 .fa-truck-pickup:before {
   content: "\f63c"; }

 .fa-tshirt:before {
   content: "\f553"; }

 .fa-tty:before {
   content: "\f1e4"; }

 .fa-tumblr:before {
   content: "\f173"; }

 .fa-tumblr-square:before {
   content: "\f174"; }

 .fa-tv:before {
   content: "\f26c"; }

 .fa-twitch:before {
   content: "\f1e8"; }

 .fa-twitter:before {
   content: "\f099"; }

 .fa-twitter-square:before {
   content: "\f081"; }

 .fa-typo3:before {
   content: "\f42b"; }

 .fa-uber:before {
   content: "\f402"; }

 .fa-ubuntu:before {
   content: "\f7df"; }

 .fa-uikit:before {
   content: "\f403"; }

 .fa-umbraco:before {
   content: "\f8e8"; }

 .fa-umbrella:before {
   content: "\f0e9"; }

 .fa-umbrella-beach:before {
   content: "\f5ca"; }

 .fa-underline:before {
   content: "\f0cd"; }

 .fa-undo:before {
   content: "\f0e2"; }

 .fa-undo-alt:before {
   content: "\f2ea"; }

 .fa-uniregistry:before {
   content: "\f404"; }

 .fa-unity:before {
   content: "\e049"; }

 .fa-universal-access:before {
   content: "\f29a"; }

 .fa-university:before {
   content: "\f19c"; }

 .fa-unlink:before {
   content: "\f127"; }

 .fa-unlock:before {
   content: "\f09c"; }

 .fa-unlock-alt:before {
   content: "\f13e"; }

 .fa-unsplash:before {
   content: "\e07c"; }

 .fa-untappd:before {
   content: "\f405"; }

 .fa-upload:before {
   content: "\f093"; }

 .fa-ups:before {
   content: "\f7e0"; }

 .fa-usb:before {
   content: "\f287"; }

 .fa-user:before {
   content: "\f007"; }

 .fa-user-alt:before {
   content: "\f406"; }

 .fa-user-alt-slash:before {
   content: "\f4fa"; }

 .fa-user-astronaut:before {
   content: "\f4fb"; }

 .fa-user-check:before {
   content: "\f4fc"; }

 .fa-user-circle:before {
   content: "\f2bd"; }

 .fa-user-clock:before {
   content: "\f4fd"; }

 .fa-user-cog:before {
   content: "\f4fe"; }

 .fa-user-edit:before {
   content: "\f4ff"; }

 .fa-user-friends:before {
   content: "\f500"; }

 .fa-user-graduate:before {
   content: "\f501"; }

 .fa-user-injured:before {
   content: "\f728"; }

 .fa-user-lock:before {
   content: "\f502"; }

 .fa-user-md:before {
   content: "\f0f0"; }

 .fa-user-minus:before {
   content: "\f503"; }

 .fa-user-ninja:before {
   content: "\f504"; }

 .fa-user-nurse:before {
   content: "\f82f"; }

 .fa-user-plus:before {
   content: "\f234"; }

 .fa-user-secret:before {
   content: "\f21b"; }

 .fa-user-shield:before {
   content: "\f505"; }

 .fa-user-slash:before {
   content: "\f506"; }

 .fa-user-tag:before {
   content: "\f507"; }

 .fa-user-tie:before {
   content: "\f508"; }

 .fa-user-times:before {
   content: "\f235"; }

 .fa-users:before {
   content: "\f0c0"; }

 .fa-users-cog:before {
   content: "\f509"; }

 .fa-users-slash:before {
   content: "\e073"; }

 .fa-usps:before {
   content: "\f7e1"; }

 .fa-ussunnah:before {
   content: "\f407"; }

 .fa-utensil-spoon:before {
   content: "\f2e5"; }

 .fa-utensils:before {
   content: "\f2e7"; }

 .fa-vaadin:before {
   content: "\f408"; }

 .fa-vector-square:before {
   content: "\f5cb"; }

 .fa-venus:before {
   content: "\f221"; }

 .fa-venus-double:before {
   content: "\f226"; }

 .fa-venus-mars:before {
   content: "\f228"; }

 .fa-viacoin:before {
   content: "\f237"; }

 .fa-viadeo:before {
   content: "\f2a9"; }

 .fa-viadeo-square:before {
   content: "\f2aa"; }

 .fa-vial:before {
   content: "\f492"; }

 .fa-vials:before {
   content: "\f493"; }

 .fa-viber:before {
   content: "\f409"; }

 .fa-video:before {
   content: "\f03d"; }

 .fa-video-slash:before {
   content: "\f4e2"; }

 .fa-vihara:before {
   content: "\f6a7"; }

 .fa-vimeo:before {
   content: "\f40a"; }

 .fa-vimeo-square:before {
   content: "\f194"; }

 .fa-vimeo-v:before {
   content: "\f27d"; }

 .fa-vine:before {
   content: "\f1ca"; }

 .fa-virus:before {
   content: "\e074"; }

 .fa-virus-slash:before {
   content: "\e075"; }

 .fa-viruses:before {
   content: "\e076"; }

 .fa-vk:before {
   content: "\f189"; }

 .fa-vnv:before {
   content: "\f40b"; }

 .fa-voicemail:before {
   content: "\f897"; }

 .fa-volleyball-ball:before {
   content: "\f45f"; }

 .fa-volume-down:before {
   content: "\f027"; }

 .fa-volume-mute:before {
   content: "\f6a9"; }

 .fa-volume-off:before {
   content: "\f026"; }

 .fa-volume-up:before {
   content: "\f028"; }

 .fa-vote-yea:before {
   content: "\f772"; }

 .fa-vr-cardboard:before {
   content: "\f729"; }

 .fa-vuejs:before {
   content: "\f41f"; }

 .fa-walking:before {
   content: "\f554"; }

 .fa-wallet:before {
   content: "\f555"; }

 .fa-warehouse:before {
   content: "\f494"; }

 .fa-water:before {
   content: "\f773"; }

 .fa-wave-square:before {
   content: "\f83e"; }

 .fa-waze:before {
   content: "\f83f"; }

 .fa-weebly:before {
   content: "\f5cc"; }

 .fa-weibo:before {
   content: "\f18a"; }

 .fa-weight:before {
   content: "\f496"; }

 .fa-weight-hanging:before {
   content: "\f5cd"; }

 .fa-weixin:before {
   content: "\f1d7"; }

 .fa-whatsapp:before {
   content: "\f232"; }

 .fa-whatsapp-square:before {
   content: "\f40c"; }

 .fa-wheelchair:before {
   content: "\f193"; }

 .fa-whmcs:before {
   content: "\f40d"; }

 .fa-wifi:before {
   content: "\f1eb"; }

 .fa-wikipedia-w:before {
   content: "\f266"; }

 .fa-wind:before {
   content: "\f72e"; }

 .fa-window-close:before {
   content: "\f410"; }

 .fa-window-maximize:before {
   content: "\f2d0"; }

 .fa-window-minimize:before {
   content: "\f2d1"; }

 .fa-window-restore:before {
   content: "\f2d2"; }

 .fa-windows:before {
   content: "\f17a"; }

 .fa-wine-bottle:before {
   content: "\f72f"; }

 .fa-wine-glass:before {
   content: "\f4e3"; }

 .fa-wine-glass-alt:before {
   content: "\f5ce"; }

 .fa-wix:before {
   content: "\f5cf"; }

 .fa-wizards-of-the-coast:before {
   content: "\f730"; }

 .fa-wolf-pack-battalion:before {
   content: "\f514"; }

 .fa-won-sign:before {
   content: "\f159"; }

 .fa-wordpress:before {
   content: "\f19a"; }

 .fa-wordpress-simple:before {
   content: "\f411"; }

 .fa-wpbeginner:before {
   content: "\f297"; }

 .fa-wpexplorer:before {
   content: "\f2de"; }

 .fa-wpforms:before {
   content: "\f298"; }

 .fa-wpressr:before {
   content: "\f3e4"; }

 .fa-wrench:before {
   content: "\f0ad"; }

 .fa-x-ray:before {
   content: "\f497"; }

 .fa-xbox:before {
   content: "\f412"; }

 .fa-xing:before {
   content: "\f168"; }

 .fa-xing-square:before {
   content: "\f169"; }

 .fa-y-combinator:before {
   content: "\f23b"; }

 .fa-yahoo:before {
   content: "\f19e"; }

 .fa-yammer:before {
   content: "\f840"; }

 .fa-yandex:before {
   content: "\f413"; }

 .fa-yandex-international:before {
   content: "\f414"; }

 .fa-yarn:before {
   content: "\f7e3"; }

 .fa-yelp:before {
   content: "\f1e9"; }

 .fa-yen-sign:before {
   content: "\f157"; }

 .fa-yin-yang:before {
   content: "\f6ad"; }

 .fa-yoast:before {
   content: "\f2b1"; }

 .fa-youtube:before {
   content: "\f167"; }

 .fa-youtube-square:before {
   content: "\f431"; }

 .fa-zhihu:before {
   content: "\f63f"; }

 .sr-only {
   border: 0;
   clip: rect(0, 0, 0, 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px; }

 .sr-only-focusable:active, .sr-only-focusable:focus {
   clip: auto;
   height: auto;
   margin: 0;
   overflow: visible;
   position: static;
   width: auto; }
 @font-face {
   font-family: 'Font Awesome 5 Brands';
   font-style: normal;
   font-weight: 400;
   font-display: block;
   src: url("/dist/assets/fa-brands-400-CFs0fiQf.eot");
   src: url("/dist/assets/fa-brands-400-CFs0fiQf.eot?#iefix") format("embedded-opentype"), url("/dist/assets/fa-brands-400-DQsSw2Yb.woff2") format("woff2"), url("/dist/assets/fa-brands-400-BqJ3LLkc.woff") format("woff"), url("/dist/assets/fa-brands-400-nckluz5Q.ttf") format("truetype"), url("/dist/assets/fa-brands-400-DvPmGV96.svg#fontawesome") format("svg"); }

 .fab {
   font-family: 'Font Awesome 5 Brands';
   font-weight: 400; }
 @font-face {
   font-family: 'Font Awesome 5 Free';
   font-style: normal;
   font-weight: 400;
   font-display: block;
   src: url("/dist/assets/fa-regular-400-DrckKoqT.eot");
   src: url("/dist/assets/fa-regular-400-DrckKoqT.eot?#iefix") format("embedded-opentype"), url("/dist/assets/fa-regular-400-DwwvNxDL.woff2") format("woff2"), url("/dist/assets/fa-regular-400-BQmChcdo.woff") format("woff"), url("/dist/assets/fa-regular-400-vi2_wC49.ttf") format("truetype"), url("/dist/assets/fa-regular-400-D5jwDxsD.svg#fontawesome") format("svg"); }

 .far {
   font-family: 'Font Awesome 5 Free';
   font-weight: 400; }
 @font-face {
   font-family: 'Font Awesome 5 Free';
   font-style: normal;
   font-weight: 900;
   font-display: block;
   src: url("/dist/assets/fa-solid-900-DlDcMMJp.eot?#iefix") format("embedded-opentype"), url("/dist/assets/fa-solid-900-Pw3ri-qk.woff2") format("woff2"), url("/dist/assets/fa-solid-900-B_Rs5zOp.woff") format("woff"), url("/dist/assets/fa-solid-900-Dl80LIzI.ttf") format("truetype"), url("/dist/assets/fa-solid-900-BwH8ZbYx.svg#fontawesome") format("svg"); }

 .fa,
 .fas {
   font-family: 'Font Awesome 5 Free';
   font-weight: 900; }


   /*--------------------------------

LineIconsPro Light Web Font
Generated using nucleoapp.com

-------------------------------- */
@font-face {
    font-family: 'LineIconsPro Light';
    src: url('/dist/assets/LineIconsPro%20Light-CJLkmqQL.eot');
    src: url('/dist/assets/LineIconsPro%20Light-CJLkmqQL.eot') format('embedded-opentype'), url('/dist/assets/LineIconsPro%20Light-IFdyDgAz.woff2') format('woff2'), url('/dist/assets/LineIconsPro%20Light-Cfzbk2NV.woff') format('woff'), url('/dist/assets/LineIconsPro%20Light-PHjkJxrv.ttf') format('truetype'), url('/dist/assets/LineIconsPro%20Light-Cx3D_LxM.svg') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  /*------------------------
      base class definition
  -------------------------*/
  .lnil {
    display: inline-block;
    font: normal normal normal 1em/1 'LineIconsPro Light';
    speak: none;
    text-transform: none;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  /*------------------------
    change icon size
  -------------------------*/
  /* relative units */
  .lnil-sm {
    font-size: 0.8em;
  }
  .lnil-lg {
    font-size: 1.2em;
  }
  /* absolute units */
  .lnil-16 {
    font-size: 16px;
  }
  .lnil-32 {
    font-size: 32px;
  }
  /*----------------------------------
    add a square/circle background
  -----------------------------------*/
  .lnil-bg-square,
  .lnil-bg-circle {
    padding: 0.35em;
    background-color: #eee;
  }
  .lnil-bg-circle {
    border-radius: 50%;
  }
  /*------------------------------------
    use icons as list item markers
  -------------------------------------*/
  .lnil-ul {
    padding-left: 0;
    list-style-type: none;
  }
  .lnil-ul > li {
    display: flex;
    align-items: flex-start;
    line-height: 1.4;
  }
  .lnil-ul > li > .lnil {
    margin-right: 0.4em;
    line-height: inherit;
  }
  /*------------------------
    spinning icons
  -------------------------*/
  .lnil-is-spinning {
    animation: lnil-spin 2s infinite linear;
  }
  @keyframes lnil-spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  /*------------------------
    rotated/flipped icons
  -------------------------*/
  .lnil-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    transform: rotate(90deg);
  }
  .lnil-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: rotate(180deg);
  }
  .lnil-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(270deg);
  }
  .lnil-flip-y {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
    transform: scale(-1, 1);
  }
  .lnil-flip-x {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: scale(1, -1);
  }
  /*------------------------
      icons
  -------------------------*/

  .lnil-air-flow::before {
    content: "\ea02";
  }

  .lnil-air::before {
    content: "\ea03";
  }

  .lnil-cloud-moon::before {
    content: "\ea04";
  }

  .lnil-cloud-sun::before {
    content: "\ea05";
  }

  .lnil-cloud-alt::before {
    content: "\ea06";
  }

  .lnil-cloudy-sun::before {
    content: "\ea07";
  }

  .lnil-cloud-alt-2::before {
    content: "\ea08";
  }

  .lnil-drop::before {
    content: "\ea09";
  }

  .lnil-farenheit::before {
    content: "\ea0a";
  }

  .lnil-moon-star::before {
    content: "\ea0b";
  }

  .lnil-cloud::before {
    content: "\ea0c";
  }

  .lnil-night-thunder::before {
    content: "\ea0d";
  }

  .lnil-drop-alt::before {
    content: "\ea0e";
  }

  .lnil-night::before {
    content: "\ea0f";
  }

  .lnil-rain::before {
    content: "\ea10";
  }

  .lnil-snowfall::before {
    content: "\ea11";
  }

  .lnil-sun-rain::before {
    content: "\ea12";
  }

  .lnil-sun::before {
    content: "\ea13";
  }

  .lnil-thunder-alt::before {
    content: "\ea14";
  }

  .lnil-thunder::before {
    content: "\ea15";
  }

  .lnil-umbrella-alt::before {
    content: "\ea16";
  }

  .lnil-umbrella-rain-alt::before {
    content: "\ea17";
  }

  .lnil-umbrella-rain::before {
    content: "\ea18";
  }

  .lnil-umbrella::before {
    content: "\ea19";
  }

  .lnil-water-drops::before {
    content: "\ea1a";
  }

  .lnil-wind-cloud::before {
    content: "\ea1b";
  }

  .lnil-wind-sun::before {
    content: "\ea1c";
  }

  .lnil-cloud-alt-1::before {
    content: "\ea1d";
  }

  .lnil-night-wind::before {
    content: "\ea1e";
  }

  .lnil-moon::before {
    content: "\ea1f";
  }

  .lnil-beach-chair::before {
    content: "\ea20";
  }

  .lnil-beach::before {
    content: "\ea21";
  }

  .lnil-hot-air-baloon::before {
    content: "\ea22";
  }

  .lnil-cable-car::before {
    content: "\ea23";
  }

  .lnil-suitcase-alt::before {
    content: "\ea24";
  }

  .lnil-suitcase::before {
    content: "\ea25";
  }

  .lnil-surf-board::before {
    content: "\ea26";
  }

  .lnil-tent-alt::before {
    content: "\ea27";
  }

  .lnil-tent::before {
    content: "\ea28";
  }

  .lnil-travel::before {
    content: "\ea29";
  }

  .lnil-pyramids::before {
    content: "\ea2a";
  }

  .lnil-flight-search::before {
    content: "\ea2b";
  }

  .lnil-beachball::before {
    content: "\ea2c";
  }

  .lnil-3d::before {
    content: "\ea2d";
  }

  .lnil-Mobile::before {
    content: "\ea2e";
  }

  .lnil-alarm-2::before {
    content: "\ea2f";
  }

  .lnil-alarm-3::before {
    content: "\ea30";
  }

  .lnil-alarm-4::before {
    content: "\ea31";
  }

  .lnil-alarm-clock-alt::before {
    content: "\ea32";
  }

  .lnil-add-files::before {
    content: "\ea33";
  }

  .lnil-ai::before {
    content: "\ea34";
  }

  .lnil-alarm-clock::before {
    content: "\ea35";
  }

  .lnil-archive::before {
    content: "\ea36";
  }

  .lnil-backspace::before {
    content: "\ea37";
  }

  .lnil-ban::before {
    content: "\ea38";
  }

  .lnil-battery::before {
    content: "\ea39";
  }

  .lnil-block-user::before {
    content: "\ea3a";
  }

  .lnil-bluetooth::before {
    content: "\ea3b";
  }

  .lnil-bookmark-alt::before {
    content: "\ea3c";
  }

  .lnil-bookmark::before {
    content: "\ea3d";
  }

  .lnil-brightness::before {
    content: "\ea3e";
  }

  .lnil-bulb-alt::before {
    content: "\ea3f";
  }

  .lnil-bulb::before {
    content: "\ea40";
  }

  .lnil-calendar::before {
    content: "\ea41";
  }

  .lnil-calender-alt-1::before {
    content: "\ea42";
  }

  .lnil-calender-alt-2::before {
    content: "\ea43";
  }

  .lnil-calender-alt-3::before {
    content: "\ea44";
  }

  .lnil-calender-alt-4::before {
    content: "\ea45";
  }

  .lnil-calender-alt::before {
    content: "\ea46";
  }

  .lnil-camera-alt-1::before {
    content: "\ea47";
  }

  .lnil-camera-alt::before {
    content: "\ea48";
  }

  .lnil-camera::before {
    content: "\ea49";
  }

  .lnil-change::before {
    content: "\ea4a";
  }

  .lnil-charging::before {
    content: "\ea4b";
  }

  .lnil-cloud-check-alt::before {
    content: "\ea4c";
  }

  .lnil-cloud-check::before {
    content: "\ea4d";
  }

  .lnil-cloud-computing-alt::before {
    content: "\ea4e";
  }

  .lnil-cloud-computing::before {
    content: "\ea4f";
  }

  .lnil-Website::before {
    content: "\ea50";
  }

  .lnil-alarm::before {
    content: "\ea51";
  }

  .lnil-cloud-network-alt::before {
    content: "\ea52";
  }

  .lnil-cloud-network::before {
    content: "\ea53";
  }

  .lnil-cloud-search-1::before {
    content: "\ea54";
  }

  .lnil-cloud-search-2::before {
    content: "\ea55";
  }

  .lnil-cloud-search::before {
    content: "\ea56";
  }

  .lnil-cloud-sync-alt::before {
    content: "\ea57";
  }

  .lnil-cloud-sync::before {
    content: "\ea58";
  }

  .lnil-cloud-download-alt::before {
    content: "\ea59";
  }

  .lnil-cloud-download::before {
    content: "\ea5a";
  }

  .lnil-appointment::before {
    content: "\ea5b";
  }

  .lnil-cloud-upload-alt::before {
    content: "\ea5c";
  }

  .lnil-cloud-upload::before {
    content: "\ea5d";
  }

  .lnil-code-alt::before {
    content: "\ea5e";
  }

  .lnil-code::before {
    content: "\ea5f";
  }

  .lnil-cog::before {
    content: "\ea60";
  }

  .lnil-cogs::before {
    content: "\ea61";
  }

  .lnil-control-panel::before {
    content: "\ea62";
  }

  .lnil-copy::before {
    content: "\ea63";
  }

  .lnil-cut::before {
    content: "\ea64";
  }

  .lnil-dashboard::before {
    content: "\ea65";
  }

  .lnil-database::before {
    content: "\ea66";
  }

  .lnil-display-alt::before {
    content: "\ea67";
  }

  .lnil-display::before {
    content: "\ea68";
  }

  .lnil-domain::before {
    content: "\ea69";
  }

  .lnil-download::before {
    content: "\ea6a";
  }

  .lnil-empty-battery::before {
    content: "\ea6b";
  }

  .lnil-empty-file::before {
    content: "\ea6c";
  }

  .lnil-file-download::before {
    content: "\ea6d";
  }

  .lnil-file-lock::before {
    content: "\ea6e";
  }

  .lnil-file-name::before {
    content: "\ea6f";
  }

  .lnil-file-protection::before {
    content: "\ea70";
  }

  .lnil-file-upload::before {
    content: "\ea71";
  }

  .lnil-files-alt::before {
    content: "\ea72";
  }

  .lnil-files::before {
    content: "\ea73";
  }

  .lnil-folder-alt-1::before {
    content: "\ea74";
  }

  .lnil-folder-alt::before {
    content: "\ea75";
  }

  .lnil-folder::before {
    content: "\ea76";
  }

  .lnil-full-battery::before {
    content: "\ea77";
  }

  .lnil-game::before {
    content: "\ea78";
  }

  .lnil-half-battery::before {
    content: "\ea79";
  }

  .lnil-harddrive::before {
    content: "\ea7a";
  }

  .lnil-headphone-alt::before {
    content: "\ea7b";
  }

  .lnil-headphone::before {
    content: "\ea7c";
  }

  .lnil-laptop-alt-switch::before {
    content: "\ea7d";
  }

  .lnil-laptop-alt::before {
    content: "\ea7e";
  }

  .lnil-laptop-phone::before {
    content: "\ea7f";
  }

  .lnil-laptop::before {
    content: "\ea80";
  }

  .lnil-link-alt-1::before {
    content: "\ea81";
  }

  .lnil-link-alt::before {
    content: "\ea82";
  }

  .lnil-link::before {
    content: "\ea83";
  }

  .lnil-low-battery::before {
    content: "\ea84";
  }

  .lnil-magnet::before {
    content: "\ea85";
  }

  .lnil-magnifier::before {
    content: "\ea86";
  }

  .lnil-map-marker::before {
    content: "\ea87";
  }

  .lnil-map::before {
    content: "\ea88";
  }

  .lnil-menu-alt-1::before {
    content: "\ea89";
  }

  .lnil-menu-alt-2::before {
    content: "\ea8a";
  }

  .lnil-menu-alt-3::before {
    content: "\ea8b";
  }

  .lnil-menu-alt-4::before {
    content: "\ea8c";
  }

  .lnil-menu-alt-5::before {
    content: "\ea8d";
  }

  .lnil-menu-alt::before {
    content: "\ea8e";
  }

  .lnil-menu-circle::before {
    content: "\ea8f";
  }

  .lnil-menu::before {
    content: "\ea90";
  }

  .lnil-mic::before {
    content: "\ea91";
  }

  .lnil-microphone-alt-1::before {
    content: "\ea92";
  }

  .lnil-microphone-alt::before {
    content: "\ea93";
  }

  .lnil-microphone::before {
    content: "\ea94";
  }

  .lnil-mobile-alt-1::before {
    content: "\ea95";
  }

  .lnil-mobile-alt-2::before {
    content: "\ea96";
  }

  .lnil-mobile-alt-button::before {
    content: "\ea97";
  }

  .lnil-mouse::before {
    content: "\ea98";
  }

  .lnil-no-charge-battery::before {
    content: "\ea99";
  }

  .lnil-package::before {
    content: "\ea9a";
  }

  .lnil-plug::before {
    content: "\ea9b";
  }

  .lnil-presentation::before {
    content: "\ea9c";
  }

  .lnil-printer::before {
    content: "\ea9d";
  }

  .lnil-ps::before {
    content: "\ea9e";
  }

  .lnil-recycle-alt::before {
    content: "\ea9f";
  }

  .lnil-image::before {
    content: "\eaa0";
  }

  .lnil-reload-alt-box::before {
    content: "\eaa1";
  }

  .lnil-reload-alt::before {
    content: "\eaa2";
  }

  .lnil-reload::before {
    content: "\eaa3";
  }

  .lnil-recycle::before {
    content: "\eaa4";
  }

  .lnil-rocket::before {
    content: "\eaa5";
  }

  .lnil-rss-feed::before {
    content: "\eaa6";
  }

  .lnil-save-alt::before {
    content: "\eaa7";
  }

  .lnil-save::before {
    content: "\eaa8";
  }

  .lnil-scan::before {
    content: "\eaa9";
  }

  .lnil-scroll-down::before {
    content: "\eaaa";
  }

  .lnil-search-alt::before {
    content: "\eaab";
  }

  .lnil-search::before {
    content: "\eaac";
  }

  .lnil-share-alt::before {
    content: "\eaad";
  }

  .lnil-share::before {
    content: "\eaae";
  }

  .lnil-shopping-basket::before {
    content: "\eaaf";
  }

  .lnil-shortcode::before {
    content: "\eab0";
  }

  .lnil-signal::before {
    content: "\eab1";
  }

  .lnil-laptop-alt-keyboard::before {
    content: "\eab2";
  }

  .lnil-star-fill::before {
    content: "\eab3";
  }

  .lnil-star-half::before {
    content: "\eab4";
  }

  .lnil-star::before {
    content: "\eab5";
  }

  .lnil-tab::before {
    content: "\eab6";
  }

  .lnil-tap::before {
    content: "\eab7";
  }

  .lnil-thumbnail::before {
    content: "\eab8";
  }

  .lnil-timer::before {
    content: "\eab9";
  }

  .lnil-trash-can-alt-1::before {
    content: "\eaba";
  }

  .lnil-trash-can-alt::before {
    content: "\eabb";
  }

  .lnil-trash-can::before {
    content: "\eabc";
  }

  .lnil-trash::before {
    content: "\eabd";
  }

  .lnil-unlink::before {
    content: "\eabe";
  }

  .lnil-upload::before {
    content: "\eabf";
  }

  .lnil-user-alt-1::before {
    content: "\eac0";
  }

  .lnil-user-alt-2::before {
    content: "\eac1";
  }

  .lnil-user-alt::before {
    content: "\eac2";
  }

  .lnil-user::before {
    content: "\eac3";
  }

  .lnil-users-alt::before {
    content: "\eac4";
  }

  .lnil-users::before {
    content: "\eac5";
  }

  .lnil-website-alt::before {
    content: "\eac6";
  }

  .lnil-zip::before {
    content: "\eac7";
  }

  .lnil-zoom-in::before {
    content: "\eac8";
  }

  .lnil-zoom-out::before {
    content: "\eac9";
  }

  .lnil-star-empty::before {
    content: "\eaca";
  }

  .lnil-remove-file::before {
    content: "\eacb";
  }

  .lnil-keyboard::before {
    content: "\eacc";
  }

  .lnil-hourglass::before {
    content: "\eacd";
  }

  .lnil-spinner-1::before {
    content: "\eace";
  }

  .lnil-spinner-10::before {
    content: "\eacf";
  }

  .lnil-spinner-11::before {
    content: "\ead0";
  }

  .lnil-spinner-2::before {
    content: "\ead1";
  }

  .lnil-spinner-3::before {
    content: "\ead2";
  }

  .lnil-spinner-4::before {
    content: "\ead3";
  }

  .lnil-spinner-5::before {
    content: "\ead4";
  }

  .lnil-spinner-9::before {
    content: "\ead5";
  }

  .lnil-spinner-7::before {
    content: "\ead6";
  }

  .lnil-spinner-8::before {
    content: "\ead7";
  }

  .lnil-spinner-6::before {
    content: "\ead8";
  }

  .lnil-angry::before {
    content: "\ead9";
  }

  .lnil-bored::before {
    content: "\eada";
  }

  .lnil-cry::before {
    content: "\eadb";
  }

  .lnil-cute::before {
    content: "\eadc";
  }

  .lnil-dead::before {
    content: "\eadd";
  }

  .lnil-emoji-cool::before {
    content: "\eade";
  }

  .lnil-emoji-friendly::before {
    content: "\eadf";
  }

  .lnil-emoji-happy::before {
    content: "\eae0";
  }

  .lnil-emoji-sad::before {
    content: "\eae1";
  }

  .lnil-emoji-smile::before {
    content: "\eae2";
  }

  .lnil-emoji-speechless::before {
    content: "\eae3";
  }

  .lnil-emoji-suspect::before {
    content: "\eae4";
  }

  .lnil-emoji-tounge::before {
    content: "\eae5";
  }

  .lnil-happy-1::before {
    content: "\eae6";
  }

  .lnil-happy-2::before {
    content: "\eae7";
  }

  .lnil-happy-smile::before {
    content: "\eae8";
  }

  .lnil-kiss-2::before {
    content: "\eae9";
  }

  .lnil-kiss::before {
    content: "\eaea";
  }

  .lnil-love::before {
    content: "\eaeb";
  }

  .lnil-loved-surprise::before {
    content: "\eaec";
  }

  .lnil-mute::before {
    content: "\eaed";
  }

  .lnil-piss::before {
    content: "\eaee";
  }

  .lnil-sick-1::before {
    content: "\eaef";
  }

  .lnil-sick::before {
    content: "\eaf0";
  }

  .lnil-sleep::before {
    content: "\eaf1";
  }

  .lnil-super-cool::before {
    content: "\eaf2";
  }

  .lnil-super-happy::before {
    content: "\eaf3";
  }

  .lnil-wink::before {
    content: "\eaf4";
  }

  .lnil-wow::before {
    content: "\eaf5";
  }

  .lnil-yawn::before {
    content: "\eaf6";
  }

  .lnil-cool-1::before {
    content: "\eaf7";
  }

  .lnil-cool-3::before {
    content: "\eaf8";
  }

  .lnil-cool-kiss::before {
    content: "\eaf9";
  }

  .lnil-cotton-bud::before {
    content: "\eafa";
  }

  .lnil-crown::before {
    content: "\eafb";
  }

  .lnil-cup-alt::before {
    content: "\eafc";
  }

  .lnil-crown-alt::before {
    content: "\eafd";
  }

  .lnil-gift-alt-1::before {
    content: "\eafe";
  }

  .lnil-crown-alt-2::before {
    content: "\eaff";
  }

  .lnil-cup::before {
    content: "\eb00";
  }

  .lnil-gift-bag::before {
    content: "\eb01";
  }

  .lnil-gift::before {
    content: "\eb02";
  }

  .lnil-gift-alt::before {
    content: "\eb03";
  }

  .lnil-ladies-tshirt::before {
    content: "\eb04";
  }

  .lnil-crown-alt-1::before {
    content: "\eb05";
  }

  .lnil-sunglass::before {
    content: "\eb06";
  }

  .lnil-thought::before {
    content: "\eb07";
  }

  .lnil-tshirt-alt-1::before {
    content: "\eb08";
  }

  .lnil-tshirt-alt::before {
    content: "\eb09";
  }

  .lnil-home::before {
    content: "\eb0a";
  }

  .lnil-glasses::before {
    content: "\eb0b";
  }

  .lnil-tshirt::before {
    content: "\eb0c";
  }

  .lnil-baloon-alt-1::before {
    content: "\eb0d";
  }

  .lnil-baloon-alt::before {
    content: "\eb0e";
  }

  .lnil-baloon::before {
    content: "\eb0f";
  }

  .lnil-candle-alt::before {
    content: "\eb10";
  }

  .lnil-candy-cane::before {
    content: "\eb11";
  }

  .lnil-candy::before {
    content: "\eb12";
  }

  .lnil-confetti::before {
    content: "\eb13";
  }

  .lnil-firecracker::before {
    content: "\eb14";
  }

  .lnil-fireworks::before {
    content: "\eb15";
  }

  .lnil-flags::before {
    content: "\eb16";
  }

  .lnil-mask::before {
    content: "\eb17";
  }

  .lnil-spray::before {
    content: "\eb18";
  }

  .lnil-wand::before {
    content: "\eb19";
  }

  .lnil-birthday-hat::before {
    content: "\eb1a";
  }

  .lnil-candle::before {
    content: "\eb1b";
  }

  .lnil-cake::before {
    content: "\eb1c";
  }

  .lnil-bug-alt::before {
    content: "\eb1d";
  }

  .lnil-bug::before {
    content: "\eb1e";
  }

  .lnil-flower::before {
    content: "\eb1f";
  }

  .lnil-island::before {
    content: "\eb20";
  }

  .lnil-leaf-alt-1::before {
    content: "\eb21";
  }

  .lnil-leaf-alt::before {
    content: "\eb22";
  }

  .lnil-leaf::before {
    content: "\eb23";
  }

  .lnil-leaves::before {
    content: "\eb24";
  }

  .lnil-mashroom::before {
    content: "\eb25";
  }

  .lnil-mountain::before {
    content: "\eb26";
  }

  .lnil-mushroom-alt::before {
    content: "\eb27";
  }

  .lnil-mushrooms::before {
    content: "\eb28";
  }

  .lnil-plant-pot::before {
    content: "\eb29";
  }

  .lnil-plant::before {
    content: "\eb2a";
  }

  .lnil-sprout-alt::before {
    content: "\eb2b";
  }

  .lnil-sprout::before {
    content: "\eb2c";
  }

  .lnil-tornado::before {
    content: "\eb2d";
  }

  .lnil-tree-alt-1::before {
    content: "\eb2e";
  }

  .lnil-tree-alt::before {
    content: "\eb2f";
  }

  .lnil-tree::before {
    content: "\eb30";
  }

  .lnil-trees-alt-1::before {
    content: "\eb31";
  }

  .lnil-trees-alt::before {
    content: "\eb32";
  }

  .lnil-trees::before {
    content: "\eb33";
  }

  .lnil-flower-alt::before {
    content: "\eb34";
  }

  .lnil-cactus-alt::before {
    content: "\eb35";
  }

  .lnil-cactus::before {
    content: "\eb36";
  }

  .lnil-bank::before {
    content: "\eb37";
  }

  .lnil-calculator-alt::before {
    content: "\eb38";
  }

  .lnil-calculator::before {
    content: "\eb39";
  }

  .lnil-coin::before {
    content: "\eb3a";
  }

  .lnil-diamond-alt::before {
    content: "\eb3b";
  }

  .lnil-diamond::before {
    content: "\eb3c";
  }

  .lnil-dollar-card::before {
    content: "\eb3d";
  }

  .lnil-credit-cards::before {
    content: "\eb3e";
  }

  .lnil-dollar-down::before {
    content: "\eb3f";
  }

  .lnil-dollar-up::before {
    content: "\eb40";
  }

  .lnil-euro-card::before {
    content: "\eb41";
  }

  .lnil-dollar::before {
    content: "\eb42";
  }

  .lnil-euro-coin::before {
    content: "\eb43";
  }

  .lnil-euro-down::before {
    content: "\eb44";
  }

  .lnil-euro-up::before {
    content: "\eb45";
  }

  .lnil-euro::before {
    content: "\eb46";
  }

  .lnil-gold-bar::before {
    content: "\eb47";
  }

  .lnil-mobile-coin-taka::before {
    content: "\eb48";
  }

  .lnil-mobile-coin::before {
    content: "\eb49";
  }

  .lnil-money-bag::before {
    content: "\eb4a";
  }

  .lnil-money-location::before {
    content: "\eb4b";
  }

  .lnil-money-protection::before {
    content: "\eb4c";
  }

  .lnil-pound-card::before {
    content: "\eb4d";
  }

  .lnil-pound-coin::before {
    content: "\eb4e";
  }

  .lnil-pound-down::before {
    content: "\eb4f";
  }

  .lnil-pound-up::before {
    content: "\eb50";
  }

  .lnil-pound::before {
    content: "\eb51";
  }

  .lnil-rupee-card::before {
    content: "\eb52";
  }

  .lnil-rupee-coin::before {
    content: "\eb53";
  }

  .lnil-rupee-down::before {
    content: "\eb54";
  }

  .lnil-rupee-up::before {
    content: "\eb55";
  }

  .lnil-rupee::before {
    content: "\eb56";
  }

  .lnil-taka-card::before {
    content: "\eb57";
  }

  .lnil-taka-coin::before {
    content: "\eb58";
  }

  .lnil-taka-down::before {
    content: "\eb59";
  }

  .lnil-taka-up::before {
    content: "\eb5a";
  }

  .lnil-taka::before {
    content: "\eb5b";
  }

  .lnil-wallet-alt-1::before {
    content: "\eb5c";
  }

  .lnil-wallet::before {
    content: "\eb5d";
  }

  .lnil-yen-card::before {
    content: "\eb5e";
  }

  .lnil-yen-coin::before {
    content: "\eb5f";
  }

  .lnil-yen-down::before {
    content: "\eb60";
  }

  .lnil-yen-up::before {
    content: "\eb61";
  }

  .lnil-yen::before {
    content: "\eb62";
  }

  .lnil-coins::before {
    content: "\eb63";
  }

  .lnil-credit-card::before {
    content: "\eb64";
  }

  .lnil-backward-alt::before {
    content: "\eb65";
  }

  .lnil-backward::before {
    content: "\eb66";
  }

  .lnil-forward::before {
    content: "\eb67";
  }

  .lnil-frame-expand::before {
    content: "\eb68";
  }

  .lnil-film::before {
    content: "\eb69";
  }

  .lnil-gallery::before {
    content: "\eb6a";
  }

  .lnil-next::before {
    content: "\eb6b";
  }

  .lnil-pause::before {
    content: "\eb6c";
  }

  .lnil-play::before {
    content: "\eb6d";
  }

  .lnil-previous::before {
    content: "\eb6e";
  }

  .lnil-repeat-one::before {
    content: "\eb6f";
  }

  .lnil-shuffle::before {
    content: "\eb70";
  }

  .lnil-slideshow::before {
    content: "\eb71";
  }

  .lnil-stop::before {
    content: "\eb72";
  }

  .lnil-video-alt-1::before {
    content: "\eb73";
  }

  .lnil-video-alt::before {
    content: "\eb74";
  }

  .lnil-video-camera-alt-1::before {
    content: "\eb75";
  }

  .lnil-video-camera-alt-2::before {
    content: "\eb76";
  }

  .lnil-video-camera-alt::before {
    content: "\eb77";
  }

  .lnil-video-cut::before {
    content: "\eb78";
  }

  .lnil-video::before {
    content: "\eb79";
  }

  .lnil-volume-high::before {
    content: "\eb7a";
  }

  .lnil-volume-low::before {
    content: "\eb7b";
  }

  .lnil-volume-medium::before {
    content: "\eb7c";
  }

  .lnil-volume-mute::before {
    content: "\eb7d";
  }

  .lnil-volume::before {
    content: "\eb7e";
  }

  .lnil-full-screen::before {
    content: "\eb7f";
  }

  .lnil-expand-alt-1::before {
    content: "\eb80";
  }

  .lnil-fast-forward::before {
    content: "\eb81";
  }

  .lnil-analytics::before {
    content: "\eb82";
  }

  .lnil-bar-chart::before {
    content: "\eb83";
  }

  .lnil-graph-alt-1::before {
    content: "\eb84";
  }

  .lnil-graph-alt-2::before {
    content: "\eb85";
  }

  .lnil-graph-alt-3::before {
    content: "\eb86";
  }

  .lnil-graph-alt-4::before {
    content: "\eb87";
  }

  .lnil-graph-alt::before {
    content: "\eb88";
  }

  .lnil-graph-decrease::before {
    content: "\eb89";
  }

  .lnil-graph-increase::before {
    content: "\eb8a";
  }

  .lnil-invest-monitor::before {
    content: "\eb8b";
  }

  .lnil-keyword-research::before {
    content: "\eb8c";
  }

  .lnil-network-alt::before {
    content: "\eb8d";
  }

  .lnil-network::before {
    content: "\eb8e";
  }

  .lnil-pyramid-decrease::before {
    content: "\eb8f";
  }

  .lnil-pyramid-increase::before {
    content: "\eb90";
  }

  .lnil-pyramid::before {
    content: "\eb91";
  }

  .lnil-rook::before {
    content: "\eb92";
  }

  .lnil-seo::before {
    content: "\eb93";
  }

  .lnil-strategy::before {
    content: "\eb94";
  }

  .lnil-target-audience-alt::before {
    content: "\eb95";
  }

  .lnil-target-customer::before {
    content: "\eb96";
  }

  .lnil-website-rank::before {
    content: "\eb97";
  }

  .lnil-bar-check::before {
    content: "\eb98";
  }

  .lnil-billboard-alt::before {
    content: "\eb99";
  }

  .lnil-billboard::before {
    content: "\eb9a";
  }

  .lnil-barrier::before {
    content: "\eb9b";
  }

  .lnil-bolt-alt::before {
    content: "\eb9c";
  }

  .lnil-checkmark::before {
    content: "\eb9d";
  }

  .lnil-check-box::before {
    content: "\eb9e";
  }

  .lnil-circle-plus::before {
    content: "\eb9f";
  }

  .lnil-circle-minus::before {
    content: "\eba0";
  }

  .lnil-cross-circle::before {
    content: "\eba1";
  }

  .lnil-electricity::before {
    content: "\eba2";
  }

  .lnil-eye-alt::before {
    content: "\eba3";
  }

  .lnil-eye::before {
    content: "\eba4";
  }

  .lnil-find::before {
    content: "\eba5";
  }

  .lnil-flag-alt::before {
    content: "\eba6";
  }

  .lnil-flag::before {
    content: "\eba7";
  }

  .lnil-funnel-alt-1::before {
    content: "\eba8";
  }

  .lnil-funnel-alt::before {
    content: "\eba9";
  }

  .lnil-funnel::before {
    content: "\ebaa";
  }

  .lnil-hand::before {
    content: "\ebab";
  }

  .lnil-heart-filled::before {
    content: "\ebac";
  }

  .lnil-heart-plus::before {
    content: "\ebad";
  }

  .lnil-heart::before {
    content: "\ebae";
  }

  .lnil-help::before {
    content: "\ebaf";
  }

  .lnil-hotel-sign::before {
    content: "\ebb0";
  }

  .lnil-idea-alt::before {
    content: "\ebb1";
  }

  .lnil-identity::before {
    content: "\ebb2";
  }

  .lnil-infinite::before {
    content: "\ebb3";
  }

  .lnil-information::before {
    content: "\ebb4";
  }

  .lnil-invention::before {
    content: "\ebb5";
  }

  .lnil-key-alt-1::before {
    content: "\ebb6";
  }

  .lnil-key-alt-2::before {
    content: "\ebb7";
  }

  .lnil-key-alt-3::before {
    content: "\ebb8";
  }

  .lnil-key-alt::before {
    content: "\ebb9";
  }

  .lnil-key::before {
    content: "\ebba";
  }

  .lnil-life-ring::before {
    content: "\ebbb";
  }

  .lnil-list-alt-1::before {
    content: "\ebbc";
  }

  .lnil-list-alt::before {
    content: "\ebbd";
  }

  .lnil-list::before {
    content: "\ebbe";
  }

  .lnil-lock-alt-1::before {
    content: "\ebbf";
  }

  .lnil-lock-alt-2::before {
    content: "\ebc0";
  }

  .lnil-lock-alt::before {
    content: "\ebc1";
  }

  .lnil-lock::before {
    content: "\ebc2";
  }

  .lnil-minus::before {
    content: "\ebc3";
  }

  .lnil-more-alt-1::before {
    content: "\ebc4";
  }

  .lnil-more-alt::before {
    content: "\ebc5";
  }

  .lnil-more::before {
    content: "\ebc6";
  }

  .lnil-music-note::before {
    content: "\ebc7";
  }

  .lnil-music::before {
    content: "\ebc8";
  }

  .lnil-notification::before {
    content: "\ebc9";
  }

  .lnil-passport-alt::before {
    content: "\ebca";
  }

  .lnil-passport::before {
    content: "\ebcb";
  }

  .lnil-playlist-alt::before {
    content: "\ebcc";
  }

  .lnil-playlist::before {
    content: "\ebcd";
  }

  .lnil-plus::before {
    content: "\ebce";
  }

  .lnil-pointer::before {
    content: "\ebcf";
  }

  .lnil-power-switch::before {
    content: "\ebd0";
  }

  .lnil-protection::before {
    content: "\ebd1";
  }

  .lnil-question-circle::before {
    content: "\ebd2";
  }

  .lnil-radio-button::before {
    content: "\ebd3";
  }

  .lnil-record::before {
    content: "\ebd4";
  }

  .lnil-round-box-check::before {
    content: "\ebd5";
  }

  .lnil-round-box-cross::before {
    content: "\ebd6";
  }

  .lnil-round-box-minus::before {
    content: "\ebd7";
  }

  .lnil-round-box-plus::before {
    content: "\ebd8";
  }

  .lnil-shield::before {
    content: "\ebd9";
  }

  .lnil-sort::before {
    content: "\ebda";
  }

  .lnil-switch::before {
    content: "\ebdb";
  }

  .lnil-teabag::before {
    content: "\ebdc";
  }

  .lnil-thumbs-down-alt::before {
    content: "\ebdd";
  }

  .lnil-thumbs-down::before {
    content: "\ebde";
  }

  .lnil-thumbs-up-alt::before {
    content: "\ebdf";
  }

  .lnil-thumbs-up::before {
    content: "\ebe0";
  }

  .lnil-thunderbolt::before {
    content: "\ebe1";
  }

  .lnil-ticket-alt-1::before {
    content: "\ebe2";
  }

  .lnil-ticket-alt-2::before {
    content: "\ebe3";
  }

  .lnil-ticket-alt-3::before {
    content: "\ebe4";
  }

  .lnil-ticket-alt::before {
    content: "\ebe5";
  }

  .lnil-ticket::before {
    content: "\ebe6";
  }

  .lnil-unlock::before {
    content: "\ebe7";
  }

  .lnil-warning::before {
    content: "\ebe8";
  }

  .lnil-checkmark-circle::before {
    content: "\ebe9";
  }

  .lnil-close::before {
    content: "\ebea";
  }

  .lnil-bolt::before {
    content: "\ebeb";
  }

  .lnil-ambulance-alt-1::before {
    content: "\ebec";
  }

  .lnil-ambulance-alt::before {
    content: "\ebed";
  }

  .lnil-brain-alt::before {
    content: "\ebee";
  }

  .lnil-basketball::before {
    content: "\ebef";
  }

  .lnil-bone::before {
    content: "\ebf0";
  }

  .lnil-ambulance::before {
    content: "\ebf1";
  }

  .lnil-broken-bone::before {
    content: "\ebf2";
  }

  .lnil-brain-check::before {
    content: "\ebf3";
  }

  .lnil-brain::before {
    content: "\ebf4";
  }

  .lnil-capsule::before {
    content: "\ebf5";
  }

  .lnil-capsules::before {
    content: "\ebf6";
  }

  .lnil-cardiology::before {
    content: "\ebf7";
  }

  .lnil-diagnosis-alt::before {
    content: "\ebf8";
  }

  .lnil-diagnosis::before {
    content: "\ebf9";
  }

  .lnil-dna::before {
    content: "\ebfa";
  }

  .lnil-dropper-alt-1::before {
    content: "\ebfb";
  }

  .lnil-dropper-alt-2::before {
    content: "\ebfc";
  }

  .lnil-dropper-alt::before {
    content: "\ebfd";
  }

  .lnil-dropper::before {
    content: "\ebfe";
  }

  .lnil-dumbbell::before {
    content: "\ebff";
  }

  .lnil-eye-test::before {
    content: "\ec00";
  }

  .lnil-female::before {
    content: "\ec01";
  }

  .lnil-first-aid::before {
    content: "\ec02";
  }

  .lnil-gluten-free::before {
    content: "\ec03";
  }

  .lnil-heart-check::before {
    content: "\ec04";
  }

  .lnil-heart-monitor::before {
    content: "\ec05";
  }

  .lnil-heartrate-monitor::before {
    content: "\ec06";
  }

  .lnil-hospital-alt-1::before {
    content: "\ec07";
  }

  .lnil-hospital-alt-2::before {
    content: "\ec08";
  }

  .lnil-hospital-alt-3::before {
    content: "\ec09";
  }

  .lnil-hospital-alt-4::before {
    content: "\ec0a";
  }

  .lnil-hospital-alt::before {
    content: "\ec0b";
  }

  .lnil-hospital-bed-alt-1::before {
    content: "\ec0c";
  }

  .lnil-hospital-bed-alt-2::before {
    content: "\ec0d";
  }

  .lnil-hospital-bed-alt::before {
    content: "\ec0e";
  }

  .lnil-hospital-bed::before {
    content: "\ec0f";
  }

  .lnil-hospital-location::before {
    content: "\ec10";
  }

  .lnil-hospital-sign::before {
    content: "\ec11";
  }

  .lnil-hospital::before {
    content: "\ec12";
  }

  .lnil-kettlebell::before {
    content: "\ec13";
  }

  .lnil-lungs::before {
    content: "\ec14";
  }

  .lnil-male::before {
    content: "\ec15";
  }

  .lnil-medical-briefcase-alt::before {
    content: "\ec16";
  }

  .lnil-medical-briefcase::before {
    content: "\ec17";
  }

  .lnil-medical-protection::before {
    content: "\ec18";
  }

  .lnil-medical-sign::before {
    content: "\ec19";
  }

  .lnil-medicine-alt::before {
    content: "\ec1a";
  }

  .lnil-medicine-bottle::before {
    content: "\ec1b";
  }

  .lnil-medicine::before {
    content: "\ec1c";
  }

  .lnil-microscope::before {
    content: "\ec1d";
  }

  .lnil-pulse::before {
    content: "\ec1e";
  }

  .lnil-report-laptop::before {
    content: "\ec1f";
  }

  .lnil-saline-alt-1::before {
    content: "\ec20";
  }

  .lnil-saline-alt::before {
    content: "\ec21";
  }

  .lnil-saline::before {
    content: "\ec22";
  }

  .lnil-skipping-rope::before {
    content: "\ec23";
  }

  .lnil-slim::before {
    content: "\ec24";
  }

  .lnil-sthethoscope::before {
    content: "\ec25";
  }

  .lnil-syringe::before {
    content: "\ec26";
  }

  .lnil-test-tube-alt::before {
    content: "\ec27";
  }

  .lnil-test-tube::before {
    content: "\ec28";
  }

  .lnil-thermometer-alt::before {
    content: "\ec29";
  }

  .lnil-thermometer::before {
    content: "\ec2a";
  }

  .lnil-tooth::before {
    content: "\ec2b";
  }

  .lnil-walker::before {
    content: "\ec2c";
  }

  .lnil-weight-machine::before {
    content: "\ec2d";
  }

  .lnil-weight::before {
    content: "\ec2e";
  }

  .lnil-wheelchair::before {
    content: "\ec2f";
  }

  .lnil-yoga-mat::before {
    content: "\ec30";
  }

  .lnil-capsule-alt-1::before {
    content: "\ec31";
  }

  .lnil-capsule-alt::before {
    content: "\ec32";
  }

  .lnil-brain-check-alt::before {
    content: "\ec33";
  }

  .lnil-apple-alt::before {
    content: "\ec34";
  }

  .lnil-banana::before {
    content: "\ec35";
  }

  .lnil-brocolli::before {
    content: "\ec36";
  }

  .lnil-burger-alt-1::before {
    content: "\ec37";
  }

  .lnil-burger-alt::before {
    content: "\ec38";
  }

  .lnil-burger::before {
    content: "\ec39";
  }

  .lnil-chef-hat-alt-1::before {
    content: "\ec3a";
  }

  .lnil-chef-hat-alt-2::before {
    content: "\ec3b";
  }

  .lnil-chef-hat-alt::before {
    content: "\ec3c";
  }

  .lnil-chef-hat::before {
    content: "\ec3d";
  }

  .lnil-chicken::before {
    content: "\ec3e";
  }

  .lnil-cocktail-alt-1::before {
    content: "\ec3f";
  }

  .lnil-cocktail-alt::before {
    content: "\ec40";
  }

  .lnil-cocktail::before {
    content: "\ec41";
  }

  .lnil-coffee-cup-alt::before {
    content: "\ec42";
  }

  .lnil-coffee-cup::before {
    content: "\ec43";
  }

  .lnil-cupcake-alt::before {
    content: "\ec44";
  }

  .lnil-cupcake::before {
    content: "\ec45";
  }

  .lnil-cutlery-alt-1::before {
    content: "\ec46";
  }

  .lnil-cutlery-alt::before {
    content: "\ec47";
  }

  .lnil-cutlery::before {
    content: "\ec48";
  }

  .lnil-dinner-table::before {
    content: "\ec49";
  }

  .lnil-dinner::before {
    content: "\ec4a";
  }

  .lnil-drumstick::before {
    content: "\ec4b";
  }

  .lnil-fresh-juice::before {
    content: "\ec4c";
  }

  .lnil-ice-cream-alt::before {
    content: "\ec4d";
  }

  .lnil-ice-cream::before {
    content: "\ec4e";
  }

  .lnil-juice::before {
    content: "\ec4f";
  }

  .lnil-lolypop::before {
    content: "\ec50";
  }

  .lnil-meat::before {
    content: "\ec51";
  }

  .lnil-pizza-alt::before {
    content: "\ec52";
  }

  .lnil-pizza::before {
    content: "\ec53";
  }

  .lnil-plate::before {
    content: "\ec54";
  }

  .lnil-popcorn::before {
    content: "\ec55";
  }

  .lnil-restaurant::before {
    content: "\ec56";
  }

  .lnil-service::before {
    content: "\ec57";
  }

  .lnil-silverware::before {
    content: "\ec58";
  }

  .lnil-spatula::before {
    content: "\ec59";
  }

  .lnil-bowl-alt::before {
    content: "\ec5a";
  }

  .lnil-bowl::before {
    content: "\ec5b";
  }

  .lnil-bowl-alt-1::before {
    content: "\ec5c";
  }

  .lnil-atom::before {
    content: "\ec5d";
  }

  .lnil-backpack-alt::before {
    content: "\ec5e";
  }

  .lnil-book::before {
    content: "\ec5f";
  }

  .lnil-blackboard::before {
    content: "\ec60";
  }

  .lnil-books::before {
    content: "\ec61";
  }

  .lnil-brakckets::before {
    content: "\ec62";
  }

  .lnil-certificate-alt-1::before {
    content: "\ec63";
  }

  .lnil-certificate-alt::before {
    content: "\ec64";
  }

  .lnil-certificate::before {
    content: "\ec65";
  }

  .lnil-classroom::before {
    content: "\ec66";
  }

  .lnil-clipboard::before {
    content: "\ec67";
  }

  .lnil-compass::before {
    content: "\ec68";
  }

  .lnil-cubes::before {
    content: "\ec69";
  }

  .lnil-eraser::before {
    content: "\ec6a";
  }

  .lnil-flask-alt-1::before {
    content: "\ec6b";
  }

  .lnil-flask-alt-2::before {
    content: "\ec6c";
  }

  .lnil-flask-alt::before {
    content: "\ec6d";
  }

  .lnil-flask::before {
    content: "\ec6e";
  }

  .lnil-graduate-alt::before {
    content: "\ec6f";
  }

  .lnil-graduate::before {
    content: "\ec70";
  }

  .lnil-graduation::before {
    content: "\ec71";
  }

  .lnil-letterblocks::before {
    content: "\ec72";
  }

  .lnil-library::before {
    content: "\ec73";
  }

  .lnil-medal-alt::before {
    content: "\ec74";
  }

  .lnil-medal::before {
    content: "\ec75";
  }

  .lnil-molecule-alt::before {
    content: "\ec76";
  }

  .lnil-molecule::before {
    content: "\ec77";
  }

  .lnil-pencil-alt::before {
    content: "\ec78";
  }

  .lnil-pencil::before {
    content: "\ec79";
  }

  .lnil-quill::before {
    content: "\ec7a";
  }

  .lnil-school-bench-alt::before {
    content: "\ec7b";
  }

  .lnil-school-bench::before {
    content: "\ec7c";
  }

  .lnil-sketchbook::before {
    content: "\ec7d";
  }

  .lnil-whiteboard-alt-1::before {
    content: "\ec7e";
  }

  .lnil-whiteboard-alt-2::before {
    content: "\ec7f";
  }

  .lnil-whiteboard-alt::before {
    content: "\ec80";
  }

  .lnil-whiteboard::before {
    content: "\ec81";
  }

  .lnil-world-2::before {
    content: "\ec82";
  }

  .lnil-world-alt::before {
    content: "\ec83";
  }

  .lnil-world::before {
    content: "\ec84";
  }

  .lnil-book-alt::before {
    content: "\ec85";
  }

  .lnil-write::before {
    content: "\ec86";
  }

  .lnil-backpack::before {
    content: "\ec87";
  }

  .lnil-books-alt::before {
    content: "\ec88";
  }

  .lnil-Italic::before {
    content: "\ec89";
  }

  .lnil-bold::before {
    content: "\ec8a";
  }

  .lnil-indent-decrease::before {
    content: "\ec8b";
  }

  .lnil-font::before {
    content: "\ec8c";
  }

  .lnil-line-dashed::before {
    content: "\ec8d";
  }

  .lnil-line-dotted::before {
    content: "\ec8e";
  }

  .lnil-line-double::before {
    content: "\ec8f";
  }

  .lnil-line-spacing::before {
    content: "\ec90";
  }

  .lnil-page-break::before {
    content: "\ec91";
  }

  .lnil-pagination::before {
    content: "\ec92";
  }

  .lnil-pilcrow::before {
    content: "\ec93";
  }

  .lnil-redo::before {
    content: "\ec94";
  }

  .lnil-reflect::before {
    content: "\ec95";
  }

  .lnil-sort-alpha-asc::before {
    content: "\ec96";
  }

  .lnil-sort-amount-asc::before {
    content: "\ec97";
  }

  .lnil-sort-amount-dsc::before {
    content: "\ec98";
  }

  .lnil-spellcheck::before {
    content: "\ec99";
  }

  .lnil-strikethrough::before {
    content: "\ec9a";
  }

  .lnil-text-align-center::before {
    content: "\ec9b";
  }

  .lnil-text-align-justify::before {
    content: "\ec9c";
  }

  .lnil-text-align-left::before {
    content: "\ec9d";
  }

  .lnil-text-align-right::before {
    content: "\ec9e";
  }

  .lnil-text-format-remove::before {
    content: "\ec9f";
  }

  .lnil-text-format::before {
    content: "\eca0";
  }

  .lnil-text::before {
    content: "\eca1";
  }

  .lnil-underline::before {
    content: "\eca2";
  }

  .lnil-undo::before {
    content: "\eca3";
  }

  .lnil-vertical-line::before {
    content: "\eca4";
  }

  .lnil-height::before {
    content: "\eca5";
  }

  .lnil-capital-letter::before {
    content: "\eca6";
  }

  .lnil-indent-increase::before {
    content: "\eca7";
  }

  .lnil-angle-double-down::before {
    content: "\eca8";
  }

  .lnil-angle-double-left::before {
    content: "\eca9";
  }

  .lnil-angle-double-right::before {
    content: "\ecaa";
  }

  .lnil-angle-double-up::before {
    content: "\ecab";
  }

  .lnil-arrow-double-down::before {
    content: "\ecac";
  }

  .lnil-arrow-double-right::before {
    content: "\ecad";
  }

  .lnil-arrow-double-top::before {
    content: "\ecae";
  }

  .lnil-arrow-down-circle::before {
    content: "\ecaf";
  }

  .lnil-arrow-expand-alt::before {
    content: "\ecb0";
  }

  .lnil-arrow-left-circle::before {
    content: "\ecb1";
  }

  .lnil-arrow-left::before {
    content: "\ecb2";
  }

  .lnil-arrow-minimize-alt::before {
    content: "\ecb3";
  }

  .lnil-arrow-minimize::before {
    content: "\ecb4";
  }

  .lnil-arrow-right-circle::before {
    content: "\ecb5";
  }

  .lnil-arrow-right::before {
    content: "\ecb6";
  }

  .lnil-arrow-top-left::before {
    content: "\ecb7";
  }

  .lnil-arrow-top-right::before {
    content: "\ecb8";
  }

  .lnil-arrow-up-circle::before {
    content: "\ecb9";
  }

  .lnil-arrow-expand::before {
    content: "\ecba";
  }

  .lnil-arrow-double-left::before {
    content: "\ecbb";
  }

  .lnil-arrows-vertical::before {
    content: "\ecbc";
  }

  .lnil-axis::before {
    content: "\ecbd";
  }

  .lnil-arrow-up::before {
    content: "\ecbe";
  }

  .lnil-chevron-down::before {
    content: "\ecbf";
  }

  .lnil-chevron-left-circle::before {
    content: "\ecc0";
  }

  .lnil-chevron-left::before {
    content: "\ecc1";
  }

  .lnil-chevron-down-circle::before {
    content: "\ecc2";
  }

  .lnil-chevron-right::before {
    content: "\ecc3";
  }

  .lnil-chevron-up-circle::before {
    content: "\ecc4";
  }

  .lnil-chevron-right-circle::before {
    content: "\ecc5";
  }

  .lnil-arrow-down::before {
    content: "\ecc6";
  }

  .lnil-chevron-up::before {
    content: "\ecc7";
  }

  .lnil-direction-alt::before {
    content: "\ecc8";
  }

  .lnil-direction::before {
    content: "\ecc9";
  }

  .lnil-down-arrow-box::before {
    content: "\ecca";
  }

  .lnil-down-left-arrow-box::before {
    content: "\eccb";
  }

  .lnil-down-right-arrow-box::before {
    content: "\eccc";
  }

  .lnil-enter::before {
    content: "\eccd";
  }

  .lnil-exit-down::before {
    content: "\ecce";
  }

  .lnil-exit-up::before {
    content: "\eccf";
  }

  .lnil-arrows-horizontal::before {
    content: "\ecd0";
  }

  .lnil-direction-ltr::before {
    content: "\ecd1";
  }

  .lnil-direction-rtl::before {
    content: "\ecd2";
  }

  .lnil-exit::before {
    content: "\ecd3";
  }

  .lnil-left-arrow-box::before {
    content: "\ecd4";
  }

  .lnil-pointer-top::before {
    content: "\ecd5";
  }

  .lnil-right-arrow-box::before {
    content: "\ecd6";
  }

  .lnil-shift-left::before {
    content: "\ecd7";
  }

  .lnil-shift-right::before {
    content: "\ecd8";
  }

  .lnil-top-arrow-box::before {
    content: "\ecd9";
  }

  .lnil-top-left-arrow-box::before {
    content: "\ecda";
  }

  .lnil-top-right-arrow-box::before {
    content: "\ecdb";
  }

  .lnil-pointer-down::before {
    content: "\ecdc";
  }

  .lnil-pointer-left::before {
    content: "\ecdd";
  }

  .lnil-pointer-right::before {
    content: "\ecde";
  }

  .lnil-brush-alt::before {
    content: "\ecdf";
  }

  .lnil-brush::before {
    content: "\ece0";
  }

  .lnil-grid-alt::before {
    content: "\ece1";
  }

  .lnil-grid::before {
    content: "\ece2";
  }

  .lnil-highlight-alt::before {
    content: "\ece3";
  }

  .lnil-highlight::before {
    content: "\ece4";
  }

  .lnil-image-crop::before {
    content: "\ece5";
  }

  .lnil-layers-alt-::before {
    content: "\ece6";
  }

  .lnil-layers-alt-1::before {
    content: "\ece7";
  }

  .lnil-layers::before {
    content: "\ece8";
  }

  .lnil-layout-alt-1::before {
    content: "\ece9";
  }

  .lnil-layout-alt-2::before {
    content: "\ecea";
  }

  .lnil-layout-alt::before {
    content: "\eceb";
  }

  .lnil-layout::before {
    content: "\ecec";
  }

  .lnil-magic-wand::before {
    content: "\eced";
  }

  .lnil-margin::before {
    content: "\ecee";
  }

  .lnil-move::before {
    content: "\ecef";
  }

  .lnil-pallet::before {
    content: "\ecf0";
  }

  .lnil-rotate::before {
    content: "\ecf1";
  }

  .lnil-scaling::before {
    content: "\ecf2";
  }

  .lnil-select::before {
    content: "\ecf3";
  }

  .lnil-size::before {
    content: "\ecf4";
  }

  .lnil-slice::before {
    content: "\ecf5";
  }

  .lnil-transform::before {
    content: "\ecf6";
  }

  .lnil-ux::before {
    content: "\ecf7";
  }

  .lnil-vector-alt::before {
    content: "\ecf8";
  }

  .lnil-vector-pen::before {
    content: "\ecf9";
  }

  .lnil-vector::before {
    content: "\ecfa";
  }

  .lnil-crop::before {
    content: "\ecfb";
  }

  .lnil-color-palette::before {
    content: "\ecfc";
  }

  .lnil-crop-alt::before {
    content: "\ecfd";
  }

  .lnil-boundary::before {
    content: "\ecfe";
  }

  .lnil-bricks-alt::before {
    content: "\ecff";
  }

  .lnil-construction-hammer::before {
    content: "\ed00";
  }

  .lnil-construction-rular::before {
    content: "\ed01";
  }

  .lnil-construction::before {
    content: "\ed02";
  }

  .lnil-door-alt::before {
    content: "\ed03";
  }

  .lnil-door::before {
    content: "\ed04";
  }

  .lnil-drill::before {
    content: "\ed05";
  }

  .lnil-fence::before {
    content: "\ed06";
  }

  .lnil-hammer-alt::before {
    content: "\ed07";
  }

  .lnil-hammer::before {
    content: "\ed08";
  }

  .lnil-helmet-alt::before {
    content: "\ed09";
  }

  .lnil-helmet::before {
    content: "\ed0a";
  }

  .lnil-hook::before {
    content: "\ed0b";
  }

  .lnil-house-alt-1::before {
    content: "\ed0c";
  }

  .lnil-house-alt::before {
    content: "\ed0d";
  }

  .lnil-house-heart::before {
    content: "\ed0e";
  }

  .lnil-house-plan::before {
    content: "\ed0f";
  }

  .lnil-house::before {
    content: "\ed10";
  }

  .lnil-measuring-tape::before {
    content: "\ed11";
  }

  .lnil-paint-bucket::before {
    content: "\ed12";
  }

  .lnil-paint-roller-alt-1::before {
    content: "\ed13";
  }

  .lnil-paint-roller-alt::before {
    content: "\ed14";
  }

  .lnil-paint-roller::before {
    content: "\ed15";
  }

  .lnil-pipe::before {
    content: "\ed16";
  }

  .lnil-ruler-alt::before {
    content: "\ed17";
  }

  .lnil-ruler-pencil::before {
    content: "\ed18";
  }

  .lnil-ruler::before {
    content: "\ed19";
  }

  .lnil-saw-alt::before {
    content: "\ed1a";
  }

  .lnil-saw::before {
    content: "\ed1b";
  }

  .lnil-screw::before {
    content: "\ed1c";
  }

  .lnil-screwdriver::before {
    content: "\ed1d";
  }

  .lnil-shovel::before {
    content: "\ed1e";
  }

  .lnil-toolbox::before {
    content: "\ed1f";
  }

  .lnil-triangle-ruler-1::before {
    content: "\ed20";
  }

  .lnil-triangle-ruler::before {
    content: "\ed21";
  }

  .lnil-trowel-alt::before {
    content: "\ed22";
  }

  .lnil-trowel::before {
    content: "\ed23";
  }

  .lnil-wheelbarrow::before {
    content: "\ed24";
  }

  .lnil-wrench::before {
    content: "\ed25";
  }

  .lnil-cone::before {
    content: "\ed26";
  }

  .lnil-bricks::before {
    content: "\ed27";
  }

  .lnil-bulldozer::before {
    content: "\ed28";
  }

  .lnil-anchor::before {
    content: "\ed29";
  }

  .lnil-bi-cycle::before {
    content: "\ed2a";
  }

  .lnil-bubble::before {
    content: "\ed2b";
  }

  .lnil-boarding-pass::before {
    content: "\ed2c";
  }

  .lnil-bridge::before {
    content: "\ed2d";
  }

  .lnil-car-alt::before {
    content: "\ed2e";
  }

  .lnil-car::before {
    content: "\ed2f";
  }

  .lnil-caravan::before {
    content: "\ed30";
  }

  .lnil-chat-add::before {
    content: "\ed31";
  }

  .lnil-chat-minus::before {
    content: "\ed32";
  }

  .lnil-comments-alt::before {
    content: "\ed33";
  }

  .lnil-comments-reply::before {
    content: "\ed34";
  }

  .lnil-comments::before {
    content: "\ed35";
  }

  .lnil-envelope-alt::before {
    content: "\ed36";
  }

  .lnil-envelope::before {
    content: "\ed37";
  }

  .lnil-helicopter::before {
    content: "\ed38";
  }

  .lnil-inbox::before {
    content: "\ed39";
  }

  .lnil-megaphone::before {
    content: "\ed3a";
  }

  .lnil-message-attachement::before {
    content: "\ed3b";
  }

  .lnil-message-block::before {
    content: "\ed3c";
  }

  .lnil-message-check::before {
    content: "\ed3d";
  }

  .lnil-message-cross::before {
    content: "\ed3e";
  }

  .lnil-message-desktop::before {
    content: "\ed3f";
  }

  .lnil-message-edit::before {
    content: "\ed40";
  }

  .lnil-message-forward::before {
    content: "\ed41";
  }

  .lnil-message-incoming::before {
    content: "\ed42";
  }

  .lnil-message-laptop::before {
    content: "\ed43";
  }

  .lnil-message-lock::before {
    content: "\ed44";
  }

  .lnil-message-love::before {
    content: "\ed45";
  }

  .lnil-message-minus::before {
    content: "\ed46";
  }

  .lnil-message-outgoing::before {
    content: "\ed47";
  }

  .lnil-message-plus::before {
    content: "\ed48";
  }

  .lnil-message-reply::before {
    content: "\ed49";
  }

  .lnil-message-search::before {
    content: "\ed4a";
  }

  .lnil-message-share::before {
    content: "\ed4b";
  }

  .lnil-mobile-chat::before {
    content: "\ed4c";
  }

  .lnil-page::before {
    content: "\ed4d";
  }

  .lnil-phone-block::before {
    content: "\ed4e";
  }

  .lnil-phone-caling::before {
    content: "\ed4f";
  }

  .lnil-phone-conference::before {
    content: "\ed50";
  }

  .lnil-phone-cut::before {
    content: "\ed51";
  }

  .lnil-phone-forward::before {
    content: "\ed52";
  }

  .lnil-phone-incoming::before {
    content: "\ed53";
  }

  .lnil-phone-misscall::before {
    content: "\ed54";
  }

  .lnil-phone-outgoing::before {
    content: "\ed55";
  }

  .lnil-phone-pause::before {
    content: "\ed56";
  }

  .lnil-phone-redial::before {
    content: "\ed57";
  }

  .lnil-phone-ring::before {
    content: "\ed58";
  }

  .lnil-phone-set::before {
    content: "\ed59";
  }

  .lnil-phone::before {
    content: "\ed5a";
  }

  .lnil-plane-alt::before {
    content: "\ed5b";
  }

  .lnil-plane::before {
    content: "\ed5c";
  }

  .lnil-popup::before {
    content: "\ed5d";
  }

  .lnil-postcard-alt::before {
    content: "\ed5e";
  }

  .lnil-postcard::before {
    content: "\ed5f";
  }

  .lnil-reply::before {
    content: "\ed60";
  }

  .lnil-road::before {
    content: "\ed61";
  }

  .lnil-scooter::before {
    content: "\ed62";
  }

  .lnil-ship::before {
    content: "\ed63";
  }

  .lnil-support::before {
    content: "\ed64";
  }

  .lnil-target-mail::before {
    content: "\ed65";
  }

  .lnil-taxi::before {
    content: "\ed66";
  }

  .lnil-train-alt::before {
    content: "\ed67";
  }

  .lnil-train::before {
    content: "\ed68";
  }

  .lnil-bullhorn::before {
    content: "\ed69";
  }

  .lnil-bus::before {
    content: "\ed6a";
  }

  .lnil-boarding-pass-alt::before {
    content: "\ed6b";
  }

  .lnil-achievement::before {
    content: "\ed6c";
  }

  .lnil-agenda::before {
    content: "\ed6d";
  }

  .lnil-briefcase-alt::before {
    content: "\ed6e";
  }

  .lnil-apartment-alt::before {
    content: "\ed6f";
  }

  .lnil-apartment::before {
    content: "\ed70";
  }

  .lnil-analytics-alt-1::before {
    content: "\ed71";
  }

  .lnil-briefcase::before {
    content: "\ed72";
  }

  .lnil-cart-alt::before {
    content: "\ed73";
  }

  .lnil-cart-down::before {
    content: "\ed74";
  }

  .lnil-cart-empty::before {
    content: "\ed75";
  }

  .lnil-cart-full::before {
    content: "\ed76";
  }

  .lnil-delivery::before {
    content: "\ed77";
  }

  .lnil-desk::before {
    content: "\ed78";
  }

  .lnil-customer::before {
    content: "\ed79";
  }

  .lnil-graph::before {
    content: "\ed7a";
  }

  .lnil-grow::before {
    content: "\ed7b";
  }

  .lnil-hierchy-alt::before {
    content: "\ed7c";
  }

  .lnil-global::before {
    content: "\ed7d";
  }

  .lnil-hierchy::before {
    content: "\ed7e";
  }

  .lnil-investment::before {
    content: "\ed7f";
  }

  .lnil-notepad::before {
    content: "\ed80";
  }

  .lnil-consulting::before {
    content: "\ed81";
  }

  .lnil-office-plan::before {
    content: "\ed82";
  }

  .lnil-paperclip::before {
    content: "\ed83";
  }

  .lnil-cart::before {
    content: "\ed84";
  }

  .lnil-offer::before {
    content: "\ed85";
  }

  .lnil-pie-chart-alt::before {
    content: "\ed86";
  }

  .lnil-pie-chart-dollar::before {
    content: "\ed87";
  }

  .lnil-pie-chart::before {
    content: "\ed88";
  }

  .lnil-pie-report::before {
    content: "\ed89";
  }

  .lnil-handshake::before {
    content: "\ed8a";
  }

  .lnil-pin-alt::before {
    content: "\ed8b";
  }

  .lnil-pin::before {
    content: "\ed8c";
  }

  .lnil-quotation::before {
    content: "\ed8d";
  }

  .lnil-revenue::before {
    content: "\ed8e";
  }

  .lnil-stamp::before {
    content: "\ed8f";
  }

  .lnil-tablet-alt::before {
    content: "\ed90";
  }

  .lnil-tag::before {
    content: "\ed91";
  }

  .lnil-target-achievement::before {
    content: "\ed92";
  }

  .lnil-table::before {
    content: "\ed93";
  }

  .lnil-target-alt::before {
    content: "\ed94";
  }

  .lnil-target-alt-1::before {
    content: "\ed95";
  }

  .lnil-swatches::before {
    content: "\ed96";
  }

  .lnil-stats-down::before {
    content: "\ed97";
  }

  .lnil-stats-up::before {
    content: "\ed98";
  }

  .lnil-target-revenue::before {
    content: "\ed99";
  }

  .lnil-tie::before {
    content: "\ed9a";
  }

  .lnil-target::before {
    content: "\ed9b";
  }

  .lnil-licencse::before {
    content: "\ed9c";
  }

  .lnil-target-remove::before {
    content: "\ed9d";
  }

  .lnil-sales-report::before {
    content: "\ed9e";
  }

  .lnil-Instagram::before {
    content: "\ed9f";
  }

  .lnil-amazon::before {
    content: "\eda0";
  }

  .lnil-amex::before {
    content: "\eda1";
  }

  .lnil-bitbucket::before {
    content: "\eda2";
  }

  .lnil-bitcoin::before {
    content: "\eda3";
  }

  .lnil-chrome::before {
    content: "\eda4";
  }

  .lnil-css3::before {
    content: "\eda5";
  }

  .lnil-dribbble::before {
    content: "\eda6";
  }

  .lnil-dropbox::before {
    content: "\eda7";
  }

  .lnil-drupal::before {
    content: "\eda8";
  }

  .lnil-facebook::before {
    content: "\eda9";
  }

  .lnil-firefox::before {
    content: "\edaa";
  }

  .lnil-github::before {
    content: "\edab";
  }

  .lnil-html5::before {
    content: "\edac";
  }

  .lnil-mastercard::before {
    content: "\edad";
  }

  .lnil-paypal::before {
    content: "\edae";
  }

  .lnil-play-store::before {
    content: "\edaf";
  }

  .lnil-slack::before {
    content: "\edb0";
  }

  .lnil-quora::before {
    content: "\edb1";
  }

  .lnil-soundcloud::before {
    content: "\edb2";
  }

  .lnil-spotify::before {
    content: "\edb3";
  }

  .lnil-twitter::before {
    content: "\edb4";
  }

  .lnil-visa::before {
    content: "\edb5";
  }

  .lnil-android::before {
    content: "\edb6";
  }

  .lnil-apple::before {
    content: "\edb7";
  }

  .lnil-behance::before {
    content: "\edb8";
  }

  /*--------------------------------

LineIconsPro Regular Web Font
Author: lineicons.com

-------------------------------- */
@font-face {
    font-family: 'LineIconsPro Regular';
    src: url('/dist/assets/LineIconsPro%20Regular-Dh1FFdZM.eot');
    src: url('/dist/assets/LineIconsPro%20Regular-Dh1FFdZM.eot') format('embedded-opentype'), url('/dist/assets/LineIconsPro%20Regular-Cb8edf6i.woff2') format('woff2'), url('/dist/assets/LineIconsPro%20Regular-BFAyId_t.woff') format('woff'), url('/dist/assets/LineIconsPro%20Regular-C9DeywTC.ttf') format('truetype'), url('/dist/assets/LineIconsPro%20Regular-UBwj5NSO.svg') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  /*------------------------
      base class definition
  -------------------------*/
  .lnir {
    display: inline-block;
    font: normal normal normal 1em/1 'LineIconsPro Regular';
    speak: none;
    text-transform: none;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  /*------------------------
    change icon size
  -------------------------*/
  /* relative units */
  .lnir-sm {
    font-size: 0.8em;
  }
  .lnir-lg {
    font-size: 1.2em;
  }
  /* absolute units */
  .lnir-16 {
    font-size: 16px;
  }
  .lnir-32 {
    font-size: 32px;
  }
  /*----------------------------------
    add a square/circle background
  -----------------------------------*/
  .lnir-bg-square,
  .lnir-bg-circle {
    padding: 0.35em;
    background-color: #eee;
  }
  .lnir-bg-circle {
    border-radius: 50%;
  }
  /*------------------------------------
    use icons as list item markers
  -------------------------------------*/
  .lnir-ul {
    padding-left: 0;
    list-style-type: none;
  }
  .lnir-ul > li {
    display: flex;
    align-items: flex-start;
    line-height: 1.4;
  }
  .lnir-ul > li > .lnir {
    margin-right: 0.4em;
    line-height: inherit;
  }
  /*------------------------
    spinning icons
  -------------------------*/
  .lnir-is-spinning {
    animation: lnir-spin 2s infinite linear;
  }
  @keyframes lnir-spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  /*------------------------
    rotated/flipped icons
  -------------------------*/
  .lnir-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    transform: rotate(90deg);
  }
  .lnir-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: rotate(180deg);
  }
  .lnir-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(270deg);
  }
  .lnir-flip-y {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
    transform: scale(-1, 1);
  }
  .lnir-flip-x {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: scale(1, -1);
  }
  /*------------------------
      icons
  -------------------------*/

  .lnir-500px::before {
    content: "\ea02";
  }

  .lnir-adobe::before {
    content: "\ea03";
  }

  .lnir-airbnb::before {
    content: "\ea04";
  }

  .lnir-amazon-original::before {
    content: "\ea05";
  }

  .lnir-amazon-pay::before {
    content: "\ea06";
  }

  .lnir-amazon::before {
    content: "\ea07";
  }

  .lnir-angellist::before {
    content: "\ea08";
  }

  .lnir-android-original::before {
    content: "\ea09";
  }

  .lnir-android::before {
    content: "\ea0a";
  }

  .lnir-amex::before {
    content: "\ea0b";
  }

  .lnir-angular::before {
    content: "\ea0c";
  }

  .lnir-atlassian::before {
    content: "\ea0d";
  }

  .lnir-apple-pay::before {
    content: "\ea0e";
  }

  .lnir-apple::before {
    content: "\ea0f";
  }

  .lnir-app-store::before {
    content: "\ea10";
  }

  .lnir-aws::before {
    content: "\ea11";
  }

  .lnir-behance-original::before {
    content: "\ea12";
  }

  .lnir-behance::before {
    content: "\ea13";
  }

  .lnir-bitbucket::before {
    content: "\ea14";
  }

  .lnir-chrome::before {
    content: "\ea15";
  }

  .lnir-bitcoin::before {
    content: "\ea16";
  }

  .lnir-codepen::before {
    content: "\ea17";
  }

  .lnir-bootstrap::before {
    content: "\ea18";
  }

  .lnir-css3::before {
    content: "\ea19";
  }

  .lnir-blogger::before {
    content: "\ea1a";
  }

  .lnir-dev::before {
    content: "\ea1b";
  }

  .lnir-diners-club::before {
    content: "\ea1c";
  }

  .lnir-discord::before {
    content: "\ea1d";
  }

  .lnir-discover::before {
    content: "\ea1e";
  }

  .lnir-docker::before {
    content: "\ea1f";
  }

  .lnir-dribbble::before {
    content: "\ea20";
  }

  .lnir-dropbox::before {
    content: "\ea21";
  }

  .lnir-drupal-original::before {
    content: "\ea22";
  }

  .lnir-drupal::before {
    content: "\ea23";
  }

  .lnir-edge::before {
    content: "\ea24";
  }

  .lnir-envato::before {
    content: "\ea25";
  }

  .lnir-facebook-filled::before {
    content: "\ea26";
  }

  .lnir-cpanel::before {
    content: "\ea27";
  }

  .lnir-creative-commons::before {
    content: "\ea28";
  }

  .lnir-facebook-messenger::before {
    content: "\ea29";
  }

  .lnir-facebook-original::before {
    content: "\ea2a";
  }

  .lnir-facebook-oval::before {
    content: "\ea2b";
  }

  .lnir-facebook::before {
    content: "\ea2c";
  }

  .lnir-figma::before {
    content: "\ea2d";
  }

  .lnir-firefox-original::before {
    content: "\ea2e";
  }

  .lnir-firefox::before {
    content: "\ea2f";
  }

  .lnir-flickr::before {
    content: "\ea30";
  }

  .lnir-git::before {
    content: "\ea31";
  }

  .lnir-github-original::before {
    content: "\ea32";
  }

  .lnir-github::before {
    content: "\ea33";
  }

  .lnir-goodreads::before {
    content: "\ea34";
  }

  .lnir-google-drive::before {
    content: "\ea35";
  }

  .lnir-google-pay::before {
    content: "\ea36";
  }

  .lnir-google-wallet::before {
    content: "\ea37";
  }

  .lnir-google::before {
    content: "\ea38";
  }

  .lnir-hacker-news::before {
    content: "\ea39";
  }

  .lnir-html5::before {
    content: "\ea3a";
  }

  .lnir-instagram-filled::before {
    content: "\ea3b";
  }

  .lnir-instagram-original::before {
    content: "\ea3c";
  }

  .lnir-instagram::before {
    content: "\ea3d";
  }

  .lnir-javascript::before {
    content: "\ea3e";
  }

  .lnir-jcb::before {
    content: "\ea3f";
  }

  .lnir-joomla::before {
    content: "\ea40";
  }

  .lnir-laravel::before {
    content: "\ea41";
  }

  .lnir-lineicons-alt::before {
    content: "\ea42";
  }

  .lnir-dropbox-original::before {
    content: "\ea43";
  }

  .lnir-linkedin-original::before {
    content: "\ea44";
  }

  .lnir-mailchimp::before {
    content: "\ea45";
  }

  .lnir-mastercard::before {
    content: "\ea46";
  }

  .lnir-medium::before {
    content: "\ea47";
  }

  .lnir-megento::before {
    content: "\ea48";
  }

  .lnir-microsoft::before {
    content: "\ea49";
  }

  .lnir-nodejs-alt::before {
    content: "\ea4a";
  }

  .lnir-nodejs::before {
    content: "\ea4b";
  }

  .lnir-npm::before {
    content: "\ea4c";
  }

  .lnir-opera::before {
    content: "\ea4d";
  }

  .lnir-patreon::before {
    content: "\ea4e";
  }

  .lnir-paypal-original::before {
    content: "\ea4f";
  }

  .lnir-paypal::before {
    content: "\ea50";
  }

  .lnir-php::before {
    content: "\ea51";
  }

  .lnir-line::before {
    content: "\ea52";
  }

  .lnir-lineicons::before {
    content: "\ea53";
  }

  .lnir-linkedin::before {
    content: "\ea54";
  }

  .lnir-pinterest::before {
    content: "\ea55";
  }

  .lnir-play-store::before {
    content: "\ea56";
  }

  .lnir-producthunt::before {
    content: "\ea57";
  }

  .lnir-python::before {
    content: "\ea58";
  }

  .lnir-quora::before {
    content: "\ea59";
  }

  .lnir-react::before {
    content: "\ea5a";
  }

  .lnir-reddit::before {
    content: "\ea5b";
  }

  .lnir-shopify::before {
    content: "\ea5c";
  }

  .lnir-sketch::before {
    content: "\ea5d";
  }

  .lnir-skype::before {
    content: "\ea5e";
  }

  .lnir-slack::before {
    content: "\ea5f";
  }

  .lnir-slideshare::before {
    content: "\ea60";
  }

  .lnir-snapchat::before {
    content: "\ea61";
  }

  .lnir-souncloud-original::before {
    content: "\ea62";
  }

  .lnir-soundcloud::before {
    content: "\ea63";
  }

  .lnir-spotify-original::before {
    content: "\ea64";
  }

  .lnir-spotify::before {
    content: "\ea65";
  }

  .lnir-stackoverflow::before {
    content: "\ea66";
  }

  .lnir-swift::before {
    content: "\ea67";
  }

  .lnir-telegram-original::before {
    content: "\ea68";
  }

  .lnir-telegram::before {
    content: "\ea69";
  }

  .lnir-trello::before {
    content: "\ea6a";
  }

  .lnir-stripe::before {
    content: "\ea6b";
  }

  .lnir-tumblr::before {
    content: "\ea6c";
  }

  .lnir-stumbleupon::before {
    content: "\ea6d";
  }

  .lnir-twitter-original::before {
    content: "\ea6e";
  }

  .lnir-twitter::before {
    content: "\ea6f";
  }

  .lnir-ubuntu::before {
    content: "\ea70";
  }

  .lnir-vimeo::before {
    content: "\ea71";
  }

  .lnir-twitch::before {
    content: "\ea72";
  }

  .lnir-steam::before {
    content: "\ea73";
  }

  .lnir-twitter-filled::before {
    content: "\ea74";
  }

  .lnir-visa::before {
    content: "\ea75";
  }

  .lnir-vk::before {
    content: "\ea76";
  }

  .lnir-wechat::before {
    content: "\ea77";
  }

  .lnir-whatsapp::before {
    content: "\ea78";
  }

  .lnir-windows::before {
    content: "\ea79";
  }

  .lnir-wordpress-filled::before {
    content: "\ea7a";
  }

  .lnir-wordpress::before {
    content: "\ea7b";
  }

  .lnir-yahoo::before {
    content: "\ea7c";
  }

  .lnir-ycombinator::before {
    content: "\ea7d";
  }

  .lnir-youtube::before {
    content: "\ea7e";
  }

  .lnir-anchor::before {
    content: "\ea7f";
  }

  .lnir-bi-cycle::before {
    content: "\ea80";
  }

  .lnir-boarding-pass-alt::before {
    content: "\ea81";
  }

  .lnir-boarding-pass::before {
    content: "\ea82";
  }

  .lnir-java::before {
    content: "\ea83";
  }

  .lnir-jsfiddle::before {
    content: "\ea84";
  }

  .lnir-bridge::before {
    content: "\ea85";
  }

  .lnir-bullhorn::before {
    content: "\ea86";
  }

  .lnir-bus::before {
    content: "\ea87";
  }

  .lnir-car-alt::before {
    content: "\ea88";
  }

  .lnir-car::before {
    content: "\ea89";
  }

  .lnir-caravan::before {
    content: "\ea8a";
  }

  .lnir-chat-add::before {
    content: "\ea8b";
  }

  .lnir-chat-minus::before {
    content: "\ea8c";
  }

  .lnir-comments-alt::before {
    content: "\ea8d";
  }

  .lnir-comments-reply::before {
    content: "\ea8e";
  }

  .lnir-comments::before {
    content: "\ea8f";
  }

  .lnir-envelope-alt::before {
    content: "\ea90";
  }

  .lnir-helicopter::before {
    content: "\ea91";
  }

  .lnir-inbox::before {
    content: "\ea92";
  }

  .lnir-megaphone::before {
    content: "\ea93";
  }

  .lnir-message-attachement::before {
    content: "\ea94";
  }

  .lnir-message-block::before {
    content: "\ea95";
  }

  .lnir-message-check::before {
    content: "\ea96";
  }

  .lnir-message-cross::before {
    content: "\ea97";
  }

  .lnir-message-desktop::before {
    content: "\ea98";
  }

  .lnir-message-edit::before {
    content: "\ea99";
  }

  .lnir-message-forward::before {
    content: "\ea9a";
  }

  .lnir-message-incoming::before {
    content: "\ea9b";
  }

  .lnir-message-laptop::before {
    content: "\ea9c";
  }

  .lnir-message-lock::before {
    content: "\ea9d";
  }

  .lnir-message-love::before {
    content: "\ea9e";
  }

  .lnir-message-minus::before {
    content: "\ea9f";
  }

  .lnir-message-outgoing::before {
    content: "\eaa0";
  }

  .lnir-message-plus::before {
    content: "\eaa1";
  }

  .lnir-message-reply::before {
    content: "\eaa2";
  }

  .lnir-message-search::before {
    content: "\eaa3";
  }

  .lnir-message-share::before {
    content: "\eaa4";
  }

  .lnir-mobile-chat::before {
    content: "\eaa5";
  }

  .lnir-page::before {
    content: "\eaa6";
  }

  .lnir-phone-block::before {
    content: "\eaa7";
  }

  .lnir-phone-caling::before {
    content: "\eaa8";
  }

  .lnir-phone-conference::before {
    content: "\eaa9";
  }

  .lnir-phone-cut::before {
    content: "\eaaa";
  }

  .lnir-phone-forward::before {
    content: "\eaab";
  }

  .lnir-phone-incoming::before {
    content: "\eaac";
  }

  .lnir-phone-misscall::before {
    content: "\eaad";
  }

  .lnir-phone-outgoing::before {
    content: "\eaae";
  }

  .lnir-phone-pause::before {
    content: "\eaaf";
  }

  .lnir-phone-redial::before {
    content: "\eab0";
  }

  .lnir-phone-ring::before {
    content: "\eab1";
  }

  .lnir-phone-set::before {
    content: "\eab2";
  }

  .lnir-phone::before {
    content: "\eab3";
  }

  .lnir-plane-alt::before {
    content: "\eab4";
  }

  .lnir-plane::before {
    content: "\eab5";
  }

  .lnir-popup::before {
    content: "\eab6";
  }

  .lnir-postcard-alt::before {
    content: "\eab7";
  }

  .lnir-postcard::before {
    content: "\eab8";
  }

  .lnir-reply::before {
    content: "\eab9";
  }

  .lnir-road::before {
    content: "\eaba";
  }

  .lnir-scooter::before {
    content: "\eabb";
  }

  .lnir-ship::before {
    content: "\eabc";
  }

  .lnir-support::before {
    content: "\eabd";
  }

  .lnir-target-mail::before {
    content: "\eabe";
  }

  .lnir-taxi::before {
    content: "\eabf";
  }

  .lnir-train-alt::before {
    content: "\eac0";
  }

  .lnir-train::before {
    content: "\eac1";
  }

  .lnir-boundary::before {
    content: "\eac2";
  }

  .lnir-bricks-alt::before {
    content: "\eac3";
  }

  .lnir-bricks::before {
    content: "\eac4";
  }

  .lnir-bulldozer::before {
    content: "\eac5";
  }

  .lnir-cone::before {
    content: "\eac6";
  }

  .lnir-construction-hammer::before {
    content: "\eac7";
  }

  .lnir-construction-rular::before {
    content: "\eac8";
  }

  .lnir-construction::before {
    content: "\eac9";
  }

  .lnir-door-alt::before {
    content: "\eaca";
  }

  .lnir-drill::before {
    content: "\eacb";
  }

  .lnir-fence::before {
    content: "\eacc";
  }

  .lnir-hammer-alt::before {
    content: "\eacd";
  }

  .lnir-envelope::before {
    content: "\eace";
  }

  .lnir-joomla-original::before {
    content: "\eacf";
  }

  .lnir-bubble::before {
    content: "\ead0";
  }

  .lnir-door::before {
    content: "\ead1";
  }

  .lnir-helmet::before {
    content: "\ead2";
  }

  .lnir-hook::before {
    content: "\ead3";
  }

  .lnir-house-alt-1::before {
    content: "\ead4";
  }

  .lnir-house-alt::before {
    content: "\ead5";
  }

  .lnir-house-heart::before {
    content: "\ead6";
  }

  .lnir-house-plan::before {
    content: "\ead7";
  }

  .lnir-house::before {
    content: "\ead8";
  }

  .lnir-measuring-tape::before {
    content: "\ead9";
  }

  .lnir-paint-bucket::before {
    content: "\eada";
  }

  .lnir-paint-roller-alt-1::before {
    content: "\eadb";
  }

  .lnir-paint-roller-alt::before {
    content: "\eadc";
  }

  .lnir-paint-roller::before {
    content: "\eadd";
  }

  .lnir-pipe::before {
    content: "\eade";
  }

  .lnir-ruler-alt::before {
    content: "\eadf";
  }

  .lnir-ruler-pencil::before {
    content: "\eae0";
  }

  .lnir-ruler::before {
    content: "\eae1";
  }

  .lnir-saw-alt::before {
    content: "\eae2";
  }

  .lnir-saw::before {
    content: "\eae3";
  }

  .lnir-screw::before {
    content: "\eae4";
  }

  .lnir-screwdriver::before {
    content: "\eae5";
  }

  .lnir-shovel::before {
    content: "\eae6";
  }

  .lnir-toolbox::before {
    content: "\eae7";
  }

  .lnir-triangle-ruler-1::before {
    content: "\eae8";
  }

  .lnir-triangle-ruler::before {
    content: "\eae9";
  }

  .lnir-trowel-alt::before {
    content: "\eaea";
  }

  .lnir-trowel::before {
    content: "\eaeb";
  }

  .lnir-wheelbarrow::before {
    content: "\eaec";
  }

  .lnir-wrench::before {
    content: "\eaed";
  }

  .lnir-brush-alt::before {
    content: "\eaee";
  }

  .lnir-brush::before {
    content: "\eaef";
  }

  .lnir-color-palette::before {
    content: "\eaf0";
  }

  .lnir-crop-alt::before {
    content: "\eaf1";
  }

  .lnir-crop::before {
    content: "\eaf2";
  }

  .lnir-grid-alt::before {
    content: "\eaf3";
  }

  .lnir-grid::before {
    content: "\eaf4";
  }

  .lnir-highlight-alt::before {
    content: "\eaf5";
  }

  .lnir-highlight::before {
    content: "\eaf6";
  }

  .lnir-image-crop::before {
    content: "\eaf7";
  }

  .lnir-layers-alt-1::before {
    content: "\eaf8";
  }

  .lnir-layers-alt::before {
    content: "\eaf9";
  }

  .lnir-layers::before {
    content: "\eafa";
  }

  .lnir-layout-alt-1::before {
    content: "\eafb";
  }

  .lnir-layout-alt-2::before {
    content: "\eafc";
  }

  .lnir-layout-alt::before {
    content: "\eafd";
  }

  .lnir-layout::before {
    content: "\eafe";
  }

  .lnir-magic-wand::before {
    content: "\eaff";
  }

  .lnir-margin::before {
    content: "\eb00";
  }

  .lnir-move::before {
    content: "\eb01";
  }

  .lnir-pallet::before {
    content: "\eb02";
  }

  .lnir-rotate::before {
    content: "\eb03";
  }

  .lnir-scaling::before {
    content: "\eb04";
  }

  .lnir-select::before {
    content: "\eb05";
  }

  .lnir-size::before {
    content: "\eb06";
  }

  .lnir-slice::before {
    content: "\eb07";
  }

  .lnir-transform::before {
    content: "\eb08";
  }

  .lnir-ux::before {
    content: "\eb09";
  }

  .lnir-vector-alt::before {
    content: "\eb0a";
  }

  .lnir-vector-pen::before {
    content: "\eb0b";
  }

  .lnir-vector::before {
    content: "\eb0c";
  }

  .lnir-angle-double-down::before {
    content: "\eb0d";
  }

  .lnir-angle-double-left::before {
    content: "\eb0e";
  }

  .lnir-angle-double-right::before {
    content: "\eb0f";
  }

  .lnir-angle-double-up::before {
    content: "\eb10";
  }

  .lnir-arrow-double-down::before {
    content: "\eb11";
  }

  .lnir-arrow-double-left::before {
    content: "\eb12";
  }

  .lnir-arrow-double-right::before {
    content: "\eb13";
  }

  .lnir-arrow-double-top::before {
    content: "\eb14";
  }

  .lnir-arrow-down-circle::before {
    content: "\eb15";
  }

  .lnir-arrow-down::before {
    content: "\eb16";
  }

  .lnir-arrow-expand-alt::before {
    content: "\eb17";
  }

  .lnir-arrow-expand::before {
    content: "\eb18";
  }

  .lnir-arrow-left-circle::before {
    content: "\eb19";
  }

  .lnir-arrow-left::before {
    content: "\eb1a";
  }

  .lnir-arrow-minimize-alt::before {
    content: "\eb1b";
  }

  .lnir-arrow-minimize::before {
    content: "\eb1c";
  }

  .lnir-arrow-right-circle::before {
    content: "\eb1d";
  }

  .lnir-arrow-right::before {
    content: "\eb1e";
  }

  .lnir-arrow-top-left::before {
    content: "\eb1f";
  }

  .lnir-arrow-top-right::before {
    content: "\eb20";
  }

  .lnir-arrow-up-circle::before {
    content: "\eb21";
  }

  .lnir-arrow-up::before {
    content: "\eb22";
  }

  .lnir-arrows-horizontal::before {
    content: "\eb23";
  }

  .lnir-arrows-vertical::before {
    content: "\eb24";
  }

  .lnir-axis::before {
    content: "\eb25";
  }

  .lnir-chevron-down-circle::before {
    content: "\eb26";
  }

  .lnir-chevron-down::before {
    content: "\eb27";
  }

  .lnir-chevron-left-circle::before {
    content: "\eb28";
  }

  .lnir-chevron-left::before {
    content: "\eb29";
  }

  .lnir-chevron-right-circle::before {
    content: "\eb2a";
  }

  .lnir-chevron-right::before {
    content: "\eb2b";
  }

  .lnir-chevron-up-circle::before {
    content: "\eb2c";
  }

  .lnir-chevron-up::before {
    content: "\eb2d";
  }

  .lnir-direction-alt::before {
    content: "\eb2e";
  }

  .lnir-direction-ltr::before {
    content: "\eb2f";
  }

  .lnir-direction-rtl::before {
    content: "\eb30";
  }

  .lnir-direction::before {
    content: "\eb31";
  }

  .lnir-down-arrow-box::before {
    content: "\eb32";
  }

  .lnir-down-left-arrow-box::before {
    content: "\eb33";
  }

  .lnir-down-right-arrow-box::before {
    content: "\eb34";
  }

  .lnir-enter::before {
    content: "\eb35";
  }

  .lnir-exit-down::before {
    content: "\eb36";
  }

  .lnir-exit-up::before {
    content: "\eb37";
  }

  .lnir-exit::before {
    content: "\eb38";
  }

  .lnir-left-arrow-box::before {
    content: "\eb39";
  }

  .lnir-pointer-down::before {
    content: "\eb3a";
  }

  .lnir-pointer-left::before {
    content: "\eb3b";
  }

  .lnir-pointer-right::before {
    content: "\eb3c";
  }

  .lnir-pointer-up::before {
    content: "\eb3d";
  }

  .lnir-right-arrow-box::before {
    content: "\eb3e";
  }

  .lnir-shift-left::before {
    content: "\eb3f";
  }

  .lnir-shift-right::before {
    content: "\eb40";
  }

  .lnir-top-left-arrow-box::before {
    content: "\eb41";
  }

  .lnir-top-arrow-box::before {
    content: "\eb42";
  }

  .lnir-top-right-arrow-box::before {
    content: "\eb43";
  }

  .lnir-capital-letter::before {
    content: "\eb44";
  }

  .lnir-font::before {
    content: "\eb45";
  }

  .lnir-height::before {
    content: "\eb46";
  }

  .lnir-indent-decrease::before {
    content: "\eb47";
  }

  .lnir-indent-increase::before {
    content: "\eb48";
  }

  .lnir-italic::before {
    content: "\eb49";
  }

  .lnir-line-dashed::before {
    content: "\eb4a";
  }

  .lnir-line-dotted::before {
    content: "\eb4b";
  }

  .lnir-line-double::before {
    content: "\eb4c";
  }

  .lnir-line-spacing::before {
    content: "\eb4d";
  }

  .lnir-page-break::before {
    content: "\eb4e";
  }

  .lnir-pagination::before {
    content: "\eb4f";
  }

  .lnir-pilcrow::before {
    content: "\eb50";
  }

  .lnir-redo::before {
    content: "\eb51";
  }

  .lnir-reflect::before {
    content: "\eb52";
  }

  .lnir-sort-alpha-asc::before {
    content: "\eb53";
  }

  .lnir-sort-amount-asc::before {
    content: "\eb54";
  }

  .lnir-sort-amount-dsc::before {
    content: "\eb55";
  }

  .lnir-spellcheck::before {
    content: "\eb56";
  }

  .lnir-text-align-justify::before {
    content: "\eb57";
  }

  .lnir-text-align-left::before {
    content: "\eb58";
  }

  .lnir-hammer::before {
    content: "\eb59";
  }

  .lnir-helmet-alt::before {
    content: "\eb5a";
  }

  .lnir-text-align-right::before {
    content: "\eb5b";
  }

  .lnir-text-align-center::before {
    content: "\eb5c";
  }

  .lnir-text-format-remove::before {
    content: "\eb5d";
  }

  .lnir-text::before {
    content: "\eb5e";
  }

  .lnir-underline::before {
    content: "\eb5f";
  }

  .lnir-undo::before {
    content: "\eb60";
  }

  .lnir-vertical-line::before {
    content: "\eb61";
  }

  .lnir-atom::before {
    content: "\eb62";
  }

  .lnir-backpack-alt::before {
    content: "\eb63";
  }

  .lnir-backpack::before {
    content: "\eb64";
  }

  .lnir-blackboard::before {
    content: "\eb65";
  }

  .lnir-book-alt::before {
    content: "\eb66";
  }

  .lnir-book::before {
    content: "\eb67";
  }

  .lnir-books-alt::before {
    content: "\eb68";
  }

  .lnir-books::before {
    content: "\eb69";
  }

  .lnir-brakckets::before {
    content: "\eb6a";
  }

  .lnir-certificate-alt-1::before {
    content: "\eb6b";
  }

  .lnir-certificate-alt::before {
    content: "\eb6c";
  }

  .lnir-certificate::before {
    content: "\eb6d";
  }

  .lnir-classroom::before {
    content: "\eb6e";
  }

  .lnir-clipboard::before {
    content: "\eb6f";
  }

  .lnir-compass::before {
    content: "\eb70";
  }

  .lnir-cubes::before {
    content: "\eb71";
  }

  .lnir-eraser::before {
    content: "\eb72";
  }

  .lnir-flask-alt-1::before {
    content: "\eb73";
  }

  .lnir-flask-alt-2::before {
    content: "\eb74";
  }

  .lnir-flask-alt::before {
    content: "\eb75";
  }

  .lnir-flask::before {
    content: "\eb76";
  }

  .lnir-graduate-alt::before {
    content: "\eb77";
  }

  .lnir-graduate::before {
    content: "\eb78";
  }

  .lnir-graduation::before {
    content: "\eb79";
  }

  .lnir-letterblocks::before {
    content: "\eb7a";
  }

  .lnir-library::before {
    content: "\eb7b";
  }

  .lnir-medal-alt::before {
    content: "\eb7c";
  }

  .lnir-medal::before {
    content: "\eb7d";
  }

  .lnir-molecule-alt::before {
    content: "\eb7e";
  }

  .lnir-molecule::before {
    content: "\eb7f";
  }

  .lnir-pencil-alt::before {
    content: "\eb80";
  }

  .lnir-pencil::before {
    content: "\eb81";
  }

  .lnir-quill::before {
    content: "\eb82";
  }

  .lnir-school-bench-alt::before {
    content: "\eb83";
  }

  .lnir-school-bench::before {
    content: "\eb84";
  }

  .lnir-sketchbook::before {
    content: "\eb85";
  }

  .lnir-whiteboard-alt-1::before {
    content: "\eb86";
  }

  .lnir-whiteboard-alt-2::before {
    content: "\eb87";
  }

  .lnir-whiteboard-alt::before {
    content: "\eb88";
  }

  .lnir-whiteboard::before {
    content: "\eb89";
  }

  .lnir-world-2::before {
    content: "\eb8a";
  }

  .lnir-world-alt::before {
    content: "\eb8b";
  }

  .lnir-world::before {
    content: "\eb8c";
  }

  .lnir-write::before {
    content: "\eb8d";
  }

  .lnir-apple-alt::before {
    content: "\eb8e";
  }

  .lnir-banana::before {
    content: "\eb8f";
  }

  .lnir-bowl-alt::before {
    content: "\eb90";
  }

  .lnir-bowl-alt-1::before {
    content: "\eb91";
  }

  .lnir-bowl::before {
    content: "\eb92";
  }

  .lnir-brocolli::before {
    content: "\eb93";
  }

  .lnir-burger-alt-1::before {
    content: "\eb94";
  }

  .lnir-burger-alt::before {
    content: "\eb95";
  }

  .lnir-burger::before {
    content: "\eb96";
  }

  .lnir-chef-hat-alt-1::before {
    content: "\eb97";
  }

  .lnir-chef-hat-alt-2::before {
    content: "\eb98";
  }

  .lnir-chef-hat-alt::before {
    content: "\eb99";
  }

  .lnir-chef-hat::before {
    content: "\eb9a";
  }

  .lnir-chicken::before {
    content: "\eb9b";
  }

  .lnir-cocktail-alt-1::before {
    content: "\eb9c";
  }

  .lnir-cocktail-alt::before {
    content: "\eb9d";
  }

  .lnir-cocktail::before {
    content: "\eb9e";
  }

  .lnir-coffee-cup-alt::before {
    content: "\eb9f";
  }

  .lnir-coffee-cup::before {
    content: "\eba0";
  }

  .lnir-cupcake-alt::before {
    content: "\eba1";
  }

  .lnir-cupcake::before {
    content: "\eba2";
  }

  .lnir-cutlery-alt-1::before {
    content: "\eba3";
  }

  .lnir-cutlery-alt::before {
    content: "\eba4";
  }

  .lnir-cutlery::before {
    content: "\eba5";
  }

  .lnir-dinner-table::before {
    content: "\eba6";
  }

  .lnir-dinner::before {
    content: "\eba7";
  }

  .lnir-drumstick::before {
    content: "\eba8";
  }

  .lnir-fresh-juice::before {
    content: "\eba9";
  }

  .lnir-ice-cream-alt::before {
    content: "\ebaa";
  }

  .lnir-ice-cream::before {
    content: "\ebab";
  }

  .lnir-juice::before {
    content: "\ebac";
  }

  .lnir-lolypop::before {
    content: "\ebad";
  }

  .lnir-meat::before {
    content: "\ebae";
  }

  .lnir-pizza-alt::before {
    content: "\ebaf";
  }

  .lnir-pizza::before {
    content: "\ebb0";
  }

  .lnir-plate::before {
    content: "\ebb1";
  }

  .lnir-popcorn::before {
    content: "\ebb2";
  }

  .lnir-restaurant::before {
    content: "\ebb3";
  }

  .lnir-service::before {
    content: "\ebb4";
  }

  .lnir-silverware::before {
    content: "\ebb5";
  }

  .lnir-spatula::before {
    content: "\ebb6";
  }

  .lnir-ambulance-alt-1::before {
    content: "\ebb7";
  }

  .lnir-ambulance-alt::before {
    content: "\ebb8";
  }

  .lnir-ambulance::before {
    content: "\ebb9";
  }

  .lnir-basketball::before {
    content: "\ebba";
  }

  .lnir-bone::before {
    content: "\ebbb";
  }

  .lnir-brain-alt::before {
    content: "\ebbc";
  }

  .lnir-brain-check-alt::before {
    content: "\ebbd";
  }

  .lnir-brain-check::before {
    content: "\ebbe";
  }

  .lnir-brain::before {
    content: "\ebbf";
  }

  .lnir-broken-bone::before {
    content: "\ebc0";
  }

  .lnir-capsule-alt-1::before {
    content: "\ebc1";
  }

  .lnir-capsule-alt::before {
    content: "\ebc2";
  }

  .lnir-capsule::before {
    content: "\ebc3";
  }

  .lnir-capsules::before {
    content: "\ebc4";
  }

  .lnir-cardiology::before {
    content: "\ebc5";
  }

  .lnir-diagnosis-alt::before {
    content: "\ebc6";
  }

  .lnir-diagnosis::before {
    content: "\ebc7";
  }

  .lnir-dna::before {
    content: "\ebc8";
  }

  .lnir-dropper-alt-1::before {
    content: "\ebc9";
  }

  .lnir-dropper-alt-2::before {
    content: "\ebca";
  }

  .lnir-dropper-alt::before {
    content: "\ebcb";
  }

  .lnir-dropper::before {
    content: "\ebcc";
  }

  .lnir-dumbbell::before {
    content: "\ebcd";
  }

  .lnir-eye-test::before {
    content: "\ebce";
  }

  .lnir-female::before {
    content: "\ebcf";
  }

  .lnir-first-aid::before {
    content: "\ebd0";
  }

  .lnir-gluten-free::before {
    content: "\ebd1";
  }

  .lnir-heart-check::before {
    content: "\ebd2";
  }

  .lnir-heart-monitor::before {
    content: "\ebd3";
  }

  .lnir-heartrate-monitor::before {
    content: "\ebd4";
  }

  .lnir-hospital-alt-1::before {
    content: "\ebd5";
  }

  .lnir-hospital-alt-2::before {
    content: "\ebd6";
  }

  .lnir-hospital-alt-3::before {
    content: "\ebd7";
  }

  .lnir-hospital-alt-4::before {
    content: "\ebd8";
  }

  .lnir-hospital-alt::before {
    content: "\ebd9";
  }

  .lnir-hospital-bed-alt-1::before {
    content: "\ebda";
  }

  .lnir-hospital-bed-alt-2::before {
    content: "\ebdb";
  }

  .lnir-hospital-bed-alt::before {
    content: "\ebdc";
  }

  .lnir-hospital-bed::before {
    content: "\ebdd";
  }

  .lnir-hospital-location::before {
    content: "\ebde";
  }

  .lnir-hospital-sign::before {
    content: "\ebdf";
  }

  .lnir-hospital::before {
    content: "\ebe0";
  }

  .lnir-kettlebell::before {
    content: "\ebe1";
  }

  .lnir-lungs::before {
    content: "\ebe2";
  }

  .lnir-male::before {
    content: "\ebe3";
  }

  .lnir-medical-briefcase-alt::before {
    content: "\ebe4";
  }

  .lnir-medical-briefcase::before {
    content: "\ebe5";
  }

  .lnir-medical-protection::before {
    content: "\ebe6";
  }

  .lnir-medical-sign::before {
    content: "\ebe7";
  }

  .lnir-medicine-alt::before {
    content: "\ebe8";
  }

  .lnir-medicine-bottle::before {
    content: "\ebe9";
  }

  .lnir-medicine::before {
    content: "\ebea";
  }

  .lnir-microscope::before {
    content: "\ebeb";
  }

  .lnir-pulse::before {
    content: "\ebec";
  }

  .lnir-report-laptop::before {
    content: "\ebed";
  }

  .lnir-saline-alt-1::before {
    content: "\ebee";
  }

  .lnir-saline::before {
    content: "\ebef";
  }

  .lnir-skipping-rope::before {
    content: "\ebf0";
  }

  .lnir-slim::before {
    content: "\ebf1";
  }

  .lnir-sthethoscope::before {
    content: "\ebf2";
  }

  .lnir-saline-alt::before {
    content: "\ebf3";
  }

  .lnir-syringe::before {
    content: "\ebf4";
  }

  .lnir-test-tube-alt::before {
    content: "\ebf5";
  }

  .lnir-test-tube::before {
    content: "\ebf6";
  }

  .lnir-thermometer-alt::before {
    content: "\ebf7";
  }

  .lnir-thermometer::before {
    content: "\ebf8";
  }

  .lnir-tooth::before {
    content: "\ebf9";
  }

  .lnir-walker::before {
    content: "\ebfa";
  }

  .lnir-weight-machine::before {
    content: "\ebfb";
  }

  .lnir-weight::before {
    content: "\ebfc";
  }

  .lnir-wheelchair::before {
    content: "\ebfd";
  }

  .lnir-yoga-mat::before {
    content: "\ebfe";
  }

  .lnir-achievement::before {
    content: "\ebff";
  }

  .lnir-analytics-alt-1::before {
    content: "\ec00";
  }

  .lnir-agenda::before {
    content: "\ec01";
  }

  .lnir-apartment-alt::before {
    content: "\ec02";
  }

  .lnir-apartment::before {
    content: "\ec03";
  }

  .lnir-briefcase-alt::before {
    content: "\ec04";
  }

  .lnir-briefcase::before {
    content: "\ec05";
  }

  .lnir-cart-alt::before {
    content: "\ec06";
  }

  .lnir-cart-down::before {
    content: "\ec07";
  }

  .lnir-cart-empty::before {
    content: "\ec08";
  }

  .lnir-cart-full::before {
    content: "\ec09";
  }

  .lnir-cart::before {
    content: "\ec0a";
  }

  .lnir-consulting::before {
    content: "\ec0b";
  }

  .lnir-customer::before {
    content: "\ec0c";
  }

  .lnir-delivery::before {
    content: "\ec0d";
  }

  .lnir-desk::before {
    content: "\ec0e";
  }

  .lnir-global::before {
    content: "\ec0f";
  }

  .lnir-grow::before {
    content: "\ec10";
  }

  .lnir-handshake::before {
    content: "\ec11";
  }

  .lnir-hierchy-alt::before {
    content: "\ec12";
  }

  .lnir-hierchy::before {
    content: "\ec13";
  }

  .lnir-invest-monitor::before {
    content: "\ec14";
  }

  .lnir-investment::before {
    content: "\ec15";
  }

  .lnir-license::before {
    content: "\ec16";
  }

  .lnir-notepad::before {
    content: "\ec17";
  }

  .lnir-offer::before {
    content: "\ec18";
  }

  .lnir-office-plan::before {
    content: "\ec19";
  }

  .lnir-pie-chart-alt::before {
    content: "\ec1a";
  }

  .lnir-paperclip::before {
    content: "\ec1b";
  }

  .lnir-pie-chart-dollar::before {
    content: "\ec1c";
  }

  .lnir-pie-chart::before {
    content: "\ec1d";
  }

  .lnir-pie-report::before {
    content: "\ec1e";
  }

  .lnir-pin-alt::before {
    content: "\ec1f";
  }

  .lnir-pin::before {
    content: "\ec20";
  }

  .lnir-quotation::before {
    content: "\ec21";
  }

  .lnir-revenue::before {
    content: "\ec22";
  }

  .lnir-sales-report::before {
    content: "\ec23";
  }

  .lnir-stamp::before {
    content: "\ec24";
  }

  .lnir-stats-down::before {
    content: "\ec25";
  }

  .lnir-stats-up::before {
    content: "\ec26";
  }

  .lnir-swatches::before {
    content: "\ec27";
  }

  .lnir-table::before {
    content: "\ec28";
  }

  .lnir-tablet-alt::before {
    content: "\ec29";
  }

  .lnir-tag::before {
    content: "\ec2a";
  }

  .lnir-target-achievement::before {
    content: "\ec2b";
  }

  .lnir-target-alt-1::before {
    content: "\ec2c";
  }

  .lnir-target-alt::before {
    content: "\ec2d";
  }

  .lnir-target-remove::before {
    content: "\ec2e";
  }

  .lnir-target-revenue::before {
    content: "\ec2f";
  }

  .lnir-target::before {
    content: "\ec30";
  }

  .lnir-tie::before {
    content: "\ec31";
  }

  .lnir-analytics::before {
    content: "\ec32";
  }

  .lnir-bar-chart::before {
    content: "\ec33";
  }

  .lnir-bar-check::before {
    content: "\ec34";
  }

  .lnir-billboard-alt::before {
    content: "\ec35";
  }

  .lnir-billboard::before {
    content: "\ec36";
  }

  .lnir-graph-alt-1::before {
    content: "\ec37";
  }

  .lnir-graph-alt-2::before {
    content: "\ec38";
  }

  .lnir-graph-alt-3::before {
    content: "\ec39";
  }

  .lnir-graph-alt-4::before {
    content: "\ec3a";
  }

  .lnir-graph-alt::before {
    content: "\ec3b";
  }

  .lnir-graph-decrease::before {
    content: "\ec3c";
  }

  .lnir-graph-increase::before {
    content: "\ec3d";
  }

  .lnir-graph::before {
    content: "\ec3e";
  }

  .lnir-keyword-research::before {
    content: "\ec3f";
  }

  .lnir-network-alt::before {
    content: "\ec40";
  }

  .lnir-network::before {
    content: "\ec41";
  }

  .lnir-pyramid-decrease::before {
    content: "\ec42";
  }

  .lnir-pyramid-increase::before {
    content: "\ec43";
  }

  .lnir-pyramid::before {
    content: "\ec44";
  }

  .lnir-rook::before {
    content: "\ec45";
  }

  .lnir-seo::before {
    content: "\ec46";
  }

  .lnir-strategy::before {
    content: "\ec47";
  }

  .lnir-target-audience-alt::before {
    content: "\ec48";
  }

  .lnir-target-customer::before {
    content: "\ec49";
  }

  .lnir-website-rank::before {
    content: "\ec4a";
  }

  .lnir-barrier::before {
    content: "\ec4b";
  }

  .lnir-bolt-alt::before {
    content: "\ec4c";
  }

  .lnir-bolt::before {
    content: "\ec4d";
  }

  .lnir-checkbox::before {
    content: "\ec4e";
  }

  .lnir-checkmark-circle::before {
    content: "\ec4f";
  }

  .lnir-checkmark::before {
    content: "\ec50";
  }

  .lnir-circle-minus::before {
    content: "\ec51";
  }

  .lnir-circle-plus::before {
    content: "\ec52";
  }

  .lnir-close::before {
    content: "\ec53";
  }

  .lnir-cross-circle::before {
    content: "\ec54";
  }

  .lnir-electricity::before {
    content: "\ec55";
  }

  .lnir-eye-alt::before {
    content: "\ec56";
  }

  .lnir-eye::before {
    content: "\ec57";
  }

  .lnir-find::before {
    content: "\ec58";
  }

  .lnir-flag-alt::before {
    content: "\ec59";
  }

  .lnir-flag::before {
    content: "\ec5a";
  }

  .lnir-funnel-alt-1::before {
    content: "\ec5b";
  }

  .lnir-funnel-alt::before {
    content: "\ec5c";
  }

  .lnir-funnel::before {
    content: "\ec5d";
  }

  .lnir-hand::before {
    content: "\ec5e";
  }

  .lnir-heart-filled::before {
    content: "\ec5f";
  }

  .lnir-heart-plus::before {
    content: "\ec60";
  }

  .lnir-heart::before {
    content: "\ec61";
  }

  .lnir-help::before {
    content: "\ec62";
  }

  .lnir-hotel-sign::before {
    content: "\ec63";
  }

  .lnir-idea-alt::before {
    content: "\ec64";
  }

  .lnir-identity::before {
    content: "\ec65";
  }

  .lnir-infinite::before {
    content: "\ec66";
  }

  .lnir-information::before {
    content: "\ec67";
  }

  .lnir-invention::before {
    content: "\ec68";
  }

  .lnir-key-alt-1::before {
    content: "\ec69";
  }

  .lnir-key-alt-2::before {
    content: "\ec6a";
  }

  .lnir-key-alt-3::before {
    content: "\ec6b";
  }

  .lnir-key-alt::before {
    content: "\ec6c";
  }

  .lnir-key::before {
    content: "\ec6d";
  }

  .lnir-life-ring::before {
    content: "\ec6e";
  }

  .lnir-list-alt-1::before {
    content: "\ec6f";
  }

  .lnir-list-alt::before {
    content: "\ec70";
  }

  .lnir-list::before {
    content: "\ec71";
  }

  .lnir-lock-alt-1::before {
    content: "\ec72";
  }

  .lnir-lock-alt-2::before {
    content: "\ec73";
  }

  .lnir-lock-alt::before {
    content: "\ec74";
  }

  .lnir-lock::before {
    content: "\ec75";
  }

  .lnir-minus::before {
    content: "\ec76";
  }

  .lnir-more-alt-1::before {
    content: "\ec77";
  }

  .lnir-more-alt::before {
    content: "\ec78";
  }

  .lnir-more::before {
    content: "\ec79";
  }

  .lnir-music-note::before {
    content: "\ec7a";
  }

  .lnir-music::before {
    content: "\ec7b";
  }

  .lnir-notification::before {
    content: "\ec7c";
  }

  .lnir-passport-alt::before {
    content: "\ec7d";
  }

  .lnir-passport::before {
    content: "\ec7e";
  }

  .lnir-playlist-alt::before {
    content: "\ec7f";
  }

  .lnir-playlist::before {
    content: "\ec80";
  }

  .lnir-plus::before {
    content: "\ec81";
  }

  .lnir-pointer::before {
    content: "\ec82";
  }

  .lnir-power-switch::before {
    content: "\ec83";
  }

  .lnir-protection::before {
    content: "\ec84";
  }

  .lnir-question-circle::before {
    content: "\ec85";
  }

  .lnir-radio-button::before {
    content: "\ec86";
  }

  .lnir-record::before {
    content: "\ec87";
  }

  .lnir-round-box-check::before {
    content: "\ec88";
  }

  .lnir-round-box-cross::before {
    content: "\ec89";
  }

  .lnir-round-box-minus::before {
    content: "\ec8a";
  }

  .lnir-round-box-plus::before {
    content: "\ec8b";
  }

  .lnir-shield::before {
    content: "\ec8c";
  }

  .lnir-sort::before {
    content: "\ec8d";
  }

  .lnir-switch::before {
    content: "\ec8e";
  }

  .lnir-teabag::before {
    content: "\ec8f";
  }

  .lnir-thumbs-down-alt::before {
    content: "\ec90";
  }

  .lnir-thumbs-down::before {
    content: "\ec91";
  }

  .lnir-thumbs-up-alt::before {
    content: "\ec92";
  }

  .lnir-thumbs-up::before {
    content: "\ec93";
  }

  .lnir-thunderbolt::before {
    content: "\ec94";
  }

  .lnir-ticket-alt-1::before {
    content: "\ec95";
  }

  .lnir-ticket-alt-2::before {
    content: "\ec96";
  }

  .lnir-ticket-alt-3::before {
    content: "\ec97";
  }

  .lnir-ticket-alt::before {
    content: "\ec98";
  }

  .lnir-ticket::before {
    content: "\ec99";
  }

  .lnir-unlock::before {
    content: "\ec9a";
  }

  .lnir-warning::before {
    content: "\ec9b";
  }

  .lnir-backward-alt::before {
    content: "\ec9c";
  }

  .lnir-backward::before {
    content: "\ec9d";
  }

  .lnir-expand-alt-1::before {
    content: "\ec9e";
  }

  .lnir-fast-forward::before {
    content: "\ec9f";
  }

  .lnir-film::before {
    content: "\eca0";
  }

  .lnir-forward::before {
    content: "\eca1";
  }

  .lnir-frame-expand::before {
    content: "\eca2";
  }

  .lnir-full-screen::before {
    content: "\eca3";
  }

  .lnir-gallery::before {
    content: "\eca4";
  }

  .lnir-next::before {
    content: "\eca5";
  }

  .lnir-pause::before {
    content: "\eca6";
  }

  .lnir-play::before {
    content: "\eca7";
  }

  .lnir-previous::before {
    content: "\eca8";
  }

  .lnir-repeat-one::before {
    content: "\eca9";
  }

  .lnir-shuffle::before {
    content: "\ecaa";
  }

  .lnir-slideshow::before {
    content: "\ecab";
  }

  .lnir-stop::before {
    content: "\ecac";
  }

  .lnir-video-alt-1::before {
    content: "\ecad";
  }

  .lnir-video-alt::before {
    content: "\ecae";
  }

  .lnir-video-camera-alt-1::before {
    content: "\ecaf";
  }

  .lnir-video-camera-alt-2::before {
    content: "\ecb0";
  }

  .lnir-video-camera-alt::before {
    content: "\ecb1";
  }

  .lnir-video-cut::before {
    content: "\ecb2";
  }

  .lnir-video::before {
    content: "\ecb3";
  }

  .lnir-volume-high::before {
    content: "\ecb4";
  }

  .lnir-volume-low::before {
    content: "\ecb5";
  }

  .lnir-volume-medium::before {
    content: "\ecb6";
  }

  .lnir-volume-mute::before {
    content: "\ecb7";
  }

  .lnir-volume::before {
    content: "\ecb8";
  }

  .lnir-bank::before {
    content: "\ecb9";
  }

  .lnir-calculator-alt::before {
    content: "\ecba";
  }

  .lnir-calculator::before {
    content: "\ecbb";
  }

  .lnir-coin::before {
    content: "\ecbc";
  }

  .lnir-coins::before {
    content: "\ecbd";
  }

  .lnir-credit-card::before {
    content: "\ecbe";
  }

  .lnir-credit-cards::before {
    content: "\ecbf";
  }

  .lnir-diamond-alt::before {
    content: "\ecc0";
  }

  .lnir-diamond::before {
    content: "\ecc1";
  }

  .lnir-dollar-card::before {
    content: "\ecc2";
  }

  .lnir-dollar-down::before {
    content: "\ecc3";
  }

  .lnir-dollar-up::before {
    content: "\ecc4";
  }

  .lnir-dollar::before {
    content: "\ecc5";
  }

  .lnir-euro-card::before {
    content: "\ecc6";
  }

  .lnir-euro-coin::before {
    content: "\ecc7";
  }

  .lnir-euro-down::before {
    content: "\ecc8";
  }

  .lnir-euro-up::before {
    content: "\ecc9";
  }

  .lnir-euro::before {
    content: "\ecca";
  }

  .lnir-gold-bar::before {
    content: "\eccb";
  }

  .lnir-mobile-coin-taka::before {
    content: "\eccc";
  }

  .lnir-mobile-coin::before {
    content: "\eccd";
  }

  .lnir-money-bag::before {
    content: "\ecce";
  }

  .lnir-money-location::before {
    content: "\eccf";
  }

  .lnir-money-protection::before {
    content: "\ecd0";
  }

  .lnir-pound-card::before {
    content: "\ecd1";
  }

  .lnir-pound-coin::before {
    content: "\ecd2";
  }

  .lnir-pound-down::before {
    content: "\ecd3";
  }

  .lnir-pound-up::before {
    content: "\ecd4";
  }

  .lnir-pound::before {
    content: "\ecd5";
  }

  .lnir-rupee-card::before {
    content: "\ecd6";
  }

  .lnir-rupee-coin::before {
    content: "\ecd7";
  }

  .lnir-text-format::before {
    content: "\ecd8";
  }

  .lnir-rupee-down::before {
    content: "\ecd9";
  }

  .lnir-bold::before {
    content: "\ecda";
  }

  .lnir-taka-card::before {
    content: "\ecdb";
  }

  .lnir-taka-coin::before {
    content: "\ecdc";
  }

  .lnir-strikethrough::before {
    content: "\ecdd";
  }

  .lnir-taka-down::before {
    content: "\ecde";
  }

  .lnir-rupee::before {
    content: "\ecdf";
  }

  .lnir-taka-up::before {
    content: "\ece0";
  }

  .lnir-taka::before {
    content: "\ece1";
  }

  .lnir-rupee-up::before {
    content: "\ece2";
  }

  .lnir-wallet-alt-1::before {
    content: "\ece3";
  }

  .lnir-wallet::before {
    content: "\ece4";
  }

  .lnir-yen-card::before {
    content: "\ece5";
  }

  .lnir-yen-coin::before {
    content: "\ece6";
  }

  .lnir-yen-up::before {
    content: "\ece7";
  }

  .lnir-bug-alt::before {
    content: "\ece8";
  }

  .lnir-yen-down::before {
    content: "\ece9";
  }

  .lnir-yen::before {
    content: "\ecea";
  }

  .lnir-cactus-alt::before {
    content: "\eceb";
  }

  .lnir-flower::before {
    content: "\ecec";
  }

  .lnir-bug::before {
    content: "\eced";
  }

  .lnir-cactus::before {
    content: "\ecee";
  }

  .lnir-island::before {
    content: "\ecef";
  }

  .lnir-leaf-alt::before {
    content: "\ecf0";
  }

  .lnir-leaf::before {
    content: "\ecf1";
  }

  .lnir-leaves::before {
    content: "\ecf2";
  }

  .lnir-mashroom::before {
    content: "\ecf3";
  }

  .lnir-mountain::before {
    content: "\ecf4";
  }

  .lnir-mushroom-alt::before {
    content: "\ecf5";
  }

  .lnir-mushrooms::before {
    content: "\ecf6";
  }

  .lnir-plant-pot::before {
    content: "\ecf7";
  }

  .lnir-plant::before {
    content: "\ecf8";
  }

  .lnir-sprout-alt::before {
    content: "\ecf9";
  }

  .lnir-sprout::before {
    content: "\ecfa";
  }

  .lnir-tree-alt-1::before {
    content: "\ecfb";
  }

  .lnir-tree-alt::before {
    content: "\ecfc";
  }

  .lnir-tree::before {
    content: "\ecfd";
  }

  .lnir-trees-alt-1::before {
    content: "\ecfe";
  }

  .lnir-trees-alt::before {
    content: "\ecff";
  }

  .lnir-trees::before {
    content: "\ed00";
  }

  .lnir-baloon-alt-1::before {
    content: "\ed01";
  }

  .lnir-baloon-alt::before {
    content: "\ed02";
  }

  .lnir-baloon::before {
    content: "\ed03";
  }

  .lnir-birthday-hat::before {
    content: "\ed04";
  }

  .lnir-cake::before {
    content: "\ed05";
  }

  .lnir-leaf-alt-1::before {
    content: "\ed06";
  }

  .lnir-candy-cane::before {
    content: "\ed07";
  }

  .lnir-tornado::before {
    content: "\ed08";
  }

  .lnir-candy::before {
    content: "\ed09";
  }

  .lnir-confetti::before {
    content: "\ed0a";
  }

  .lnir-firecracker::before {
    content: "\ed0b";
  }

  .lnir-fireworks::before {
    content: "\ed0c";
  }

  .lnir-flags::before {
    content: "\ed0d";
  }

  .lnir-mask::before {
    content: "\ed0e";
  }

  .lnir-spray::before {
    content: "\ed0f";
  }

  .lnir-wand::before {
    content: "\ed10";
  }

  .lnir-cotton-bud::before {
    content: "\ed11";
  }

  .lnir-crown-alt-1::before {
    content: "\ed12";
  }

  .lnir-crown-alt::before {
    content: "\ed13";
  }

  .lnir-crown-alt-2::before {
    content: "\ed14";
  }

  .lnir-crown::before {
    content: "\ed15";
  }

  .lnir-cup-alt::before {
    content: "\ed16";
  }

  .lnir-flower-alt::before {
    content: "\ed17";
  }

  .lnir-gift-alt-1::before {
    content: "\ed18";
  }

  .lnir-gift-alt::before {
    content: "\ed19";
  }

  .lnir-gift-bag::before {
    content: "\ed1a";
  }

  .lnir-gift::before {
    content: "\ed1b";
  }

  .lnir-glasses::before {
    content: "\ed1c";
  }

  .lnir-home::before {
    content: "\ed1d";
  }

  .lnir-ladies-tshirt::before {
    content: "\ed1e";
  }

  .lnir-sunglass::before {
    content: "\ed1f";
  }

  .lnir-thought::before {
    content: "\ed20";
  }

  .lnir-tshirt-alt-1::before {
    content: "\ed21";
  }

  .lnir-tshirt-alt::before {
    content: "\ed22";
  }

  .lnir-tshirt::before {
    content: "\ed23";
  }

  .lnir-beach-chair::before {
    content: "\ed24";
  }

  .lnir-beach::before {
    content: "\ed25";
  }

  .lnir-beachball::before {
    content: "\ed26";
  }

  .lnir-cable-car::before {
    content: "\ed27";
  }

  .lnir-flight-search::before {
    content: "\ed28";
  }

  .lnir-hot-air-baloon::before {
    content: "\ed29";
  }

  .lnir-pyramids::before {
    content: "\ed2a";
  }

  .lnir-suitcase-alt::before {
    content: "\ed2b";
  }

  .lnir-suitcase::before {
    content: "\ed2c";
  }

  .lnir-surf-board::before {
    content: "\ed2d";
  }

  .lnir-tent-alt::before {
    content: "\ed2e";
  }

  .lnir-tent::before {
    content: "\ed2f";
  }

  .lnir-travel::before {
    content: "\ed30";
  }

  .lnir-air-flow::before {
    content: "\ed31";
  }

  .lnir-air::before {
    content: "\ed32";
  }

  .lnir-cloud-alt-1::before {
    content: "\ed33";
  }

  .lnir-cloud-alt-2::before {
    content: "\ed34";
  }

  .lnir-cloud-alt::before {
    content: "\ed35";
  }

  .lnir-cloud-moon::before {
    content: "\ed36";
  }

  .lnir-cloud-sun::before {
    content: "\ed37";
  }

  .lnir-cloud::before {
    content: "\ed38";
  }

  .lnir-cloudy-sun::before {
    content: "\ed39";
  }

  .lnir-drop-alt::before {
    content: "\ed3a";
  }

  .lnir-drop::before {
    content: "\ed3b";
  }

  .lnir-farenheit::before {
    content: "\ed3c";
  }

  .lnir-moon-star::before {
    content: "\ed3d";
  }

  .lnir-moon::before {
    content: "\ed3e";
  }

  .lnir-night-thunder::before {
    content: "\ed3f";
  }

  .lnir-night-wind::before {
    content: "\ed40";
  }

  .lnir-night::before {
    content: "\ed41";
  }

  .lnir-rain::before {
    content: "\ed42";
  }

  .lnir-snowfall::before {
    content: "\ed43";
  }

  .lnir-sun-rain::before {
    content: "\ed44";
  }

  .lnir-sun::before {
    content: "\ed45";
  }

  .lnir-thunder-alt::before {
    content: "\ed46";
  }

  .lnir-thunder::before {
    content: "\ed47";
  }

  .lnir-umbrella-alt::before {
    content: "\ed48";
  }

  .lnir-umbrella-rain-alt::before {
    content: "\ed49";
  }

  .lnir-umbrella-rain::before {
    content: "\ed4a";
  }

  .lnir-umbrella::before {
    content: "\ed4b";
  }

  .lnir-water-drops::before {
    content: "\ed4c";
  }

  .lnir-wind-cloud::before {
    content: "\ed4d";
  }

  .lnir-wind-sun::before {
    content: "\ed4e";
  }

  .lnir-hourglass::before {
    content: "\ed4f";
  }

  .lnir-spiner-solid::before {
    content: "\ed50";
  }

  .lnir-spinner-1::before {
    content: "\ed51";
  }

  .lnir-spinner-10::before {
    content: "\ed52";
  }

  .lnir-cup::before {
    content: "\ed53";
  }

  .lnir-spinner-11::before {
    content: "\ed54";
  }

  .lnir-spinner-5::before {
    content: "\ed55";
  }

  .lnir-spinner-6::before {
    content: "\ed56";
  }

  .lnir-spinner-2::before {
    content: "\ed57";
  }

  .lnir-spinner-3::before {
    content: "\ed58";
  }

  .lnir-spinner-7::before {
    content: "\ed59";
  }

  .lnir-spinner-8::before {
    content: "\ed5a";
  }

  .lnir-spinner-9::before {
    content: "\ed5b";
  }

  .lnir-spinner-arrow::before {
    content: "\ed5c";
  }

  .lnir-spinner::before {
    content: "\ed5d";
  }

  .lnir-3d::before {
    content: "\ed5e";
  }

  .lnir-add-files::before {
    content: "\ed5f";
  }

  .lnir-ai::before {
    content: "\ed60";
  }

  .lnir-alarm-2::before {
    content: "\ed61";
  }

  .lnir-alarm-3::before {
    content: "\ed62";
  }

  .lnir-alarm-4::before {
    content: "\ed63";
  }

  .lnir-alarm-clock-alt::before {
    content: "\ed64";
  }

  .lnir-alarm-clock::before {
    content: "\ed65";
  }

  .lnir-alarm::before {
    content: "\ed66";
  }

  .lnir-candle-alt::before {
    content: "\ed67";
  }

  .lnir-spinner-4::before {
    content: "\ed68";
  }

  .lnir-archive::before {
    content: "\ed69";
  }

  .lnir-backspace::before {
    content: "\ed6a";
  }

  .lnir-battery::before {
    content: "\ed6b";
  }

  .lnir-block-user::before {
    content: "\ed6c";
  }

  .lnir-bluetooth::before {
    content: "\ed6d";
  }

  .lnir-bookmark-alt::before {
    content: "\ed6e";
  }

  .lnir-bookmark::before {
    content: "\ed6f";
  }

  .lnir-brightness::before {
    content: "\ed70";
  }

  .lnir-bulb-alt::before {
    content: "\ed71";
  }

  .lnir-bulb::before {
    content: "\ed72";
  }

  .lnir-calendar::before {
    content: "\ed73";
  }

  .lnir-calender-alt-1::before {
    content: "\ed74";
  }

  .lnir-calender-alt-2::before {
    content: "\ed75";
  }

  .lnir-calender-alt-3::before {
    content: "\ed76";
  }

  .lnir-calender-alt-4::before {
    content: "\ed77";
  }

  .lnir-calender-alt::before {
    content: "\ed78";
  }

  .lnir-camera-alt-1::before {
    content: "\ed79";
  }

  .lnir-camera-alt::before {
    content: "\ed7a";
  }

  .lnir-camera::before {
    content: "\ed7b";
  }

  .lnir-change::before {
    content: "\ed7c";
  }

  .lnir-charging::before {
    content: "\ed7d";
  }

  .lnir-cloud-check-alt::before {
    content: "\ed7e";
  }

  .lnir-cloud-check::before {
    content: "\ed7f";
  }

  .lnir-cloud-computing-alt::before {
    content: "\ed80";
  }

  .lnir-cloud-computing::before {
    content: "\ed81";
  }

  .lnir-cloud-download-alt::before {
    content: "\ed82";
  }

  .lnir-cloud-download::before {
    content: "\ed83";
  }

  .lnir-cloud-network-2::before {
    content: "\ed84";
  }

  .lnir-cloud-network::before {
    content: "\ed85";
  }

  .lnir-cloud-search-alt-1::before {
    content: "\ed86";
  }

  .lnir-cloud-search-alt::before {
    content: "\ed87";
  }

  .lnir-cloud-search::before {
    content: "\ed88";
  }

  .lnir-cloud-sync-alt::before {
    content: "\ed89";
  }

  .lnir-cloud-sync::before {
    content: "\ed8a";
  }

  .lnir-cloud-upload-alt::before {
    content: "\ed8b";
  }

  .lnir-cloud-upload::before {
    content: "\ed8c";
  }

  .lnir-code-alt::before {
    content: "\ed8d";
  }

  .lnir-code::before {
    content: "\ed8e";
  }

  .lnir-cog::before {
    content: "\ed8f";
  }

  .lnir-cogs::before {
    content: "\ed90";
  }

  .lnir-control-panel::before {
    content: "\ed91";
  }

  .lnir-copy::before {
    content: "\ed92";
  }

  .lnir-cut::before {
    content: "\ed93";
  }

  .lnir-dashboard::before {
    content: "\ed94";
  }

  .lnir-database::before {
    content: "\ed95";
  }

  .lnir-display-alt::before {
    content: "\ed96";
  }

  .lnir-display::before {
    content: "\ed97";
  }

  .lnir-domain::before {
    content: "\ed98";
  }

  .lnir-download::before {
    content: "\ed99";
  }

  .lnir-empty-battery::before {
    content: "\ed9a";
  }

  .lnir-empty-file::before {
    content: "\ed9b";
  }

  .lnir-file-download::before {
    content: "\ed9c";
  }

  .lnir-file-lock::before {
    content: "\ed9d";
  }

  .lnir-file-name::before {
    content: "\ed9e";
  }

  .lnir-file-protection::before {
    content: "\ed9f";
  }

  .lnir-file-upload::before {
    content: "\eda0";
  }

  .lnir-files-alt::before {
    content: "\eda1";
  }

  .lnir-files::before {
    content: "\eda2";
  }

  .lnir-folder-alt-1::before {
    content: "\eda3";
  }

  .lnir-folder-alt::before {
    content: "\eda4";
  }

  .lnir-game::before {
    content: "\eda5";
  }

  .lnir-folder::before {
    content: "\eda6";
  }

  .lnir-half-battery::before {
    content: "\eda7";
  }

  .lnir-headphone::before {
    content: "\eda8";
  }

  .lnir-image::before {
    content: "\eda9";
  }

  .lnir-keyboard::before {
    content: "\edaa";
  }

  .lnir-laptop-alt-keyboard::before {
    content: "\edab";
  }

  .lnir-laptop-alt-switch::before {
    content: "\edac";
  }

  .lnir-laptop-alt::before {
    content: "\edad";
  }

  .lnir-laptop-phone::before {
    content: "\edae";
  }

  .lnir-laptop::before {
    content: "\edaf";
  }

  .lnir-link-alt-1::before {
    content: "\edb0";
  }

  .lnir-link-alt::before {
    content: "\edb1";
  }

  .lnir-link::before {
    content: "\edb2";
  }

  .lnir-low-battery::before {
    content: "\edb3";
  }

  .lnir-magnet::before {
    content: "\edb4";
  }

  .lnir-magnifier::before {
    content: "\edb5";
  }

  .lnir-map-marker::before {
    content: "\edb6";
  }

  .lnir-map::before {
    content: "\edb7";
  }

  .lnir-menu-alt-1::before {
    content: "\edb8";
  }

  .lnir-menu-alt-2::before {
    content: "\edb9";
  }

  .lnir-menu-alt-3::before {
    content: "\edba";
  }

  .lnir-menu-alt-4::before {
    content: "\edbb";
  }

  .lnir-menu-alt-5::before {
    content: "\edbc";
  }

  .lnir-menu-alt::before {
    content: "\edbd";
  }

  .lnir-menu-circle::before {
    content: "\edbe";
  }

  .lnir-menu::before {
    content: "\edbf";
  }

  .lnir-mic::before {
    content: "\edc0";
  }

  .lnir-microphone-alt-1::before {
    content: "\edc1";
  }

  .lnir-microphone-alt::before {
    content: "\edc2";
  }

  .lnir-microphone::before {
    content: "\edc3";
  }

  .lnir-mobile-alt-1::before {
    content: "\edc4";
  }

  .lnir-mobile-alt-2::before {
    content: "\edc5";
  }

  .lnir-harddrive::before {
    content: "\edc6";
  }

  .lnir-mobile-alt-button::before {
    content: "\edc7";
  }

  .lnir-mobile::before {
    content: "\edc8";
  }

  .lnir-headphone-alt::before {
    content: "\edc9";
  }

  .lnir-full-battery::before {
    content: "\edca";
  }

  .lnir-mouse::before {
    content: "\edcb";
  }

  .lnir-no-charge-battery::before {
    content: "\edcc";
  }

  .lnir-package::before {
    content: "\edcd";
  }

  .lnir-plug::before {
    content: "\edce";
  }

  .lnir-presentation::before {
    content: "\edcf";
  }

  .lnir-printer::before {
    content: "\edd0";
  }

  .lnir-ps::before {
    content: "\edd1";
  }

  .lnir-recycle-alt::before {
    content: "\edd2";
  }

  .lnir-recycle::before {
    content: "\edd3";
  }

  .lnir-reload-alt-box::before {
    content: "\edd4";
  }

  .lnir-reload-alt::before {
    content: "\edd5";
  }

  .lnir-reload::before {
    content: "\edd6";
  }

  .lnir-remove-file::before {
    content: "\edd7";
  }

  .lnir-rocket::before {
    content: "\edd8";
  }

  .lnir-rss-feed::before {
    content: "\edd9";
  }

  .lnir-save-alt::before {
    content: "\edda";
  }

  .lnir-save::before {
    content: "\eddb";
  }

  .lnir-scan::before {
    content: "\eddc";
  }

  .lnir-scroll-down::before {
    content: "\eddd";
  }

  .lnir-search-alt::before {
    content: "\edde";
  }

  .lnir-search::before {
    content: "\eddf";
  }

  .lnir-share-alt::before {
    content: "\ede0";
  }

  .lnir-share::before {
    content: "\ede1";
  }

  .lnir-shopping-basket::before {
    content: "\ede2";
  }

  .lnir-shortcode::before {
    content: "\ede3";
  }

  .lnir-signal::before {
    content: "\ede4";
  }

  .lnir-star-empty::before {
    content: "\ede5";
  }

  .lnir-star-filled::before {
    content: "\ede6";
  }

  .lnir-star-half::before {
    content: "\ede7";
  }

  .lnir-star::before {
    content: "\ede8";
  }

  .lnir-tab::before {
    content: "\ede9";
  }

  .lnir-tap::before {
    content: "\edea";
  }

  .lnir-thumbnail::before {
    content: "\edeb";
  }

  .lnir-timer::before {
    content: "\edec";
  }

  .lnir-trash-can-alt-1::before {
    content: "\eded";
  }

  .lnir-trash-can-alt::before {
    content: "\edee";
  }

  .lnir-trash-can::before {
    content: "\edef";
  }

  .lnir-trash::before {
    content: "\edf0";
  }

  .lnir-unlink::before {
    content: "\edf1";
  }

  .lnir-upload::before {
    content: "\edf2";
  }

  .lnir-user-alt-1::before {
    content: "\edf3";
  }

  .lnir-user-alt-2::before {
    content: "\edf4";
  }

  .lnir-user-alt::before {
    content: "\edf5";
  }

  .lnir-user::before {
    content: "\edf6";
  }

  .lnir-users-2::before {
    content: "\edf7";
  }

  .lnir-users::before {
    content: "\edf8";
  }

  .lnir-website-alt::before {
    content: "\edf9";
  }

  .lnir-website::before {
    content: "\edfa";
  }

  .lnir-zip::before {
    content: "\edfb";
  }

  .lnir-ban::before {
    content: "\edfc";
  }

  .lnir-candle::before {
    content: "\edfd";
  }

  .lnir-appointment::before {
    content: "\edfe";
  }

  .lnir-zoom-in::before {
    content: "\edff";
  }

  .lnir-cool-1::before {
    content: "\ee00";
  }

  .lnir-cool-3::before {
    content: "\ee01";
  }

  .lnir-cool-kiss::before {
    content: "\ee02";
  }

  .lnir-cry::before {
    content: "\ee03";
  }

  .lnir-cute::before {
    content: "\ee04";
  }

  .lnir-dead::before {
    content: "\ee05";
  }

  .lnir-bored::before {
    content: "\ee06";
  }

  .lnir-emoji-friendly::before {
    content: "\ee07";
  }

  .lnir-emoji-happy::before {
    content: "\ee08";
  }

  .lnir-emoji-sad::before {
    content: "\ee09";
  }

  .lnir-emoji-cool::before {
    content: "\ee0a";
  }

  .lnir-emoji-speechless::before {
    content: "\ee0b";
  }

  .lnir-emoji-suspect::before {
    content: "\ee0c";
  }

  .lnir-emoji-tounge::before {
    content: "\ee0d";
  }

  .lnir-emoji-smile::before {
    content: "\ee0e";
  }

  .lnir-happy-2::before {
    content: "\ee0f";
  }

  .lnir-happy-smile::before {
    content: "\ee10";
  }

  .lnir-kiss-2::before {
    content: "\ee11";
  }

  .lnir-kiss::before {
    content: "\ee12";
  }

  .lnir-angry::before {
    content: "\ee13";
  }

  .lnir-loved-surprise::before {
    content: "\ee14";
  }

  .lnir-zoom-out::before {
    content: "\ee15";
  }

  .lnir-piss::before {
    content: "\ee16";
  }

  .lnir-sick-1::before {
    content: "\ee17";
  }

  .lnir-sick::before {
    content: "\ee18";
  }

  .lnir-mute::before {
    content: "\ee19";
  }

  .lnir-super-cool::before {
    content: "\ee1a";
  }

  .lnir-love::before {
    content: "\ee1b";
  }

  .lnir-wink::before {
    content: "\ee1c";
  }

  .lnir-wow::before {
    content: "\ee1d";
  }

  .lnir-yawn::before {
    content: "\ee1e";
  }

  .lnir-super-happy::before {
    content: "\ee1f";
  }

  .lnir-happy-1::before {
    content: "\ee20";
  }

  .lnir-sleep::before {
    content: "\ee21";
  }
/*!
* Pintura v8.99.0 
* (c) 2018-2026 Pintura Labs B.V. - All Rights Reserved
* License: https://pqina.nl/pintura/license/
*/
/* eslint-disable */
.PinturaModal{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-bottom:env(safe-area-inset-bottom);--editor-modal-border-radius:0;--editor-modal-overlay-opacity:0.95;--editor-modal-shadow:0 1em 2em -1em rgba(0,0,0,0.25),0 1.5em 1.5em -2em rgba(0,0,0,0.5);--editor-modal-outline:inset 0 0 0 1px var(--color-foreground-3);position:fixed;left:0;top:0;width:100%;z-index:2147483646;height:100vh;display:flex;justify-content:center;align-items:center;background-color:rgba(var(--color-background),var(--editor-modal-overlay-opacity,var(--editor-modal-overlay-opacity-default,.95)))}@supports (height:100dvh){.PinturaModal{height:100dvh}}.PinturaModal>.PinturaRoot[data-env~=is-centered]{box-shadow:var(--editor-modal-shadow);border-radius:var(--editor-modal-border-radius)}.PinturaModal>.PinturaRoot[data-env~=is-centered]:after{position:absolute;left:0;top:0;bottom:0;right:0;pointer-events:none;border-radius:inherit;content:"";box-shadow:var(--editor-modal-outline);z-index:2147483646}.PinturaModal[style*="--viewport-pad-footer:1"]{box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom)}.PinturaModal+.PinturaModal{--editor-modal-overlay-opacity-default:0.75}@media(min-width:600px) and (min-height:600px){.PinturaModal+.PinturaModal .PinturaRoot{--editor-max-width-default:calc(100vw - 8em);--editor-max-height-default:calc(100vh - 8em)}}.PinturaDocumentStyles{scrollbar-gutter:auto}.PinturaDocumentLock,.PinturaDocumentLock body{height:calc(var(--pintura-document-height) - 1px);overflow-y:hidden;box-sizing:border-box}.PinturaDocumentLock body{position:relative}.PinturaDocumentLock .PinturaModal{height:100%!important}.PinturaUtilPanel[data-util=redact] .PinturaUtilFooter{padding:0}.PinturaUtilPanel[data-util=redact] .PinturaUtilFooter>div{height:1px}.PinturaUtilPanel[data-util=retouch] .PinturaControlListScroller+.PinturaControlListScroller{margin-top:1em}.pintura-editor,pintura-editor{--color-primary:#ffd843;--color-primary-dark:#ffc343;--color-primary-text:#000;--color-secondary:#03a9f4;--color-secondary-dark:#046bbf;--color-focus:4,107,191;--color-focus-100:rgba(var(--color-focus),1);--color-focus-50:rgba(var(--color-focus),0.5);--color-focus-25:rgba(var(--color-focus),0.25);--color-error:255,87,34;--color-error-100:rgb(var(--color-error));--color-error-75:rgba(var(--color-error),0.75);--color-error-50:rgba(var(--color-error),0.5);--color-error-25:rgba(var(--color-error),0.25);--color-error-10:rgba(var(--color-error),0.1);--color-foreground:0,0,0;--color-background:255,255,255;--color-preview-outline:var(--color-foreground);--color-transition-duration:250ms;--button-cursor:pointer;--font-size:16px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--backdrop-filter-bright:brightness(110%) saturate(180%) blur(10px);--backdrop-filter-dark:brightness(90%) saturate(180%) blur(10px);--border-radius-round:9999em;--border-radius:0.625em;--filter-disabled:grayscale(95%) opacity(40%);--editor-inset-top:0px;--editor-inset-bottom:0px;--safe-area-inset-top:0px;--safe-area-inset-bottom:0px;--pattern-transparent:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E");--grid-color-even:rgba(var(--color-foreground),0.1);--grid-color-odd:rgba(var(--color-background),0.1);--grid-size:24}.pintura-editor,.pintura-editor-panel,pintura-editor{--color-foreground-100:rgba(var(--color-foreground),1);--color-foreground-95:rgba(var(--color-foreground),0.95);--color-foreground-90:rgba(var(--color-foreground),0.9);--color-foreground-80:rgba(var(--color-foreground),0.8);--color-foreground-70:rgba(var(--color-foreground),0.7);--color-foreground-60:rgba(var(--color-foreground),0.6);--color-foreground-50:rgba(var(--color-foreground),0.5);--color-foreground-40:rgba(var(--color-foreground),0.4);--color-foreground-30:rgba(var(--color-foreground),0.3);--color-foreground-20:rgba(var(--color-foreground),0.25);--color-foreground-15:rgba(var(--color-foreground),0.2);--color-foreground-10:rgba(var(--color-foreground),0.15);--color-foreground-5:rgba(var(--color-foreground),0.075);--color-foreground-3:rgba(var(--color-foreground),0.05);--color-foreground-1:rgba(var(--color-foreground),0.02);--color-foreground-0:rgba(var(--color-foreground),0);--color-background-100:rgba(var(--color-background),1);--color-background-95:rgba(var(--color-background),0.95);--color-background-90:rgba(var(--color-background),0.9);--color-background-80:rgba(var(--color-background),0.8);--color-background-70:rgba(var(--color-background),0.7);--color-background-60:rgba(var(--color-background),0.6);--color-background-50:rgba(var(--color-background),0.5);--color-background-40:rgba(var(--color-background),0.4);--color-background-30:rgba(var(--color-background),0.3);--color-background-20:rgba(var(--color-background),0.2);--color-background-15:rgba(var(--color-background),0.15);--color-background-10:rgba(var(--color-background),0.1);--color-background-5:rgba(var(--color-background),0.05);--color-background-3:rgba(var(--color-background),0.03);--color-background-1:rgba(var(--color-background),0.01);--color-background-0:rgba(var(--color-background),0)}.pintura-editor,.PinturaRootWrapper,pintura-editor{display:block}.PinturaRootWrapper{height:100%}.PinturaScrollableContent{overflow:hidden;max-height:var(--panel-max-height,100vh);overflow-y:auto;scrollbar-color:var(--color-foreground-30) transparent;scrollbar-width:thin}.PinturaScrollableContent::-webkit-scrollbar{width:1em;cursor:pointer}.PinturaScrollableContent::-webkit-scrollbar-track{background:none}.PinturaScrollableContent::-webkit-scrollbar-thumb{cursor:pointer;background-clip:padding-box;background-color:var(--color-foreground-30);border-radius:9999em;border:.3125em solid transparent}.PinturaRoot[data-env~=is-animated]{--transition-duration-multiplier:1}.PinturaRoot[data-env~=is-transparent]{background:none}.PinturaRoot{--nav-group-margin:0.5em;--editor-calculated-inset-top:calc(var(--safe-area-inset-top) + var(--editor-inset-top));--editor-calculated-inset-bottom:calc(var(--safe-area-inset-bottom) + var(--editor-inset-bottom));--transition-duration-10:calc(var(--transition-duration-multiplier, 0) * 0.1s);--transition-duration-25:calc(var(--transition-duration-multiplier, 0) * 0.25s);--transition-duration-50:calc(var(--transition-duration-multiplier, 0) * 0.5s);box-sizing:border-box;width:var(--editor-width,100%);height:var(--editor-height,100%);padding-top:var(--editor-calculated-inset-top);padding-bottom:var(--editor-calculated-inset-bottom);max-width:var(--editor-max-width,var(--editor-max-width-default,none));max-height:var(--editor-max-height,var(--editor-max-height-default,none));position:relative;overflow:hidden;contain:strict;display:grid;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:normal;font-size:var(--font-size);font-family:var(--font-family);font-weight:450;touch-action:manipulation;text-align:left;text-transform:none;text-rendering:optimizeLegibility;direction:ltr;color:var(--color-foreground-90);background-color:var(--color-background-100);outline-color:rgba(var(--color-preview-outline),1);transition:background-color 1ms,outline-color 1ms,color var(--transition-duration-10) ease-in-out,dir 1ms}.PinturaRoot[dir=rtl] button{direction:rtl}.PinturaRoot .PinturaUtilMain{cursor:var(--cursor)}.PinturaRoot *{box-sizing:content-box;word-wrap:normal}.PinturaRoot div:empty{display:block}.PinturaRoot button,.PinturaRoot fieldset,.PinturaRoot input,.PinturaRoot legend{padding:0;margin:0;border:none;background:transparent;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;width:auto;text-decoration:none}.PinturaRoot button[disabled]{pointer-events:none}.PinturaRoot canvas{display:block}.PinturaRoot svg{display:inline-block;width:auto;height:auto;max-width:none}.PinturaRoot p{margin:0}.PinturaRoot li,.PinturaRoot ul{list-style:none;margin:0;padding:0}.PinturaRoot a{color:inherit;text-decoration:none}.PinturaRoot .implicit{border:0;clip:rect(0 0 0 0);clip-path:polygon(0 0,0 0,0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.PinturaRoot .PinturaFixedWidthCharacters{font-variant:tabular-nums}.PinturaRoot .PinturaStage{display:flex;align-self:stretch;flex:1;pointer-events:none}.PinturaRoot .PinturaStage[tabindex="-1"]{outline:none}.PinturaRoot .PinturaRootPortal,.PinturaRoot>.PinturaCanvas{position:absolute;left:0;top:0}.PinturaRoot>.PinturaCanvas{width:100%;height:100%;pointer-events:none;z-index:0}.PinturaRoot>.PinturaCanvas canvas{position:absolute;width:100%;height:100%}.PinturaRoot>.PinturaCanvas:after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;background-repeat:no-repeat}.PinturaRoot>.PinturaStatus{position:absolute;z-index:99999;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;background-color:var(--color-background-90)}.PinturaRoot>.PinturaStatus>p{position:absolute;top:50%;left:50%;display:inline-flex;white-space:nowrap;align-items:center;transition:opacity var(--transition-duration-50) ease-out}.PinturaRoot .PinturaStatusMessage{position:absolute;font-size:.875em}.PinturaRoot .PinturaStatusAside{position:absolute;left:0}.PinturaRoot .PinturaStatusAside svg{width:1.25em;height:1.25em}.PinturaRoot .PinturaStatusAside .PinturaProgressIndicator{margin-left:.5em}.PinturaRoot .PinturaStatusAside .PinturaButton{outline:transparent;margin-left:.75em;font-size:.875em;border-radius:var(--border-radius-round);background-color:var(--color-foreground-5);padding:.25em;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out;backdrop-filter:var(--backdrop-filter-dark)}.PinturaRoot .PinturaStatusAside .PinturaButton .PinturaButtonInner{pointer-events:none}.PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled])[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled]):hover{background-color:var(--color-foreground-10)}.PinturaRoot .PinturaStatusIcon svg{font-size:.875em;margin-top:.25em;margin-left:.5em}.PinturaRoot>.PinturaNav{position:relative;z-index:3}.PinturaRoot>.PinturaNav:empty{display:none!important}.PinturaRoot>.PinturaNav .PinturaButton{outline:transparent;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out}.PinturaRoot>.PinturaNav .PinturaButton svg{width:1em;transition:opacity var(--transition-duration-10) ease-out}.PinturaRoot>.PinturaNav .PinturaButton>span{justify-content:center}.PinturaRoot>.PinturaNav .PinturaButtonIconOnly .PinturaButtonInner,.PinturaRoot>.PinturaNav .PinturaDropdownIconOnly .PinturaButtonInner{width:1.75em}.PinturaRoot>.PinturaNav .PinturaButton .PinturaButtonInner{height:1.75em}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly){padding-left:.75em;padding-right:.75em}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly) .PinturaButtonLabel{font-size:.75em;line-height:2}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly):not(.PinturaDropdownButton){box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaRoot>.PinturaNav .PinturaButton:only-of-type{border-radius:var(--border-radius-round)}.PinturaRoot>.PinturaNav .PinturaButton:only-of-type+*{margin-left:.5em}.PinturaRoot>.PinturaNav .PinturaButton[disabled] .PinturaButtonLabel,.PinturaRoot>.PinturaNav .PinturaButton[disabled] svg{opacity:.25}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled])[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover{background-color:var(--color-foreground-10)}.PinturaRoot .PinturaButtonExport{color:var(--color-primary-text);background-color:var(--color-primary)}.PinturaRoot .PinturaButtonExport:hover{background-color:var(--color-primary-dark)}.PinturaRoot .PinturaButtonExport[data-focus-visible]{color:var(--color-primary-text);background-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-foreground-5),0 0 0 3px var(--color-focus-50);background-color:var(--color-primary-dark)}.PinturaRoot .PinturaButtonExport:not(.PinturaButtonIconOnly){flex:1;padding:0 .75em}.PinturaRoot>.PinturaNavMain{display:flex;overflow:hidden}.PinturaRoot>.PinturaNavMain [aria-selected=true]{backdrop-filter:var(--backdrop-filter-dark);background-color:var(--color-foreground-10)}.PinturaRoot>.PinturaNavMain button svg{align-self:center;width:1.5em}.PinturaRoot>.PinturaNavMain button span,.PinturaRoot>.PinturaNavMain button svg{pointer-events:none}.PinturaRoot>.PinturaNavMain button svg+span{margin-top:.75em}.PinturaRoot>.PinturaNavMain button span{font-size:.875em;display:block;width:calc(100% - 1em);overflow:hidden;text-overflow:ellipsis;width:inherit;max-width:calc(100% - 1em)}.PinturaRoot>.PinturaNavMain button{box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out}.PinturaRoot>.PinturaNavMain button:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.PinturaRoot>.PinturaNavMain button[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot>.PinturaNavTools{max-width:100%;box-sizing:border-box;pointer-events:none}.PinturaRoot>.PinturaNavTools:empty{display:none}.PinturaRoot>.PinturaNavTools,.PinturaRoot>.PinturaNavTools .PinturaNavGroup,.PinturaRoot>.PinturaNavTools .PinturaNavSet{display:flex;align-items:center;justify-content:center}.PinturaRoot>.PinturaNavTools .PinturaButton,.PinturaRoot>.PinturaNavTools .PinturaNavSet{pointer-events:all}.PinturaRoot>.PinturaNavTools .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot .PinturaNavGroup{margin:0 var(--nav-group-margin)}.PinturaRoot .PinturaNavGroup>*{border-radius:var(--border-radius-round)}.PinturaRoot .PinturaNavGroup>*+*{margin-left:.5em}.PinturaRoot .PinturaNavGroup:first-of-type:not(.PinturaNavGroupFloat){margin-right:auto;margin-left:0}.PinturaRoot .PinturaNavGroup:last-of-type:not(.PinturaNavGroupFloat){margin-left:auto;margin-right:0}.PinturaRoot .PinturaNavSet{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaRoot .PinturaNavSet>:not(:only-child){border:1px solid var(--color-foreground-3);border-top:0;border-bottom:0}.PinturaRoot .PinturaNavSet>:first-child:not(:only-child){border-left:0}.PinturaRoot .PinturaNavSet>:last-child:not(:only-child){border-right:0}.PinturaRoot .PinturaNavSet>*+*{margin-left:-1px}.PinturaRoot .PinturaNavSet>.PinturaButton:hover,.PinturaRoot .PinturaNavSet>.PinturaButton[data-focus-visible]{position:relative;z-index:1}.PinturaRoot .PinturaNavSet>:only-child{border-radius:var(--border-radius-round)}.PinturaRoot .PinturaNavSet>:first-child:not(:only-child) .PinturaButtonInner{padding:0 .125em 0 .25em}.PinturaRoot .PinturaNavSet>:first-child:not(:only-child){border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaRoot .PinturaNavSet>:last-child:not(:only-child) .PinturaButtonInner{padding:0 .25em 0 .125em}.PinturaRoot .PinturaNavSet>:last-child:not(:only-child){border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}.PinturaRoot[data-env~=overlay] .PinturaNavSet{background-color:var(--color-background-50);backdrop-filter:var(--backdrop-filter-bright);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.PinturaRoot[data-env~=overlay] .PinturaNavSet .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover,.PinturaRoot[data-env~=overlay] .PinturaNavSet>*{border-color:var(--color-background-15)}.PinturaRoot[data-env~=overlay] .PinturaNavGroup>.PinturaButton{box-shadow:0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.PinturaRoot[data-env~=overlay] .PinturaNavGroup .PinturaButtonExport{box-shadow:inset 0 0 .125em rgba(0,0,0,.25),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.PinturaRoot .PinturaNavGroupFloat{pointer-events:none}.PinturaRoot .PinturaNavGroupFloat>*{pointer-events:all}.PinturaRoot .PinturaNavGroupFloat:not(:only-child){position:absolute;left:0;right:0}.PinturaRoot .PinturaUtilFooter .PinturaScrollable>div{padding-left:1em;padding-right:1em}.PinturaRoot>.PinturaMain{max-width:100vw}.PinturaRoot:not([data-env~=has-toolbar]) .PinturaUtilHeader{padding-top:0;padding-bottom:1em;margin-bottom:-1em}.PinturaRoot[data-env~=landscape]{grid-template-rows:min-content auto;grid-template-columns:auto}.PinturaRoot[data-env~=landscape]>.PinturaNavTools{grid-row:1;grid-column:1;padding:1em 1em 0;z-index:3}.PinturaRoot[data-env~=landscape]>.PinturaNavMain{align-items:center;justify-content:flex-end;position:absolute;left:1em;top:calc(1em + var(--editor-calculated-inset-top));bottom:calc(1em + var(--editor-calculated-inset-bottom))}.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList{flex-direction:column}.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList button{display:flex}.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList button+button{margin:.5em 0 0}.PinturaRoot[data-env~=landscape]>.PinturaNavMain button{flex:1;min-width:4em;min-height:4em;border-radius:var(--border-radius);justify-content:center}.PinturaRoot[data-env~=landscape]>.PinturaNavMain button span{font-size:.6875em;margin-top:.5em}.PinturaRoot[data-env~=landscape]>.PinturaNavMain button svg{width:1em;margin-top:.25em}.PinturaRoot[data-env~=landscape][data-env~=has-toolbar]>.PinturaNavMain{top:calc(4em + var(--editor-calculated-inset-top));bottom:calc(4em + var(--editor-calculated-inset-bottom))}.PinturaRoot[data-env~=landscape][data-env~=has-limited-space]>.PinturaNavMain{align-items:flex-start;bottom:calc(1em + var(--editor-calculated-inset-bottom))}.PinturaRoot[data-env~=landscape]>.PinturaMain{grid-row:2;grid-column:1}.PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]{grid-template-rows:auto min-content}.PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools{grid-row:2;padding-top:0;padding-bottom:1em}.PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]>.PinturaMain{grid-row:1}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]{grid-template-columns:6em auto}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=narrow]) .PinturaNavGroupFloat{margin:0 0 0 7em}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]>.PinturaNavTools{grid-column:1/span 2}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]>.PinturaMain{grid-column:2}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=has-navigation-preference-right]) .PinturaUtilMain{padding-left:0}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=has-navigation-preference-right]) .PinturaUtilFooter{padding-right:1em}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]{grid-template-columns:auto 6em}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]:not([data-env~=narrow]) .PinturaNavGroupFloat{margin:0 7em 0 0}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]>.PinturaNavMain{right:1em;left:auto}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]>.PinturaMain{grid-column:1}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaUtilMain{padding-right:0}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaUtilFooter{padding-left:1em}.PinturaRoot[data-env~=portrait]{grid-template-rows:min-content auto min-content;grid-template-columns:auto}.PinturaRoot[data-env~=portrait]>*{grid-column:1}.PinturaRoot[data-env~=portrait]>.PinturaNavTools{grid-row:1;padding:.75em .75em 0}.PinturaRoot[data-env~=portrait]>.PinturaNavMain{grid-row:3;margin-bottom:.75em;justify-content:center}.PinturaRoot[data-env~=portrait]>.PinturaNavMain .PinturaTabList{padding:0 .875em}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button+button{margin-left:.5em}.PinturaRoot[data-env~=portrait]>.PinturaNavMain[data-state~=overflows]{overflow:visible}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button{flex:1;min-width:4em;min-height:4em;border-radius:var(--border-radius);justify-content:center}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button span{font-size:.6875em;margin-top:.5em}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button svg{width:1em;margin-top:.25em}.PinturaRoot[data-env~=portrait]>.PinturaMain{grid-row:2;grid-column:1}.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]{grid-template-rows:auto min-content min-content}.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools{grid-row:3;padding:0 .75em .75em}.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaNavMain{grid-row:2}.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaMain{grid-row:1}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]{grid-template-rows:min-content min-content auto}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]>.PinturaMain{grid-row:3}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]>.PinturaNavMain{grid-row:2;margin-top:.75em;margin-bottom:0}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]{grid-template-rows:min-content auto min-content}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaNavMain{grid-row:1}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaMain{grid-row:2}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools{grid-row:3}.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button{flex:1;flex-direction:row;width:auto;height:auto;min-height:auto;border-radius:var(--border-radius);justify-content:flex-start;align-items:center;padding:.625em 0;width:6em}.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button span{font-size:.6875em;margin:0 .625em 0 0;line-height:1.2;text-align:left}.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button svg{margin:0 .5em 0 .625em;min-width:1em}.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation]{grid-template-columns:8em auto}.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation][data-env~=has-navigation-preference-right]{grid-template-columns:auto 8em}.PinturaRoot[data-env~=landscape][data-env~=is-compact][dir=rtl]>.PinturaNavMain button{padding-left:.625em}.PinturaRoot[data-env~=landscape][data-env~=is-compact][dir=rtl]>.PinturaNavMain svg{margin-left:0}.PinturaRoot[data-env~=narrow] .PinturaNavGroupFloat{position:static;margin:0}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button{padding:0;font-size:.625em;min-width:4em;min-height:4em;justify-content:center;border-radius:9999em}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button span{visibility:hidden;font-size:0;margin:0}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button svg{margin-top:0;width:1.6em}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button svg [stroke-width]{stroke-width:.15em}.PinturaRoot[data-env~=portrait][data-env~=narrow]{--nav-group-margin:0.25em;grid-template-rows:min-content auto min-content;grid-template-columns:auto}.PinturaRoot[data-env~=portrait][data-env~=narrow]>*{grid-column:1}.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption span,.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList [role=tab] span{font-size:.6875em}.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaToolbar .PinturaToolbarInner>*{margin:0 .25em}.PinturaRoot[data-env~=portrait][data-env~=narrow][data-env~=has-toolbar-preference-bottom]{grid-template-rows:auto min-content min-content}.PinturaRoot[data-env~=overlay]{grid-template-rows:auto!important;grid-template-columns:auto!important}.PinturaRoot[data-env~=overlay] .PinturaNav{z-index:3}.PinturaRoot[data-env~=overlay] .PinturaMain{grid-row:1;grid-column:1}.PinturaRoot[data-env~=overlay] .PinturaUtilMain{position:absolute;left:0;top:0;right:0;bottom:0;padding:0;z-index:-1}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter,.PinturaRoot[data-env~=overlay] .PinturaUtilHeader{position:absolute;left:0;right:0}.PinturaRoot[data-env~=overlay] .PinturaUtilHeader{top:0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter{bottom:0}.PinturaRoot[data-env~=overlay] .PinturaNavMain{position:absolute;right:0;top:0;bottom:0;background:none}.PinturaRoot[data-env~=overlay] .PinturaNavTools{position:absolute;left:0;top:0;right:0}.PinturaRoot[data-env~=overlay][data-env~=has-controlgroups-preference-top] .PinturaUtilFooter{top:0;bottom:auto}.PinturaRoot[data-env~=overlay][data-env~=has-toolbar-preference-bottom] .PinturaNavTools{top:auto;bottom:0}.PinturaRoot[data-env~=has-swipe-navigation] .PinturaUtilMain{padding-left:2em;padding-right:2em}.PinturaRoot[data-env~=has-swipe-navigation][data-env~=landscape] .PinturaUtilMain[data-env~=has-navigation]{padding-left:0;padding-right:2em}.PinturaRoot[data-env~=has-swipe-navigation][data-env~=landscape] .PinturaUtilMain[data-env~=has-navigation][data-env~=has-navigation-preference-right]{padding-left:2em;padding-right:0}.PinturaRoot[data-env*=is-disabled],.PinturaRoot[data-env*=is-disabled] *{pointer-events:none!important}.PinturaRoot[data-env*=is-disabled]{--color-primary:#b4b4b4;--color-primary-dark:#a0a0a0;--color-primary-text:#000;--color-secondary:#969696;--color-secondary-dark:#646464}.PinturaRoot[data-env*=is-disabled] .PinturaCanvas,.PinturaRoot[data-env*=is-disabled] .PinturaColorPickerButton{filter:grayscale(100%)}.PinturaRoot .PinturaEditorOverlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;background:var(--color-background-50);pointer-events:none}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){.PinturaNav{will-change:transform}}}.PinturaUtilPanel[data-util=filter] .PinturaUtilFooter{padding-left:0!important;padding-right:0!important}.PinturaUtilPanel[data-util=filter] .PinturaScrollable{width:40em}.PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .5em}.PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptionGroupLabel{width:1px;height:1px;position:absolute;font-size:0;pointer-events:none}.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{border-radius:0;transition:border-radius 1ms}.PinturaUtilPanel[data-util=filter] .PinturaFilterOption{border-radius:0}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterPreview{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterOption{border-bottom-left-radius:var(--border-radius)}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterPreview{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterOption{border-bottom-right-radius:var(--border-radius)}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptionGroup{display:flex;flex-direction:column-reverse}.PinturaUtilPanel[data-util=filter] .PinturaFilterOption{cursor:var(--button-cursor);margin-bottom:1em}.PinturaUtilPanel[data-util=filter] .PinturaFilterOption span{display:block;text-align:center;padding:0 .3125em;line-height:1.75;max-width:100%;font-size:.625em;font-weight:400;margin-left:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview:before{transition:background-color var(--transition-duration-10),color var(--transition-duration-10)}.PinturaUtilPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview{position:relative;z-index:1}.PinturaUtilPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview:before{content:"";position:absolute;width:100%;height:100%;opacity:.35;border-radius:inherit;background-color:var(--color-primary)}.PinturaUtilPanel[data-util=filter] [data-focus-visible]+label>.PinturaFilterOption span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}.PinturaUtilPanel[data-util=filter] .PinturaFilterOption,.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{width:3.75em;height:4.5em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaUtilFooter>div{padding:0}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterOption,.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{width:2.875em;height:3.5em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterOption span{font-size:.5em}.PinturaUtilPanel[data-util=crop] .PinturaStage{touch-action:none}.PinturaUtilPanel[data-util=crop],.PinturaUtilPanel[data-util=crop] .PinturaStage,.PinturaUtilPanel[data-util=crop] .PinturaUtilMain{pointer-events:all}.PinturaUtilPanel[data-util=crop] .PinturaImageInfo{position:absolute;right:1em;bottom:1em}.PinturaUtilPanel[data-util=crop] .PinturaButtonCenter{--size:3em;position:absolute;left:0;top:0;width:var(--size);height:var(--size);z-index:1;line-height:0;margin-top:calc(var(--size) * (-.5));margin-left:calc(var(--size) * (-.5));overflow:hidden;border-radius:50%;color:#000;background:hsla(0,0%,100%,.8);backdrop-filter:var(--backdrop-filter-bright);outline:none}.PinturaUtilPanel[data-util=crop] .PinturaButtonCenter[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot[data-env~=short] .PinturaUtilPanel[data-util=crop] .PinturaUtilFooter{padding-bottom:.5em}.PinturaImageInfo,.PinturaRoot[data-env~=overlay] .PinturaUtilPanel[data-util=crop] .PinturaUtilFooter,.PinturaRoot[data-env~=overlay] .PinturaUtilPanel[data-util=crop] .PinturaUtilFooter>[slot]:empty{pointer-events:none}.PinturaImageInfo p{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:Tahoma,Geneva,Verdana,sans-serif;text-align:right;line-height:1;font-size:.75em}.PinturaImageInfo:not([data-custom]) p{width:8em;height:1.25em;white-space:nowrap;contain:strict;overflow:hidden}.PinturaUtilPanel[data-util=resize] form{display:flex;justify-content:center;padding:0 1em}.PinturaUtilPanel[data-util=resize] .PinturaFormInner{position:relative;display:flex;justify-content:center;align-items:center}.PinturaUtilPanel[data-util=resize] .PinturaFormInner>button{position:absolute;left:100%;margin-left:1em}.PinturaUtilPanel[data-util=resize] .PinturaFieldsetInner{display:inline-flex;align-items:center;justify-content:center}.PinturaUtilPanel[data-util=resize] .PinturaFieldsetInner>*{margin:.25em}.PinturaUtilPanel[data-util=resize] .PinturaResizeLabel{font-size:.75em}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton{margin-left:.5em;margin-right:.5em;background-color:var(--color-foreground-5);border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10)}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton:hover{background-color:var(--color-foreground-10)}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel{display:block;line-height:2.65;padding:0 1em;font-variant-numeric:tabular-nums;font-size:.75em;font-weight:400}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel:after{content:"▼";font-size:.6875em;margin-left:.75em;position:relative;top:-.125em;margin-right:-.25em;pointer-events:none}.PinturaUtilPanel[data-util=resize] input[type=checkbox]+label{padding:0 .125em;margin:0 -.25em;outline:transparent;display:block;cursor:pointer}.PinturaUtilPanel[data-util=resize] input[type=checkbox][data-focus-visible]+label{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaInputDimension{display:inline-flex;align-items:center;position:relative}.PinturaInputDimension label{position:absolute;right:.625em;font-size:.75em;text-transform:uppercase;pointer-events:none;color:var(--color-foreground-80);z-index:1}.PinturaInputDimension button,.PinturaInputDimension input,.PinturaInputDimension label{font-size:.75em;font-weight:400}.PinturaInputDimension button,.PinturaInputDimension input{-webkit-appearance:none;appearance:none;-moz-appearance:textfield;box-sizing:border-box;font-variant-numeric:tabular-nums;padding:.625em 0 .625em .625em;width:100%;max-width:7em;outline:transparent;border-radius:var(--border-radius);box-shadow:none;border:1px solid var(--color-foreground-80);transition:background-color var(--transition-duration-10) ease-in-out,color var(--transition-duration-10) ease-in-out,border-color var(--transition-duration-10) ease-in-out}.PinturaInputDimension button::-moz-selection, .PinturaInputDimension input::-moz-selection{background-color:var(--color-foreground-20)}.PinturaInputDimension button::selection,.PinturaInputDimension input::selection{background-color:var(--color-foreground-20)}.PinturaInputDimension button:hover,.PinturaInputDimension input:hover{background-color:var(--color-foreground-10)}.PinturaInputDimension button:focus,.PinturaInputDimension input:focus{border-color:var(--color-focus-100)}.PinturaInputDimension input{background-color:var(--color-foreground-5)}.PinturaInputDimension input:-moz-placeholder-shown+label{color:var(--color-foreground-20)}.PinturaInputDimension input:-moz-placeholder+label{color:var(--color-foreground-20)}.PinturaInputDimension input:placeholder-shown+label{color:var(--color-foreground-20)}.PinturaInputDimension input::-moz-placeholder{color:var(--color-foreground-30)}.PinturaInputDimension input::placeholder{color:var(--color-foreground-30)}.PinturaInputDimension input[data-state=invalid]{border-color:var(--color-error-75);box-shadow:inset 0 0 .25em var(--color-error-25),0 0 .25em var(--color-error-50)}.PinturaInputDimension button{width:10em;min-height:2.65em}.PinturaInputDimension input::-webkit-inner-spin-button,.PinturaInputDimension input::-webkit-outer-spin-button{-webkit-appearance:none}.PinturaInputDimension input::-ms-clear{display:none}.PinturaRoot[dir=rtl] .PinturaInputDimension label{left:.625em;right:auto}.PinturaRoot[dir=rtl] .PinturaInputDimension input{padding-right:.625em;padding-left:0;text-align:right}.PinturaUtilPanel[data-util=frame] .PinturaShapeStyleEditor{min-height:3.375em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{margin:1em 1em 0 0;padding:.125em;border:1px dashed var(--color-foreground-15);color:var(--color-foreground-70)}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{color:var(--color-foreground-90)}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption label{font-size:.75em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption img,.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption svg{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.PinturaUtilPanel[data-util=frame] [data-selected=true]{border-color:var(--color-primary);color:var(--color-primary)}.PinturaUtilPanel[data-util=frame] [data-selected=true] span{color:var(--color-foreground-90)}.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .5em}.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOptionGroupLabel{width:1px;height:1px;position:absolute;font-size:0}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOptionGroup{display:flex;flex-direction:column-reverse}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{cursor:var(--button-cursor);margin-bottom:1em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{display:block;text-align:center;padding:0 1.5em;font-size:.625em;font-weight:400}.PinturaUtilPanel[data-util=frame] [data-focus-visible]+label span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{position:relative;width:3em;height:4em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div{position:absolute;outline-color:currentColor;border-color:currentColor;cursor:var(--button-cursor)}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div[slot]{overflow:hidden;left:-1px;top:-1px;bottom:-1px;right:-1px;display:flex;align-items:center;justify-content:center}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaUtilFooter>div{padding:0}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{width:2.25em;height:3em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{font-size:.5em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .25em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .25em}.PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption{position:relative;width:3em;height:4em}.PinturaUtilPanel[data-util=fill] .PinturaFillTile{position:absolute;width:100%;height:100%}.PinturaUtilPanel[data-util=fill] .PinturaFillTile[data-transparent=true]{background-color:#fff;background-image:var(--pattern-transparent);border-radius:calc(var(--border-radius) + 1px)}.PinturaUtilPanel[data-util=fill] .PinturaFillTile div,.PinturaUtilPanel[data-util=fill] .PinturaFillTile img{cursor:var(--button-cursor);position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius)}.PinturaUtilPanel[data-util=fill] .PinturaFillTile:after{content:"";z-index:3;position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius);pointer-events:none}.PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption[data-selected=true] .PinturaFillTile:after{box-shadow:inset 0 0 0 1px var(--color-foreground-5),inset 0 0 0 4px var(--color-primary),inset 0 0 0 5px var(--color-foreground-5)}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaUtilFooter>div{padding:0}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption{width:2.25em;height:3em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption span{font-size:.5em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .175em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaScrollable{--scrollable-feather-start-opacity:0;--scrollable-feather-end-opacity:0;--scrollable-feather-size:2em;contain:paint;overflow:hidden}.PinturaScrollable:focus{outline:transparent}.PinturaScrollable>div{position:relative;display:inline-flex;vertical-align:top}.PinturaScrollable{touch-action:none}.PinturaScrollable[data-direction=x]{max-width:100%;--mask-angle:90deg}.PinturaScrollable[data-direction=y]{max-height:100%;--mask-angle:180deg}.PinturaScrollable[data-state~=overflows]{-webkit-mask:linear-gradient(var(--mask-angle),rgba(0,0,0,var(--scrollable-feather-start-opacity)),#000 var(--scrollable-feather-size),#000 calc(100% - var(--scrollable-feather-size)),rgba(0,0,0,var(--scrollable-feather-end-opacity)));mask:linear-gradient(var(--mask-angle),rgba(0,0,0,var(--scrollable-feather-start-opacity)),#000 var(--scrollable-feather-size),#000 calc(100% - var(--scrollable-feather-size)),rgba(0,0,0,var(--scrollable-feather-end-opacity)))}.PinturaScrollable[data-state~=scrolling]>div *{pointer-events:none}.PinturaTabPanels{flex:1;display:grid;grid-template-columns:1fr}.PinturaTabPanel{position:relative;grid-row-start:1;grid-column-start:1;min-width:0}.PinturaTabPanel:not([aria-hidden=true]){z-index:2;outline:transparent}.PinturaTabPanel[aria-hidden=true]{display:block!important;z-index:1;pointer-events:none}.PinturaTabPanel[data-inert=true]{visibility:hidden}@supports not (aspect-ratio:1){.PinturaTabPanel{overflow-x:hidden}}.PinturaTabList{display:flex;justify-content:center}.PinturaTabList button{display:flex;align-items:center;flex-direction:column;outline:transparent;cursor:var(--button-cursor);-webkit-tap-highlight-color:transparent}.PinturaTabList button>*{transition:filter var(--transition-duration-10) ease-out}.PinturaTabList button[disabled]>*{filter:var(--filter-disabled)}.PinturaUtilMain{padding-left:1em;padding-right:1em;min-height:1px;touch-action:none}.PinturaUtilMain,.PinturaUtilMain>[slot]{flex:1;display:flex;flex-direction:column}.PinturaUtilMain>[slot]{align-items:center}.PinturaUtilFooter>[slot]:empty{min-height:1em}.PinturaUtilFooter>[slot]{display:flex;flex-direction:column;align-items:center;justify-content:stretch;pointer-events:all}.PinturaUtilFooter .PinturaControlPanel .PinturaImageButtonList,.PinturaUtilFooter .PinturaShapeStyleList{min-height:3.5em;align-items:flex-start}.PinturaUtilFooter .PinturaControlList [role=tab][aria-selected=true]{background-color:var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label,.PinturaUtilFooter .PinturaControlList [role=tab]{flex-direction:row;line-height:1;padding:0 .75em;min-height:1.75em;white-space:nowrap;border-radius:var(--border-radius-round);transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,filter var(--transition-duration-25) ease-out;box-shadow:inset 0 0 0 1px var(--color-foreground-0);cursor:var(--button-cursor)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label span,.PinturaUtilFooter .PinturaControlList [role=tab] span{font-size:.75em;font-weight:400}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg,.PinturaUtilFooter .PinturaControlList [role=tab] svg{width:.875em;font-size:.875em}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:only-child,.PinturaUtilFooter .PinturaControlList [role=tab] svg:only-child{margin-left:-.25em;margin-right:-.25em}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child),.PinturaUtilFooter .PinturaControlList [role=tab] svg:not(:only-child){margin-left:-.25em;margin-right:.375em}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label:hover,.PinturaUtilFooter .PinturaControlList [role=tab]:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label[data-focus-visible],.PinturaUtilFooter .PinturaControlList [role=tab][data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaUtilFooter .PinturaControlListOption [slot],.PinturaUtilFooter .PinturaControlListOption label{display:flex;flex-direction:row;align-items:center}.PinturaUtilFooter .PinturaControlListOption[data-selected=true] label{background-color:var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaUtilFooter .PinturaControlListOption input[data-focus-visible]+label{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaUtilFooter .PinturaControlListOption input[disabled]+label{filter:var(--filter-disabled)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption+.PinturaControlListOption,.PinturaUtilFooter .PinturaControlList>button+button{margin-left:.5em}.PinturaUtilFooter .PinturaControlPanels{display:grid;grid-template-columns:1fr;width:40em;max-width:100%;margin:0 auto;flex:auto}.PinturaUtilFooter .PinturaControlPanel{grid-row-start:1;grid-column-start:1;max-width:100%;overflow:hidden;visibility:visible;opacity:1}.PinturaUtilFooter .PinturaControlPanel[aria-hidden=true]{display:block!important;visibility:hidden;transition-delay:0s;pointer-events:none;opacity:0}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>*+*{margin-left:-1px}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]{padding-left:.625em;padding-right:.625em;border-radius:0;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:only-child{border-radius:var(--border-radius-round)}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:first-child:not(:only-child){padding-left:.75em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:last-child:not(:only-child){padding-right:.75em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}@supports not (aspect-ratio:1){.PinturaControlPanel{overflow-x:hidden}}.PinturaRoot[data-env~=is-animated] .PinturaUtilFooter .PinturaControlPanel{transition:opacity var(--transition-duration-25) ease-in-out,visibility var(--transition-duration-25) linear;transition-delay:.1s}.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilHeader{order:1}.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilFooter{order:2}.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilMain{order:3}.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaControlPanels{order:-1}.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaRangeInput .PinturaRangeInputReset{top:0;bottom:auto}.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsGrouped{padding-bottom:.75em}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanels{order:1}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaRangeInput .PinturaRangeInputReset{top:auto;bottom:0}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsGrouped{padding-top:.75em}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanel .PinturaImageButtonList,.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaShapeStyleList{align-items:flex-end}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaShapeStyleLabel{order:1}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter{margin:.75em 0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels{max-width:24em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList{margin-top:1em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList>button+button{margin-left:0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList [role=tab] span{font-size:.75em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList [role=tab]{border-radius:0;background-color:var(--color-background-50);backdrop-filter:var(--backdrop-filter-bright);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList [role=tab]:first-child{padding-left:.875em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList [role=tab]:last-child{padding-right:.875em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList button:not([aria-selected=true]) span{color:var(--color-foreground-40)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels{background-color:var(--color-background-50);backdrop-filter:var(--backdrop-filter-bright);border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInput{height:1.5em;margin-top:0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInputReset{opacity:0}.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlListOption [slot],.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlListOption label{flex-direction:row-reverse}.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child),.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlList [role=tab] svg:not(:only-child){margin-right:-.25em;margin-left:.375em}.PinturaRangeInput{position:relative;display:flex;flex-direction:column;align-items:center;margin:auto;height:3.5em;max-width:24em;width:calc(100% - 2em);touch-action:none;--range-input-feather-left:2em;--range-input-feather-right:2em;--range-input-mask-from:0%;--range-input-mask-to:100%;--range-input-mask-color:rgba(0,0,0,0.25);--range-input-line-color:var(--color-foreground-15);outline:transparent}.PinturaRangeInput[data-focus-visible]:after{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);content:"";position:absolute;left:0;right:0;top:calc(50% - 1em);height:2em;border-radius:.25em}.PinturaRangeInputInner{position:relative;overflow:hidden;height:100%;width:100%;contain:strict;-webkit-mask:linear-gradient(90deg,transparent 0,#000 var(--range-input-feather-left),#000 calc(50% - 3em),transparent 50%,#000 calc(50% + 3em),#000 calc(100% - var(--range-input-feather-right)),transparent);mask:linear-gradient(90deg,transparent 0,#000 var(--range-input-feather-left),#000 calc(50% - 3em),transparent 50%,#000 calc(50% + 3em),#000 calc(100% - var(--range-input-feather-right)),transparent)}.PinturaRangeInputMeter{height:100%}.PinturaRangeInput .PinturaRangeInputMeter svg{display:block;pointer-events:none;fill:currentColor}.PinturaRangeInput>.PinturaRangeInputValue{position:absolute;z-index:1;pointer-events:none;top:calc(50% - .6875em);left:calc(50% - 1.75em);width:3.5em;height:1.5em;overflow:hidden;contain:strict;text-align:center;font-size:.75em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:Tahoma,Geneva,Verdana,sans-serif}.PinturaRangeInput>.PinturaRangeInputReset{position:absolute;left:calc(50% - 1.0625em);top:0;margin-top:.125em;padding:0;z-index:1;width:2em;overflow:hidden;color:transparent!important;transition:opacity var(--transition-duration-25);opacity:.35;outline:transparent;cursor:var(--button-cursor)}.PinturaRangeInput>.PinturaRangeInputReset:hover{opacity:.5}.PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]{opacity:1}.PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]:before{content:"";pointer-events:none;position:absolute;left:calc(50% - .5em);top:calc(50% - .5em);height:1em;width:1em;z-index:2;border-radius:.25em;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRangeInput>.PinturaRangeInputReset[disabled]{opacity:.15}.PinturaRangeInput>.PinturaRangeInputReset:after{content:"";position:absolute;left:50%;top:20%;width:1px;height:60%;background:var(--color-foreground-100)}.PinturaRangeInputInner[data-value-limited] svg{-webkit-mask:linear-gradient(90deg,var(--range-input-mask-color) var(--range-mask-from),#000 var(--range-mask-from),#000 var(--range-mask-to),var(--range-input-mask-color) var(--range-mask-to));mask:linear-gradient(90deg,var(--range-input-mask-color) var(--range-mask-from),#000 var(--range-mask-from),#000 var(--range-mask-to),var(--range-input-mask-color) var(--range-mask-to))}.PinturaRangeInputInner[data-value-limited] svg rect{x:var(--range-mask-from);width:calc(var(--range-mask-to) - var(--range-mask-from));fill:var(--range-input-line-color)}.PinturaButton{white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent;cursor:var(--button-cursor)}.PinturaButton>span{display:inline-flex;align-items:center;vertical-align:top;min-height:1em}.PinturaButton svg+.PinturaButtonLabel{margin-left:.5em}.PinturaButton[disabled]{cursor:default;filter:var(--filter-disabled)}.PinturaButtonInner{text-decoration:inherit}.PinturaButton:not(.PinturaButtonIconOnly) svg:first-of-type{margin-left:-.25em}.PinturaRoot[dir=rtl] .PinturaButton:not(.PinturaButtonIconOnly) svg:first-of-type{margin-right:-.25em}.PinturaRoot[dir=rtl] .PinturaButton svg+.PinturaButtonLabel{margin-left:0;margin-right:1em}.PinturaInputForm{opacity:0;cursor:auto;z-index:2147483647;--width:30em}.PinturaInputForm:not([data-stick=true]){position:absolute;bottom:7.5em;width:var(--width);left:calc(50% - var(--width) / 2);box-shadow:0 .25em .5em -.5em rgba(0,0,0,.75),inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius);background-color:var(--color-background-95)}@media(max-width:34em){.PinturaInputForm:not([data-stick=true]){left:2em;right:2em;width:auto}}.PinturaInputForm[data-stick=true]{transition:opacity .15s ease .25s;position:absolute;left:0;right:0;outline:1px solid var(--color-foreground-15);background-color:var(--color-background-100)}.PinturaInputForm[data-stick=true]>.PinturaInputFormInner{background-color:var(--color-foreground-3)}.PinturaInputFormInner>.PinturaButton{color:var(--color-foreground-100);border-radius:9999em;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaInputFormInner>.PinturaButton:first-of-type{left:1em}.PinturaInputFormInner>.PinturaButton:last-of-type{right:1rem;color:var(--color-primary-text);background:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaInputFormInner>.PinturaButton:not(.PinturaButtonIconOnly) .PinturaButtonInner{padding:0 .875em}.PinturaInputFormInner>.PinturaButton .PinturaButtonIcon{width:.875em;height:.875em}.PinturaInputFormInner>.PinturaButton.PinturaButtonIconOnly{width:1.875em;height:1.875em}.PinturaInputFormInner>.PinturaButton .PinturaButtonLabel{font-size:.75em}.PinturaInputFormInner>.PinturaButton .PinturaButtonInner{line-height:2;display:flex;justify-content:center}.PinturaInputFormInner{padding-top:1em;padding-bottom:3.5em}.PinturaInputFormInner>.PinturaButton{position:absolute;bottom:1em}.PinturaInputFormFields textarea:only-child{height:5em;-webkit-mask:linear-gradient(0deg,transparent,#000 1em);mask:linear-gradient(0deg,transparent,#000 1em)}.PinturaInputFormFields textarea:only-child::-webkit-scrollbar{width:1em;cursor:pointer}.PinturaInputFormFields textarea:only-child::-webkit-scrollbar-track{background:none}.PinturaInputFormFields textarea:only-child::-webkit-scrollbar-thumb{cursor:pointer;background-clip:padding-box;background-color:var(--color-foreground-70);border-radius:9999em;border:.25em solid transparent}.PinturaInputFormFields input:only-child,.PinturaInputFormFields textarea:only-child{width:100%;padding:0 1em .5em;display:block;background:transparent}.PinturaInputForm input,.PinturaInputForm textarea{box-sizing:border-box;resize:none;border:none;font-size:.875em;outline:transparent;color:var(--color-foreground-100)}.PinturaInputForm input{background-color:var(--color-background-100)}.PinturaModalBodyLock .PinturaInputForm{margin-top:-50px}.PinturaInputForm[data-layout=row]{--width:30em;width:var(--width);max-width:calc(100% - 2em);border-radius:9999em}.PinturaInputForm[data-layout=row] .PinturaInputFormFields{flex:1}.PinturaInputForm[data-layout=row] .PinturaInputFormInner{display:flex;padding:.5em}.PinturaInputForm[data-layout=row] .PinturaInputFormInner input{padding:0 .5em;line-height:1.75;font-size:.8125em;flex:1}.PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButton:first-child{margin-right:0}.PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButton{position:static}.PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButtonIconOnly{width:1.5em;height:1.5em}.PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButtonLabel{font-size:.625em}.PinturaProgressIndicator{position:relative;display:block;width:1.25em;height:1.25em}.PinturaProgressIndicator svg{pointer-events:none;vertical-align:top}.PinturaProgressIndicator .PinturaProgressIndicatorFill{stroke-dashoffset:0}.PinturaProgressIndicator[data-status=busy] svg{animation:image_editor_spin 1s linear infinite}.PinturaProgressIndicator[data-status=busy] .PinturaProgressIndicatorFill{stroke-dashoffset:-26.5;stroke-dasharray:26.5 53;transition:stroke-dashoffset .5s linear,stroke-dasharray .5s linear}@keyframes image_editor_spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.PinturaRoot[data-env~=is-ios] .PinturaProgressIndicator svg{transform-origin:49% 49%}}.PinturaUtilPanel{position:relative;z-index:1;height:100%;display:flex;flex:1;flex-direction:column;contain:layout size;box-sizing:border-box}.PinturaUtilPanel,.PinturaUtilPanel>*{padding-top:.5em;padding-bottom:.5em}.PinturaRadioGroup .PinturaRadioGroupOptions{display:flex;flex-direction:column}.PinturaRadioGroup .PinturaRadioGroupOptionGroup+.PinturaRadioGroupOptionGroup{margin-top:.5em}.PinturaRadioGroup .PinturaRadioGroupOption[data-hidden=true]{display:none}.PinturaRadioGroup[data-layout=row] .PinturaRadioGroupOptions{flex-direction:row}.PinturaRadioGroup label{-webkit-tap-highlight-color:transparent}.PinturaPresetListFilter .PinturaRadioGroupOptions{justify-content:space-evenly;padding:.625em 0 .3125em}.PinturaPresetListFilter .PinturaRadioGroupOptions label{display:block;cursor:pointer}.PinturaPresetListFilter+.PinturaOptionsList{border-top-left-radius:0;border-top-right-radius:0}.PinturaToolbar{display:flex;justify-content:center;margin-left:1em;margin-right:1em}.PinturaToolbar .PinturaToolbarInner{display:inline-flex}.PinturaToolbar[data-layout=compact] .PinturaToolbarContentWide,.PinturaToolbar[data-overflow=overflow] .PinturaToolbarContentOptional{display:none}.PinturaToolbar .PinturaButton{border-radius:var(--border-radius-round);outline:transparent;padding:.3125em .75em;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out;line-height:1.1}.PinturaToolbar .PinturaButton:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaToolbar .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaToolbar .PinturaButton .PinturaButtonIcon{width:1em}.PinturaToolbar .PinturaButtonLabel{font-size:.75em}.PinturaToolbar .PinturaPanel{z-index:3}.PinturaToolbar .PinturaToolbarInner>*{margin:0 .5em}.PinturaRectManipulator{--size:1.25em;position:absolute;left:0;top:0;outline:none;touch-action:none;transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0) scale(var(--sx),var(--sy))}.PinturaRectManipulator:not([data-shape=edge]){width:var(--size);height:var(--size);z-index:2}.PinturaRectManipulator:not([data-shape=edge]):after{position:absolute;left:-.5em;right:-.5em;top:-.5em;bottom:-.5em;border-radius:inherit;content:""}.PinturaRectManipulator:not([data-shape=edge])[data-focus-visible]:after{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRectManipulator[data-shape~=circle]{margin-left:calc(var(--size) * (-.5));margin-top:calc(var(--size) * (-.5));line-height:var(--size);border-radius:50%;background-color:var(--color-foreground-100);box-shadow:0 0 2px var(--color-background-50)}.PinturaRectManipulator[data-shape=hook]{border:3px solid var(--color-foreground-100)}.PinturaRectManipulator[data-shape=hook][data-direction*=t]{margin-top:-3px;border-bottom:0}.PinturaRectManipulator[data-shape=hook][data-direction*=r]{border-left:0;margin-left:calc(var(--size) * (-1))}.PinturaRectManipulator[data-shape=hook][data-direction*=b]{margin-top:calc(var(--size) * (-1));border-top:0}.PinturaRectManipulator[data-shape=hook][data-direction*=l]{border-right:0;margin-left:-3px}.PinturaRectManipulator[data-shape~=edge]{height:1px;width:1px;z-index:1}.PinturaRectManipulator[data-shape~=edge][data-focus-visible]{background-color:var(--color-focus-50)}.PinturaRectManipulator[data-direction=b],.PinturaRectManipulator[data-direction=t]{cursor:ns-resize;height:var(--size);margin-top:calc(var(--size) * (-.5));transform-origin:0 center}.PinturaRectManipulator[data-direction=l],.PinturaRectManipulator[data-direction=r]{cursor:ew-resize;width:var(--size);margin-left:calc(var(--size) * (-.5));transform-origin:center 0}.PinturaRectManipulator[data-direction=bl],.PinturaRectManipulator[data-direction=tr]{cursor:nesw-resize}.PinturaRectManipulator[data-direction=br],.PinturaRectManipulator[data-direction=tl]{cursor:nwse-resize}.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator[data-shape=edge]:active{background-color:var(--color-foreground-5)}.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):after{left:-1em;right:-1em;top:-1em;bottom:-1em}.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):active:after{background-color:var(--color-foreground-5)}.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator{transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0)}.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=b],.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=t]{width:calc(var(--sx) * 1px)}.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=l],.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=r]{height:calc(var(--sy) * 1px)}.PinturaShapeStyleEditor{position:relative;display:grid;grid-template-columns:1fr}.PinturaShapeStyleEditor>div{grid-row-start:1;grid-column-start:1;max-width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.PinturaShapeStyleEditorOverflow>div{overflow:visible;justify-content:flex-start}.PinturaShapeStyleEditorOverflow .PinturaShapeStyleList{min-height:auto;margin-left:1em}.PinturaShapeStyleEditorOverflow .PinturaShapeStyle{--control-height:1.75em}.PinturaShapeStyles{position:relative}.PinturaShapeStyles:not([data-state~=overflows]){display:flex;justify-content:center}.PinturaShapeStyleList{display:flex}.PinturaShapeStyleList .PinturaButton,.PinturaShapeStyleList .PinturaInput{outline:transparent}.PinturaShapeStyleList .PinturaInput{padding:0 0 0 .625em;font-size:.75em;line-height:2.25}.PinturaShapeStyleList .PinturaShapeStyleLabel{line-height:1.75;font-size:.625em;font-weight:300;padding:0 .75em;text-transform:lowercase;pointer-events:none;text-align:center;color:var(--color-foreground-50);white-space:nowrap}.PinturaShapeStyleList .PinturaShapeStyle{border-radius:var(--border-radius-round)}.PinturaShapeStyleList .PinturaShapeStyle+.PinturaShapeStyle{margin-left:1em}.PinturaShapeStyle{display:flex;flex-direction:column;align-items:stretch;--control-height:1.5em}.PinturaShapeStyle .PinturaPanelButton{border-radius:inherit}.PinturaShapeStyle>.PinturaButton:hover,.PinturaShapeStyle>.PinturaButton[data-focus-visible]{position:relative;z-index:1}.PinturaShapeStyle .PinturaColorPickerButton .PinturaButtonLabel{display:block;border-radius:inherit}.PinturaShapeStyle .PinturaColorPickerButton{display:flex;justify-content:center}.PinturaShapeStyle .PinturaColorPreview{border-radius:inherit;width:1.5em;height:1.5em;background-color:#fff;background-size:4px}.PinturaShapeStyle .PinturaColorPreview span{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaShapeStyle [data-focus-visible] .PinturaColorPreview span:before{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);content:"";z-index:1}.PinturaShapeStyle>.PinturaColorPickerButtonStroke .PinturaColorPreview{-webkit-mask:radial-gradient(circle,transparent 5.5px,#000 6px);mask:radial-gradient(circle,transparent 5.5px,#000 6px);-webkit-mask-size:cover;mask-size:cover}.PinturaShapeStyle>.PinturaColorPickerButtonStroke .PinturaColorPreview span:after{position:absolute;left:6px;top:6px;right:6px;bottom:6px;border-radius:inherit;box-shadow:0 0 0 1px var(--color-foreground-5);content:""}.PinturaShapeStyle>.PinturaSliderButton .PinturaButtonLabel,.PinturaShapeStyle>.PinturaSliderButton .PinturaButtonLabelPrefix{display:block;line-height:2.25;font-size:.6875em}.PinturaShapeStyle>.PinturaSliderButton .PinturaButtonLabelPrefix{color:var(--color-foreground-40);padding-left:.625em;margin-right:-.25em}.PinturaShapeStyle>.PinturaSliderButton .PinturaButtonLabel{padding:0 1em}.PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel,.PinturaShapeStyle>.PinturaRadioGroup .PinturaButtonLabel,.PinturaShapeStyle>.PinturaRadioGroupOption label{display:block;line-height:2.25;padding:0 1em;font-size:.6875em}.PinturaShapeStyle .PinturaButton:not(.PinturaColorPickerButton)[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeStyle .PinturaInputField{padding:0 .75em;width:3em;height:2em;line-height:2em;box-shadow:inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius)}.PinturaShapeStyle .PinturaPromptInputGroup{position:relative;display:flex;align-items:flex-start}.PinturaShapeStyle .PinturaPromptInputGroup .PinturaInput{width:18em;padding:0}.PinturaShapeStyle .PinturaPromptInputGroup .PinturaInput input{padding-right:2em}.PinturaShapeStyle .PinturaPromptInputGroup>.PinturaButton:not(.PinturaButtonIconOnly){display:block;line-height:2.125;margin-left:.5em;padding:0 1em;font-size:.6875em;box-shadow:inset 0 0 0 1px var(--color-foreground-5);background-color:var(--color-foreground-10);border-radius:var(--border-radius)}.PinturaShapeStyle .PinturaPromptInputGroup .PinturaButtonIconOnly{display:flex;justify-content:center;align-items:center;width:1.75em;height:1.75em;padding:0;box-shadow:inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius)}.PinturaShapeStyle .PinturaPromptInputGroup .PinturaButtonIconOnly svg{width:.875em}.PinturaShapeStyle .PinturaPromptInputGroup .PinturaProgressIndicator{position:absolute;width:.875em;height:.875em;pointer-events:none}.PinturaShapeStyle .PinturaPromptInputGroup .PinturaProgressIndicator svg{width:.875em}.PinturaShapeStyle .PinturaPromptInputWrapper{position:relative;display:flex;align-items:center}.PinturaShapeStyle .PinturaPromptInputWrapper .PinturaProgressIndicator{right:.3125em}.PinturaShapeStyle .PinturaGenerateMoreButtonWrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-top:.3125em;margin-left:.75em}.PinturaShapeStyle .PinturaPromptOptions{margin-left:.5em;display:flex;align-items:center}.PinturaShapeStyle .PinturaPromptOption{position:relative;padding:0;margin-left:.5em;border-radius:.5em}.PinturaShapeStyle .PinturaPromptOption:after,.PinturaShapeStyle .PinturaPromptOption img{border-radius:.5em;pointer-events:none}.PinturaShapeStyle .PinturaPromptOption:after{content:"";position:absolute;z-index:1;left:0;top:0;right:0;bottom:0;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaShapeStyle .PinturaPromptOption img{display:block;width:2.5em;height:2.5em;-o-object-fit:cover;object-fit:cover}.PinturaShapeStyle>.PinturaDropdownButton{box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10)}.PinturaShapeStyle>.PinturaDropdownButton:hover{background-color:var(--color-foreground-10)}.PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel:after,.PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after{content:"▼";font-size:.6875em;margin-left:.75em;position:relative;top:-.125em;margin-right:-.25em;pointer-events:none}.PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after{top:0;margin-left:.375em;font-size:.47265625em}.PinturaShapeStyle .PinturaComboBox{padding-right:.75em}.PinturaShapeStyle .PinturaComboBox .PinturaInput{padding-left:0}.PinturaShapeStyle .PinturaComboBox .PinturaInput input{box-shadow:none}.PinturaShapeStyle .PinturaComboBox .PinturaInputField{padding-right:.375em}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions{flex-direction:row}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label{cursor:var(--button-cursor);display:flex;height:var(--control-height);align-items:center;padding:0 .25em;box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10)}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label:hover{background-color:var(--color-foreground-20)}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions svg{width:1.125em;height:1.125em}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type label{padding-left:.5em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type label{padding-right:.5em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions [data-selected=true] label{background-color:var(--color-foreground-10)}.PinturaRoot[dir=rtl] .PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel:after,.PinturaRoot[dir=rtl] .PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after{margin-right:.75em;margin-left:-.25em}.PinturaShapeList{pointer-events:none;opacity:0;transition:opacity var(--transition-duration-10) ease-in-out;position:absolute;top:1em;left:1em;width:-moz-max-content;width:max-content;z-index:1;border-radius:var(--border-radius);color:var(--color-foreground-100);background:var(--color-background-70);box-shadow:0 0 0 1px var(--color-foreground-5)}.PinturaShapeList li+li{margin-top:-.3125em}.PinturaShapeList[data-visible=true]{opacity:1}.PinturaShapeList .PinturaColorPreview{width:.75em;height:.75em;margin-right:.25em;border-radius:.25em}.PinturaShapeList .PinturaShapeListItem{display:flex;align-items:center;padding:.25em .5em;outline:none}.PinturaShapeList .PinturaShapeListItem>span{font-size:.75em;line-height:1.75;padding:0 .325em;margin-left:-.325em}.PinturaShapeList .PinturaShapeListItem[data-focus-visible]>span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeList[data-visible=true] .PinturaShapeListItem{pointer-events:all}.PinturaShapeEditor{height:100%;width:100%;outline:none;touch-action:none}.PinturaShapeControls{position:absolute!important;left:0;top:0;z-index:3;pointer-events:none;display:flex;align-items:center}.PinturaShapeControlsGroup{pointer-events:all;color:#eee;background:#222;box-shadow:0 .125em .25em rgba(0,0,0,.25);border-radius:.25em}.PinturaShapeControlsGroup,.PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle{display:inline-flex;min-height:1.75em}.PinturaShapeControlsGroup+.PinturaShapeControlsGroup{margin-left:.5em}.PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle{position:relative}.PinturaShapeControlsGroup .PinturaButton{outline:transparent}.PinturaShapeControlsGroup .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeControlsGroup .PinturaButton[disabled]>span{opacity:.5;pointer-events:all;cursor:not-allowed}.PinturaShapeControlsGroup>.PinturaButton{display:block;font-weight:700;transition:background-color var(--transition-duration-10);outline:transparent}.PinturaShapeControlsGroup>.PinturaButton:hover{background-color:hsla(0,0%,100%,.15)}.PinturaShapeControlsGroup>.PinturaButton .PinturaButtonLabel{display:block;font-size:.6875em;padding:0 .75em;line-height:1.7em}.PinturaShapeControlsGroup .PinturaButtonIconOnly{width:1.75em;transition:background-color var(--transition-duration-10)}.PinturaShapeControlsGroup .PinturaButtonIconOnly:hover{background-color:hsla(0,0%,100%,.15)}.PinturaShapeControlsGroup>button:first-of-type{border-radius:.25em 0 0 .25em}.PinturaShapeControlsGroup>button:last-of-type{border-radius:0 .25em .25em 0}.PinturaShapeControlsGroup>button:only-of-type{border-radius:.25em}.PinturaShapeControlsGroup>*+*{border-left:1px solid rgba(0,0,0,.5)}.PinturaShapeControlsGroup svg{pointer-events:none}.PinturaInlineInput{position:absolute;left:0;top:0;margin:0;padding:0;transform-origin:center;display:flex}.PinturaInlineInput:before{content:"";width:0;height:var(--line-height)}.PinturaContentEditable{margin:0;padding:0;width:calc(100% / var(--font-scalar));height:calc((100% / var(--font-scalar)) - var(--bottom-inset, 0));overflow:hidden;outline:none;vertical-align:top}.PinturaShapePresetsPalette{text-align:center;width:40em;max-width:100%;overflow:hidden}.PinturaShapePresetsPalette .PinturaShapePresetSelect{vertical-align:top;display:inline-block}.PinturaShapePresetsPalette .PinturaScrollable:not([data-state~=overflows]){display:flex;justify-content:center}.PinturaShapePresetsPalette .PinturaButton+.PinturaButton{margin-left:.5em}.PinturaShapePresetsPalette .PinturaButton{flex-direction:row;line-height:1.1;padding:.3125em .75em;border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-foreground-5);cursor:var(--button-cursor);transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out;outline:none}.PinturaShapePresetsPalette .PinturaButton .PinturaButtonIcon{width:1em}.PinturaShapePresetsPalette .PinturaButton .PinturaButtonLabel{font-size:.75em}.PinturaShapePresetsPalette .PinturaButton:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.PinturaShapePresetsPalette .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapePresetsPalette .PinturaShapePresetsFlat>*+*,.PinturaShapePresetsPalette .PinturaShapePresetsGroups>*+*,.PinturaShapePresetsPalette .PinturaShapePresetsGroups>div>*+*{margin-left:.5em}.PinturaShapePresetsGroups{display:flex}.PinturaShapePresetsGrouped{display:flex;flex-direction:column;align-items:center}.PinturaShapePresetsGrouped [role=tab]{white-space:nowrap}.PinturaShapePresetsFlat{display:flex;align-items:center;justify-content:center}.PinturaShapePresetsFlat>.PinturaButton{margin-left:1em}.PinturaImageButtonList,.PinturaImageButtonList>li{display:flex;align-items:center}.PinturaImageButtonList>li{--thumb-size:1.75em;--thumb-radius:0.3125em;--thumb-margin:0.3125em;justify-content:center;position:relative}.PinturaImageButtonList>li+li{margin-left:.5em}.PinturaRoot .PinturaImageButton{--thumb-size:1.75em;--thumb-radius:0.3125em;--thumb-margin:0.3125em;padding:var(--thumb-margin);border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px var(--color-foreground-5);cursor:var(--button-cursor);outline:transparent}.PinturaRoot .PinturaImageButton>*{pointer-events:none}.PinturaRoot .PinturaImageButton{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:filter var(--transition-duration-25) ease-out}.PinturaRoot .PinturaImageButton[disabled]{filter:var(--filter-disabled)}.PinturaRoot .PinturaImageButton:hover{background-color:var(--color-foreground-10)}.PinturaRoot .PinturaImageButton text{font-family:monospace}.PinturaRoot .PinturaImageButton img,.PinturaRoot .PinturaImageButton svg{display:block;width:var(--thumb-size);height:var(--thumb-size);min-width:auto;max-width:none;-o-object-fit:cover;object-fit:cover;border-radius:var(--thumb-radius)}.PinturaRoot .PinturaImageButton[data-loader]:after,.PinturaRoot .PinturaImageButton[data-loader]:before{display:block;width:var(--thumb-size);height:var(--thumb-size);line-height:var(--thumb-size);border-radius:var(--thumb-radius)}.PinturaRoot .PinturaImageButton[data-error] img{display:none}.PinturaRoot .PinturaImageButton[data-error]:after{content:"⚠";box-shadow:inset 0 0 0 1px var(--color-error-75);background-color:var(--color-error-10);color:var(--color-error-75)}.PinturaRoot .PinturaImageButton[data-loader]{position:relative}.PinturaRoot .PinturaImageButton[data-loader]:before{content:"";position:absolute;left:var(--thumb-margin);top:var(--thumb-margin);animation:pintura-img-loading calc(var(--transition-duration-multiplier, 0) * 1s) infinite alternate ease-in-out;background-color:var(--color-foreground-10);transition:transform calc(var(--transition-duration-multiplier, 0) * .5s) ease-in;z-index:-1}.PinturaRoot .PinturaImageButton[data-loader] img{opacity:0;transition:opacity calc(var(--transition-duration-multiplier, 0) * .35s) ease-out}.PinturaRoot .PinturaImageButton[data-loader][data-load] img{opacity:1}.PinturaRoot .PinturaImageButton[data-loader][data-error]:before,.PinturaRoot .PinturaImageButton[data-loader][data-load]:before{animation-play-state:paused;transform:scale(.5)}@keyframes pintura-img-loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.PinturaInput{display:flex;flex-direction:row}.PinturaInput input[disabled]{filter:var(--filter-disabled)}.PinturaInputField{flex:1;outline:transparent}.PinturaInputField[type=number]{-moz-appearance:textfield}.PinturaInputField[type=number]::-webkit-inner-spin-button,.PinturaInputField[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.PinturaInputSpinners{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.PinturaInputSpinners button{line-height:1!important;width:2em;font-size:.5em!important;outline:transparent}.PinturaPanel.PinturaSliderPanel{border-radius:var(--border-radius-round)}.PinturaPercentageLabel{font-variant-numeric:tabular-nums;min-width:3em;text-align:center}.PinturaSliderPanel .PinturaSlider{width:10em;--knob-size:0.75em;--knob-margin-left:0.3125em;--knob-margin-right:0.3125em}.PinturaSliderPanel .PinturaSliderTrack{--track-background:var(--color-foreground-10)}.PinturaSliderPanel .PinturaSliderKnob{--knob-background:var(--color-foreground-100);box-shadow:0 .125em .25em rgba(0,0,0,.35),0 -.125em .25em rgba(0,0,0,.1)}.PinturaShorthandControl{flex-direction:row;padding-left:.25em;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaShorthandControl>.PinturaSliderButton+.PinturaSliderButton{border-left:1px solid var(--color-foreground-5);border-radius:0}.PinturaShorthandControl .PinturaSliderButton .PinturaButtonLabel{padding:0 .5em}.PinturaShorthandControl .PinturaColorPreview{width:1em;height:1em;margin-right:.25em;margin-top:.25em}.PinturaOptionsList,.PinturaOptionsListWrapper{border-radius:inherit}.PinturaOptionsList .PinturaListOption{transition:background-color var(--transition-duration-10);border-radius:inherit;position:relative}.PinturaOptionsList .PinturaListOption label{display:block;margin:0;border-radius:inherit;white-space:nowrap}.PinturaOptionsList .PinturaListOption svg{margin-right:.25em;margin-left:-.5em;min-width:1.5em}.PinturaOptionsList .PinturaListOption svg:only-child{margin-left:0;margin-right:0}.PinturaOptionsList .PinturaListOption [slot]{display:flex;align-items:center;padding:.325em .75em}.PinturaOptionsList .PinturaDropdownOptionLabel{font-size:.75em;line-height:1.75;padding:0 .325em;margin-left:-.325em;display:inline-flex;flex-direction:column}.PinturaOptionsList .PinturaDropdownOptionSublabel{font-size:.75em;opacity:.5;margin-top:-.5em}.PinturaOptionsList .PinturaListOptionGroup>span{display:block;padding:.75em 1em;text-transform:uppercase;font-size:.75em;color:var(--color-foreground-50)}.PinturaOptionsList [data-disabled=true]{color:var(--color-foreground-50)}.PinturaOptionsList [data-selected=false]:not([data-disabled=true]):hover{background-color:var(--color-foreground-10)}.PinturaOptionsList [data-selected=true]{color:var(--color-foreground-100);background-color:var(--color-foreground-20)}.PinturaOptionsList [data-focus-visible]+label .PinturaDropdownOptionLabel{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}.PinturaListOption label{margin:0}.PinturaRoot[dir=rtl] .PinturaDropdownOptionLabel{margin-right:-.325em;align-items:flex-end}.PinturaRoot[dir=rtl] .PinturaListOption svg{margin-left:-.5em;margin-right:auto}.PinturaRoot[dir=rtl] .PinturaListOption svg+span{margin-left:.25em}.PinturaRoot[dir=rtl] .PinturaListOption [slot]{justify-content:flex-end}.PinturaColorPickerPanel{padding:.5em;max-width:14em;overflow:visible;touch-action:none}.PinturaColorPickerPanel .PinturaEyeDropper{display:flex;align-items:center;justify-content:center;color:var(--color-foreground-70);width:1.5em;height:1.5em;margin-left:.25em}.PinturaColorPickerPanel .PinturaEyeDropper svg{width:1em;height:1em}.PinturaColorPickerPanel .PinturaColorPickerButton{outline:transparent}.PinturaColorPickerPanel .PinturaColorPickerButton[data-focus-visible]{box-shadow:inset 0 0 0 1px var(--color-foreground-70)}.PinturaColorPickerPanel .PinturaColorPreview{width:1.25em;height:1.25em;border-radius:.25em}.PinturaColorPickerPanel .PinturaColorPreview span{border-radius:.2em;box-shadow:inset 0 0 0 1px var(--color-foreground-20)}.PinturaColorPickerPanel .PinturaColorPresets legend{color:var(--color-foreground-50);margin:0 0 .25em .3125em;font-size:.75em}.PinturaColorPickerPanel .PinturaColorPresets:only-child legend{display:none}.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaRadioGroupOptions{display:flex;flex-direction:row;flex-wrap:wrap}.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption{display:block;padding:.25em}.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption label,.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption label span{display:block;cursor:var(--button-cursor)}.PinturaColorPickerPanel .PinturaColorPresetsGrid input[data-focus-visible]+label .PinturaColorPreview:after{position:absolute;left:-.3125em;right:-.3125em;top:-.3125em;bottom:-.3125em;border-radius:inherit;pointer-events:none;content:"";background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaColorPickerPanel .PinturaSlider{margin-left:-.325em;margin-right:-.325em}.PinturaColorPickerPanel .PinturaSlider>.PinturaSliderControl{position:relative;z-index:2}.PinturaColorPickerPanel .PinturColorPickerInputGroup{display:flex;flex-direction:row;align-items:center;margin:.75em 0 .25em .3125em}.PinturaColorPickerPanel .PinturaPicker{width:100%}.PinturaColorPickerPanel .PinturaPicker+.PinturaColorPresets{margin-top:.5em}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob,.PinturaColorPickerPanel .PinturaPicker .PinturaSliderKnob{border-radius:9999em;box-shadow:inset 0 .06125em .06125em rgba(0,0,0,.1),0 0 0 .06125em #fff,0 .1875em .25em rgba(0,0,0,.35),0 -.125em .25em rgba(0,0,0,.1)}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob{pointer-events:none;position:absolute;z-index:1;left:0;top:0;margin-left:-.625em;margin-top:-.625em;width:1.25em;height:1.25em;visibility:visible;outline:none}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob[data-focus-visible]:after{position:absolute;left:-.3125em;right:-.3125em;top:-.3125em;bottom:-.3125em;border-radius:inherit;pointer-events:none;content:"";background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnobController{position:absolute;left:0;top:0;right:0;bottom:0;visibility:hidden}.PinturaColorPickerPanel .PinturaPicker .PinturaSaturationPicker{position:relative;border-radius:var(--border-radius) var(--border-radius) 0 0;margin:-.5em -.5em .5em;height:7em;background-image:linear-gradient(180deg,transparent,#000),linear-gradient(90deg,#fff,transparent)}.PinturaColorPickerPanel .PinturaPicker .PinturaHuePicker .PinturaSliderTrack{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.PinturaColorPickerPanel .PinturaPicker .PinturaSliderTrack{box-shadow:inset 0 0 1px var(--color-foreground-50)}.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderKnob:before,.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderTrack:before{position:absolute;content:"";display:block;left:0;top:0;width:100%;height:100%;z-index:-1;border-radius:inherit;background-color:#fff;background-image:var(--pattern-transparent)}.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderKnob:before{background-position:calc(var(--slider-position) * -2px) 0}.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker{margin-top:.5em}.PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput{color:var(--color-foreground-80);width:calc(100% - .625em);line-height:1.75;text-indent:.5em;font-size:.875em;border-radius:.25em;border:1px solid var(--color-foreground-20);font-variant:tabular-nums;text-transform:uppercase}.PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput:focus{outline:transparent;border-color:var(--color-focus-100)}.PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput[disabled]{color:var(--color-foreground-40)}.PinturaPanel{--color-inset:hsla(0,0%,100%,0.1);--color-fill:var(--color-foreground-5);top:0;left:0;z-index:2147483647;width:-moz-max-content;width:max-content;cursor:auto;outline:transparent;box-shadow:inset 0 0 0 1px var(--color-inset),0 .125em .25em rgba(0,0,0,.25),0 .125em .75em rgba(0,0,0,.15),0 .125em .125em rgba(0,0,0,.1);border-radius:var(--border-radius)}.PinturaPanel,.PinturaPanelTip{position:absolute;color:var(--color-foreground-90);background-color:var(--color-background-100);background-image:linear-gradient(var(--color-fill),var(--color-fill));background-blend-mode:screen}.PinturaPanelTip{--tip-mask:transparent calc(50% - 1.5px),#000 calc(50% - 1.5px);width:.5em;height:.5em;margin-left:-.25em;margin-top:-.25em;z-index:-1;box-shadow:inset -1px -1px 0 0 var(--color-inset);-webkit-mask:linear-gradient(to bottom right,var(--tip-mask));mask:linear-gradient(to bottom right,var(--tip-mask));pointer-events:none}.PinturaPanelTip[data-top=true]{box-shadow:inset 1px 1px 0 0 var(--color-inset);-webkit-mask:linear-gradient(to top left,var(--tip-mask));mask:linear-gradient(to top left,var(--tip-mask))}.PinturaContentEditable{white-space:pre-line!important;word-break:break-word!important;display:inline-block!important;-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}.PinturaContentEditable[data-wrap-content=nowrap]{white-space:nowrap!important;word-break:normal!important}.PinturaContentEditable[data-wrap-content=nowrap] br{display:none}.PinturaContentEditable{-webkit-user-drag:none;background:transparent!important;margin:0!important;border-radius:0!important;max-width:none!important;min-width:auto!important;box-shadow:none!important}.PinturaColorPreview{--color:transparent;color:var(--color);position:relative;pointer-events:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E")}.PinturaColorPreview span{position:absolute;left:0;top:0;right:0;bottom:0;background-color:var(--color);border-radius:inherit}.PinturaShapeManipulator{position:absolute;left:0;top:0;outline:none;touch-action:none;transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0) rotate(var(--r)) scale(var(--sx),var(--sy));--size:0.75em}.PinturaShapeManipulator:not([data-control=edge]){margin-left:calc(var(--size) * (-.5));margin-top:calc(var(--size) * (-.5));line-height:var(--size);width:var(--size);height:var(--size);border-radius:9999em}.PinturaShapeManipulator:not([data-control=edge]):after{position:absolute;left:-.5em;right:-.5em;top:-.5em;bottom:-.5em;content:""}.PinturaShapeManipulator:not([data-control=edge])[data-focus-visible]:after{border-radius:inherit;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeManipulator[data-control=point],.PinturaShapeManipulator[data-control=scale]{background:linear-gradient(90deg,var(--color-secondary-dark),var(--color-secondary));box-shadow:0 0 0 2px #fff,0 0 4px #000;z-index:3}.PinturaShapeManipulator[data-control=point][data-selected=true]:before,.PinturaShapeManipulator[data-control=scale][data-selected=true]:before{display:block;content:"";width:calc(var(--size) * .5);height:calc(var(--size) * .5);background:#fff;margin-left:calc(var(--size) * .25);margin-top:calc(var(--size) * .25);border-radius:9999em}.PinturaShapeManipulator[data-control=scale]{cursor:grab}.PinturaShapeManipulator[data-control=edge]{margin-top:calc(var(--size) * (-.5));height:var(--size);width:1px;z-index:1;transform-origin:0 calc(var(--size) * .5)}.PinturaShapeManipulator[data-control=edge][data-focus-visible]{background-color:var(--color-focus-50)}.PinturaShapeManipulator[data-control=rotate]{border-radius:9999em;background:linear-gradient(90deg,#fff,#ddd);box-shadow:0 0 0 2px var(--color-secondary-dark),0 0 4px #000;z-index:2;cursor:grab}.PinturaRoot[data-env*=chrome-] .PinturaShapeManipulator[data-control=edge]{width:calc(var(--sx) * 1px);transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0) rotate(var(--r))}.PinturaSlider{position:relative;--track-offset-x:0.5em;--track-offset-y:0.5em;--track-size:1.5em;--knob-size:1em;--knob-margin-top:0em;--knob-margin-right:0em;--knob-margin-bottom:0em;--knob-margin-left:0em;display:flex;align-items:center;touch-action:none}.PinturaSlider[data-direction=y]{flex-direction:column}.PinturaSlider .PinturaSliderControl{position:relative;flex:1}.PinturaSlider>button{position:relative;z-index:1;width:var(--track-size);height:var(--track-size);overflow:hidden;cursor:pointer;flex-shrink:none}.PinturaSlider>button svg{width:1.25em;height:1.25em;margin:.125em;stroke-width:.125em;stroke:var(--color-foreground-50)}.PinturaSlider>button:first-of-type{order:2;padding-right:.125em;margin-left:-.325em}.PinturaSlider>button:last-of-type{order:1;padding-left:.125em;margin-right:-.325em}.PinturaSlider>.PinturaSliderControl{order:2}.PinturaSlider .PinturaSliderKnob{left:0;top:50%;border-radius:9999em;visibility:visible;width:var(--knob-size);height:var(--knob-size);margin-left:calc(var(--knob-size) * -.5);margin-top:calc(var(--knob-size) * -.5);background:var(--knob-background)}.PinturaSlider .PinturaSliderKnob,.PinturaSlider .PinturaSliderKnobController,.PinturaSlider .PinturaSliderTrack{pointer-events:none;position:absolute}.PinturaSlider .PinturaSliderTrack{top:var(--track-offset-y);bottom:var(--track-offset-y);left:var(--track-offset-x);right:var(--track-offset-x);background:var(--track-background)}.PinturaSlider .PinturaSliderKnobController{visibility:hidden;top:calc(var(--track-offset-y) + var(--knob-margin-top));bottom:calc(var(--track-offset-y) + var(--knob-margin-bottom));left:calc(var(--track-offset-x) + var(--knob-margin-left));right:calc(var(--track-offset-x) + var(--knob-margin-right))}.PinturaSlider .PinturaSliderTrack{border-radius:9999em}.PinturaSlider[data-direction=x] input[type=range]{height:var(--track-size);margin-left:var(--track-offset-x);width:calc(100% - (var(--track-offset-x) * 2))}.PinturaSlider[data-direction=y] input[type=range]{width:var(--track-size);margin-top:var(--track-offset-y);height:calc(100% - (var(--track-offset-y) * 2))}.PinturaSlider input[type=range]{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;display:block}.PinturaSlider input[type=range]::-webkit-slider-runnable-track{background:transparent}.PinturaSlider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;line-height:0;margin:0;padding:0;border:none}.PinturaSlider input[type=range]::-moz-range-thumb{line-height:0;margin:0;padding:0;border:none;visibility:hidden}.PinturaSlider input[type=range]::-ms-thumb{line-height:0;margin:0;padding:0;border:none}.PinturaSlider input[type=range]::-ms-ticks-before,.PinturaSlider input[type=range]::-ms-tooltip{display:none}.PinturaSlider input[type=range]::-ms-ticks-after{display:none}.PinturaSlider input[type=range]::-ms-track{color:transparent;border:none;background:transparent}.PinturaSlider input[type=range]::-ms-fill-lower,.PinturaSlider input[type=range]::-ms-fill-upper{background:transparent}.PinturaSlider input[type=range]:focus{outline:transparent}.PinturaSlider input[type=range][data-focus-visible]~.PinturaSliderKnobController .PinturaSliderKnob:after{position:absolute;left:-.3125em;right:-.3125em;top:-.3125em;bottom:-.3125em;border-radius:inherit;content:"";background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);pointer-events:none}
:root {
  --stc-primary: #4f008c;
  --stc-secondary: #ff375e;
  --stc-accent: #797bf2;
  --stc-success: #00C48C;
  --stc-aqua: #1bced8;
  --stc-info: #1bced8;
  --stc-dark: #1d252d;
  --stc-yellow: #ffdd40;
  --stc-purple: #A54EE1;
  --stc-orange: #ff6a39;
  --stc-gray: #8e9aa0;
  /* optional neutrals (لو تبين theme-aware) */
  --stc-text: #111;
  --stc-muted: #6b7280;
  --stc-border: #e5e7eb;
  --stc-card: #fff;
}

.dark {
  --stc-text: #e5e7eb;
  --stc-muted: #9ca3af;
  --stc-border: rgba(255,255,255,.12);
  --stc-card: #0b1220;
}

/*! _brands.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Brand Colors
*/
/* ==========================================================================
1. Brand Colors
========================================================================== */
/*! _shadows.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Base Shadows
    2. State Shadows
    3. Stack Shadows
    4. Brand Shadows
    5. Additional Colors Shadows
*/
/* ==========================================================================
1. Base Shadows
========================================================================== */
/* ==========================================================================
2. State Shadows
========================================================================== */
/* ==========================================================================
3. Stack Shadows
========================================================================== */
/* ==========================================================================
4. Brand Shadows
========================================================================== */
/* ==========================================================================
5. Additional Colors Shadows
========================================================================== */
.has-light-shadow {
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.has-light-shadow.has-light-border {
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
}

/*! _typography.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Titles
    2. Titles Dark mode
    3. Typography Helpers
    4. Font Face
*/
/* ==========================================================================
1. Titles
========================================================================== */
.title {
  font-family: "STC Forward", sans-serif;
  color: #1d252d;
}
.title.is-narrow {
  margin-bottom: 0;
}
.title.is-thin {
  font-weight: 300;
}
.title.is-heavy {
  font-weight: 600;
}
.title.is-bold {
  font-weight: 700;
}
.title.is-bolder {
  font-weight: 800;
}

.subtitle {
  font-family: "STC Forward", sans-serif;
  color: #1d252d;
}
.subtitle.is-narrow {
  margin-bottom: 0;
}
.subtitle.is-thin {
  font-weight: 300;
}
.subtitle.is-heavy {
  font-weight: 600;
}
.subtitle.is-bold {
  font-weight: 700;
}
.subtitle.is-bolder {
  font-weight: 800;
}

p {
  font-family: "STC Forward", sans-serif;
  font-weight: 300;
  color: #575767;
}
p.white-text {
  color: #fff;
}

var {
  font-style: normal;
}

.font-size-base {
  font-size: 1rem;
}

.has-dark-text {
  color: #1d252d;
}

/* ==========================================================================
2. Titles Dark mode
========================================================================== */
body.is-dark div {
  color: #cecece;
}
body.is-dark strong {
  color: #cecece;
}
body.is-dark label {
  color: #cecece;
}
body.is-dark .title, body.is-dark .dark-inverted {
  color: #cecece !important;
}
body.is-dark .subtitle {
  color: #a2a5b9;
}
body.is-dark a.dark-inverted {
  color: #797bf2 !important;
}
body.is-dark a.dark-inverted-hover:hover {
  color: #797bf2 !important;
}

/* ==========================================================================
3. Typography Helpers
========================================================================== */
.is-font {
  font-family: "STC Forward", sans-serif;
}

.is-font-alt {
  font-family: "STC Forward", sans-serif !important;
}

.is-weight-300 {
  font-weight: 300 !important;
}

.is-weight-400 {
  font-weight: 400 !important;
}

.is-weight-500 {
  font-weight: 500 !important;
}

.is-weight-600 {
  font-weight: 600 !important;
}

.is-weight-700 {
  font-weight: 700 !important;
}

.is-weight-500 {
  font-weight: 500 !important;
}

.is-weight-900 {
  font-weight: 900 !important;
}

.rem-70 {
  font-size: 0.7rem;
}

.rem-75 {
  font-size: 0.75rem;
}

.rem-80 {
  font-size: 0.8rem;
}

.rem-85 {
  font-size: 0.85rem;
}

.rem-90 {
  font-size: 0.9rem;
}

.rem-95 {
  font-size: 0.95rem;
}

.rem-100 {
  font-size: 1rem;
}

/* ==========================================================================
4. Font Face
========================================================================== */
@font-face {
  font-family: "STC Forward";
  src: url("/dist/assets/STCForward-Bold-Do85Otzx.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "STC Forward";
  src: url("/dist/assets/STCForward-BoldItalic-VhA02eGM.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "STC Forward";
  src: url("/dist/assets/STCForward-ExtraBold-MEIzSXWN.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "STC Forward";
  src: url("/dist/assets/STCForward-ExtraBoldItalic-jMaHGJ9m.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "STC Forward";
  src: url("/dist/assets/STCForward-Regular-DRHFhnjG.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "STC Forward";
  src: url("/dist/assets/STCForward-Italic-CYleSJq8.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "STC Forward";
  src: url("/dist/assets/STCForward-Light-Bs5MQBTR.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "STC Forward";
  src: url("/dist/assets/STCForward-LightItalic-EABsKeNk.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "STC Forward";
  src: url("/dist/assets/STCForward-Medium-C_wgxA88.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "STC Forward";
  src: url("/dist/assets/STCForward-MediumItalic-BjGnR-AG.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "STC Forward";
  src: url("/dist/assets/STCForward-Thin-DLBX_Q-i.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "STC Forward";
  src: url("/dist/assets/STCForward-ThinItalic-SCkk8506.woff") format("woff");
  font-weight: 100;
  font-display: swap;
  font-style: italic;
}
body, button, input, select, textarea {
  font-family: "STC Forward", -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

/*! _animations.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Base Class
    2. pulsate
    3. Infinite rotate
    4. Fade In Up
    5. Fade In Down
    6. Fade In Left
    7. Scale in
    8. Scale out
    9. Scale In Circle
    10. Gelatine
    11. Wave
    12. Levitate
    13. Glowing
    14. Translate Left
*/
/* ==========================================================================
1. Base Class
========================================================================== */
.animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
}

/* ==========================================================================
2. Pulsate
========================================================================== */
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
.pulsate {
  animation: pulsate 1.5s ease-out;
  animation-iteration-count: infinite;
  opacity: 0;
}

/* ==========================================================================
3. Infinite rotate
========================================================================== */
@keyframes rotating {
  from {
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
.rotating {
  animation: rotating 2s linear infinite;
}

/* ==========================================================================
4. Fade In Up
========================================================================== */
@keyframes fadeInUp {
  from {
    transform: translate3d(0, 20px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.preFadeInUp {
  opacity: 0;
}

.fadeInUp {
  opacity: 0;
  animation-name: fadeInUp;
}

/* ==========================================================================
5. Fade In Down
========================================================================== */
@keyframes fadeInDown {
  from {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.preFadeInDown {
  opacity: 0;
}

.fadeInDown {
  opacity: 0;
  animation-name: fadeInDown;
}

/* ==========================================================================
6. Fade In Left
========================================================================== */
@keyframes fadeInLeft {
  from {
    transform: translate3d(20px, 0, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.preFadeInLeft {
  opacity: 0;
}

.fadeInLeft {
  opacity: 0;
  animation-name: fadeInLeft;
}

/* ==========================================================================
7. Scale in
========================================================================== */
@keyframes scaleIn {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.scaleIn {
  animation: scaleIn 0.5s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.scaleInTooltip {
  animation: scaleIn 0.3s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* ==========================================================================
8. Scale out
========================================================================== */
@keyframes scaleOut {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}
.scaleOut {
  animation: scaleOut 0.5s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.scaleOutTooltip {
  animation: scaleOut 0.3s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* ==========================================================================
9. Scale in circle (used for modal popup)
========================================================================== */
@keyframes scaleInCircle {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(7);
  }
}
.scaleInCircle {
  animation: scaleInCircle 0.6s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* ==========================================================================
10. Gelatine
========================================================================== */
@keyframes gelatine {
  from, to {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.9, 1.1);
  }
  50% {
    transform: scale(1.1, 0.9);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
}
.gelatine {
  animation: gelatine 0.6s;
  animation-duration: 0.6s;
  animation-fill-mode: both;
}

/* ==========================================================================
11. Wave
========================================================================== */
@keyframes wave {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  25% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(4.5);
    opacity: 0;
  }
}
/* ==========================================================================
12. Levitate
========================================================================== */
@keyframes levitate {
  from {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 10px);
  }
  to {
    transform: translate(0, 0);
  }
}
.levitate {
  animation-name: levitate;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

/* ==========================================================================
13. Glowing
========================================================================== */
@keyframes glowing {
  0% {
    box-shadow: 0 0 -10px #fafafa;
  }
  40% {
    box-shadow: 0 0 20px #fafafa;
  }
  60% {
    box-shadow: 0 0 20px #fafafa;
  }
  100% {
    box-shadow: 0 0 -10px #fafafa;
  }
}
/* ==========================================================================
14. Translate Left
========================================================================== */
@keyframes translateLeft {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.translateLeft {
  animation-name: translateLeft;
  animation-duration: 0.3s;
  transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

body .is-loading-bg-primary .b-skeleton > .b-skeleton-item {
  opacity: 0.3;
}
body.is-dark body .is-loading-bg-primary .b-skeleton > .b-skeleton-item {
  opacity: 1;
}

/*! _helpers.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Spacing helpers
    2. Color helpers
    3. Dark helpers
*/
/* ==========================================================================
1. Spacing helpers
========================================================================== */
.m-t-5 {
  margin-top: 5px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.p-r-5 {
  padding-right: 5px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.m-r-25 {
  margin-right: 25px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.m-t-35 {
  margin-top: 35px !important;
}

.p-t-35 {
  padding-top: 35px !important;
}

.m-b-35 {
  margin-bottom: 35px !important;
}

.p-b-35 {
  padding-bottom: 35px !important;
}

.m-l-35 {
  margin-left: 35px !important;
}

.p-l-35 {
  padding-left: 35px !important;
}

.m-r-35 {
  margin-right: 35px !important;
}

.p-r-35 {
  padding-right: 35px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.m-l-40 {
  margin-left: 40px !important;
}

.p-l-40 {
  padding-left: 40px !important;
}

.m-r-40 {
  margin-right: 40px !important;
}

.p-r-40 {
  padding-right: 40px !important;
}

.m-t-45 {
  margin-top: 45px !important;
}

.p-t-45 {
  padding-top: 45px !important;
}

.m-b-45 {
  margin-bottom: 45px !important;
}

.p-b-45 {
  padding-bottom: 45px !important;
}

.m-l-45 {
  margin-left: 45px !important;
}

.p-l-45 {
  padding-left: 45px !important;
}

.m-r-45 {
  margin-right: 45px !important;
}

.p-r-45 {
  padding-right: 45px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

.p-t-50 {
  padding-top: 50px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.p-b-50 {
  padding-bottom: 50px !important;
}

.m-l-50 {
  margin-left: 50px !important;
}

.p-l-50 {
  padding-left: 50px !important;
}

.m-r-50 {
  margin-right: 50px !important;
}

.p-r-50 {
  padding-right: 50px !important;
}

.m-t-60 {
  margin-top: 60px !important;
}

.p-t-60 {
  padding-top: 60px !important;
}

.m-b-60 {
  margin-bottom: 60px !important;
}

.p-b-60 {
  padding-bottom: 60px !important;
}

.m-l-60 {
  margin-left: 60px !important;
}

.p-l-60 {
  padding-left: 60px !important;
}

.m-r-60 {
  margin-right: 60px !important;
}

.p-r-60 {
  padding-right: 60px !important;
}

.m-t-70 {
  margin-top: 70px !important;
}

.p-t-70 {
  padding-top: 70px !important;
}

.m-b-70 {
  margin-bottom: 70px !important;
}

.p-b-70 {
  padding-bottom: 70px !important;
}

.m-l-70 {
  margin-left: 70px !important;
}

.p-l-70 {
  padding-left: 70px !important;
}

.m-r-70 {
  margin-right: 70px !important;
}

.p-r-70 {
  padding-right: 70px !important;
}

.m-t-80 {
  margin-top: 80px !important;
}

.p-t-80 {
  padding-top: 80px !important;
}

.m-b-80 {
  margin-bottom: 80px !important;
}

.p-b-80 {
  padding-bottom: 80px !important;
}

.m-l-80 {
  margin-left: 80px !important;
}

.p-l-80 {
  padding-left: 80px !important;
}

.m-r-80 {
  margin-right: 80px !important;
}

.p-r-80 {
  padding-right: 80px !important;
}

.m-t-90 {
  margin-top: 90px !important;
}

.p-t-90 {
  padding-top: 90px !important;
}

.m-b-90 {
  margin-bottom: 90px !important;
}

.p-b-90 {
  padding-bottom: 90px !important;
}

.m-l-90 {
  margin-left: 90px !important;
}

.p-l-90 {
  padding-left: 90px !important;
}

.m-r-90 {
  margin-right: 90px !important;
}

.p-r-90 {
  padding-right: 90px !important;
}

.m-t-100 {
  margin-top: 100px !important;
}

.p-t-100 {
  padding-top: 100px !important;
}

.m-b-100 {
  margin-bottom: 100px !important;
}

.p-b-100 {
  padding-bottom: 100px !important;
}

.m-l-100 {
  margin-left: 100px !important;
}

.p-l-100 {
  padding-left: 100px !important;
}

.m-r-100 {
  margin-right: 100px !important;
}

.p-r-100 {
  padding-right: 100px !important;
}

.no-padding-all {
  padding: 0 !important;
}

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

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

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.no-margin-all {
  margin: 0 !important;
}

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

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

.no-margin-left {
  margin-left: 0 !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.has-fullheight {
  height: 100%;
}

.has-fullwidth {
  width: 100%;
}

.is-rtl {
  direction: rtl !important;
}

/* ==========================================================================
2. Color helpers
========================================================================== */
.text-primary {
  color: #4f008c;
}
.text-secondary {
  color: #ff375e;
}
.text-accent {
  color: #797bf2;
}
.text-info {
  color: #039BE5;
}
.text-success {
  color: #06d6a0;
}
.text-warning {
  color: #faae42;
}
.text-danger {
  color: #e62965;
}
.text-h-purple {
  color: #8269B2;
}
.text-h-blue {
  color: #37C3FF;
}
.text-h-green {
  color: #93E088;
}
.text-h-orange {
  color: #FFA981;
}
.text-h-red {
  color: #F92B60;
}
.text-h-yellow {
  color: #FFD66E;
}
.text-javascript {
  color: #F7DF1E;
}
.text-angular {
  color: #DD1B16;
}
.text-reactjs {
  color: #00d8ff;
}
.text-android {
  color: #a4c639;
}
.text-swift {
  color: #ef3e31;
}
.text-vuejs {
  color: #4dba87;
}
.text-wordpress {
  color: #21759b;
}
.text-csharp {
  color: #9a4993;
}
.text-nodejs {
  color: #6cc24a;
}
.text-html {
  color: #F16529;
}
.text-facebook {
  color: #3B5998;
}
.text-twitter {
  color: #1dcaff;
}
.text-linkedin {
  color: #007bb6;
}
.text-tumblr {
  color: #35465c;
}
.text-github {
  color: #444;
}
.text-dribbble {
  color: #ea4c89;
}
.text-google-plus {
  color: #d34836;
}
.text-youtube {
  color: #cc181e;
}
.text-reddit {
  color: #ff4500;
}
.text-invision {
  color: #ff3366;
}
.text-amazon {
  color: #FF9900;
}
.text-instagram {
  color: #e1306c;
}

.bg-primary {
  background: #4f008c;
}
.bg-secondary {
  background: #ff375e;
}
.bg-accent {
  background: #797bf2;
}
.bg-info {
  background: #039BE5;
}
.bg-success {
  background: #06d6a0;
}
.bg-warning {
  background: #faae42;
}
.bg-danger {
  background: #e62965;
}
.bg-h-purple {
  background: #8269B2;
}
.bg-h-blue {
  background: #37C3FF;
}
.bg-h-green {
  background: #93E088;
}
.bg-h-orange {
  background: #FFA981;
}
.bg-h-red {
  background: #F92B60;
}
.bg-h-yellow {
  background: #FFD66E;
}
.bg-javascript {
  background: #F7DF1E;
}
.bg-angular {
  background: #DD1B16;
}
.bg-reactjs {
  background: #00d8ff;
}
.bg-android {
  background: #a4c639;
}
.bg-swift {
  background: #ef3e31;
}
.bg-vuejs {
  background: #4dba87;
}
.bg-wordpress {
  background: #21759b;
}
.bg-csharp {
  background: #9a4993;
}
.bg-nodejs {
  background: #6cc24a;
}
.bg-html {
  background: #F16529;
}
.bg-facebook {
  background: #3B5998;
}
.bg-twitter {
  background: #1dcaff;
}
.bg-linkedin {
  background: #007bb6;
}
.bg-tumblr {
  background: #35465c;
}
.bg-github {
  background: #444;
}
.bg-dribbble {
  background: #ea4c89;
}
.bg-google-plus {
  background: #d34836;
}
.bg-youtube {
  background: #cc181e;
}
.bg-reddit {
  background: #ff4500;
}
.bg-invision {
  background: #ff3366;
}
.bg-amazon {
  background: #FF9900;
}
.bg-instagram {
  background: #e1306c;
}

/* ==========================================================================
3. Dark helpers
========================================================================== */
body.is-dark .text-primary {
  color: #797bf2;
}
body.is-dark .is-dark-card-bordered, body.is-dark .is-dark-bordered-12 {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%) !important;
}
body.is-dark .is-dark-primary {
  color: #797bf2 !important;
}
body.is-dark .is-dark-primary-hover:hover {
  color: #797bf2 !important;
}
body.is-dark .is-dark-bg-2 {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
}
body.is-dark .is-dark-bg-3 {
  background: rgb(16.6022025248%, 16.6022025248%, 18.0252484555%) !important;
}
body.is-dark .is-dark-bg-4 {
  background: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
}
body.is-dark .is-dark-bg-6 {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%) !important;
}

/*! _sidebar.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Sidebar
    2. Sidebar Dark mode
*/
/* ==========================================================================
1. Sidebar
========================================================================== */
.main-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 72px;
  background-color: #fff;
  box-shadow: none;
  z-index: 101;
  transition: border-radius 0.3s;
}
[dir=rtl] .main-sidebar {
  left: auto;
  right: 0;
}
.main-sidebar.is-bordered {
  border-right: 1px solid #ededed;
}
[dir=rtl] .main-sidebar.is-bordered {
  border-right: none;
  border-left: 1px solid #ededed;
}
body.is-dark .main-sidebar.is-bordered {
  border-color: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
.main-sidebar.is-open {
  box-shadow: 2px 0 2px 0 rgba(0, 0, 0, 0.02);
}
.main-sidebar.is-curved:not(.is-bordered) {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-right: 1px solid rgb(88.9411764706%, 88.9411764706%, 88.9411764706%) !important;
}
.main-sidebar.is-curved:not(.is-bordered) .sidebar-brand {
  border-top-right-radius: 20px;
}
.main-sidebar.is-curved:not(.is-bordered) .sidebar-toggle {
  border-top-right-radius: 20px;
}
.main-sidebar.is-colored {
  background: #4f008c;
  border-color: rgb(28.7232492997%, 0%, 50.9019607843%);
}
.main-sidebar.is-colored .menu-toggle .icon-line-center {
  background: #fff;
}
.main-sidebar.is-colored .menu-toggle .icon-line-top {
  background: #fff;
}
.main-sidebar.is-colored .menu-toggle .icon-line-bottom {
  background: #fff;
}
.main-sidebar.is-colored .menu-toggle .icon-line-bottom-dot {
  background: #fff;
}
.main-sidebar.is-colored .sidebar-inner .naver {
  background: #fff;
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a svg .nav-icon-fill, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a svg .nav-icon-fill {
  fill: #4f008c;
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a svg .nav-icon-fill2, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a svg .nav-icon-fill2 {
  fill: rgb(80.350140056%, 54.9019607843%, 100%);
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a svg .nav-icon-fill-none, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a svg .nav-icon-fill-none {
  fill: none;
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a svg .nav-icon-border, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a svg .nav-icon-border {
  fill: rgb(80.350140056%, 54.9019607843%, 100%);
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a svg .nav-icon-inside-fill, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a svg .nav-icon-inside-fill {
  fill: rgb(80.350140056%, 54.9019607843%, 100%);
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a svg .nav-icon-inside-clip-path-url, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a svg .nav-icon-inside-clip-path-url {
  clip-path: url(#nav-icon-inside-clip-path);
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a svg .nav-icon-inside-clip-path, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a svg .nav-icon-inside-clip-path {
  fill: none;
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a svg .nav-icon-stroke, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a svg .nav-icon-stroke {
  fill: none;
  stroke: rgb(80.350140056%, 54.9019607843%, 100%);
  stroke-miterlimit: 10;
  stroke-width: 5px;
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a svg .nav-icon-stroke2, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a svg .nav-icon-stroke2 {
  stroke: rgb(80.350140056%, 54.9019607843%, 100%);
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a svg .nav-icon-inside-fill, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a svg .nav-icon-inside-fill {
  fill: rgb(80.350140056%, 54.9019607843%, 100%);
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a .icon-label, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a .icon-label {
  color: rgb(80.350140056%, 54.9019607843%, 100%);
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a.is-active svg .nav-icon-inside-fill, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a.is-active svg .nav-icon-inside-fill {
  fill: #4f008c;
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a.is-active svg .nav-icon-fill, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a.is-active svg .nav-icon-fill {
  fill: #fff;
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a.is-active svg .nav-icon-stroke, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a.is-active svg .nav-icon-stroke {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 5px;
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a.is-active svg .nav-icon-stroke2, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a.is-active svg .nav-icon-stroke2 {
  stroke: #fff;
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a.is-active svg .nav-icon-border, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a.is-active svg .nav-icon-border {
  fill: #fff;
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a.is-active .icon-label, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a.is-active .icon-label {
  color: #fff;
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a:hover svg .nav-icon-fill, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a:hover svg .nav-icon-fill {
  fill: #4f008c;
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a:hover svg .nav-icon-fill2, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a:hover svg .nav-icon-fill2 {
  fill: rgb(89.0644257703%, 74.9019607843%, 100%);
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a:hover svg .nav-icon-border, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a:hover svg .nav-icon-border {
  fill: rgb(89.0644257703%, 74.9019607843%, 100%);
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a:hover svg .nav-icon-stroke, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a:hover svg .nav-icon-stroke {
  fill: none;
  stroke: rgb(89.0644257703%, 74.9019607843%, 100%);
  stroke-miterlimit: 10;
  stroke-width: 5px;
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a:hover svg .nav-icon-stroke2, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a:hover svg .nav-icon-stroke2 {
  stroke: rgb(89.0644257703%, 74.9019607843%, 100%);
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a:hover svg .nav-icon-inside-fill, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a:hover svg .nav-icon-inside-fill {
  fill: #4f008c;
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a:hover svg .nav-icon-fill, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a:hover svg .nav-icon-fill {
  fill: rgb(89.0644257703%, 74.9019607843%, 100%);
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a:hover svg .nav-icon-stroke, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a:hover svg .nav-icon-stroke {
  fill: none;
  stroke: rgb(89.0644257703%, 74.9019607843%, 100%);
  stroke-miterlimit: 10;
  stroke-width: 5px;
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a:hover svg .nav-icon-stroke2, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a:hover svg .nav-icon-stroke2 {
  stroke: rgb(89.0644257703%, 74.9019607843%, 100%);
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a:hover svg .nav-icon-border, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a:hover svg .nav-icon-border {
  fill: rgb(89.0644257703%, 74.9019607843%, 100%);
}
.main-sidebar.is-colored .sidebar-inner .icon-menu li a:hover .icon-label, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a:hover .icon-label {
  color: rgb(97.7787114846%, 94.9019607843%, 100%);
}
.main-sidebar.is-colored .sidebar-inner .icon-menu .profile-dropdown .status-indicator, .main-sidebar.is-colored .sidebar-inner .bottom-menu .profile-dropdown .status-indicator {
  border-color: #4f008c;
}
.main-sidebar .sidebar-toggle {
  width: 72px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-sidebar .sidebar-toggle img {
  margin-top: 5px;
  width: 36px;
  height: auto;
}
.main-sidebar .sidebar-inner {
  height: calc(100% - 60px);
  width: 100%;
  position: relative;
}
.main-sidebar .sidebar-inner .naver {
  position: absolute;
  left: 0;
  height: 64px;
  width: 4px;
  border-radius: 100px;
  background: #4f008c;
  transition: all 0.3s;
}
.main-sidebar .sidebar-inner .naver.is-search-results {
  margin-top: 240px;
}
.main-sidebar .sidebar-inner .naver.from-bottom {
  top: unset !important;
  bottom: -64px;
  margin-top: 0 !important;
}
.main-sidebar .sidebar-inner .icon-menu li, .main-sidebar .sidebar-inner .bottom-menu li {
  position: relative;
  width: 72px;
  padding: 20px 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-sidebar .sidebar-inner .icon-menu li.is-active a svg, .main-sidebar .sidebar-inner .bottom-menu li.is-active a svg {
  stroke: #4f008c;
}
.main-sidebar .sidebar-inner .icon-menu li .is-messages-counter, .main-sidebar .sidebar-inner .bottom-menu li .is-messages-counter {
  position: absolute;
  top: 6px;
  right: 16px;
  display: block;
  line-height: 17px;
  background: #e62965;
  color: #fff;
  font-weight: 500;
  font-size: 0.6rem;
  border-radius: 100px;
  border: 1px solid #fff;
  transform: scale(0.8);
}
.main-sidebar .sidebar-inner .icon-menu li a, .main-sidebar .sidebar-inner .bottom-menu li a {
  display: flex;
  position: relative;
  transform: rotate(0);
  opacity: 1;
  transition: all 0.3s;
  flex-direction: column;
  align-items: center;
  font-size: 0.7rem;
  font-weight: 400;
  padding: 0 5px;
}
.main-sidebar .sidebar-inner .icon-menu li a svg, .main-sidebar .sidebar-inner .bottom-menu li a svg {
  height: 20px;
  width: 20px;
  margin-bottom: 5px;
  transition: all 0.3s;
}
.main-sidebar .sidebar-inner .icon-menu li a .sidebar-svg, .main-sidebar .sidebar-inner .bottom-menu li a .sidebar-svg {
  height: 20px;
  width: 20px;
  stroke: #A9ABAC;
  stroke-width: 2.5px;
  transition: all 0.3s;
}
[dir=ltr] .main-sidebar .sidebar-inner .icon-menu li a .sidebar-svg .flip-in-ltr, [dir=ltr] .main-sidebar .sidebar-inner .bottom-menu li a .sidebar-svg .flip-in-ltr {
  transform: scaleX(-1);
}
.main-sidebar .sidebar-inner .icon-menu li a .tag, .main-sidebar .sidebar-inner .bottom-menu li a .tag {
  position: absolute;
  height: 15px;
  line-height: 16px;
  top: -2px;
  padding: 0px 5px;
  min-width: 15px;
  font-weight: 500;
  left: 28px;
  text-align: center;
  color: #fff;
}
[dir=rtl] .main-sidebar .sidebar-inner .icon-menu li a .tag, [dir=rtl] .main-sidebar .sidebar-inner .bottom-menu li a .tag {
  right: 28px;
  left: unset;
}
.main-sidebar .sidebar-inner .icon-menu li a .icon-label, .main-sidebar .sidebar-inner .bottom-menu li a .icon-label {
  color: #1d252d;
  text-align: center;
}
.main-sidebar .sidebar-inner .icon-menu li a:hover svg .nav-icon-inside-fill, .main-sidebar .sidebar-inner .bottom-menu li a:hover svg .nav-icon-inside-fill {
  fill: #4f008c;
}
.main-sidebar .sidebar-inner .icon-menu li a:hover svg .nav-icon-fill, .main-sidebar .sidebar-inner .bottom-menu li a:hover svg .nav-icon-fill {
  fill: none;
}
.main-sidebar .sidebar-inner .icon-menu li a:hover svg .nav-icon-border, .main-sidebar .sidebar-inner .bottom-menu li a:hover svg .nav-icon-border {
  fill: #4f008c;
}
.main-sidebar .sidebar-inner .icon-menu li a:hover .sidebar-svg, .main-sidebar .sidebar-inner .bottom-menu li a:hover .sidebar-svg {
  stroke: #4f008c;
}
body.is-dark .main-sidebar .sidebar-inner .icon-menu li a:hover .sidebar-svg, body.is-dark .main-sidebar .sidebar-inner .bottom-menu li a:hover .sidebar-svg {
  stroke: #797bf2;
}
.main-sidebar .sidebar-inner .icon-menu li a:hover .icon-label, .main-sidebar .sidebar-inner .bottom-menu li a:hover .icon-label {
  color: #4f008c;
}
body.is-dark .main-sidebar .sidebar-inner .icon-menu li a:hover .icon-label, body.is-dark .main-sidebar .sidebar-inner .bottom-menu li a:hover .icon-label {
  color: #797bf2;
}
.main-sidebar .sidebar-inner .icon-menu li a.is-active svg .nav-icon-inside-fill, .main-sidebar .sidebar-inner .bottom-menu li a.is-active svg .nav-icon-inside-fill {
  fill: #fff;
}
.main-sidebar .sidebar-inner .icon-menu li a.is-active svg .nav-icon-fill, .main-sidebar .sidebar-inner .bottom-menu li a.is-active svg .nav-icon-fill {
  fill: #4f008c;
}
.main-sidebar .sidebar-inner .icon-menu li a.is-active svg .nav-icon-stroke, .main-sidebar .sidebar-inner .bottom-menu li a.is-active svg .nav-icon-stroke {
  fill: none;
  stroke: #4f008c;
  stroke-miterlimit: 10;
  stroke-width: 5px;
}
.main-sidebar .sidebar-inner .icon-menu li a.is-active svg .nav-icon-stroke2, .main-sidebar .sidebar-inner .bottom-menu li a.is-active svg .nav-icon-stroke2 {
  stroke: #4f008c;
}
.main-sidebar .sidebar-inner .icon-menu li a.is-active svg .nav-icon-border, .main-sidebar .sidebar-inner .bottom-menu li a.is-active svg .nav-icon-border {
  fill: #4f008c;
}
.main-sidebar .sidebar-inner .icon-menu li a.is-active .icon-label, .main-sidebar .sidebar-inner .bottom-menu li a.is-active .icon-label {
  color: #4f008c;
  font-weight: 500;
}
.main-sidebar .sidebar-inner .icon-menu li a.is-opened, .main-sidebar .sidebar-inner .bottom-menu li a.is-opened {
  opacity: 0;
}
.main-sidebar .sidebar-inner .icon-menu li a.is-inactive, .main-sidebar .sidebar-inner .bottom-menu li a.is-inactive {
  opacity: 0;
}
.main-sidebar .sidebar-inner .icon-menu li a, .main-sidebar .sidebar-inner .bottom-menu li a {
  /*&.is-selected {
      svg .path {
          fill: $primary;
      }
  }*/
}
.main-sidebar .sidebar-inner .icon-menu li, .main-sidebar .sidebar-inner .bottom-menu li {
  /*#open-filters {
      svg {
          transform: rotate(0);
          transition: all .3s;
      }

      &:hover {
          svg {
              transform: rotate(145deg);
          }
      }
  }*/
}
.main-sidebar .sidebar-inner .bottom-menu {
  position: absolute;
  bottom: 0;
  padding: 0;
}
.main-sidebar .sidebar-inner .bottom-menu li {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.main-sidebar .sidebar-inner .bottom-menu li.is-rotate a:hover {
  animation: rotating 1s linear infinite;
}
.main-sidebar .sidebar-inner .bottom-menu li a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.main-sidebar .sidebar-inner .bottom-menu li .dropdown {
  position: relative;
  display: block;
  height: 100%;
  width: auto !important;
}
.main-sidebar .sidebar-inner .bottom-menu li .dropdown > img {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.main-sidebar .sidebar-inner .bottom-menu li .dropdown .status-indicator {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #fff;
  z-index: 2;
}
.main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu {
  bottom: 0;
  left: 145%;
  min-width: 360px;
}
[dir=rtl] .main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu {
  left: 0;
  right: 145%;
}
.main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .dropdown-content {
  padding-top: 0;
  overflow: hidden;
}
.main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head {
  display: flex;
  align-items: center;
  padding: 20px 16px 20px 16px;
  margin-bottom: 12px;
  background: #fafafa;
}
.main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta {
  margin-left: 12px;
  font-family: "STC Forward", sans-serif;
}
[dir=rtl] .main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta {
  margin-left: 0;
  margin-right: 12px;
}
.main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta span {
  display: block;
}
.main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta span:first-child {
  font-size: 1rem;
  font-weight: 500;
  color: #1d252d;
}
.main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta span:nth-child(2) {
  color: #a2a5b9;
  font-size: 0.79rem;
}
.main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .dropdown-content .logout-button svg {
  stroke: #fcfcfc !important;
}
.main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .dropdown-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100% !important;
}
.main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .dropdown-item:hover:not(.is-button) {
  background: rgb(95.9411764706%, 95.9411764706%, 95.9411764706%);
}
.main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .flex-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 15px;
}
.main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .flex-item .toggle-title {
  font-size: 0.9rem;
  color: #999;
}
.main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .flex-item .toggle-title:hover {
  background: transparent !important;
}
.main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .flex-item:hover {
  background: transparent !important;
}

/* ==========================================================================
2. Sidebar Dark mode
========================================================================== */
body.is-dark .main-sidebar:not(.is-colored) {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark .main-sidebar:not(.is-colored).is-curved:not(.is-bordered) {
  border-color: rgb(29.0679559495%, 29.0679559495%, 31.5594950309%) !important;
}
body.is-dark .main-sidebar:not(.is-colored) .naver {
  background: #797bf2;
}
body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a svg .nav-icon-fill, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a svg .nav-icon-fill {
  fill: #a2a5b9;
}
body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a svg .nav-icon-fill2, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a svg .nav-icon-fill2 {
  fill: #a2a5b9;
}
body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a svg .nav-icon-fill-none, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a svg .nav-icon-fill-none {
  fill: none;
}
body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a svg .nav-icon-border, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a svg .nav-icon-border {
  fill: #a2a5b9;
}
body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a svg .nav-icon-inside-fill, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a svg .nav-icon-inside-fill {
  fill: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a svg .nav-icon-inside-clip-path-url, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a svg .nav-icon-inside-clip-path-url {
  clip-path: url(#nav-icon-inside-clip-path);
}
body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a svg .nav-icon-inside-clip-path, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a svg .nav-icon-inside-clip-path {
  fill: none;
}
body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a svg .nav-icon-stroke, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a svg .nav-icon-stroke {
  fill: none;
  stroke: #a2a5b9;
  stroke-miterlimit: 10;
  stroke-width: 5px;
}
body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a svg .nav-icon-stroke2, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a svg .nav-icon-stroke2 {
  stroke: #a2a5b9;
}
body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a.is-active svg .nav-icon-inside-fill, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a.is-active svg .nav-icon-inside-fill {
  fill: #232326;
}
body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a.is-active svg .nav-icon-fill, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a.is-active svg .nav-icon-fill {
  fill: #797bf2;
}
body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a.is-active svg .nav-icon-stroke, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a.is-active svg .nav-icon-stroke {
  fill: none;
  stroke: #797bf2;
  stroke-miterlimit: 10;
  stroke-width: 5px;
}
body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a.is-active svg .nav-icon-stroke2, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a.is-active svg .nav-icon-stroke2 {
  fill: none;
  stroke: #797bf2;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a.is-active svg .nav-icon-border, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a.is-active svg .nav-icon-border {
  fill: #797bf2;
}
body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a.is-active .icon-label, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a.is-active .icon-label {
  color: #797bf2;
}
body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a.is-active:hover, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a.is-active:hover {
  color: #797bf2;
}
body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a:hover svg .nav-icon-inside-fill, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a:hover svg .nav-icon-inside-fill {
  fill: #232326;
}
body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a:hover svg .nav-icon-fill, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a:hover svg .nav-icon-fill {
  fill: rgb(56.5666266507%, 57.2148859544%, 95.7863145258%);
}
body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a:hover svg .nav-icon-stroke, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a:hover svg .nav-icon-stroke {
  fill: none;
  stroke: rgb(56.5666266507%, 57.2148859544%, 95.7863145258%);
  stroke-miterlimit: 10;
  stroke-width: 5px;
}
body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a:hover svg .nav-icon-stroke2, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a:hover svg .nav-icon-stroke2 {
  stroke: rgb(56.5666266507%, 57.2148859544%, 95.7863145258%);
}
body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a:hover svg .nav-icon-border, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a:hover svg .nav-icon-border {
  fill: rgb(56.5666266507%, 57.2148859544%, 95.7863145258%);
}
body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a:hover .icon-label, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a:hover .icon-label {
  color: rgb(56.5666266507%, 57.2148859544%, 95.7863145258%);
}
body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a .icon-label, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a .icon-label {
  color: #a2a5b9;
}
body.is-dark .main-sidebar:not(.is-colored) .icon-menu li .status-indicator, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li .status-indicator {
  border-color: #232326 !important;
}
body.is-dark .main-sidebar:not(.is-colored) .profile-dropdown .dropdown-content {
  background: #232326;
}
body.is-dark .main-sidebar:not(.is-colored) .profile-dropdown .dropdown-content .dropdown-head {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
}
body.is-dark .main-sidebar:not(.is-colored) .profile-dropdown .dropdown-content .dropdown-head:hover {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
}
body.is-dark .main-sidebar:not(.is-colored) .profile-dropdown .dropdown-content .dropdown-head .meta:hover {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
}
body.is-dark .main-sidebar:not(.is-colored) .profile-dropdown .dropdown-content .dropdown-head .meta span:first-child {
  color: #cecece !important;
}
body.is-dark .main-sidebar:not(.is-colored) .profile-dropdown .dropdown-content .dropdown-item {
  color: #fff;
}
body.is-dark .main-sidebar:not(.is-colored) .profile-dropdown .dropdown-content .dropdown-item:not(.is-button):hover {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
body.is-dark .main-sidebar:not(.is-colored) .profile-dropdown .dropdown-content .dropdown-item.is-button:hover {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
}
body.is-dark .main-sidebar:not(.is-colored) .profile-dropdown .dropdown-content .dropdown-divider {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
body.is-dark .main-sidebar.is-colored {
  background: rgb(28.7232492997%, 0%, 50.9019607843%);
  border-color: rgb(28.7232492997%, 0%, 50.9019607843%) !important;
}
body.is-dark .main-sidebar.is-colored .sidebar-inner .naver {
  opacity: 0.8;
}
body.is-dark .main-sidebar.is-colored .sidebar-inner .icon-menu li a:hover .sidebar-svg, body.is-dark .main-sidebar.is-colored .sidebar-inner .icon-menu li a.is-active .sidebar-svg, body.is-dark .main-sidebar.is-colored .sidebar-inner .bottom-menu li a:hover .sidebar-svg, body.is-dark .main-sidebar.is-colored .sidebar-inner .bottom-menu li a.is-active .sidebar-svg {
  stroke: #fcfcfc;
  opacity: 1;
}
body.is-dark .main-sidebar.is-colored .sidebar-inner .icon-menu li a .sidebar-svg, body.is-dark .main-sidebar.is-colored .sidebar-inner .bottom-menu li a .sidebar-svg {
  stroke: white;
  opacity: 0.5;
}
body.is-dark .main-sidebar.is-colored .profile-dropdown .status-indicator {
  border-color: rgb(28.7232492997%, 0%, 50.9019607843%) !important;
}
body.is-dark .main-sidebar.is-colored .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
}
body.is-dark .main-sidebar.is-colored .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head:hover {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
}
body.is-dark .main-sidebar.is-colored .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta:hover {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
}
body.is-dark .main-sidebar.is-colored .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta span:first-child {
  color: #cecece !important;
}

.mob-more-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.mob-more-link .flex-meta {
  display: flex;
}
.mob-more-link .flex-meta span {
  text-align: center;
}

.booking-svg-more-icon {
  stroke: none !important;
}

.admin-svg-more-icon {
  stroke: none !important;
}

/*! _sidebar-panel.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Sidebar Panel
    2. Sidebar Panel Dark mode
    3. Generic Panel
    4. Generic Panel Dark Mode
    5. Messaging Sidebar
    6. Messaging Sidebar Dark mode
    7. Collapsed Messaging
*/
/* ==========================================================================
1. Sidebar Panel
========================================================================== */
.sidebar-panel {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 240px;
  background: #fff;
  transform: translateX(-240px);
  z-index: 102;
  border-right: 1px solid #ededed !important;
}
[dir=rtl] .sidebar-panel {
  border-right: none !important;
  border-left: 1px solid #ededed !important;
  left: auto;
  right: 0;
  transform: translateX(240px);
}
body.is-dark .sidebar-panel {
  border-color: rgb(23.314531292%, 23.314531292%, 25.3129196884%) !important;
}
.sidebar-panel.is-active {
  transform: translateX(0);
}
[dir=rtl] .sidebar-panel.is-active {
  transform: translateX(0);
}
.sidebar-panel.is-generic .slide-enter-active {
  transition-duration: 0.1s;
  transition-timing-function: ease-in;
}
.sidebar-panel.is-generic .slide-leave-active {
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.sidebar-panel.is-generic .slide-enter-to,
.sidebar-panel.is-generic .slide-leave {
  max-height: 100px;
  overflow: hidden;
}
.sidebar-panel.is-generic .slide-enter,
.sidebar-panel.is-generic .slide-leave-to {
  overflow: hidden;
  max-height: 0;
}
.sidebar-panel.is-generic .inner {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
}
.sidebar-panel.is-generic .inner::-webkit-scrollbar {
  width: 3px;
}
.sidebar-panel.is-generic .inner::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.2);
}
.sidebar-panel.is-generic .bottom-menu {
  margin-top: auto;
}
.sidebar-panel.is-generic .bottom-menu .search-menu-container {
  cursor: pointer;
  height: 39px;
  padding: 15px 10px;
  margin: 14px 16px;
  border-radius: 4px;
  background: #f9f9f9;
}
.sidebar-panel.is-generic .bottom-menu .search-menu-container svg {
  height: 20px;
  width: 20px;
  stroke: #A9ABAC;
  stroke-width: 2.5px;
  transition: all 0.3s;
  margin-right: 22px;
}
[dir=rtl] .sidebar-panel.is-generic .bottom-menu .search-menu-container svg {
  margin-left: 22px;
  margin-right: 0;
}
.sidebar-panel.is-generic .bottom-menu .search-menu-container span {
  font-weight: 500;
  color: #a2a5b9;
}
body.is-dark .sidebar-panel.is-generic .bottom-menu .search-menu-container {
  background-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
body.is-dark .sidebar-panel.is-generic .bottom-menu .search-menu-container svg {
  stroke: #a2a5b9;
}
body.is-dark .sidebar-panel.is-generic .bottom-menu .search-menu-container span {
  opacity: 0.8;
}
.sidebar-panel.is-generic .bottom-menu .user-profile-container {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  position: relative;
}
.sidebar-panel.is-generic .bottom-menu .user-profile-container:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  background: transparent;
  opacity: 0.9;
  transform: translateY(-50%);
  transition: opacity 0.3s;
  width: 4px;
  height: calc(100% + 3px);
}
.sidebar-panel.is-generic .bottom-menu .user-profile-container.is-active:after {
  background: #4f008c;
  opacity: 1;
}
body.is-dark .sidebar-panel.is-generic .bottom-menu .user-profile-container.is-active:after {
  background: #797bf2;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu {
  display: flex;
  align-items: center;
  flex: auto;
  padding: 0 16px;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu > img {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .status-indicator {
  display: block;
  position: absolute;
  bottom: 0;
  top: unset;
  right: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1.8px solid #fff;
  background: #06d6a0;
  z-index: 2;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .status-indicator.offline {
  background: #a2a5b9;
}
body.is-dark .sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .status-indicator {
  border: 1.8px solid #232326;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .meta {
  margin-left: 12px;
  width: 100%;
}
[dir=rtl] .sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .meta {
  text-align: right;
  margin-left: 0;
  margin-right: 12px;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .meta span {
  display: block;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .meta span:first-child {
  font-size: 1rem;
  font-weight: 500;
  color: #1d252d;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .meta span:nth-child(2) {
  color: #a2a5b9;
  font-size: 0.79rem;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .layout-mode {
  margin-right: 0;
  margin-left: auto;
  transform: scale(0.55);
}
[dir=rtl] .sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .layout-mode {
  margin-left: 0;
  margin-right: auto;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .profile-dropdown {
  margin-left: auto;
}
[dir=rtl] .sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .profile-dropdown {
  margin-right: auto;
  margin-left: 0;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown .dropdown-menu .dropdown-content > .dropdown-item:nth-child(1) {
  padding: 0 !important;
  margin: 0 0 20px 0;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown .dropdown-menu .dropdown-content > .dropdown-item:nth-child(1) .dropdown-head {
  width: 100%;
  margin: 0;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu {
  bottom: 0;
  left: 145%;
  max-width: 400px;
  width: 100%;
  min-width: 350px;
}
[dir=rtl] .sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu {
  left: 0;
  right: 145%;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .dropdown-content {
  padding-top: 0;
  overflow: hidden;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head {
  display: flex;
  align-items: center;
  padding: 15px;
  margin: 0;
  background: #fafafa;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta {
  margin-left: 12px;
}
[dir=rtl] .sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta {
  margin-left: 0;
  text-align: right;
  margin-right: 12px;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta span {
  display: block;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta span:first-child {
  font-size: 1rem;
  font-weight: 500;
  color: #1d252d;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta span:nth-child(2) {
  color: #a2a5b9;
  font-size: 0.79rem;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .dropdown-content .logout-button svg {
  stroke: #fcfcfc !important;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .dropdown-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100% !important;
  white-space: normal;
  padding: 0.8rem 1rem;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .dropdown-item:hover:not(.is-button) {
  background: rgb(95.9411764706%, 95.9411764706%, 95.9411764706%);
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .flex-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 15px;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .flex-item .toggle-title {
  font-size: 0.9rem;
  color: #999;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .flex-item .toggle-title:hover {
  background: transparent !important;
}
.sidebar-panel.is-generic .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .flex-item:hover {
  background: transparent !important;
}
.sidebar-panel.is-generic .bottom-menu li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 72px;
}
.sidebar-panel.is-generic .bottom-menu li.is-rotate a:hover {
  animation: rotating 1s linear infinite;
}
.sidebar-panel.is-generic .bottom-menu li a {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ==========================================================================
2. Sidebar Panel Dark mode
========================================================================== */
body.is-dark .sidebar-panel {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-color: rgb(18.520010744%, 18.520010744%, 20.1074402364%) !important;
}
[dir=rtl] body.is-dark .sidebar-panel {
  border-right: none !important;
}
body.is-dark .sidebar-panel .panel-close svg {
  stroke: #999 !important;
}
body.is-dark .sidebar-panel .subpanel-header {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark .sidebar-panel .inner {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark .sidebar-panel .bottom-menu .sidebar-profile-menu .status-indicator {
  border: 2px solid #232326;
  background: #06d6a0;
}
body.is-dark .sidebar-panel .bottom-menu .sidebar-profile-menu .meta span:first-child {
  color: #fcfcfc;
}
body.is-dark .sidebar-panel .bottom-menu .sidebar-profile-menu .meta span:nth-child(2) {
  color: #a2a5b9;
}
body.is-dark .sidebar-panel .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .dropdown-content {
  background: #232326;
}
body.is-dark .sidebar-panel .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
}
body.is-dark .sidebar-panel .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head:hover {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
}
body.is-dark .sidebar-panel .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta:hover {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
}
body.is-dark .sidebar-panel .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta span:first-child {
  color: #cecece !important;
}
body.is-dark .sidebar-panel .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-item {
  color: #fff;
}
body.is-dark .sidebar-panel .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-item:not(.is-button):hover {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
body.is-dark .sidebar-panel .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-item.is-button:hover {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
}
body.is-dark .sidebar-panel .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-divider {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
body.is-dark .sidebar-panel .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .dropdown-item:hover:not(.is-button) {
  background: rgb(95.9411764706%, 95.9411764706%, 95.9411764706%);
}
body.is-dark .sidebar-panel .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .flex-item .toggle-title {
  color: #999;
}
body.is-dark .sidebar-panel .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .flex-item .toggle-title:hover {
  background: transparent !important;
}
body.is-dark .sidebar-panel .bottom-menu .sidebar-profile-menu .profile-dropdown .dropdown-menu .flex-item:hover {
  background: transparent !important;
}
/* ==========================================================================
3. Generic Panel
========================================================================== */
.sidebar-inner li a .admin-users-navitem g path {
  fill: #1D252D;
}
body.is-dark .sidebar-inner li a .admin-users-navitem g path {
  fill: #CECECE;
}
.sidebar-inner li a .admin-users-navitem rect {
  fill: white;
}
body.is-dark .sidebar-inner li a .admin-users-navitem rect {
  fill: white;
}
.sidebar-inner li a .admin-store-navitem path,
.sidebar-inner li a .admin-success-story-navitem path {
  fill: #1D252D;
}
body.is-dark .sidebar-inner li a .admin-store-navitem path,
body.is-dark .sidebar-inner li a .admin-success-story-navitem path {
  fill: #CECECE;
}
.sidebar-inner li a .admin-activities-navitem path {
  fill: #1D252D;
}
body.is-dark .sidebar-inner li a .admin-activities-navitem path {
  fill: #CECECE;
}
.sidebar-inner li a:hover .admin-users-navitem g path {
  fill: #4f008c;
}
body.is-dark .sidebar-inner li a:hover .admin-users-navitem g path {
  fill: #797BF2;
}
.sidebar-inner li a:hover .admin-users-navitem rect {
  fill: #4f008c;
}
body.is-dark .sidebar-inner li a:hover .admin-users-navitem rect {
  fill: #797BF2;
}
.sidebar-inner li a:hover .admin-store-navitem path,
.sidebar-inner li a:hover .admin-success-story-navitem path {
  fill: #4f008c;
}
body.is-dark .sidebar-inner li a:hover .admin-store-navitem path,
body.is-dark .sidebar-inner li a:hover .admin-success-story-navitem path {
  fill: #797BF2;
}
.sidebar-inner li a:hover .admin-activities-navitem path {
  fill: #4f008c;
}
body.is-dark .sidebar-inner li a:hover .admin-activities-navitem path {
  fill: #797BF2;
}
.sidebar-inner li a.is-active .admin-users-navitem g path {
  fill: #4f008c;
}
body.is-dark .sidebar-inner li a.is-active .admin-users-navitem g path {
  fill: #797BF2;
}
.sidebar-inner li a.is-active .admin-users-navitem rect {
  fill: #4f008c;
}
body.is-dark .sidebar-inner li a.is-active .admin-users-navitem rect {
  fill: #797BF2;
}
.sidebar-inner li a.is-active .admin-store-navitem path,
.sidebar-inner li a.is-active .admin-success-story-navitem path {
  fill: #4f008c;
}
body.is-dark .sidebar-inner li a.is-active .admin-store-navitem path,
body.is-dark .sidebar-inner li a.is-active .admin-success-story-navitem path {
  fill: #797BF2;
}
.sidebar-inner li a.is-active .admin-activities-navitem path {
  fill: #4f008c;
}
body.is-dark .sidebar-inner li a.is-active .admin-activities-navitem path {
  fill: #797BF2;
}

.sidebar-panel.is-generic .subpanel-header {
  height: 60px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 24px;
  padding-left: max(24px, env(safe-area-inset-left));
}
[dir=rtl] .sidebar-panel.is-generic .subpanel-header {
  padding-left: 24px;
  padding-right: max(24px, env(safe-area-inset-left));
}
.sidebar-panel.is-generic .subpanel-header .sidebar-toggle {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar-panel.is-generic .subpanel-header .brand-icon {
  display: flex;
  height: 60px;
}
.sidebar-panel.is-generic .subpanel-header .brand-icon svg {
  width: auto;
  height: 24px;
  margin: auto 24px;
}
.sidebar-panel.is-generic .subpanel-header .brand-icon svg .fill-none {
  fill: none;
}
.sidebar-panel.is-generic .subpanel-header .brand-icon svg .fill-primary {
  fill: #4f008c;
}
.sidebar-panel.is-generic .subpanel-header .brand-icon svg .fill-secondary {
  fill: #ff375e;
}
.sidebar-panel.is-generic .subpanel-header .project-dropdown {
  margin-right: 12px;
  cursor: pointer !important;
}
.sidebar-panel.is-generic .subpanel-header .project-dropdown > img {
  height: 32px;
  width: 32px;
  border-radius: 50%;
}
.sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu {
  margin-top: 12px;
}
.sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content {
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}
.sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block {
  display: flex;
  align-items: center;
  padding: 16px;
}
.sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block:hover {
  background: rgb(96.9411764706%, 96.9411764706%, 96.9411764706%);
}
.sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block .meta {
  margin-left: 12px;
  font-family: "STC Forward", sans-serif;
}
.sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block .meta span {
  display: block;
}
.sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block .meta span:first-child {
  font-size: 0.95rem;
  font-weight: 500;
  color: #1d252d;
  line-height: 1.2;
  max-width: 140px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block .meta span:nth-child(2) {
  color: #a2a5b9;
  font-size: 0.85rem;
}
.sidebar-panel.is-generic .subpanel-header h3 {
  font-family: "STC Forward", sans-serif;
  color: #a2a5b9;
  font-size: 1.3rem;
}
.sidebar-panel.is-generic .subpanel-header .panel-close {
  margin-left: auto;
  display: block;
  width: 18px;
  height: 18px;
}
.sidebar-panel.is-generic .subpanel-header .panel-close svg {
  width: 18px;
  height: 18px;
}
.sidebar-panel.is-generic .inner .links-list .link-item {
  border-bottom: 1px dashed #4f008c;
}
.sidebar-panel.is-generic .inner .links-list .link-item a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  padding: 0.7rem;
  transition: background 0.2s ease, transform 0.2s ease;
}
.sidebar-panel.is-generic .inner .links-list .link-item:hover a,
.sidebar-panel.is-generic .inner .links-list .link-item a:focus {
  background: #ede0fc;
  transform: translateX(6px);
}
[dir=rtl] .sidebar-panel.is-generic .inner .links-list .link-item:hover a,
[dir=rtl] .sidebar-panel.is-generic .inner .links-list .link-item a:focus {
  transform: translateX(-6px);
}
.sidebar-panel.is-generic .inner .links-list .link-item svg {
  font-size: 20px;
  height: 20px;
  width: 20px;
  color: #4f008c;
}
.sidebar-panel.is-generic .inner .links-list .link-item .title {
  font-size: 0.9rem;
  font-weight: 400;
  color: #4f008c;
}
.sidebar-panel.is-generic .inner ul {
  padding: 6px 0;
}
.sidebar-panel.is-generic .inner li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.sidebar-panel.is-generic .inner li .link-item a {
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 0.5rem;
  transition: background 0.2s ease, transform 0.2s ease;
}
.sidebar-panel.is-generic .inner li .link-item .cls-1 {
  color: #000;
}
.sidebar-panel.is-generic .inner li .link-item:hover a,
.sidebar-panel.is-generic .inner li .link-item a:focus {
  background: #ede0fc;
  transform: translateX(6px);
}
[dir=rtl] .sidebar-panel.is-generic .inner li .link-item:hover a,
[dir=rtl] .sidebar-panel.is-generic .inner li .link-item a:focus {
  transform: translateX(-6px);
}
.sidebar-panel.is-generic .inner li .link-item svg {
  font-size: 20px;
  height: 20px;
  width: 20px;
  color: #4f008c;
}
.sidebar-panel.is-generic .inner li .link-item .title {
  font-size: 0.9rem;
  font-weight: 400;
  color: #4f008c;
}
.sidebar-panel.is-generic .inner li:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  background: transparent;
  opacity: 0.9;
  transform: translateY(-50%);
  transition: opacity 0.3s;
  height: 100%;
  width: 4px;
}
.sidebar-panel.is-generic .inner li .admin-store-nav path {
  fill: #1d252d;
}
.sidebar-panel.is-generic .inner li .admin-store-nav:hover {
  fill: #4f008c;
}
.sidebar-panel.is-generic .inner li:hover .admin-users-navitem g path {
  fill: #4f008c;
}
body.is-dark .sidebar-panel.is-generic .inner li:hover .admin-users-navitem g path {
  fill: #797BF2;
}
.sidebar-panel.is-generic .inner li:hover .admin-users-navitem rect {
  fill: #4f008c;
}
body.is-dark .sidebar-panel.is-generic .inner li:hover .admin-users-navitem rect {
  fill: #797BF2;
}
.sidebar-panel.is-generic .inner li:hover .admin-store-navitem path,
.sidebar-panel.is-generic .inner li:hover .admin-success-story-navitem path {
  fill: #4f008c;
}
body.is-dark .sidebar-panel.is-generic .inner li:hover .admin-store-navitem path,
body.is-dark .sidebar-panel.is-generic .inner li:hover .admin-success-story-navitem path {
  fill: #797BF2;
}
.sidebar-panel.is-generic .inner li:hover .admin-activities-navitem path {
  fill: #4f008c;
}
body.is-dark .sidebar-panel.is-generic .inner li:hover .admin-activities-navitem path {
  fill: #797BF2;
}
.sidebar-panel.is-generic .inner li.is-active a {
  font-weight: 500;
  color: #4f008c;
}
.sidebar-panel.is-generic .inner li.is-active a svg .nav-icon-inside-fill {
  fill: #fff;
}
.sidebar-panel.is-generic .inner li.is-active a svg .nav-icon-fill {
  fill: #4f008c;
}
.sidebar-panel.is-generic .inner li.is-active a svg .nav-icon-stroke {
  fill: none;
  stroke: #4f008c;
  stroke-miterlimit: 10;
  stroke-width: 5px;
}
.sidebar-panel.is-generic .inner li.is-active a svg .nav-icon-stroke2 {
  stroke: #4f008c;
}
.sidebar-panel.is-generic .inner li.is-active a svg .nav-icon-border {
  fill: #4f008c;
}
.sidebar-panel.is-generic .inner li.is-active .admin-users-navitem g path {
  fill: #4f008c;
}
body.is-dark .sidebar-panel.is-generic .inner li.is-active .admin-users-navitem g path {
  fill: #797BF2;
}
.sidebar-panel.is-generic .inner li.is-active .admin-users-navitem rect {
  fill: #4f008c;
}
body.is-dark .sidebar-panel.is-generic .inner li.is-active .admin-users-navitem rect {
  fill: #797BF2;
}
.sidebar-panel.is-generic .inner li.is-active .admin-store-navitem path,
.sidebar-panel.is-generic .inner li.is-active .admin-success-story-navitem path {
  fill: #4f008c;
}
body.is-dark .sidebar-panel.is-generic .inner li.is-active .admin-store-navitem path,
body.is-dark .sidebar-panel.is-generic .inner li.is-active .admin-success-story-navitem path {
  fill: #797BF2;
}
.sidebar-panel.is-generic .inner li.is-active .admin-activities-navitem path {
  fill: #4f008c;
}
body.is-dark .sidebar-panel.is-generic .inner li.is-active .admin-activities-navitem path {
  fill: #797BF2;
}
.sidebar-panel.is-generic .inner li.is-active:hover svg .nav-icon-inside-fill {
  fill: #fff;
}
.sidebar-panel.is-generic .inner li.is-active:hover svg .nav-icon-fill {
  fill: #4f008c;
}
.sidebar-panel.is-generic .inner li.is-active:hover svg .nav-icon-stroke {
  fill: none;
  stroke: #4f008c;
  stroke-miterlimit: 10;
  stroke-width: 5px;
}
.sidebar-panel.is-generic .inner li.is-active:hover svg .nav-icon-stroke2 {
  stroke: #4f008c;
}
.sidebar-panel.is-generic .inner li.is-active:hover svg .nav-icon-border {
  fill: #4f008c;
}
.sidebar-panel.is-generic .inner li.is-active:hover .admin-users-navitem g path {
  fill: #4f008c;
}
body.is-dark .sidebar-panel.is-generic .inner li.is-active:hover .admin-users-navitem g path {
  fill: #797BF2;
}
.sidebar-panel.is-generic .inner li.is-active:hover .admin-users-navitem rect {
  fill: #4f008c;
}
body.is-dark .sidebar-panel.is-generic .inner li.is-active:hover .admin-users-navitem rect {
  fill: #797BF2;
}
.sidebar-panel.is-generic .inner li.is-active:hover .admin-store-navitem path,
.sidebar-panel.is-generic .inner li.is-active:hover .admin-success-story-navitem path {
  fill: #4f008c;
}
body.is-dark .sidebar-panel.is-generic .inner li.is-active:hover .admin-store-navitem path,
body.is-dark .sidebar-panel.is-generic .inner li.is-active:hover .admin-success-story-navitem path {
  fill: #797BF2;
}
.sidebar-panel.is-generic .inner li.is-active:hover .admin-activities-navitem path {
  fill: #4f008c;
}
body.is-dark .sidebar-panel.is-generic .inner li.is-active:hover .admin-activities-navitem path {
  fill: #797BF2;
}
.sidebar-panel.is-generic .inner li.is-active:after {
  opacity: 1;
  background: #4f008c;
}
body.is-dark .sidebar-panel.is-generic .inner li.is-active:after {
  background: #797bf2;
}
.sidebar-panel.is-generic .inner li.divider {
  cursor: default;
  pointer-events: none;
  margin: 0px 24px;
  padding: 6px 0 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.sidebar-panel.is-generic .inner li.has-children {
  display: block;
  height: unset;
  min-height: 36px;
  margin-bottom: 4px;
}
.sidebar-panel.is-generic .inner li.has-children.active .collapse-wrap > a {
  color: #1d252d;
  font-weight: 500;
}
.sidebar-panel.is-generic .inner li.has-children.active .collapse-wrap > a svg {
  transform: rotate(90deg) !important;
}
.sidebar-panel.is-generic .inner li.has-children:hover .collapse-wrap > a {
  color: #1d252d;
}
.sidebar-panel.is-generic .inner li.has-children.is-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sidebar-panel.is-generic .inner li.has-children.is-flex .tag {
  margin-left: auto;
  margin-right: 20px;
  border-radius: 100px;
  background: #e62965;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 600;
}
.sidebar-panel.is-generic .inner li.has-children .collapse-wrap {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 36px;
}
.sidebar-panel.is-generic .inner li.has-children .collapse-wrap > a {
  display: flex;
  align-items: center;
  font-size: 0.9rem;
  font-weight: 400;
  color: #1d252d;
}
.sidebar-panel.is-generic .inner li.has-children .collapse-wrap > a svg {
  position: relative;
  top: 1px;
  height: 18px;
  width: 18px;
  margin-left: auto;
  transform: rotate(0);
}
[dir=rtl] .sidebar-panel.is-generic .inner li.has-children .collapse-wrap > a svg {
  margin-left: 0;
  margin-right: auto;
  transform: rotate(180deg);
}
.sidebar-panel.is-generic .inner li.has-children .collapse-wrap > a svg {
  stroke: #1d252d;
  transition: all 0.3s;
}
.sidebar-panel.is-generic .inner li.has-children ul {
  padding: 0;
  display: none;
}
.sidebar-panel.is-generic .inner li.has-children ul.is-block {
  display: block;
}
.sidebar-panel.is-generic .inner li.has-children ul li {
  height: 34px;
}
.sidebar-panel.is-generic .inner li.has-children ul li.is-active .is-submenu svg {
  display: block;
}
.sidebar-panel.is-generic .inner li.has-children ul li .is-submenu {
  display: flex;
  font-weight: 400;
  align-items: center;
  padding-left: 32px;
  font-size: 0.9rem;
}
.sidebar-panel.is-generic .inner li.has-children ul li .is-submenu.is-active {
  color: #4f008c;
}
.sidebar-panel.is-generic .inner li.has-children ul li .is-submenu .lnil,
.sidebar-panel.is-generic .inner li.has-children ul li .is-submenu .lnir {
  font-size: 1.2rem;
  margin-right: 10px;
}
.sidebar-panel.is-generic .inner li.has-children ul li .is-submenu svg {
  height: 20px;
  width: 20px;
  margin-right: 20px;
}
[dir=rtl] .sidebar-panel.is-generic .inner li.has-children ul li .is-submenu svg {
  margin-right: unset;
  margin-left: 20px;
}
.sidebar-panel.is-generic .inner li.has-children ul li .is-submenu svg.is-auto {
  margin-left: auto;
}
[dir=rtl] .sidebar-panel.is-generic .inner li.has-children ul li .is-submenu svg.is-auto {
  margin-right: auto;
  margin-left: unset;
}
.sidebar-panel.is-generic .inner li.has-children ul li .is-submenu svg.is-auto {
  height: 15px;
  width: 15px;
  max-width: 15px;
  min-width: 15px;
  stroke-width: 2px;
  margin-right: 4px;
}
.sidebar-panel.is-generic .inner li a {
  display: block;
  width: 100%;
  padding: 14px 14px;
  font-size: 0.95rem;
  color: #4f008c;
  padding-left: max(24px, env(safe-area-inset-left));
}
[dir=rtl] .sidebar-panel.is-generic .inner li a {
  padding-left: 14px;
  padding-right: max(24px, env(safe-area-inset-left));
}
.sidebar-panel.is-generic .inner li a:hover svg .nav-icon-inside-fill {
  fill: #4f008c;
}
.sidebar-panel.is-generic .inner li a:hover svg .nav-icon-fill {
  fill: none;
}
.sidebar-panel.is-generic .inner li a:hover svg .nav-icon-border {
  fill: #4f008c;
}
.sidebar-panel.is-generic .inner li a:hover span:not(.tag) {
  color: #4f008c;
}
.sidebar-panel.is-generic .inner li a svg {
  height: 20px;
  width: 24px;
  transition: all 0.3s;
}
.sidebar-panel.is-generic .inner li a .sidebar-svg {
  height: 20px;
  width: 20px;
  stroke: #1d252d;
  stroke-width: 1.6px;
  transition: all 0.3s;
}
[dir=ltr] .sidebar-panel.is-generic .inner li a .sidebar-svg .flip-in-ltr {
  transform: scaleX(-1);
}
.sidebar-panel.is-generic .inner li a span {
  line-height: 1.1;
}
.sidebar-panel.is-generic .inner li > a {
  font-size: 0.9rem;
  font-weight: 400;
  color: #1d252d;
  display: flex;
  align-items: center;
}
.sidebar-panel.is-generic .inner li > a > i {
  font-size: 20px;
  margin-right: 24px;
}
[dir=rtl] .sidebar-panel.is-generic .inner li > a > i {
  margin-right: 0;
  margin-left: 24px;
}
.sidebar-panel.is-generic .inner li > a > svg {
  margin-right: 24px;
}
[dir=rtl] .sidebar-panel.is-generic .inner li > a > svg {
  margin-left: 24px;
  margin-right: 0;
}
.sidebar-panel.is-generic .inner li > a .tag {
  position: absolute;
  height: 15px;
  line-height: 16px;
  top: 10px;
  padding: 0px 5px;
  min-width: 15px;
  font-weight: 500;
  left: 40px;
  text-align: center;
  color: #fff;
}
[dir=rtl] .sidebar-panel.is-generic .inner li > a .tag {
  right: 40px;
  left: unset;
}
.sidebar-panel.is-generic .inner li .admin-users-navitem g path {
  fill: #1D252D;
}
body.is-dark .sidebar-panel.is-generic .inner li .admin-users-navitem g path {
  fill: #CECECE;
}
.sidebar-panel.is-generic .inner li .admin-users-navitem rect {
  fill: white;
}
body.is-dark .sidebar-panel.is-generic .inner li .admin-users-navitem rect {
  fill: white;
}
.sidebar-panel.is-generic .inner li .admin-store-navitem path,
.sidebar-panel.is-generic .inner li .admin-success-story-navitem path {
  fill: #1D252D;
}
body.is-dark .sidebar-panel.is-generic .inner li .admin-store-navitem path,
body.is-dark .sidebar-panel.is-generic .inner li .admin-success-story-navitem path {
  fill: #CECECE;
}
.sidebar-panel.is-generic .inner li .admin-activities-navitem path {
  fill: #1D252D;
}
body.is-dark .sidebar-panel.is-generic .inner li .admin-activities-navitem path {
  fill: #CECECE;
}
.sidebar-panel.is-generic .inner .docked-action {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 64px;
  width: 100%;
  padding: 0 26px 0 16px;
  margin: 0;
}
.sidebar-panel.is-generic .inner .docked-action.has-search {
  bottom: 160px;
}
.sidebar-panel.is-generic .inner .toggle-btn {
  background: transparent;
  border: none;
  padding-top: 0.5rem;
  cursor: pointer;
  align-self: center;
}
.sidebar-panel.is-generic .inner .toggle-btn svg {
  transition: transform 0.2s ease;
}
.sidebar-panel.is-generic .inner .toggle-btn svg.rotated {
  transform: rotate(180deg);
}

/* ==========================================================================
4. Generic Panel Dark Mode
========================================================================== */
body.is-dark .sidebar-panel.is-generic .subpanel-header .brand-icon svg .fill-none {
  fill: none;
}
body.is-dark .sidebar-panel.is-generic .subpanel-header .brand-icon svg .fill-primary {
  fill: #fff;
}
body.is-dark .sidebar-panel.is-generic .subpanel-header .brand-icon svg .fill-secondary {
  fill: #ff375e;
}
body.is-dark .sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark .sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block:hover {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%) !important;
}
body.is-dark .sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block .meta span:first-child {
  color: #cecece !important;
}
body.is-dark .sidebar-panel.is-generic .inner ul li.is-active a {
  color: #797bf2 !important;
}
body.is-dark .sidebar-panel.is-generic .inner ul li.is-active a svg .nav-icon-inside-fill {
  fill: rgb(11.8076819769%, 11.8076819769%, 12.8197690035%);
}
body.is-dark .sidebar-panel.is-generic .inner ul li.is-active a svg .nav-icon-fill {
  fill: #797bf2;
}
body.is-dark .sidebar-panel.is-generic .inner ul li.is-active a svg .nav-icon-stroke {
  fill: none;
  stroke: #797bf2;
  stroke-miterlimit: 10;
  stroke-width: 5px;
}
body.is-dark .sidebar-panel.is-generic .inner ul li.is-active a svg .nav-icon-stroke2 {
  stroke: #797bf2;
}
body.is-dark .sidebar-panel.is-generic .inner ul li.is-active a svg .nav-icon-border {
  fill: #797bf2;
}
body.is-dark .sidebar-panel.is-generic .inner ul li.is-active a:hover svg .nav-icon-inside-fill {
  fill: rgb(11.8076819769%, 11.8076819769%, 12.8197690035%);
}
body.is-dark .sidebar-panel.is-generic .inner ul li.is-active a:hover svg .nav-icon-fill {
  fill: #797bf2;
}
body.is-dark .sidebar-panel.is-generic .inner ul li.is-active a:hover svg .nav-icon-stroke {
  fill: none;
  stroke: #797bf2;
  stroke-miterlimit: 10;
  stroke-width: 5px;
}
body.is-dark .sidebar-panel.is-generic .inner ul li.is-active a:hover svg .nav-icon-stroke2 {
  stroke: #797bf2;
}
body.is-dark .sidebar-panel.is-generic .inner ul li.is-active a:hover svg .nav-icon-border {
  fill: #797bf2;
}
body.is-dark .sidebar-panel.is-generic .inner ul li.is-active a:hover .admin-store-nav path {
  fill: #797bf2;
}
body.is-dark .sidebar-panel.is-generic .inner ul li.is-active a:hover span {
  color: #797bf2;
}
body.is-dark .sidebar-panel.is-generic .inner ul li.has-children.active .collapse-wrap > a {
  color: #fcfcfc;
}
body.is-dark .sidebar-panel.is-generic .inner ul li.has-children:hover .collapse-wrap > a {
  color: rgb(94.7843137255%, 94.7843137255%, 94.7843137255%);
}
body.is-dark .sidebar-panel.is-generic .inner ul li.has-children .collapse-wrap > a {
  color: #a2a5b9;
}
body.is-dark .sidebar-panel.is-generic .inner ul li.has-children .collapse-wrap > a svg {
  stroke: #a2a5b9;
}
body.is-dark .sidebar-panel.is-generic .inner ul li a svg .nav-icon-fill {
  fill: #a2a5b9;
}
body.is-dark .sidebar-panel.is-generic .inner ul li a svg .nav-icon-fill2 {
  fill: #a2a5b9;
}
body.is-dark .sidebar-panel.is-generic .inner ul li a svg .nav-icon-fill-none {
  fill: none;
}
body.is-dark .sidebar-panel.is-generic .inner ul li a svg .nav-icon-border {
  fill: #a2a5b9;
}
body.is-dark .sidebar-panel.is-generic .inner ul li a svg .nav-icon-inside-fill {
  fill: #a2a5b9;
}
body.is-dark .sidebar-panel.is-generic .inner ul li a svg .nav-icon-inside-clip-path-url {
  clip-path: url(#nav-icon-inside-clip-path);
}
body.is-dark .sidebar-panel.is-generic .inner ul li a svg .nav-icon-inside-clip-path {
  fill: none;
}
body.is-dark .sidebar-panel.is-generic .inner ul li a svg .nav-icon-stroke {
  fill: none;
  stroke: #a2a5b9;
  stroke-miterlimit: 10;
  stroke-width: 5px;
}
body.is-dark .sidebar-panel.is-generic .inner ul li a svg .nav-icon-stroke2 {
  stroke: #a2a5b9;
}
body.is-dark .sidebar-panel.is-generic .inner ul li a svg .nav-icon-inside-fill {
  fill: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
body.is-dark .sidebar-panel.is-generic .inner ul li a svg .nav-icon-inside-fill.external-link {
  fill: #a2a5b9;
}
body.is-dark .sidebar-panel.is-generic .inner ul li a:hover svg .nav-icon-inside-fill {
  fill: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
body.is-dark .sidebar-panel.is-generic .inner ul li a:hover svg .nav-icon-inside-fill.external-link {
  fill: rgb(56.5666266507%, 57.2148859544%, 95.7863145258%);
}
body.is-dark .sidebar-panel.is-generic .inner ul li a:hover svg .nav-icon-fill {
  fill: rgb(56.5666266507%, 57.2148859544%, 95.7863145258%);
}
body.is-dark .sidebar-panel.is-generic .inner ul li a:hover svg .nav-icon-border {
  fill: rgb(56.5666266507%, 57.2148859544%, 95.7863145258%);
}
body.is-dark .sidebar-panel.is-generic .inner ul li a:hover span:not(.tag) {
  color: rgb(56.5666266507%, 57.2148859544%, 95.7863145258%);
}
body.is-dark .sidebar-panel.is-generic .inner ul li a {
  color: #a2a5b9;
}
body.is-dark .sidebar-panel.is-generic .inner ul li a:hover {
  color: rgb(77.2226632984%, 77.9574160953%, 82.8557680741%);
}
body.is-dark .sidebar-panel.is-generic .inner ul li .is-submenu:hover {
  color: #797bf2;
}
body.is-dark .sidebar-panel.is-generic .inner ul li .is-submenu.is-active {
  color: #797bf2;
  font-weight: 500;
}
body.is-dark .sidebar-panel.is-generic .inner ul li .is-submenu.is-active svg .nav-icon-inside-fill {
  fill: rgb(11.8076819769%, 11.8076819769%, 12.8197690035%);
}
body.is-dark .sidebar-panel.is-generic .inner ul li .is-submenu.is-active svg .nav-icon-fill {
  fill: #797bf2;
}
body.is-dark .sidebar-panel.is-generic .inner ul li .is-submenu.is-active svg .nav-icon-stroke {
  fill: none;
  stroke: rgb(77.2226632984%, 77.9574160953%, 82.8557680741%);
  stroke-miterlimit: 10;
  stroke-width: 5px;
}
body.is-dark .sidebar-panel.is-generic .inner ul li .is-submenu.is-active svg .nav-icon-stroke2 {
  stroke: rgb(77.2226632984%, 77.9574160953%, 82.8557680741%);
}
body.is-dark .sidebar-panel.is-generic .inner ul li .is-submenu.is-active svg .nav-icon-border {
  fill: #797bf2;
}
/* ==========================================================================
5. Messaging Sidebar
========================================================================== */
.sidebar-panel.is-messages .messages-header {
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
.sidebar-panel.is-messages .messages-header h3 {
  color: #999;
  font-size: 1.4rem;
}
.sidebar-panel.is-messages .messages-header .solutions-hamburger {
  position: relative;
  top: 2px;
}
.sidebar-panel.is-messages .inner {
  overflow-y: hidden !important;
}
.sidebar-panel.is-messages .inner #conversations-list {
  position: relative;
  height: 100%;
  overflow-y: auto !important;
}
.sidebar-panel.is-messages .inner #conversations-list::-webkit-scrollbar {
  width: 3px;
}
.sidebar-panel.is-messages .inner #conversations-list::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.2);
}
.sidebar-panel.is-messages .inner #conversations-list li .recipient-meta span:nth-child(2) {
  max-width: 135px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sidebar-panel.is-messages .inner #conversations-list li .group-message {
  max-width: 230px !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sidebar-panel.is-messages .inner .is-new-conversation {
  height: 60px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.sidebar-panel.is-messages .inner .new-chat-sidebar {
  overflow: auto;
  height: 100%;
}
.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete {
  justify-content: center;
  padding: 0 20px;
}
.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete.is-active, .sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete:hover {
  background: transparent !important;
}
.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control {
  position: relative;
}
.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .icon {
  position: absolute;
  top: 7px;
  left: 7px;
  color: #cecece;
}
.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .icon svg {
  width: 20px;
  height: 20px;
  transition: all 0.3s;
}
.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete {
  width: 100% !important;
}
.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete input {
  padding-left: 40px;
  background: #ededed;
  border: none;
  box-shadow: none;
  color: #999;
  transition: all 0.3s;
}
.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete input:focus {
  background: #f9f9f9;
}
.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete input:focus + .icon {
  color: #4f008c;
}
.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete .template-wrapper {
  display: flex !important;
  justify-content: flex-start;
  align-items: center;
}
.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper {
  position: relative;
  width: 40px !important;
  height: 40px !important;
}
.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .autocpl-avatar {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
}
.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .avatar-badge {
  position: absolute;
  bottom: 0;
  right: -5px;
  width: 18px;
  height: 18px;
  border: 2px solid #fff;
  border-radius: 50%;
}
.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text {
  margin-left: 15px;
}
.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text span {
  font-size: 0.9rem;
  color: #A9ABAC;
}
.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete li {
  height: auto !important;
  padding-top: 8px;
  padding-bottom: 8px;
  border-left: none !important;
  border-right: none !important;
}
.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .easy-autocomplete-container {
  top: 120% !important;
  border: none !important;
}
.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .easy-autocomplete-container ul {
  border-radius: 4px !important;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important;
}
.sidebar-panel.is-messages .inner .new-chat-sidebar .is-cancel {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar-panel.is-messages .inner .new-chat-sidebar .is-cancel button {
  height: 36px;
  margin: 0 20px;
}
.sidebar-panel.is-messages .inner ul {
  overflow: auto;
  height: 100%;
}
.sidebar-panel.is-messages .inner li {
  position: relative;
  height: 64px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-left: 2px solid transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.sidebar-panel.is-messages .inner li.is-active {
  border-left-color: #4f008c;
  background: rgb(81.2215686275%, 56.9019607843%, 100%);
}
.sidebar-panel.is-messages .inner li.is-active:hover {
  background: rgb(81.2215686275%, 56.9019607843%, 100%);
}
.sidebar-panel.is-messages .inner li .recent-user {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  cursor: pointer;
}
.sidebar-panel.is-messages .inner li .recent-user .user-container {
  position: relative;
}
.sidebar-panel.is-messages .inner li .recent-user .user-container img {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  display: block;
}
.sidebar-panel.is-messages .inner li .recent-user .user-container img.is-user {
  min-width: 36px;
}
.sidebar-panel.is-messages .inner li .recent-user .user-container img.is-badge {
  display: block;
  position: absolute;
  right: -5px;
  bottom: 0;
  border: 2px solid #fff;
  height: 16px;
  width: 16px;
  border-radius: 50%;
}
.sidebar-panel.is-messages .inner li .recent-user .recipient-meta {
  margin-left: 10px;
}
.sidebar-panel.is-messages .inner li .recent-user .recipient-meta span {
  display: block;
}
.sidebar-panel.is-messages .inner li .recent-user .recipient-meta span:first-child {
  color: #1d252d;
  font-weight: 500;
  font-size: 0.9rem;
}
.sidebar-panel.is-messages .inner li .recent-user .recipient-meta span:nth-child(2) {
  font-size: 0.75rem;
  color: #999;
  /*&.is-unread {
      color: $dark-text;
      font-weight: 500;
  }*/
}
.sidebar-panel.is-messages .inner li .recent-user .recipient-meta {
  /*time {
      display: block;
      position: absolute;

      //top: 2px;
      top: -14px;
      right: 20px;
      font-size: .75rem;
      color: $muted-grey;
  }*/
}
.sidebar-panel.is-messages .inner li .user-group {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 20px;
  cursor: pointer;
}
.sidebar-panel.is-messages .inner li .user-group img {
  height: 36px;
  width: 36px;
  border: 3px solid #fff;
  border-radius: 50%;
  display: block;
}
.sidebar-panel.is-messages .inner li .user-group img.is-user {
  min-width: 36px;
}
.sidebar-panel.is-messages .inner li .user-group img:nth-child(2), .sidebar-panel.is-messages .inner li .user-group img:nth-child(3), .sidebar-panel.is-messages .inner li .user-group img:nth-child(4) {
  margin-left: -15px;
}
.sidebar-panel.is-messages .inner li .user-group .more-indicator {
  height: 36px;
  width: 36px;
  min-width: 36px;
  border-radius: 50%;
  background: #4f008c;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -15px;
  border: 2px solid #fff;
}
.sidebar-panel.is-messages .inner li .user-group .more-indicator span {
  display: block;
  color: #fff;
  font-weight: 600;
  font-size: 0.9rem;
}
.sidebar-panel.is-messages .inner li time {
  display: block;
  position: absolute;
  top: 2px;
  right: 20px;
  font-size: 0.75rem;
  color: #999;
}
.sidebar-panel.is-messages .inner li .group-message {
  padding: 0 20px;
  margin-top: -20px;
  font-size: 0.75rem;
  color: #999;
}
.sidebar-panel.is-messages .inner li .group-message.is-unread {
  color: #1d252d;
  font-weight: 500;
}
.sidebar-panel.is-messages .inner li:hover {
  background: #fafafa;
}

/* ==========================================================================
6. Messaging Sidebar Dark mode
========================================================================== */
body.is-dark .sidebar-panel.is-messages li.is-active {
  background: rgb(23.314531292%, 23.314531292%, 25.3129196884%) !important;
}
body.is-dark .sidebar-panel.is-messages li.is-active:hover {
  background: rgb(23.314531292%, 23.314531292%, 25.3129196884%) !important;
}
body.is-dark .sidebar-panel.is-messages li.is-active img,
body.is-dark .sidebar-panel.is-messages li.is-active .more-indicator {
  border-color: rgb(23.314531292%, 23.314531292%, 25.3129196884%) !important;
}
body.is-dark .sidebar-panel.is-messages li:hover {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%) !important;
}
body.is-dark .sidebar-panel.is-messages li img,
body.is-dark .sidebar-panel.is-messages li .more-indicator {
  border-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%) !important;
}
body.is-dark .sidebar-panel.is-messages li .more-indicator {
  background: #797bf2 !important;
}
body.is-dark .sidebar-panel.is-messages li .recipient-meta span:first-child {
  color: rgb(86%, 86%, 86%) !important;
}
body.is-dark .sidebar-panel.is-messages li .recipient-meta span.is-unread {
  color: rgb(86%, 86%, 86%) !important;
}
body.is-dark .sidebar-panel.is-messages .start-conversation {
  background: #797bf2 !important;
  border: 1px solid #797bf2 !important;
}

/* ==========================================================================
7. Collapsed Messaging
========================================================================== */
.collapsed-messaging {
  position: fixed;
  top: 0;
  left: 80px;
  height: 100%;
  width: 80px;
  background-color: #f9f9f9;
  box-shadow: none;
  z-index: 34;
  border-left: 1px solid #ededed;
  transform: translateX(-100%);
  transition: all 0.3s;
}
.collapsed-messaging.is-active {
  transform: translateX(0);
}
.collapsed-messaging .inner {
  position: relative;
  height: 100%;
  width: 100%;
}
.collapsed-messaging .inner .collapsed-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 100%;
}
.collapsed-messaging .inner .collapsed-add {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  width: 100%;
}
.collapsed-messaging .inner .collapsed-conversations {
  height: calc(100vh - 80px);
}
.collapsed-messaging .inner .collapsed-conversations li {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  border-left: 2px solid transparent;
  transition: all 0.3s;
  cursor: pointer;
}
.collapsed-messaging .inner .collapsed-conversations li.is-active {
  border-left-color: #4f008c;
  background: rgb(81.2215686275%, 56.9019607843%, 100%);
}
.collapsed-messaging .inner .collapsed-conversations li.is-active:hover {
  background: rgb(81.2215686275%, 56.9019607843%, 100%);
}
.collapsed-messaging .inner .collapsed-conversations li .user-container {
  position: relative;
}
.collapsed-messaging .inner .collapsed-conversations li .user-container img {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  display: block;
}
.collapsed-messaging .inner .collapsed-conversations li .user-container img.is-user {
  min-width: 36px;
}
.collapsed-messaging .inner .collapsed-conversations li .user-container img.is-badge {
  display: block;
  position: absolute;
  right: -5px;
  bottom: 0;
  border: 2px solid #fff;
  height: 16px;
  width: 16px;
  border-radius: 50%;
}
.collapsed-messaging .inner .collapsed-conversations li .user-container .is-count {
  position: absolute;
  right: -12px;
  bottom: -5px;
  border-radius: 50%;
  border: 2px solid #fff;
  height: 28px;
  width: 28px;
  background: #4f008c;
  display: flex;
  justify-content: center;
  align-items: center;
}
.collapsed-messaging .inner .collapsed-conversations li .user-container .is-count span {
  display: block;
  font-size: 0.7rem;
  font-weight: 700;
  color: #fcfcfc;
}
.collapsed-messaging .inner .collapsed-conversations li .user-container .is-count span:before {
  content: "+";
}

/* ==========================================================================
4. Media Queries
========================================================================== */
@media only screen and (max-width: 767px) {
  .sidebar-panel {
    height: calc(100% - 47px);
  }
  @supports (height: max(calc(100% - 47px))) {
    .sidebar-panel {
      height: calc(100% - (env(safe-area-inset-bottom) + 50px));
      min-width: 240px;
      width: 70%;
    }
  }
  .sidebar-panel.is-active {
    transition: all 0.3s;
    animation-fill-mode: both;
  }
  .sidebar-panel.is-generic .subpanel-header {
    border: 0;
  }
  .sidebar-panel.is-generic .subpanel-header .sidebar-toggle {
    display: none;
  }
  .sidebar-panel.is-generic .subpanel-header .brand-icon svg {
    height: 30px;
    margin: auto 2px;
  }
}
.custom-sidebar-users-icon-empty {
  transform: none !important;
}
.custom-sidebar-users-icon-empty rect {
  fill: white;
}
.custom-sidebar-users-icon-empty path {
  fill: #1D252D;
}
body.is-dark .custom-sidebar-users-icon-empty path {
  fill: #CECECE;
}
.custom-sidebar-users-icon-empty:hover rect {
  fill: white;
}
.custom-sidebar-users-icon-empty:hover path {
  fill: #4F008C;
}
body.is-dark .custom-sidebar-users-icon-empty:hover path {
  fill: #797BF2;
}

.custom-sidebar-users-icon-filled {
  transform: none !important;
}
.custom-sidebar-users-icon-filled path {
  fill: #4F008C;
}
body.is-dark .custom-sidebar-users-icon-filled path {
  fill: #797BF2;
}

.custom-sidebar-users-icon-filled {
  transform: none !important;
}
.custom-sidebar-users-icon-filled path {
  fill: #4F008C;
}
body.is-dark .custom-sidebar-users-icon-filled path {
  fill: #797BF2;
}

.custom-sidebar-survey-icon-filled path {
  fill: #4F008C;
}
body.is-dark .custom-sidebar-survey-icon-filled path {
  fill: #797BF2;
}

.custom-sidebar-store-icon-empty {
  transform: none !important;
}
.custom-sidebar-store-icon-empty path {
  fill: #1D252D;
}
body.is-dark .custom-sidebar-store-icon-empty path {
  fill: #CECECE;
}

.custom-sidebar-ss-icon-filled {
  transform: none !important;
}
.custom-sidebar-ss-icon-filled path {
  fill: #4F008C;
}
body.is-dark .custom-sidebar-ss-icon-filled path {
  fill: #797BF2;
}

.custom-sidebar-activity-icon-empty {
  transform: none !important;
}
.custom-sidebar-activity-icon-empty path {
  fill: #1D252D;
}
body.is-dark .custom-sidebar-activity-icon-empty path {
  fill: #CECECE;
}

.custom-sidebar-topics-icon-empty {
  transform: none !important;
}
.custom-sidebar-topics-icon-empty path {
  fill: #1D252D;
}
body.is-dark .custom-sidebar-topics-icon-empty path {
  fill: #CECECE;
}

.admin-success-story-navitem,
.admin-store-navitem,
.admin-activities-navitem {
  transform: none !important;
}

/*! _wizard-navbar.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/* ==========================================================================
Wizard Styles
========================================================================== */
/*
    1. Native Barcode Scanner

*/
/* ==========================================================================
1. Native Barcode Scanner
========================================================================== */
.barcode-scanner {
  background: transparent !important;
  overflow: hidden;
  max-height: 100vh;
}
.barcode-scanner.is-rtl #app {
  transform: translateX(100vw);
}
.barcode-scanner.is-rtl #app .barcode-scanner-container {
  transform: translateX(-100vw);
}
.barcode-scanner #app {
  transform: translateX(-100vw);
  transition: transform 0.3s;
  background: transparent;
}
.barcode-scanner #app .barcode-scanner-container {
  transform: translateX(100vw);
  height: 100vh;
  width: 100vw;
  background: transparent;
  display: block;
}
[dir=rtl] .barcode-scanner #app .barcode-scanner-container {
  transform: translateX(-100vw);
}
.barcode-scanner #app .barcode-scanner-container .qr-content {
  display: flex;
  height: 100vh;
  width: 100vw;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.barcode-scanner #app .barcode-scanner-container .qr-content > svg {
  max-width: 60px;
}
.barcode-scanner #app .barcode-scanner-container .qr-content > span {
  font-weight: 600;
  margin-top: 1rem;
  color: #f2f2f1;
}
.barcode-scanner #app .barcode-scanner-container .end {
  position: absolute;
  bottom: 30px;
  bottom: calc(30px + env(safe-area-inset-bottom));
  width: 100%;
  padding: 20px;
}

.barcode-scanner-container {
  display: none;
}

/*! _pageloader.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Pageloader
    2. Keyframes
    3. Infraloader
*/
/* ==========================================================================
1. Pageloader
========================================================================== */
.pageloader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 80px;
  width: calc(100% - 80px);
  background-color: #ededed;
  z-index: 999998;
  opacity: 0;
  transition: -webkit-opacity 0.35s ease-out;
  transition: opacity 0.35s ease-out;
  will-change: opacity;
  pointer-events: none;
}
.pageloader.is-active {
  opacity: 1;
}
.pageloader.is-full {
  width: 100% !important;
  left: 0 !important;
}
.pageloader::after, .pageloader::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  border-radius: 100%;
  content: "";
  z-index: 999999;
}
.pageloader::after {
  margin-top: -100px;
  margin-left: -100px;
  width: 200px;
  height: 200px;
  background-color: rgba(255, 255, 255, 0.5);
  border: 3px solid rgba(255, 255, 255, 0.75);
  animation: page-loader-inner 1.5s infinite ease-out;
}
.pageloader::before {
  margin-top: -30px;
  margin-left: -30px;
  width: 60px;
  height: 60px;
  background-color: #fff;
  animation: page-loader-outer 1.5s infinite ease-in;
}

/* ==========================================================================
2. Keyframes
========================================================================== */
@keyframes page-loader-inner {
  0%, 40% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes page-loader-outer {
  0% {
    transform: scale(1);
  }
  100%, 40% {
    transform: scale(0);
    opacity: 0;
  }
}
/* ==========================================================================
3. Infraloader
========================================================================== */
.infraloader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 80px;
  width: calc(100% - 80px);
  background: #f9f9f9;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.35s;
}
.infraloader.is-active {
  opacity: 1;
  z-index: 999997;
}
.infraloader.is-full {
  width: 100% !important;
  left: 0 !important;
}

/* ==========================================================================
4. pull to reload primary
========================================================================== */
/*! purgecss start ignore */
.pushed-element {
  transform: translateY(0px);
  transition: transform 0.1s;
  animation-fill-mode: backwards;
}

.solutions-push {
  transition: transform 0.3s;
  animation-fill-mode: backwards;
}

.ptr--ptr {
  position: absolute;
  box-shadow: inset 0px 1px 20px 0px rgba(31, 2, 53, 0.1490196078) !important;
  pointer-events: none;
  height: 0;
  transition: transform 0.1s;
  animation-fill-mode: backwards;
  text-align: center;
  width: 100vw;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  align-content: stretch;
  min-height: 81px;
  height: 100vh;
}
@supports (min-height: max(0px)) {
  .ptr--ptr {
    min-height: calc(81px + env(safe-area-inset-top));
  }
}
.ptr--ptr {
  justify-content: center;
  background: rgb(28.7232492997%, 0%, 50.9019607843%);
}
body.is-dark .ptr--ptr {
  background: #232326;
}
.ptr--ptr .ptr--box {
  display: flex;
  height: 85px;
}
@supports (height: max(0px)) {
  .ptr--ptr .ptr--box {
    height: calc(85px + env(safe-area-inset-top));
  }
}
.ptr--ptr .ptr--box .ptr--content {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  width: 100%;
  position: relative;
  justify-content: center;
}
.ptr--ptr .ptr--box .ptr--text {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.75rem;
}
.ptr--ptr .progress-container {
  visibility: hidden;
}
.ptr--ptr .progress-container .progress {
  border-radius: 0;
}
.ptr--ptr .solutions-loader {
  width: 120px;
  height: 20px;
  margin: 0 auto;
}
.ptr--ptr .solutions-loader svg .fill-primary {
  fill: rgb(33.237535014%, 0%, 58.9019607843%);
}
.ptr--ptr .solutions-loader svg .fill-secondary {
  fill: #ff375e;
  transform: translateX(64px);
}
.ptr--ptr .solutions-loader svg .release {
  animation: dash 0.3s linear infinite;
}
.ptr--ptr.ptr--pull .solutions-loader svg .release {
  animation: unset;
}
.ptr--ptr.ptr--refresh.is-task-loading {
  min-height: 2px !important;
  position: absolute;
  left: 50%;
  right: 0;
  width: 100%;
  top: 0;
  top: calc(min(37px, env(safe-area-inset-top)) + 0px);
  margin: 0px;
}
.ptr--ptr.ptr--refresh .solutions-loader {
  animation: 0.4s progressFadeUp;
  animation-fill-mode: both;
}
.ptr--ptr.ptr--refresh .solutions-loader svg .release {
  transition: all 0.4s;
  animation-fill-mode: both;
}
.ptr--ptr.ptr--refresh .progress-container {
  animation: 0.5s progressFadeIn;
  animation-fill-mode: both;
  width: 100%;
}
.ptr--ptr.ptr--max .solutions-loader {
  animation: 0.4s progressFadeUp;
  animation-fill-mode: both;
}
.ptr--ptr.ptr--max .solutions-loader svg .release {
  animation: danger 0.25s linear infinite;
  perspective: 1px;
}
.ptr--ptr.ptr--max .progress-container {
  animation: 0.5s progressFadeIn;
  animation-fill-mode: both;
  width: 100%;
}
.ptr--ptr.ptr--release .solutions-loader svg {
  transition: transform 0.3s ease;
  animation-fill-mode: both;
}
.ptr--ptr.ptr--pull.ptr--pulling .solutions-loader svg {
  transition: transform 0.5s;
}
@keyframes dash {
  to {
    transform: translateX(64px);
  }
}
@keyframes danger {
  to {
    transform: translateX(-1px);
  }
}

/*! purgecss end ignore */
/* ==========================================================================
4. pull to reload primary Dark mode
========================================================================== */
/*! purgecss start ignore */
body.is-dark .ptr--ptr .solutions-loader svg .fill-primary {
  fill: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark .ptr--ptr .solutions-loader svg .fill-secondary {
  fill: #797bf2;
}

/*! purgecss end ignore */
/*! _layout.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. App Layout
    2. View Wrapper
    3. Page Content
    4. Page Title / Toolbar
    5. Minimal Wrapper
    6. Circular Menu
    7. Circular Menu Dark mode
    8. Media Queries
*/
/* ==========================================================================
1. App layout
========================================================================== */
#page-loader {
  background: #f9f9f9;
}
.is-dark #page-loader {
  background: #323236;
}

body {
  background: #fff;
}
body.is-loaded {
  background: #f9f9f9;
}
body.disable-hover {
  pointer-events: none !important;
}
body.opened {
  background: #fff;
}
body.is-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
body.is-curved {
  background: #f2f2f2;
}

.app-wrapper {
  overflow: hidden;
}

.app-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgb(0, 0, 0);
  opacity: 0;
  z-index: -1;
  transition: opacity 0.3s;
}
.app-overlay.is-active {
  opacity: 0.8;
  z-index: 9999;
}

.overlay-highlight {
  position: relative;
  z-index: 99999 !important;
}

.media {
  align-items: center;
}

.ltr {
  direction: ltr;
}

.rtl {
  direction: rtl;
}

[dir=rtl] .media-left {
  margin-left: 1rem;
  margin-right: 0;
}

/* ==========================================================================
2. View Wrapper
========================================================================== */
.view-wrapper {
  position: relative;
  height: 100%;
  min-height: 100vh;
  width: calc(100% - 72px);
  padding: 0 0 35px;
  background: var(--background);
  margin-left: 72px;
}
[dir=rtl] .view-wrapper {
  margin-left: 0;
  margin-right: 72px;
}
.is-sidebar-open .view-wrapper {
  margin-left: 240px;
}
[dir=rtl] .is-sidebar-open .view-wrapper {
  margin-left: 0;
  margin-right: 240px;
}
.is-sidebar-open .view-wrapper {
  width: calc(100% - 240px);
}
@media only screen and (max-width: 1380px) {
  .is-sidebar-open .view-wrapper {
    width: calc(100% - 72px);
    margin-left: 72px;
  }
  [dir=rtl] .is-sidebar-open .view-wrapper {
    margin-left: 0;
    margin-right: 72px;
  }
}
.is-sidebar-open .view-wrapper .is-stuck {
  margin-left: 240px;
}
[dir=rtl] .is-sidebar-open .view-wrapper .is-stuck {
  margin-left: 0;
  margin-right: 240px;
}
.is-sidebar-open .view-wrapper .is-stuck {
  width: calc(100% - 240px);
}
.view-wrapper.is-pushed-messages {
  margin-left: 160px !important;
  width: calc(100% - 160px) !important;
}
.view-wrapper.is-webapp {
  padding-top: 60px;
}
.view-wrapper.is-webapp .is-stuck {
  position: fixed;
  top: 78px;
  left: 0;
  margin-left: 0;
  width: 100%;
  z-index: 69;
}
.view-wrapper.is-webapp .is-stuck.stuck-header {
  padding-right: 20px !important;
}
.view-wrapper.is-webapp .is-stuck.stuck-header .form-head-inner, .view-wrapper.is-webapp .is-stuck.stuck-header .form-header-inner {
  max-width: 1240px;
  margin: 0 auto;
}
.view-wrapper.is-webapp .has-webapp-spacing {
  margin-top: 30px;
}
.view-wrapper .is-stuck {
  position: fixed;
  top: 0;
  left: 0;
  margin-left: 72px;
  width: calc(100% - 72px);
  z-index: 69;
}

/* ==========================================================================
3. Page Content
========================================================================== */
.page-content-wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media only screen and (max-width: 1230px) {
  .page-content-wrapper {
    max-width: 1024px;
  }
}
.page-content-wrapper .page-content {
  padding: 0 40px;
}
@media only screen and (max-width: 1024px) {
  .page-content-wrapper .page-content {
    padding: 0 12px;
    padding-left: calc(12px + env(safe-area-inset-left));
    padding-right: calc(12px + env(safe-area-inset-right));
  }
}
.page-content-wrapper .page-content.is-relative {
  position: relative;
}
.page-content-wrapper .page-content.has-navbar {
  padding-top: 80px;
}
@supports (padding-top: max(80px)) {
  .page-content-wrapper .page-content.has-navbar {
    padding-top: calc(env(safe-area-inset-top) + 80px);
  }
}
.page-content-wrapper .page-content.has-navbar-mobile {
  padding-top: 80px;
}
@supports (padding-top: max(80px)) {
  .page-content-wrapper .page-content.has-navbar-mobile {
    padding-top: calc(env(safe-area-inset-top) + 80px);
  }
}
.page-content-wrapper .page-content.has-navbar-slim {
  padding-top: 60px;
  padding-right: 0;
  padding-left: 0;
}
@supports (padding-top: max(60px)) {
  .page-content-wrapper .page-content.has-navbar-slim {
    padding-top: calc(env(safe-area-inset-top) + 60px);
  }
}
.page-content-wrapper .page-content.kanban-content {
  padding: 0 20px;
}
.page-content-wrapper .page-content.chat-content {
  padding: 0 40px;
}
.page-content-wrapper .page-content.card-content {
  padding: 0 20px;
}
.page-content-wrapper .page-content.waterfall-content {
  overflow: hidden;
}
.page-content-wrapper .page-content.projects-content {
  padding: 0 40px;
}

/* ==========================================================================
4. Page Title / Toolbar
========================================================================== */
.page-title {
  position: relative;
  height: 60px;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.page-title.is-webapp {
  display: none;
  margin-bottom: 0;
}
.page-title .title-wrap {
  margin-left: 1rem;
}
[dir=rtl] .page-title .title-wrap {
  margin-left: 0;
  margin-right: 1rem;
}
.page-title .title-wrap h1 {
  text-align: left;
  margin-bottom: 0;
}
.page-title .title-wrap p {
  line-height: 1;
  color: #a2a5b9;
  font-size: 1.1rem;
}

.toolbar {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 1;
}
.toolbar .control {
  min-width: 280px;
  margin-right: 1rem;
}
.toolbar .dark-mode {
  transform: scale(0.55);
}
.toolbar .toolbar-notifications, .toolbar .new-toolbar-notifications {
  margin: 0 4px;
}
.toolbar .toolbar-notifications .dropdown.is-left .dropdown-menu, .toolbar .new-toolbar-notifications .dropdown.is-left .dropdown-menu {
  left: 0;
  right: auto;
}
.toolbar .toolbar-notifications .dropdown:hover .is-trigger, .toolbar .new-toolbar-notifications .dropdown:hover .is-trigger {
  background: #fff;
  border-color: #ededed;
  border-radius: 50%;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.toolbar .toolbar-notifications .dropdown .new-pulsate, .toolbar .new-toolbar-notifications .dropdown .new-pulsate {
  background: #fff;
  border-color: #ededed;
  border-radius: 50%;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  animation: pulsate 1.5s ease-out;
  animation-iteration-count: infinite;
  opacity: 0;
}
.toolbar .toolbar-notifications .dropdown .is-trigger, .toolbar .new-toolbar-notifications .dropdown .is-trigger {
  position: relative;
  height: 34px;
  width: 34px;
}
.toolbar .toolbar-notifications .dropdown .is-trigger .new-indicator, .toolbar .new-toolbar-notifications .dropdown .is-trigger .new-indicator {
  position: absolute;
  top: 8px;
  right: 8px;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e62965;
}
.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content, .toolbar .new-toolbar-notifications .dropdown .dropdown-menu .dropdown-content {
  top: 2.5rem;
  line-height: 1.5;
  color: #1d252d;
  width: 20rem;
  background: #fff;
  border-radius: 5px;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  padding-top: 0;
}
.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .heading, .toolbar .new-toolbar-notifications .dropdown .dropdown-menu .dropdown-content .heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 0.01rem solid #eee;
  margin-bottom: 0;
}
.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .heading .heading-left h6, .toolbar .new-toolbar-notifications .dropdown .dropdown-menu .dropdown-content .heading .heading-left h6 {
  font-size: 0.8rem;
  font-weight: 500;
  color: #a2a5b9;
  line-height: 1.6;
}
.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .heading .heading-right .notification-link, .toolbar .new-toolbar-notifications .dropdown .dropdown-menu .dropdown-content .heading .heading-right .notification-link {
  margin: 0.4rem 0;
  color: #4f008c;
  font-weight: 500;
}
.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list, .toolbar .new-toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list {
  list-style-type: none;
  padding: 0.5rem 1rem;
  margin: 0;
}
.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item, .toolbar .new-toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item {
  display: flex;
  padding: 0.65rem 0;
}
.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .img-left img, .toolbar .new-toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .img-left img {
  display: inline-block;
  vertical-align: middle;
  height: 2.25rem;
  width: 2.25rem;
  margin: 0 0.5rem 0 0;
  border-radius: 50%;
  max-width: 100%;
}
.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .user-content, .toolbar .new-toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .user-content {
  text-align: left;
  font-family: "STC Forward", sans-serif;
}
.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .user-content .user-info, .toolbar .new-toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .user-content .user-info {
  color: #1d252d;
  font-size: 0.95rem;
}
.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .user-content .user-info span, .toolbar .new-toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .user-content .user-info span {
  font-weight: 500;
}
.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .user-content .time, .toolbar .new-toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .user-content .time {
  margin: 0;
  font-size: 0.85rem;
  color: #a2a5b9;
}
.toolbar .toolbar-link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  margin: 0 4px;
  transition: all 0.3s;
}
.toolbar .toolbar-link:hover {
  background: #fff;
  border-color: #ededed;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.toolbar .toolbar-link svg {
  height: 18px;
  width: 18px;
  stroke-width: 1.6px;
  stroke: #a2a5b9;
  transition: stroke 0.3s;
}
.toolbar .toolbar-link img {
  display: block;
  height: 24px;
  width: 24px;
  min-width: 24px;
  border-radius: 50%;
}
.toolbar .toolbar-link.is-close-button svg {
  height: 24px;
  width: 24px;
  stroke-width: 2px;
  stroke: #1d252d;
  transition: stroke 0.3s;
}
body.is-dark .toolbar .toolbar-link.is-close-button svg {
  stroke: #fcfcfc;
}

/* ==========================================================================
5. Minimal Wrapper
========================================================================== */
.minimal-wrapper {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background: #e5e5e5;
  transition: all 0.3s;
}
.minimal-wrapper.light {
  background: #fff;
}
.minimal-wrapper.lighter {
  background: #fcfcfc;
}
.minimal-wrapper.darker {
  background: #f2f2f2;
}
.minimal-wrapper .minimal-wrap {
  min-height: calc(100vh - 60px);
}

/* ==========================================================================
6. Circular Menu
========================================================================== */
.scroll-to-top {
  position: fixed;
  bottom: calc(env(safe-area-inset-bottom) + 20px);
  right: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  z-index: 100;
  justify-content: center;
}
[dir=rtl] .scroll-to-top {
  right: unset;
  left: 20px;
}
@media only screen and (max-width: 767px) {
  .scroll-to-top {
    bottom: calc(env(safe-area-inset-bottom) + 70px);
  }
}
body.is-dark .scroll-to-top {
  border: 1.8px solid #232326;
}
.scroll-to-top:hover {
  box-shadow: 0 14px 26px -12px rgba(79, 0, 140, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 0, 140, 0.2);
}

.circular-menu {
  position: fixed;
  bottom: calc(env(safe-area-inset-bottom) + 20px);
  right: 20px;
  z-index: 70;
  pointer-events: none;
  transition: transform 0.3s;
}
[dir=rtl] .circular-menu {
  right: unset;
  left: 20px;
}
@media only screen and (max-width: 767px) {
  .circular-menu {
    bottom: calc(env(safe-area-inset-bottom) + 70px);
  }
}
.circular-menu .background {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
}
.circular-menu.is-active {
  pointer-events: all;
}
.circular-menu.is-active .trigger {
  display: none;
}
.circular-menu.active:after {
  transform: translate(50%, -50%);
  transition-timing-function: cubic-bezier(0.68, 1.55, 0.265, 1);
}
.circular-menu.active .floating-btn {
  box-shadow: 0 4px 8px 0 hsla(0, 0%, 0%, 0.3);
}
.circular-menu.active .floating-btn i {
  transform: unset;
}
.circular-menu.active .menu-item {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.circular-menu.active .menu-item:nth-child(1) {
  transform: translate3d(0em, -7em, 0);
}
.circular-menu.active .menu-item:nth-child(2) {
  transform: translate3d(-4.5em, -5em, 0);
}
[dir=rtl] .circular-menu.active .menu-item:nth-child(2) {
  transform: translate3d(4.5em, -5em, 0);
}
.circular-menu.active .menu-item:nth-child(3) {
  transform: translate3d(-6.5em, 0.1em, 0);
}
[dir=rtl] .circular-menu.active .menu-item:nth-child(3) {
  transform: translate3d(6.5em, 0.1em, 0);
}
.circular-menu.active .menu-item span {
  transform: scale(1);
  transition-timing-function: cubic-bezier(0.68, 1.55, 0.265, 1);
}
.circular-menu.active .menu-item.is-flex span {
  transform: scale(1);
  transition-timing-function: cubic-bezier(0.68, 1.55, 0.265, 1);
}
.circular-menu.active .menu-item .trigger {
  display: block;
  position: absolute;
  width: 133%;
  height: 57px;
  z-index: 4;
  margin: auto;
  top: -3px;
  pointer-events: all;
  cursor: pointer;
}
.circular-menu.active .background {
  display: block;
  z-index: -3;
}
.circular-menu:after {
  width: 19em;
  height: 19em;
  border-radius: 50%;
  position: absolute;
  transform: scale3d(0.18, 0.18, 1) translate(275%, -280%);
  top: 50%;
  right: 50%;
  display: block;
  content: " ";
  z-index: -2;
  background-color: rgb(25.337535014%, 0%, 44.9019607843%);
  box-shadow: 0 14px 26px -12px rgba(79, 0, 140, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 0, 140, 0.2);
  transition: all 0.3s ease;
}
.circular-menu .floating-btn {
  width: 3.5em;
  height: 3.5em;
  border-radius: 50%;
  background-color: rgb(34.3661064426%, 0%, 60.9019607843%);
  box-shadow: 0 14px 26px -12px rgba(79, 0, 140, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 0, 140, 0.2);
  color: #fcfcfc;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  outline: 0;
}
.circular-menu .floating-btn i {
  transform: rotate(45deg);
  font-size: 0.9rem;
  transition: transform 0.2s;
}
.circular-menu .items-wrapper {
  padding: 0;
  margin: 0;
}
.circular-menu .menu-item {
  position: absolute;
  top: 0.2em;
  right: 0.2em;
  z-index: -1;
  display: block;
  text-decoration: none;
  color: hsl(0, 0%, 100%);
  font-size: 1em;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  text-align: center;
  line-height: 3;
  background-color: hsla(0, 0%, 0%, 0.2);
  transition: transform 0.3s ease, background-color 0.2s ease;
}
.circular-menu .menu-item:hover {
  background-color: hsla(0, 0%, 0%, 0.3);
}
.circular-menu .menu-item.is-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.circular-menu .menu-item.is-flex .dark-mode {
  transform: scale(0.5);
}
.circular-menu .menu-item.is-flex > img {
  display: block;
  height: 24px;
  width: 24px;
  min-width: 24px;
  border-radius: 50%;
}
.circular-menu .menu-item.is-flex svg {
  height: 18px;
  width: 18px;
  stroke: #fcfcfc;
  stroke-width: 1.6px;
}
.circular-menu .menu-item.is-flex span {
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  top: 34px;
  font-weight: 600;
  font-size: 0.6rem;
  transform: scale(0);
}

/* ==========================================================================
7. Circular Menu Dark Mode
========================================================================== */
body.is-dark .circular-menu:after {
  background: rgb(11.8076819769%, 11.8076819769%, 12.8197690035%);
  box-shadow: 0 4px 8px 0 hsla(0, 0%, 0%, 0.3) !important;
}
body.is-dark .circular-menu.active .floating-btn {
  box-shadow: 0 4px 8px 0 hsla(0, 0%, 0%, 0.3) !important;
}
body.is-dark .circular-menu .floating-btn {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  box-shadow: 0 4px 8px 0 hsla(0, 0%, 0%, 0.3) !important;
}

/* ==========================================================================
8. Scrollbar
========================================================================== */
*::-webkit-scrollbar {
  width: 0px;
  height: 1px;
}

*::-webkit-scrollbar-thumb {
  background: #eeeeee;
  border-radius: 4px;
}

*::-webkit-scrollbar-thumb:hover {
  background: rgb(88.3333333333%, 88.3333333333%, 88.3333333333%);
}

*::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
  box-shadow: inset 7px 10px 12px white;
}

/* ==========================================================================
9. Scrollbar Dark Mode
========================================================================== */
body.is-dark *::-webkit-scrollbar-thumb {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-radius: 4px;
}
body.is-dark *::-webkit-scrollbar-thumb:hover {
  background: #232326;
}
body.is-dark *::-webkit-scrollbar-track {
  background: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
  border-radius: 4px;
  box-shadow: inset 7px 10px 12px rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
}

/* ==========================================================================
10. Media Queries
========================================================================== */
@media (max-width: 767px) {
  .page-title .toolbar .control {
    display: none;
  }
  .has-more-margin-x-mobile {
    margin-left: 0;
    margin-right: 0;
  }
  .mobile-padding-0 {
    padding: 0.75rem 0px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .page-content-wrapper .page-content {
    padding: 0;
  }
  .page-title .title-wrap {
    margin-left: 0;
  }
}
/*! _right-panel.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Right Panel Base
    2. Right Panel Base Dark mode
    3. Languages Panel
    4. Languages Panel Dark mode
    5. Activity Panel
    6. Activity Panel Dark mode
    7. Task Panel
    8. Task Panel Dark Mode
    9. Media Queries

*/
/* ==========================================================================
1. Right Panel Base
========================================================================== */
.right-panel-wrapper.is-active .panel-overlay {
  opacity: 0.8;
  pointer-events: all;
}
.right-panel-wrapper.is-active .right-panel {
  transform: translateX(0);
}
.right-panel-wrapper.is-left.is-active .right-panel {
  transform: translateX(0);
}
.right-panel-wrapper.is-left .right-panel {
  right: unset;
  left: 0;
  transform: translateX(-100%);
}
[dir=rtl] .right-panel-wrapper.is-left .right-panel {
  right: 0;
  left: unset;
  transform: translateX(100%);
}
.right-panel-wrapper .panel-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #232326;
  opacity: 0;
  pointer-events: none;
  z-index: 102;
  transition: all 0.3s;
}
body.is-dark .right-panel-wrapper .panel-overlay {
  background-color: rgb(4.1364491002%, 4.1364491002%, 4.4910018802%);
}
.right-panel-wrapper .right-panel {
  position: fixed;
  top: 0;
  right: 0;
  width: 360px;
  height: 100%;
  background: #fff;
  transform: translateX(100%);
  z-index: 103;
}
[dir=rtl] .right-panel-wrapper .right-panel {
  left: 0;
  right: unset;
  transform: translateX(-100%);
}
.right-panel-wrapper .right-panel .right-panel-head {
  position: relative;
  height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  padding: calc(env(safe-area-inset-top) + 0px) 20px 0;
  z-index: 1;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task {
  height: auto;
  align-items: center;
  padding-top: env(safe-area-inset-top);
  justify-content: start;
  display: flow-root;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task .close-panel {
  margin: 5px -10px;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task.is-success {
  background-color: #06d6a0;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task.is-success h3 {
  color: #fff;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task.is-success .close-panel:hover {
  background: #ededed;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task.is-success .close-panel:hover svg {
  stroke: #4f008c;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task.is-success .close-panel svg {
  stroke: #fff;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task.is-primary {
  background-color: #4f008c;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task.is-primary h3 {
  color: #fff;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task.is-primary .close-panel:hover {
  background: #ededed;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task.is-primary .close-panel:hover svg {
  stroke: #1d252d;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task.is-primary .close-panel svg {
  stroke: #fff;
}
body.is-dark .right-panel-wrapper .right-panel .right-panel-head.is-task.is-primary {
  background-color: rgb(14.6843943057%, 14.6843943057%, 15.9430566747%);
}
body.is-dark .right-panel-wrapper .right-panel .right-panel-head.is-task.is-primary h3 {
  color: #cecece;
}
body.is-dark .right-panel-wrapper .right-panel .right-panel-head.is-task.is-primary .close-panel:hover {
  background: #cecece;
}
body.is-dark .right-panel-wrapper .right-panel .right-panel-head.is-task.is-primary .close-panel:hover svg {
  stroke: #232326;
}
body.is-dark .right-panel-wrapper .right-panel .right-panel-head.is-task.is-primary .close-panel svg {
  stroke: #cecece;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task .head-content {
  display: flex;
  place-content: space-between;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task .head-content .left-content {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task .head-content .left-content .task-title {
  display: flex;
  align-content: center;
  align-items: center;
  width: calc(100% - 20px);
}
.right-panel-wrapper .right-panel .right-panel-head.is-task .head-content .left-content .task-title h3 {
  align-self: flex-end;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task .head-content .left-content .task-title i {
  opacity: 0;
  font-size: 10px;
  transition-timing-function: ease-in;
  transition: 0.5s;
  margin-left: 5px;
  width: 0;
}
[dir=rtl] .right-panel-wrapper .right-panel .right-panel-head.is-task .head-content .left-content .task-title i {
  margin-right: 5px;
  margin-left: 0;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task .head-content .left-content .animated-content {
  transform: translateY(20px);
  transition-timing-function: ease-in;
  transition: 0.45s;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task .head-content .left-content .animated-content .stats {
  display: flex;
  align-items: center;
  position: absolute;
  opacity: 0;
  transition-timing-function: ease-in;
  transition: 0.5s;
  color: #fff;
}
body.is-dark .right-panel-wrapper .right-panel .right-panel-head.is-task .head-content .left-content .animated-content .stats {
  color: #a2a5b9;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task .head-content .left-content .animated-content .stats i {
  font-size: 0.3rem;
  margin: 0 8px;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task .head-content .left-content .animated-content .stats .h-avatar {
  margin-right: 5px;
  max-width: 25px;
  min-width: 25px;
  max-height: 25px;
}
[dir=rtl] .right-panel-wrapper .right-panel .right-panel-head.is-task .head-content .left-content .animated-content .stats .h-avatar {
  margin-left: 5px;
  margin-right: 0;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task .head-content .left-content .animated-content .stats .h-avatar .avatar {
  width: 25px;
  min-width: 25px;
  height: 25px;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task .head-content .left-content .animated-content .stats .h-avatar .avatar.is-fake {
  width: 25px;
  min-width: 25px;
  height: 25px;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task .head-content .service-avatar {
  display: flex;
  top: 26px;
  position: relative;
  align-self: flex-end;
  right: 5px;
  z-index: 1;
  transition-timing-function: ease-in;
  transition: 0.45s;
}
[dir=rtl] .right-panel-wrapper .right-panel .right-panel-head.is-task .head-content .service-avatar {
  right: 0;
  left: 5px;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task .head-content .service-avatar .svg-icon.is-fake svg {
  width: 54px;
  height: 54px;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task .head-content .service-avatar .svg-icon.is-fake svg .progress-icon {
  fill: rgb(47.9089635854%, 0%, 84.9019607843%);
  stroke: #fff;
  stroke-width: 2.5px;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task .head-content .service-avatar .svg-icon.is-fake span {
  top: -2px;
  font-weight: 600;
  font-size: 0.9rem;
  color: #fff;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task .head-content .service-avatar .svg-icon.is-fake span:nth-child(3) {
  top: 11px;
  font-size: 0.7rem;
}
body.is-dark .right-panel-wrapper .right-panel .right-panel-head.is-task .head-content .service-avatar .svg-icon.is-fake svg .progress-icon {
  fill: rgb(16.6022025248%, 16.6022025248%, 18.0252484555%);
  stroke: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
body.is-dark .right-panel-wrapper .right-panel .right-panel-head.is-task .head-content .service-avatar .svg-icon.is-fake span {
  color: #a2a5b9;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task.is-offer .service-avatar .svg-icon.is-fake.is-squared.is-light-default .discount {
  font-size: 0.55rem;
  text-transform: uppercase;
}
[dir=rtl] .right-panel-wrapper .right-panel .right-panel-head.is-task.is-offer .service-avatar .svg-icon.is-fake.is-squared.is-light-default .discount {
  font-size: 0.7rem;
}
.right-panel-wrapper .right-panel .right-panel-head.is-task.is-offer .service-avatar .svg-icon.is-fake.is-squared.is-light-default .special-offer {
  font-size: 0.75rem;
  top: 4px;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  width: 56px;
  justify-content: center;
}
[dir=rtl] .right-panel-wrapper .right-panel .right-panel-head.is-task.is-offer .service-avatar .svg-icon.is-fake.is-squared.is-light-default .special-offer {
  top: 0px;
}
.right-panel-wrapper .right-panel .right-panel-head.is-scrolled {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
}
.right-panel-wrapper .right-panel .right-panel-head.is-scrolled.is-task .head-content .left-content .task-title i {
  position: relative;
  opacity: 1;
  width: auto;
  transition-timing-function: ease-out;
  transition: opacity 0.45s;
}
.right-panel-wrapper .right-panel .right-panel-head.is-scrolled.is-task .head-content .left-content .animated-content {
  transform: translateY(-3px);
  transition-timing-function: ease-out;
  transition: 0.45s;
}
.right-panel-wrapper .right-panel .right-panel-head.is-scrolled.is-task .head-content .left-content .animated-content .stats {
  opacity: 1;
  transition-timing-function: ease-out;
  transition: 0.45s;
}
.right-panel-wrapper .right-panel .right-panel-head.is-scrolled.is-task .head-content .service-avatar {
  transform: translateY(-46px);
  transition-timing-function: ease-out;
  transition: 0.45s;
}
.right-panel-wrapper .right-panel .right-panel-head h3 {
  color: #999;
  font-size: 1.2rem;
  font-weight: 500;
}
.right-panel-wrapper .right-panel .right-panel-head > img {
  max-width: 36px;
}
.right-panel-wrapper .right-panel .right-panel-head .close-panel {
  height: 32px;
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transition: all 0.3s;
}
.right-panel-wrapper .right-panel .right-panel-head .close-panel:hover {
  background: #ededed;
}
.right-panel-wrapper .right-panel .right-panel-head .close-panel:hover svg {
  stroke: #4f008c;
}
.right-panel-wrapper .right-panel .right-panel-head .close-panel svg {
  stroke: #a2a5b9;
  height: 22px;
  width: 22px;
  transition: stroke 0.3s;
}
.right-panel-wrapper .right-panel .right-panel-body {
  position: relative;
  height: calc(100% - (env(safe-area-inset-bottom) + 115px));
  width: 100%;
}
.right-panel-wrapper .right-panel .right-panel-header {
  text-transform: uppercase;
  font-size: 0.8rem;
  color: #a2a5b9;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 1;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 2%, rgb(255, 255, 255) 19%);
  padding: 10px 0;
  margin: 0 30px;
}
body.is-dark .right-panel-wrapper .right-panel .right-panel-header {
  background: linear-gradient(0deg, rgba(35, 35, 38, 0) 4%, rgb(35, 35, 38) 23%);
}

/* ==========================================================================
2. Right Panel Base Dark mode
========================================================================== */
body.is-dark .right-panel-wrapper .right-panel {
  background: #232326;
}
body.is-dark .right-panel-wrapper .right-panel .right-panel-head h3 {
  color: #cecece;
}
body.is-dark .right-panel-wrapper .right-panel .right-panel-head .close-panel:hover {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
body.is-dark .right-panel-wrapper .right-panel .right-panel-head .close-panel:hover svg {
  stroke: #797bf2;
}

/* ==========================================================================
3. Languages Panel
========================================================================== */
.right-panel-wrapper.is-languages .right-panel-head {
  padding: 0 30px;
}
.right-panel-wrapper.is-languages .right-panel-body .languages-boxes {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 0;
}
.right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box {
  margin: 8px 8px 16px 8px;
  width: calc(33.3% - 16px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option {
  position: relative;
}
.right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option input {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}
.right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option input:checked + .language-option-inner {
  border-color: #4f008c;
}
.right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option input:checked + .language-option-inner .indicator {
  display: flex;
}
.right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option .language-option-inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 55px;
  width: 55px;
  border-radius: 50%;
  border: 1.6px solid #ededed;
  background: #fff;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  transition: all 0.3s;
}
.right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option .language-option-inner img {
  display: block;
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
}
.right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option .language-option-inner .indicator {
  position: absolute;
  top: -4px;
  right: -4px;
  height: 26px;
  width: 26px;
  border-radius: 50%;
  display: none;
  justify-content: center;
  align-items: center;
  background: #4f008c;
  border: 3px solid #fff;
}
.right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option .language-option-inner .indicator svg {
  height: 10px;
  width: 10px;
  stroke-width: 3px;
  stroke: #fff;
}
.right-panel-wrapper.is-languages .right-panel-body .img-wrap > img {
  display: block;
  max-width: 280px;
  margin: 0 auto;
}

/* ==========================================================================
4. Languages Panel Dark mode
========================================================================== */
body.is-dark .right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option input:checked + .language-option-inner {
  border-color: #797bf2;
}
body.is-dark .right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option .language-option-inner {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
  background: #232326;
}
body.is-dark .right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option .language-option-inner .indicator {
  background: #797bf2;
  border-color: #232326;
}

/* ==========================================================================
5. Activity Panel
========================================================================== */
.right-panel-wrapper.is-activity .right-panel .right-panel-head {
  padding: 0 30px;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body {
  padding: 0 30px;
  height: calc(100% - 55px);
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card {
  display: flex !important;
  align-items: center;
  padding: 16px !important;
  margin-bottom: 16px;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .meta {
  margin-left: 12px;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .meta span {
  display: block;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .meta span:first-child {
  color: #1d252d;
  font-weight: 500;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .meta span:nth-child(2) {
  color: #a2a5b9;
  font-size: 0.9rem;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .meta span:nth-child(2) svg {
  height: 12px;
  width: 12px;
  stroke-width: 1.4px;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .link {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  height: 34px;
  width: 34px;
  background: #fff;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  border-radius: 50%;
  transition: all 0.3s;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .link:hover {
  border-color: #4f008c;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .link:hover svg {
  stroke: #4f008c;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .link svg {
  height: 16px;
  width: 16px;
  stroke: #a2a5b9;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card {
  padding: 16px !important;
  margin-bottom: 16px;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner {
  display: flex;
  align-items: center;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .project-avatar {
  display: block;
  height: 38px;
  width: 38px;
  border-radius: 12px;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .meta {
  margin-left: 12px;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .meta span {
  display: block;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .meta span:first-child {
  color: #1d252d;
  font-family: "STC Forward", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .meta span:nth-child(2) {
  font-family: "STC Forward", sans-serif;
  color: #a2a5b9;
  font-size: 0.9rem;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .link {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  height: 34px;
  width: 34px;
  background: #fff;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  border-radius: 50%;
  transition: all 0.3s;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .link:hover {
  border-color: #4f008c;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .link:hover svg {
  stroke: #4f008c;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .link svg {
  height: 16px;
  width: 16px;
  stroke: #a2a5b9;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-foot {
  margin-top: 12px;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-foot .progress {
  margin-bottom: 10px;
  margin-top: 18px;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-foot .foot-stats {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-foot .foot-stats span {
  font-family: "STC Forward", sans-serif;
  color: #a2a5b9;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline {
  margin-top: 30px;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item {
  position: relative;
  display: flex;
  padding-bottom: 30px;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item:after {
  content: "";
  position: absolute;
  top: 36px;
  left: 18px;
  width: 1px;
  height: calc(100% - 36px);
  border-left: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item .timeline-icon {
  position: relative;
  height: 36px;
  width: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  border-radius: 50%;
  color: #a2a5b9;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item .timeline-icon:after {
  content: "";
  position: absolute;
  top: 17px;
  left: 40px;
  width: 20px;
  height: 1px;
  border-top: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item .timeline-icon img {
  display: block;
  height: 28px;
  width: 28px;
  border-radius: 50%;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item .timeline-icon svg {
  height: 16px;
  width: 16px;
  stroke-width: 1.6px;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item .timeline-content {
  margin-left: 34px;
  line-height: 1.2;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item .timeline-content p {
  font-size: 0.95rem;
  font-family: "STC Forward", sans-serif;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item .timeline-content span {
  font-size: 0.85rem;
  color: #a2a5b9;
}
.right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item .note {
  margin-left: auto;
  align-self: center;
}
[dir=rtl] .right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item .note {
  margin-left: 0;
  margin-right: auto;
}
.right-panel-wrapper.is-activity .right-panel .tabs-wrapper {
  height: calc(100% - 60px);
}
.right-panel-wrapper.is-activity .right-panel .tabs-wrapper .tabs-inner .tabs {
  margin-left: auto;
  margin-right: auto;
}

/* ==========================================================================
6. Activity Panel Dark mode
========================================================================== */
body.is-dark .right-panel-wrapper.is-activity .right-panel-body .team-card,
body.is-dark .right-panel-wrapper.is-activity .right-panel-body .project-card {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
  border-color: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%) !important;
}
body.is-dark .right-panel-wrapper.is-activity .right-panel-body .team-card .meta span:first-child,
body.is-dark .right-panel-wrapper.is-activity .right-panel-body .project-card .project-inner .meta span:first-child {
  color: #cecece;
}
body.is-dark .right-panel-wrapper.is-activity .right-panel-body .team-card .link,
body.is-dark .right-panel-wrapper.is-activity .right-panel-body .project-card .project-inner .link {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%) !important;
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%) !important;
}
body.is-dark .right-panel-wrapper.is-activity .right-panel-body .team-card .link:hover,
body.is-dark .right-panel-wrapper.is-activity .right-panel-body .project-card .project-inner .link:hover {
  border-color: #797bf2 !important;
}
body.is-dark .right-panel-wrapper.is-activity .right-panel-body .team-card .link:hover svg,
body.is-dark .right-panel-wrapper.is-activity .right-panel-body .project-card .project-inner .link:hover svg {
  stroke: #797bf2 !important;
}
body.is-dark .right-panel-wrapper.is-activity .right-panel-body .icon-timeline .timeline-item:after {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%) !important;
}
body.is-dark .right-panel-wrapper.is-activity .right-panel-body .icon-timeline .timeline-item .timeline-icon {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%) !important;
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%) !important;
}
body.is-dark .right-panel-wrapper.is-activity .right-panel-body .icon-timeline .timeline-item .timeline-icon:after {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%) !important;
}

/* ==========================================================================
7. Task Panel
========================================================================== */
.right-panel-wrapper.is-task .right-panel {
  transform: translateX(0);
  width: calc(420px + min(34px, env(safe-area-inset-left)));
}
body.is-dark .right-panel-wrapper.is-task .right-panel {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
.right-panel-wrapper.is-task .right-panel .right-panel-head {
  padding: 0 20px;
  padding-right: calc(20px + min(12px, env(safe-area-inset-right)));
}
[dir=rtl] .right-panel-wrapper.is-task .right-panel .right-panel-head {
  padding-left: calc(20px + min(12px, env(safe-area-inset-left)));
  padding-right: 20px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body {
  padding: 15px 20px calc(15px + env(safe-area-inset-bottom)) 20px;
  height: calc(100% - env(safe-area-inset-bottom) - 96px);
}
.right-panel-wrapper.is-task .right-panel .right-panel-body.has-action {
  height: calc(100% - (env(safe-area-inset-bottom) + 96px + env(safe-area-inset-bottom) + 50px));
  padding: 15px 20px;
  padding-right: calc(20px + min(34px, env(safe-area-inset-left)));
}
[dir=rtl] .right-panel-wrapper.is-task .right-panel .right-panel-body.has-action {
  padding-left: calc(20px + min(34px, env(safe-area-inset-left)));
  padding-right: 20px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1.6px dashed rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group h3 {
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 600;
  color: #4f008c;
  margin-bottom: 10px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #1d252d;
  margin-bottom: 5px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group h5 {
  text-transform: uppercase;
  font-size: 0.8rem;
  color: #a2a5b9;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .field label {
  margin-bottom: 5px;
  display: block;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.is-message {
  border-bottom: none;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.is-message .message {
  padding: 0;
  border-radius: 8px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.is-message .message.is-warning {
  background-color: #ffc26c;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.is-message .message.is-warning .message-body h2 {
  color: #1d252d;
  margin-bottom: 5px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.is-message .message.is-warning .message-body h3 {
  color: #1d252d;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.is-message .message.is-warning .message-body .media-flex-center .flex-meta span:nth-child(2) {
  color: rgb(19.2103868574%, 24.5098039216%, 29.8092209857%);
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.is-message .message.is-warning {
  background-color: #232326;
  border-color: #e08400 !important;
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.is-message .message.is-warning .message-body h2 {
  color: #e08400 !important;
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.is-message .message.is-warning .message-body h3 {
  color: #a2a5b9;
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.is-message .message.is-warning .message-body p {
  color: #cecece;
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.is-message .message.is-warning .message-body .media-flex-center .flex-meta span {
  color: #cecece;
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.is-message .message.is-warning .message-body .media-flex-center .flex-meta span:nth-child(2) {
  color: rgb(79.7843137255%, 79.7843137255%, 79.7843137255%);
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.is-message .message.is-danger {
  background-color: rgb(68.2960045943%, 7.9785052096%, 27.1269177127%);
  border-color: rgb(59.3420296989%, 6.932480105%, 23.570432357%);
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.is-message .message.is-danger .message-body h3,
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.is-message .message.is-danger .message-body h2 {
  color: #fff;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.is-message .message.is-danger .message-body p {
  color: #fff;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.is-message .message.is-danger .message-body .media-flex-center .flex-meta span:first-child {
  color: #fff;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.is-message .message.is-danger .message-body .media-flex-center .flex-meta span:nth-child(2) {
  color: white;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.is-message .message .message-body {
  padding: 10px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.is-message .message .message-body h2 {
  margin-bottom: 5px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.is-message .message .message-body h3 {
  margin-bottom: 5px;
  text-transform: capitalize;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.is-message .message .message-body p {
  font-weight: 400;
  margin-bottom: 10px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.is-message .message .message-body .media-flex-center .flex-meta span:first-child {
  font-size: 0.85rem;
  color: #1d252d;
  font-weight: 500;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.is-message .message .message-body .media-flex-center .flex-meta span:nth-child(2) {
  color: #a2a5b9;
  font-size: 0.8rem;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview {
  background: #f9f9f9;
  margin: -15px -20px 20px;
  padding: 15px 20px;
  margin-right: calc(-20px - min(34px, env(safe-area-inset-left)));
}
[dir=rtl] .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview {
  margin-left: calc(-20px - min(34px, env(safe-area-inset-left)));
  margin-right: -20px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
  opacity: 1;
  transition: all 0.5s;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item.is-scrolled {
  transform: translateY(-25px);
  opacity: 0.5;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item.is-scrolled .status {
  opacity: 0.5;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item .bottom-section {
  display: flex;
  padding-bottom: 15px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item .bottom-section:last-child {
  padding-bottom: 0;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item .bottom-section .foot-block {
  margin-right: 20px;
}
[dir=rtl] .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item .bottom-section .foot-block {
  margin-right: 0;
  margin-left: 20px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item .bottom-section .foot-block .heading {
  font-size: 0.75rem;
  color: #4f008c;
  letter-spacing: 0;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item .bottom-section .foot-block > p {
  padding-top: 5px;
  font-weight: 500;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item .bottom-section .foot-block .requester {
  display: flex;
  align-content: center;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item .bottom-section .foot-block .requester .h-avatar {
  margin-right: 5px;
  max-width: 28px;
  min-width: 28px;
  max-height: 28px;
}
[dir=rtl] .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item .bottom-section .foot-block .requester .h-avatar {
  margin-left: 5px;
  margin-right: 0;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item .bottom-section .foot-block .requester .h-avatar .avatar {
  width: 28px;
  min-width: 28px;
  height: 28px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item .bottom-section .foot-block .requester .h-avatar .avatar.is-fake {
  width: 28px;
  min-width: 28px;
  height: 28px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item .bottom-section .foot-block .requester p {
  font-weight: 500;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item .bottom-section .foot-block .status {
  font-weight: 500;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item .bottom-section .foot-block .status.is-success i {
  color: #06d6a0;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item .bottom-section .foot-block .status.is-info i {
  color: #039BE5;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item .bottom-section .foot-block .status.is-warning i {
  color: #faae42;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item .bottom-section .foot-block .status.is-danger i {
  color: #e62965;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item .bottom-section .foot-block .status i {
  position: relative;
  top: -1px;
  font-size: 10px;
  margin-right: 5px;
}
[dir=rtl] .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item .bottom-section .foot-block .status i {
  margin-left: 5px;
  margin-right: 0;
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview {
  background-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
  border-bottom: none;
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item .bottom-section .foot-block .heading {
  color: #797bf2;
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item .bottom-section .foot-block > p {
  color: #a2a5b9;
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-overview .grid-item .bottom-section .foot-block .requester p {
  color: #a2a5b9;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details {
  padding-bottom: 10px;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details .info-block-inner {
  padding: 0;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details .info-block-inner .title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  margin-top: 10px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details .info-block-inner .title-wrap h3 {
  margin-bottom: 0;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details .info-block-inner .title-wrap .action-link {
  font-size: 0.9rem;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details .info-block-inner .info-block-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid rgb(88.9411764706%, 88.9411764706%, 88.9411764706%);
  margin-right: -12px;
  padding: 6px 20px 6px 0;
}
[dir=rtl] .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details .info-block-inner .info-block-line {
  margin-right: 0;
  margin-left: -16px;
  padding-right: 0;
  padding-left: 20px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details .info-block-inner .info-block-line:last-child {
  border-bottom: none;
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details .info-block-inner .info-block-line {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details .info-block-inner .info-block-line.is-attachments {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: stretch;
  align-content: flex-start;
  border: none;
  padding-bottom: 0;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details .info-block-inner .info-block-line.is-attachments .task-files .meta span {
  padding: 2px 0;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details .info-block-inner .info-block-line .is-attachments {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: stretch;
  align-content: flex-start;
  border: none;
  padding-bottom: 0;
  width: 100%;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details .info-block-inner .info-block-line .is-attachments .task-files .meta span {
  padding: 2px 0;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details .info-block-inner .info-block-line {
  /*.members-list {
      .empty-wrap {
          height: 110px;
          display: flex;
          justify-content: center;
          align-items: center;

          span {
              color: $light-text;
          }
      }

      .invited-member {
          position: relative;
          display: flex;
          align-items: center;
          padding: 12px;
          border: 1px solid darken($fade-grey, 3%);
          border-radius: 6px;
          margin-bottom: 12px;
          text-align: left;

          > img {
              display: block;
              width: 80px;
              height: 80px;
              border-radius: 50%;
              margin: 0 auto;
          }

          .meta {
              margin-left: 12px;
              line-height: 1.1;
              [dir=rtl] & {
                  margin-left: 0;
                  margin-right: 12px;
                  text-align: right;
              }

              > span {
                  display: block;
                  font-size: .8rem;
                  text-transform: uppercase;
                  color: $light-text;
                  padding: 0;
              }

              > p {
                  margin-bottom: 0;
                  font-weight: 500;
                  color: $dark-text;
              }
          }

          .actions {
              margin-left: auto;
              display: flex;
              align-items: center;
              .move-buttons {
                  margin-left: 10px;
                  [dir=rtl] & {
                      margin-right: 10px;
                      margin-left: 0;
                  }
              }
          }
      }
  }*/
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details .info-block-inner .info-block-line h4 {
  font-weight: 600;
  color: #1d252d;
  font-size: 0.95rem;
  line-height: 2;
  margin-bottom: 0;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details .info-block-inner .info-block-line h4 {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details .info-block-inner .info-block-line span {
  color: #575767;
  font-size: 0.9rem;
  font-weight: 400;
  padding: 10px 0;
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details .info-block-inner .info-block-line span {
  color: #a2a5b9;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details .info-block-inner .info-block-line span.has-image {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-grow: 2;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details .info-block-inner .info-block-line span.has-image img {
  max-width: 28px;
  margin-right: 6px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details .info-block-inner .info-block-line span i {
  position: relative;
  top: 0;
  font-size: 10px;
  margin-right: 8px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details .info-block-inner.is-additional-fields {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1.6px dashed rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details .info-block-inner.is-additional-fields {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details .info-block-inner.is-additional-fields:empty {
  display: none;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details.map .dropdown-trigger {
  position: absolute;
  top: 220px;
  z-index: 100;
  right: 50px;
}
[dir=rtl] .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details.map .dropdown-trigger {
  left: 60px;
  right: unset;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details.map .dropdown-trigger .dropdown-menu {
  width: 100%;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-details.map .dropdown-trigger .dropdown-trigger {
  display: none;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-edit .info-block-inner .title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  margin-bottom: 10px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-edit .info-block-inner .title-wrap h3 {
  margin-bottom: 0;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-edit .info-block-inner .title-wrap .action-link {
  font-size: 0.9rem;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-edit .info-block-inner .info-block-line.field .select-fullwidth {
  width: 100%;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-edit .info-block-inner .info-block-line.field .select-fullwidth .select {
  width: 100%;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-edit .info-block-inner .info-block-line.field .select-fullwidth .select select {
  width: 100%;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-edit .info-block-inner .info-block-line.is-attachments .task-files .file-box {
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  margin-bottom: 10px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-edit .info-block-inner .info-block-line.is-attachments .task-files .file-box:last-child {
  margin-bottom: 0;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-edit {
  /*! purgecss start ignore */
  /*! purgecss end ignore */
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.progress-bar {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.progress-bar.is-current-state {
  margin-bottom: 10px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.progress-bar .list-widget {
  padding: 10px 0;
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.progress-bar .list-widget {
  box-shadow: none;
  background: transparent;
  border: none;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.progress-bar .list-widget .icon-timeline .timeline-item:last-child {
  padding-bottom: 0;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.progress-bar .list-widget .icon-timeline .timeline-item:last-child:after {
  display: none;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.progress-bar .list-widget .icon-timeline .timeline-item .note {
  margin-left: auto;
  align-self: center;
}
[dir=rtl] .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.progress-bar .list-widget .icon-timeline .timeline-item .note {
  margin-left: 0;
  margin-right: auto;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-actions .task-action-head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-actions .task-action-head h3 {
  margin: 0;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group.task-actions .is-action-btn {
  height: 50px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-description {
  margin-bottom: 20px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-description p {
  margin-bottom: 10px;
  font-size: 0.95rem;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-description p a {
  text-transform: uppercase;
  font-family: "STC Forward", sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
  color: #a2a5b9;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .members-list .empty-wrap {
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 8px;
  background: #f9f9f9;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .members-list .empty-wrap span {
  color: #a2a5b9;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 0.9rem;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .members-list .empty-wrap span:only-child {
  margin-bottom: 0;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .members-list .empty-wrap .action-link {
  font-size: 0.8rem;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .members-list .invited-member {
  position: relative;
  display: flex;
  align-items: center;
  padding: 12px;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  border-radius: 6px;
  margin-bottom: 12px;
  text-align: left;
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .members-list .invited-member {
  background: rgb(16.6022025248%, 16.6022025248%, 18.0252484555%);
  border-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .members-list .invited-member:last-of-type {
  margin-bottom: 0;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .members-list .invited-member:hover .actions .move-buttons {
  opacity: 1;
  transition: opacity 0.3s;
  display: block;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .members-list .invited-member.add {
  cursor: pointer;
  background: #f9f9f9;
  border: 1px dashed rgb(89.9411764706%, 89.9411764706%, 89.9411764706%) !important;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .members-list .invited-member.add .icon-button {
  display: flex;
  width: 38px;
  min-width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1.6px dashed #a2a5b9;
  outline: none;
  transition: all 0.3s;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .members-list .invited-member.add .icon-button svg {
  width: 16px;
  color: #a2a5b9;
  height: 16px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .members-list .invited-member.add .meta p:first-child {
  color: #a2a5b9;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .members-list .invited-member.add:hover {
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%) !important;
  transition: all 0.3s;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .members-list .invited-member.add:hover .icon-button {
  border: 1.6px solid #a2a5b9;
  transition: all 0.3s;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .members-list .invited-member.add:hover .icon-button svg {
  width: 16px;
  height: 16px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .members-list .invited-member > img {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: 0 auto;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .members-list .invited-member .meta {
  margin-left: 12px;
  line-height: 1.1;
  overflow: hidden;
}
[dir=rtl] .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .members-list .invited-member .meta {
  margin-left: 0;
  margin-right: 12px;
  text-align: right;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .members-list .invited-member .meta > span {
  display: block;
  font-size: 0.8rem;
  color: #a2a5b9;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .members-list .invited-member .meta > p {
  margin-bottom: 3px;
  font-weight: 500;
  color: #1d252d;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .members-list .invited-member .actions {
  margin-left: auto;
  display: flex;
  align-items: center;
}
[dir=rtl] .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .members-list .invited-member .actions {
  margin-right: auto;
  margin-left: 0;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .members-list .invited-member .actions .move-buttons {
  opacity: 0;
  transition: opacity 0.3s;
  display: none;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-participants .participants-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-participants .participants-inner button {
  height: 40px;
  width: 40px;
  background: none;
  border: 1.8px dashed #a2a5b9;
  border-radius: 50%;
  color: #a2a5b9;
  cursor: pointer;
  outline: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-participants .participants-inner button:hover {
  border: 1.8px solid #4f008c;
  color: #4f008c;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-participants .participants-inner button svg {
  height: 18px;
  width: 18px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats {
  display: flex;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats *:last-child {
  margin-left: auto;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats .task-stat,
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats a {
  display: flex;
  align-items: center;
  color: #a2a5b9;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats .task-stat span,
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats a span {
  margin-left: 3px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats .task-stat svg,
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats a svg {
  height: 18px;
  width: 18px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats .task-stat {
  margin-right: 15px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats a {
  text-transform: uppercase;
  font-family: "STC Forward", sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
  color: #4f008c;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats a span {
  margin-left: 5px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats a svg {
  height: 14px;
  width: 14px;
  stroke-width: 3px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files {
  width: 100%;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box {
  display: flex;
  align-items: center;
  padding: 8px;
  background: #fff;
  border: 1px solid transparent;
  border-radius: 6px;
  margin-top: 8px;
  cursor: pointer;
  transition: all 0.3s;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box:hover {
  border-color: rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box img {
  display: block;
  width: 38px;
  min-width: 38px;
  height: 38px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box .meta {
  margin: 0 12px;
  line-height: 1.3;
  overflow: auto;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box .meta span {
  display: block;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box .meta span:first-child {
  font-size: 0.9rem;
  font-weight: 500;
  color: #1d252d;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box .meta span:nth-child(2) {
  font-size: 0.85rem;
  color: #a2a5b9;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box .meta span:nth-child(2) i {
  position: relative;
  top: -3px;
  font-size: 0.3rem;
  color: #a2a5b9;
  margin: 0 4px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box .dropdown {
  margin-left: auto;
}
[dir=rtl] .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box .dropdown {
  margin-right: auto;
  margin-left: 0;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files.add-button {
  margin: 10px 0;
  cursor: pointer;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files.add-button .file-box {
  background: #f9f9f9;
  border: 1px dashed rgb(89.9411764706%, 89.9411764706%, 89.9411764706%) !important;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files.add-button .file-box .icon-button {
  display: flex;
  width: 38px;
  min-width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1.6px dashed #a2a5b9;
  outline: none;
  transition: all 0.3s;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files.add-button .file-box .icon-button svg {
  width: 16px;
  color: #a2a5b9;
  height: 16px;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files.add-button .file-box .meta span:first-child {
  color: #a2a5b9;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files.add-button:hover .file-box {
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%) !important;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files.add-button:hover .file-box .icon-button {
  border: 1.6px solid #a2a5b9;
  color: #4f008c;
  transition: all 0.3s;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files.add-button:hover .file-box .icon-button svg {
  width: 16px;
  color: #a2a5b9;
  height: 16px;
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files.add-button:hover .file-box {
  border: 1px solid #797bf2 !important;
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files.add-button:hover .file-box .icon-button {
  border: 1.6px solid #797bf2;
  color: #797bf2;
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files.add-button:hover .file-box .icon-button svg {
  color: #797bf2;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .has-textarea-addon .control .textarea {
  border-radius: 4px 4px 0 0;
  border: 1px solid;
  border-bottom: none;
  border-color: rgb(90.9411764706%, 90.9411764706%, 90.9411764706%) !important;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .has-textarea-addon .control.is-textarea-addon {
  border-radius: 0 0 4px 4px;
  border: 1px solid rgb(90.9411764706%, 90.9411764706%, 90.9411764706%);
  border-top: none;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .has-textarea-addon .control .end {
  display: flex;
  align-items: center;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .has-textarea-addon .control .end .message-action {
  height: 32px;
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #a2a5b9;
  border-radius: 50%;
  border: 1px solid transparent;
  transition: all 0.3s;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .has-textarea-addon .control .end .message-action:hover {
  border-color: rgb(88.9411764706%, 88.9411764706%, 88.9411764706%);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  color: #4f008c;
}
.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .has-textarea-addon .control .end .message-action svg {
  height: 16px;
  width: 16px;
}
.right-panel-wrapper.is-task .right-panel .redirect-card {
  border-radius: 6px;
  background-color: #f9f9f9;
  padding: 15px;
  margin-top: 25px;
  display: flex;
  justify-content: center;
}
body.is-dark .right-panel-wrapper.is-task .right-panel .redirect-card {
  background: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
}
.right-panel-wrapper.is-task .right-panel .redirect-card p {
  margin-right: 5px;
}
[dir=rtl] .right-panel-wrapper.is-task .right-panel .redirect-card p {
  margin-right: 0;
  margin-left: 5px;
}
.right-panel-wrapper.is-task .right-panel .action-dropdown .dropdown {
  width: 100%;
  position: fixed;
  z-index: 11;
  bottom: 0;
  margin: 0;
}
.right-panel-wrapper.is-task .right-panel .action-dropdown .dropdown .dropdown-trigger {
  width: 100%;
}
.right-panel-wrapper.is-task .right-panel .action-dropdown .dropdown .background {
  display: block;
  z-index: -1;
}
.right-panel-wrapper.is-task .right-panel .action-dropdown .dropdown .dropdown-menu {
  width: 100%;
  padding-top: 5px;
}
.right-panel-wrapper.is-task .right-panel .action-dropdown .dropdown .dropdown-menu .dropdown-content {
  border-radius: 8px 8px 0 0;
}
.right-panel-wrapper.is-task .right-panel .action-dropdown .dropdown .dropdown-menu .dropdown-content .dropdown-divider {
  margin: 0;
}
.right-panel-wrapper.is-task .right-panel .action-dropdown .dropdown .dropdown-menu .dropdown-content .is-media {
  align-items: center;
}
.right-panel-wrapper.is-task .right-panel .action-dropdown .dropdown .dropdown-menu .dropdown-content .is-media .meta {
  text-align: start;
  margin-left: 5px;
  width: 100%;
}
[dir=rtl] .right-panel-wrapper.is-task .right-panel .action-dropdown .dropdown .dropdown-menu .dropdown-content .is-media .meta {
  margin-left: 0;
  margin-right: 5px;
}

/* ==========================================================================
8. Task Panel Dark Mode
========================================================================== */
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%) !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group h3 {
  color: #797bf2;
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group h4 {
  color: #cecece;
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-participants .participants-inner .avatar-stack .h-avatar img {
  border-color: #232326;
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-participants .participants-inner button:hover {
  border-color: #797bf2;
  color: #797bf2;
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats > a {
  color: #797bf2;
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
}
body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box .meta span:first-child {
  color: #cecece;
}

/* ==========================================================================
9. Search Panel
========================================================================== */
.right-panel-wrapper.is-search .right-panel {
  width: 420px;
  min-width: 420px;
  padding-left: min(20px, env(safe-area-inset-left));
}
[dir=rtl] .right-panel-wrapper.is-search .right-panel {
  padding-left: 0;
  padding-right: min(20px, env(safe-area-inset-left));
  transform: translateX(0);
}
.right-panel-wrapper.is-search .right-panel .right-panel-head {
  padding: 0 30px;
  margin-top: calc(env(safe-area-inset-top) + 0px);
}
.right-panel-wrapper.is-search .right-panel .right-panel-head span {
  font-weight: 500;
  font-size: 1.1rem;
}
.right-panel-wrapper.is-search .right-panel .field {
  position: relative;
  margin-bottom: 15px;
  padding: 0 30px;
}
.right-panel-wrapper.is-search .right-panel .field .control .input {
  min-height: 48px;
  padding-left: 48px;
}
[dir=rtl] .right-panel-wrapper.is-search .right-panel .field .control .input {
  padding-right: 48px;
  padding-left: calc(0.75em - 1px);
}
.right-panel-wrapper.is-search .right-panel .field .control .form-icon {
  height: 48px;
  width: 48px;
}
.right-panel-wrapper.is-search .right-panel .right-panel-body {
  padding: 0 10px 20px 30px;
}
[dir=rtl] .right-panel-wrapper.is-search .right-panel .right-panel-body {
  padding: 0 30px 20px 10px;
}
.right-panel-wrapper.is-search .right-panel .right-panel-body .recent {
  margin-bottom: 30px;
  padding: 0;
}
.right-panel-wrapper.is-search .right-panel .right-panel-body .recent h4 {
  text-transform: uppercase;
  font-size: 0.8rem;
  color: #a2a5b9;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 1;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 2%, rgb(255, 255, 255) 19%);
  padding: 10px 0;
  margin: 0;
}
body.is-dark .right-panel-wrapper.is-search .right-panel .right-panel-body .recent h4 {
  background: linear-gradient(0deg, rgba(35, 35, 38, 0) 4%, rgb(35, 35, 38) 23%);
}
.right-panel-wrapper.is-search .right-panel .right-panel-body .recent .media-flex-center .flex-meta span:first-child {
  font-weight: 500;
}
.right-panel-wrapper.is-search .right-panel .right-panel-body .recent .media-flex-center .popover-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  max-width: 30px;
  margin: 0 2px;
  border-radius: 50%;
  transition: all 0.3s;
  cursor: pointer;
}
.right-panel-wrapper.is-search .right-panel .right-panel-body .recent .media-flex-center .popover-icon:hover {
  background: rgb(95.9411764706%, 95.9411764706%, 95.9411764706%);
}
.right-panel-wrapper.is-search .right-panel .right-panel-body .recent .media-flex-center .popover-icon:hover svg {
  stroke: #a2a5b9;
  color: #a2a5b9;
}
.right-panel-wrapper.is-search .right-panel .right-panel-body .recent .media-flex-center .popover-icon svg {
  width: 16px;
  height: 16px;
  stroke: #a2a5b9;
  color: #a2a5b9;
}
.right-panel-wrapper.is-search .right-panel .right-panel-body .recent .media-flex-center .popover-icon.profile-icon {
  width: unset;
  height: unset;
  max-width: unset;
  cursor: pointer;
  padding: 8px;
  border-radius: 4px;
  margin-left: auto;
  margin-right: 0;
  color: #a2a5b9;
}
[dir=rtl] .right-panel-wrapper.is-search .right-panel .right-panel-body .recent .media-flex-center .popover-icon.profile-icon {
  margin-right: auto;
  margin-left: 0;
}
.right-panel-wrapper.is-search .right-panel .right-panel-body .recent .media-flex-center .popover-icon.profile-icon svg {
  margin-right: 4px;
}
[dir=rtl] .right-panel-wrapper.is-search .right-panel .right-panel-body .recent .media-flex-center .popover-icon.profile-icon svg {
  margin-left: 4px;
  margin-right: 0;
}
.right-panel-wrapper.is-search .right-panel .right-panel-body .recent .media-flex-center .popover-icon.profile-icon span {
  font-size: 0.7rem;
  color: #a2a5b9;
}

/* ==========================================================================
10. Search Panel Dark mode
========================================================================== */
/* ==========================================================================
11. Media Queries
========================================================================== */
@media only screen and (max-width: 767px) {
  .right-panel-wrapper .right-panel {
    width: 100% !important;
    min-width: 100% !important;
  }
  .right-panel-wrapper.is-task .right-panel .right-panel-head {
    height: calc(env(safe-area-inset-top) + 50px);
    padding: calc(env(safe-area-inset-top) + 0px) 15px 0;
  }
  .right-panel-wrapper.is-task .right-panel .right-panel-head.is-task {
    height: auto;
    padding-top: env(safe-area-inset-top);
  }
  .right-panel-wrapper.is-task .right-panel .right-panel-body {
    padding: 15px 15px calc(15px + env(safe-area-inset-bottom)) 15px;
  }
  .right-panel-wrapper.is-task .right-panel .right-panel-body.has-action {
    padding: 15px;
  }
  .right-panel-wrapper.is-task .right-panel .action-dropdown .dropdown .dropdown-menu .dropdown-content {
    border-radius: 8px;
  }
  .right-panel-wrapper.is-task .right-panel .action-dropdown .dropdown .dropdown-menu .dropdown-content .dropdown-divider {
    margin: 0;
  }
  .right-panel-wrapper.is-task .right-panel .action-dropdown .dropdown .dropdown-menu .dropdown-content .is-media {
    align-items: center;
  }
  .right-panel-wrapper.is-task .right-panel .action-dropdown .dropdown .dropdown-menu .dropdown-content .is-media .meta {
    margin-left: 5px;
  }
  [dir=rtl] .right-panel-wrapper.is-task .right-panel .action-dropdown .dropdown .dropdown-menu .dropdown-content .is-media .meta {
    margin-left: 0;
    margin-right: 5px;
  }
  .right-panel-wrapper.is-search .right-panel .right-panel-head {
    padding: 0 15px;
  }
  .right-panel-wrapper.is-search .right-panel .field {
    position: relative;
    margin-bottom: 5px;
    padding: 0 15px;
  }
  .right-panel-wrapper.is-search .right-panel .right-panel-body {
    padding: 0 15px 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .right-panel-wrapper.is-task .right-panel .action-dropdown .dropdown .background {
    display: block;
    z-index: 40;
  }
  .right-panel-wrapper.is-task .right-panel .action-dropdown .dropdown .dropdown-menu .dropdown-content {
    border-radius: 8px;
  }
  .right-panel-wrapper.is-task .right-panel .action-dropdown .dropdown .dropdown-menu .dropdown-content .dropdown-divider {
    margin: 0;
  }
  .right-panel-wrapper.is-task .right-panel .action-dropdown .dropdown .dropdown-menu .dropdown-content .is-media {
    align-items: center;
  }
  .right-panel-wrapper.is-task .right-panel .action-dropdown .dropdown .dropdown-menu .dropdown-content .is-media .meta {
    margin-left: 5px;
  }
  [dir=rtl] .right-panel-wrapper.is-task .right-panel .action-dropdown .dropdown .dropdown-menu .dropdown-content .is-media .meta {
    margin-left: 0;
    margin-right: 5px;
  }
}
/*! _utilities.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/* ==========================================================================
Admin layout container — shared by AdminHeader and all admin page bodies
========================================================================== */
.admin-container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px) {
  .admin-container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 1536px) {
  .admin-container {
    max-width: 1600px;
  }
}

/*
    1. Titles
    2. Divider
    3. Helpers
    4. Hamburger
    5. Tooltips
    6. Alertify js
    7. Alertify js Dark mode
    8. Divider alt
    9. Text tips
    10. Text tips Dark mode
    11. Hopscotch
    12. Demo toggler
    13. Background images
    14. Dark mode images
    15. Demo spacer
    16. Simplebar
    17. Back to top button
*/
/* ==========================================================================
1. Titles
========================================================================== */
.title.light-mb, .subtitle.light-mb {
  margin-bottom: 10px;
}
.title.no-mb, .subtitle.no-mb {
  margin-bottom: 0;
}
.title.has-margin-top, .subtitle.has-margin-top {
  margin-top: 20px;
}
.title.has-margin-top-lg, .subtitle.has-margin-top-lg {
  margin-top: 50px;
}
.title.is-purple, .subtitle.is-purple {
  color: #4f008c;
}
.title.is-light, .subtitle.is-light {
  color: #fff;
}

var {
  font-style: inherit;
}

.has-text-centered {
  text-align: center;
}

/* ==========================================================================
2. Divider
========================================================================== */
.divider-container {
  max-width: 640px;
  margin: 0 auto;
}
.divider-container .divider {
  text-align: center;
  margin: 1.5em auto 1em auto;
  width: 100%;
  position: relative;
}
.divider-container .divider span {
  display: inline-block;
  margin-top: 1px;
  font-size: 1rem;
  text-transform: none;
  color: #ccc;
}
.divider-container .divider span:before, .divider-container .divider span:after {
  width: 36%;
  display: block;
  position: absolute;
  left: 0;
  top: 0.9em;
  height: 1px;
  content: " ";
  border-top: 1px solid #ccc;
}
.divider-container .divider span:after {
  right: 0;
  left: auto;
}

@media (max-width: 768px) {
  .divider span:before,
  .divider span:after {
    width: 22% !important;
  }
}
/* ==========================================================================
3. Helpers
========================================================================== */
.is-flex-wrapped {
  flex-wrap: wrap !important;
}

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

.is-vhidden {
  visibility: hidden !important;
}

@media (max-width: 768px) {
  .is-vhidden {
    display: none !important;
  }
}
.no-click {
  pointer-events: none !important;
}

.is-disabled {
  pointer-events: none;
  opacity: 0.4;
  cursor: default !important;
}

.ml-auto {
  margin-left: auto !important;
}
[dir=rtl] .ml-auto {
  margin-left: 0 !important;
  margin-right: auto !important;
}

.no-padding {
  padding: 0 !important;
}

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

.no-mb {
  margin-bottom: 0 !important;
}

.mb-20 {
  margin-bottom: 20px;
}

.is-green {
  color: #06d6a0;
}

.is-purple {
  color: #4f008c;
}

.has-slimscroll {
  overflow-y: auto;
  overflow-x: hidden;
}
.has-slimscroll::-webkit-scrollbar {
  width: 4px !important;
}
.has-slimscroll::-webkit-scrollbar-thumb {
  border-radius: 4px !important;
  background: rgba(0, 0, 0, 0.08) !important;
}

.has-slimscroll-sm::-webkit-scrollbar {
  width: 3px !important;
}
.has-slimscroll-sm::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  background: rgba(0, 0, 0, 0.2) !important;
}

.dark-text {
  color: #1d252d;
}

.light-text {
  color: #a2a5b9;
}

.success-text {
  color: #06d6a0;
}

.info-text {
  color: #039BE5;
}

.warning-text {
  color: #faae42;
}

.danger-text {
  color: #e62965;
}

.inverted-text {
  color: #fcfcfc;
}

.text-underline-on-hover:hover {
  text-decoration: underline;
}

/* ==========================================================================
4. Hamburger
========================================================================== */
.menu-toggle {
  font-size: 20px;
  color: #666;
  text-align: center;
  background: transparent;
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  padding: 0;
  transition: opacity 0.4s;
  opacity: 1;
  position: relative;
}
.menu-toggle.has-chevron .icon-box-toggle.active .icon-line-top {
  width: 13px;
  top: 17px;
  margin: -4px 0 0 -10px;
}
.menu-toggle.has-chevron .icon-box-toggle.active .icon-line-bottom {
  width: 13px;
  top: 9px;
  margin: -4px 0 0 -10px;
}
[dir=rtl] .menu-toggle.has-chevron .icon-box-toggle.active.has-back-button .icon-line-top {
  margin: 0px 0 0 -5px;
  transform: translate(0, 0) rotate(-45deg);
  left: 50%;
  top: 13px;
}
[dir=rtl] .menu-toggle.has-chevron .icon-box-toggle.active.has-back-button .icon-line-bottom {
  margin: 0px 0px 0 -5px;
  transform: translate(0, 0) rotate(-135deg);
  right: auto;
  top: 4px;
}
.menu-toggle.has-close-button .icon-box-toggle.active .icon-line-top {
  width: 18px !important;
  top: 10px !important;
  margin: 0px 0 0 0;
  top: 12px;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.menu-toggle.has-close-button .icon-box-toggle.active .icon-line-bottom {
  width: 18px !important;
  top: 10px !important;
  margin: 0px 0 0 0;
  transform: translate(-50%, -50%) rotate(-135deg);
}
.menu-toggle .icon-box-toggle {
  background: transparent;
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
}
.menu-toggle .icon-box-toggle.active > span.rotate {
  transform: translate(0px, 0px) rotate(90deg);
}
.menu-toggle .icon-box-toggle.active > span > i.icon-line-center {
  visibility: hidden;
  width: 1px;
  height: 3px;
  left: 70%;
}
.menu-toggle .icon-box-toggle.active > span > i.icon-line-bottom {
  margin: -2px 0 0 -10px;
  left: 50%;
  top: 12px;
  transform: translate(0px, 0px) rotate(135deg);
}
[dir=rtl] .menu-toggle .icon-box-toggle.active > span > i.icon-line-bottom {
  margin: -3px -12px 0 10px;
  transform: translate(0px, 0px) rotate(-135deg);
}
.menu-toggle .icon-box-toggle.active > span > i.icon-line-top {
  margin: -2px 0 0 -10px;
  left: 50%;
  top: 12px;
  transform: translate(0px, 0px) rotate(45deg);
}
[dir=rtl] .menu-toggle .icon-box-toggle.active > span > i.icon-line-top {
  margin: -2px 0 0 10px;
  transform: translate(0px, 0px) rotate(-45deg);
}
.menu-toggle .icon-line-center {
  position: absolute;
  width: 20px;
  height: 2px;
  background: #1d252d;
  margin: -1px 0 0 -10px;
  left: 50%;
  top: 12px;
  transition: all 0.2s ease;
}
.menu-toggle .icon-line-top {
  position: absolute;
  width: 20px;
  height: 2px;
  background: #1d252d;
  margin: -3px 0 0 -10px;
  left: 50%;
  top: 6px;
  transition: all 0.2s ease;
}
.menu-toggle .icon-line-bottom {
  position: absolute;
  width: 12px;
  height: 2px;
  background: #1d252d;
  margin: 2px 0 0 -10px;
  left: 50%;
  top: 17px;
  transition: all 0.2s ease;
}
[dir=rtl] .menu-toggle .icon-line-bottom {
  margin: 2px 0 0 0;
  left: 50%;
  right: 2px;
}
.menu-toggle .icon-line-bottom-dot {
  position: absolute;
  width: 3px;
  height: 2px;
  background: #1d252d;
  margin: 2px 0 0 -5px;
  left: 100%;
  top: 17px;
  transition: all 0.2s ease;
}
[dir=rtl] .menu-toggle .icon-line-bottom-dot {
  margin: 2px 0 0 3px;
  left: 0;
  right: auto;
}

/* ==========================================================================
5. Tooltips
========================================================================== */
/* ==========================================================================
6. Alertify js
========================================================================== */
.alertify .ajs-dialog {
  top: 50%;
  transform: translateY(-50%);
  margin: auto;
  border-radius: 8px !important;
}

.ajs-dimmer {
  background-color: #232326 !important;
}

.ajs-header {
  font-weight: 600 !important;
  font-family: "STC Forward", sans-serif !important;
  border-radius: 8px 8px 0 0 !important;
}

.ajs-footer {
  border-radius: 0 0 6px 6px !important;
  border: none !important;
  background: transparent !important;
}

.ajs-content {
  padding: 16px 0 !important;
  font-family: "STC Forward", sans-serif !important;
}
.ajs-content b {
  font-weight: 500 !important;
  color: #4f008c !important;
}

.ajs-buttons {
  padding: 6px 10px;
}

.ajs-close {
  outline: none !important;
}

.ajs-ok {
  padding: 8px 22px 8px 22px;
  font-weight: 600;
  height: 33px;
  min-width: 82px !important;
  line-height: 0;
  text-transform: capitalize !important;
  font-weight: 500 !important;
  font-size: 0.75rem;
  border-radius: 3px;
  background: #4f008c !important;
  color: #fff !important;
  border: 1px solid #4f008c;
  border-radius: 6px;
  transition: all 0.3s;
  cursor: pointer;
  outline: none !important;
}
.ajs-ok:hover {
  box-shadow: 0 14px 26px -12px rgba(79, 0, 140, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 0, 140, 0.2);
}

.ajs-cancel {
  padding: 8px 22px 8px 22px;
  font-weight: 600;
  height: 33px;
  min-width: 82px !important;
  line-height: 0;
  text-transform: capitalize !important;
  font-weight: 500 !important;
  font-size: 0.75rem;
  border-radius: 3px;
  background: #fff !important;
  color: #4f008c !important;
  border: 1px solid #4f008c !important;
  border-radius: 6px;
  transition: all 0.3s;
  cursor: pointer;
  outline: none !important;
}

/* ==========================================================================
7. Alertify js Dark mode
========================================================================== */
body.is-dark .ajs-dialog {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%) !important;
  border-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
}
body.is-dark .ajs-header {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%) !important;
  border-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%) !important;
  color: #ccc !important;
}
body.is-dark .ajs-content {
  color: #cecece !important;
}
body.is-dark .ajs-content span {
  color: #cecece !important;
}
body.is-dark .ajs-content span b {
  color: #797bf2 !important;
}
body.is-dark .ajs-footer {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%) !important;
  border-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%) !important;
}
body.is-dark .ajs-footer .ajs-ok {
  background: #797bf2 !important;
}
body.is-dark .ajs-footer .ajs-cancel {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
  border-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
  color: #999 !important;
}

/* ==========================================================================
8. Divider alt
========================================================================== */
.divider {
  display: flex;
  color: #999;
  outline: none !important;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 500;
}
.divider:before, .divider:after {
  content: "";
  flex: 1;
}
.divider.line {
  align-items: center;
  margin: 1em -1em;
}
.divider.line:before, .divider.line:after {
  height: 1px;
  margin: 0 1em;
}
.divider.one-line:before, .divider.one-line:after {
  background: rgb(87.9411764706%, 87.9411764706%, 87.9411764706%);
}

/* ==========================================================================
9. Text tips
========================================================================== */
.has-text-tip, .has-small-text-tip {
  position: relative;
  cursor: pointer;
}

.text-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 999;
}
.text-tooltip .tooltip-content {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 10px 16px;
  background: #fff;
  color: #1d252d;
  border: 1px solid #ccc;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  font-size: 0.9rem;
}

/* ==========================================================================
10. Text tips Dark mode
========================================================================== */
body.is-dark .text-tooltip .tooltip-content {
  background: #232326;
  border-color: #232326;
  color: #ccc;
}

/* ==========================================================================
11. Hopscotch
========================================================================== */
.app-wrapper {
  transition: all 0.3s;
}
.app-wrapper.is-pushed-bottom {
  transform: translateY(50px);
}

.hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-number {
  padding: 0;
  background: #4f008c;
  border-radius: 50%;
  box-shadow: 0 14px 26px -12px rgba(79, 0, 140, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 0, 140, 0.2);
  font-size: 0.8rem;
}
.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button {
  background: #fff;
  text-shadow: none;
  color: #4f008c;
  border-color: #4f008c;
  font-weight: 500;
  height: 32px;
  min-width: 80px;
  border-radius: 100px;
  transition: all 0.3s;
}
.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:hover {
  background: #4f008c;
  color: #fcfcfc;
}

/* ==========================================================================
12. Demo toggler
========================================================================== */
.demo-wrapper {
  position: fixed;
  bottom: -50px;
  right: -50px;
  height: 140px;
  width: 140px;
  background: transparent;
  border-radius: 50%;
  transform: scale(0.4);
  transition: all 0.3s;
}
.demo-wrapper:hover {
  background: #fff;
  transform: scale(1);
}
.demo-wrapper:hover .form-switch {
  opacity: 1 !important;
  pointer-events: all !important;
}
.demo-wrapper .inner {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.demo-wrapper .inner .form-switch {
  position: relative;
  top: -10px;
  left: -10px;
  display: block;
  transition: all 0.3s;
  opacity: 0;
  pointer-events: none;
}

/* ==========================================================================
13. Background images
========================================================================== */
.has-background-image {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.has-background-image.is-top {
  background-position: top !important;
}
.has-background-image.is-bottom {
  background-position: bottom !important;
}

/* ==========================================================================
14. Dark mode images
========================================================================== */
body.is-dark .light-image {
  display: none !important;
}
body.is-dark .dark-image {
  display: inline-block !important;
}
body.is-dark .light-image-block {
  display: none !important;
}
body.is-dark .dark-image-block {
  display: block !important;
}
body .light-image {
  display: inline-block !important;
}
body .dark-image {
  display: none !important;
}
body .light-image-block {
  display: block;
}
body .dark-image-block {
  display: none;
}

/* ==========================================================================
15. Demo Spacer
========================================================================== */
.demo-spacer {
  width: 100%;
  height: 2px;
  padding: 80px 0;
}

/* ==========================================================================
16. Simplebar
========================================================================== */
.simplebar-scrollbar:before {
  background: rgba(0, 0, 0, 0.2) !important;
}

/* ==========================================================================
17. Back to top button
========================================================================== */
#backtotop {
  position: fixed;
  right: 0;
  opacity: 0;
  visibility: hidden;
  bottom: 25px;
  margin: 0 25px 0 0;
  z-index: 9999;
  transition: 0.35s;
  transform: scale(0.7);
  transition: all 0.5s;
}
#backtotop.visible {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
#backtotop.visible a:hover {
  outline: none;
  opacity: 0.9;
  background: #797bf2;
  color: #fff;
}
#backtotop a {
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
  text-decoration: none;
  border: 0 none;
  display: block;
  width: 46px;
  height: 46px;
  background-color: #ddd;
  opacity: 1;
  transition: all 0.3s;
  border-radius: 50%;
  text-align: center;
  font-size: 20px;
  outline: none;
  color: #1d252d;
}
#backtotop a i {
  position: relative;
  top: 6px;
}

body .blueimp-gallery {
  padding: 30px 0;
}
@supports (padding-top: max(30px)) {
  body .blueimp-gallery {
    padding: calc(env(safe-area-inset-top) + 30px) max(0px, env(safe-area-inset-right)) calc(env(safe-area-inset--bottom) + 30px) max(0px, env(safe-area-inset-left));
  }
}

body .blueimp-gallery > .close {
  top: 15px;
}
@supports (top: max(15px)) {
  body .blueimp-gallery > .close {
    top: calc(env(safe-area-inset-top) + 15px);
  }
}

/*! _work-list.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Header layout-1
*/
/* ==========================================================================
1. Header layout-1
========================================================================== */
.header-layout-1 {
  background: #4f008c;
  padding: 5rem 0;
  margin-bottom: 1.5rem;
  padding-left: min(12px, env(safe-area-inset-left));
  padding-right: min(12px, env(safe-area-inset-right));
}
body.is-dark .header-layout-1 {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
@media only screen and (max-width: 767px) {
  .header-layout-1 {
    padding: 2rem 0;
  }
  @supports (padding-top: max(1.3rem)) {
    .header-layout-1 {
      padding-top: max(1.3rem, env(safe-area-inset-top));
      padding-left: max(0px, env(safe-area-inset-left));
      padding-right: max(0px, env(safe-area-inset-right));
    }
  }
  .header-layout-1 {
    margin-bottom: 0;
  }
}
.header-layout-1 .header-wrapper {
  padding: 0 3rem;
  max-width: 1200px;
  margin: 0 auto;
}
@media only screen and (max-width: 1230px) {
  .header-layout-1 .header-wrapper {
    max-width: 1024px;
  }
}
@media only screen and (max-width: 767px) {
  .header-layout-1 .header-wrapper {
    padding: 0 0.75rem;
  }
}
.header-layout-1 .header-wrapper .header-content {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .header-layout-1 .header-wrapper .header-content {
    flex-direction: column;
  }
}
.header-layout-1 .header-wrapper .header-content.one-column {
  flex-direction: column;
}
.header-layout-1 .header-wrapper .header-content .page-icon {
  color: #fff;
  width: 40px;
  height: auto;
  margin-bottom: 1rem;
}
body.is-dark .header-layout-1 .header-wrapper .header-content .page-icon {
  color: #cecece;
}
.header-layout-1 .header-wrapper .header-content .title {
  color: #fff;
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .header-layout-1 .header-wrapper .header-content .title {
    font-size: 2.2rem;
    margin-bottom: 0.8rem;
  }
}
.header-layout-1 .header-wrapper .header-content .subtitle {
  margin-top: 0;
  color: rgb(80.350140056%, 54.9019607843%, 100%);
}
body.is-dark .header-layout-1 .header-wrapper .header-content .subtitle {
  color: #939394;
}
@media only screen and (max-width: 767px) {
  .header-layout-1 .header-wrapper .header-content .subtitle {
    font-size: 1rem;
  }
}
.header-layout-1 .header-wrapper .header-content .search-wrapper {
  position: relative;
}
.header-layout-1 .header-wrapper .header-content .search-wrapper input {
  width: 100%;
  padding: 20px 32px 21px 59px;
  background: rgba(255, 255, 255, 0.2);
  border: none;
  outline: none;
  color: rgba(255, 255, 255, 0.7);
  font-size: 18px;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
  transition: background 0.4s, box-shadow 0.2s;
}
.header-layout-1 .header-wrapper .header-content .search-wrapper input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.header-layout-1 .header-wrapper .header-content .search-wrapper input:focus {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.14);
  background: #fff;
  color: #1d252d;
}
.header-layout-1 .header-wrapper .header-content .search-wrapper input:focus + svg {
  color: #1d252d;
  font-weight: 700;
}
.header-layout-1 .header-wrapper .header-content .search-wrapper input:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #cecece !important;
}
.header-layout-1 .header-wrapper .header-content .search-wrapper input:focus::-moz-placeholder { /* Firefox 19+ */
  color: #cecece !important;
}
.header-layout-1 .header-wrapper .header-content .search-wrapper input:focus:-ms-input-placeholder { /* IE 10+ */
  color: #cecece !important;
}
.header-layout-1 .header-wrapper .header-content .search-wrapper input:focus:-moz-placeholder { /* Firefox 18- */
  color: #cecece !important;
}
body.is-dark .header-layout-1 .header-wrapper .header-content .search-wrapper input {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
body.is-dark .header-layout-1 .header-wrapper .header-content .search-wrapper input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
body.is-dark .header-layout-1 .header-wrapper .header-content .search-wrapper input:focus {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.14);
  background: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%);
  color: #cecece;
}
body.is-dark .header-layout-1 .header-wrapper .header-content .search-wrapper input:focus + svg {
  color: #cecece;
  font-weight: 700;
  opacity: 1;
}
.header-layout-1 .header-wrapper .header-content .search-wrapper svg {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 20px;
  left: 20px;
}
body.is-dark .header-layout-1 .header-wrapper .header-content .search-wrapper svg {
  color: rgb(84.7843137255%, 84.7843137255%, 84.7843137255%);
  opacity: 0.5;
}
.header-layout-1 .header-wrapper .header-content .status-indicator {
  display: none;
}

.navbar-trigger {
  top: 6.6rem;
  position: absolute;
}

/*! _work-list.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Header layout-1
*/
/* ==========================================================================
1. Header layout-1
========================================================================== */
.eid-2025 .eid-2025-park {
  position: absolute;
  display: block;
  top: 15px;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  -o-object-position: bottom;
     object-position: bottom;
}
@media only screen and (max-width: 767px) {
  .eid-2025 .eid-2025-park {
    -o-object-fit: none;
       object-fit: none;
    width: 100%;
    height: 100%;
    -o-object-position: 77% center;
       object-position: 77% center;
  }
}
[dir=rtl] .eid-2025 .eid-2025-park {
  transform: scale(-1, 1);
}
.eid-2025 .home-page .header-layout-1 {
  background: radial-gradient(ellipse at bottom, #3d0567 10%, #3c0567 100%) !important;
  position: relative;
  overflow: clip;
}
.eid-2025 .home-page .header-layout-1 .ramadan-2025-bg-typography {
  display: block !important;
  position: absolute;
  right: 0;
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  top: 18px;
}
@media only screen and (max-width: 1440px) {
  .eid-2025 .home-page .header-layout-1 .ramadan-2025-bg-typography {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .eid-2025 .home-page .header-layout-1 .ramadan-2025-bg-typography {
    left: -5px;
    display: none !important;
    top: 34px;
    transform: scale(-1, 1);
  }
}
[dir=rtl] .eid-2025 .home-page .header-layout-1 .ramadan-2025-bg-typography {
  right: unset;
  left: -5px;
  transform: scale(-1, 1);
}
.eid-2025 .home-page .header-layout-1 .ramadan-2025-bg-typography2 {
  display: block !important;
  position: absolute;
  top: 50px;
  height: 47px;
  z-index: 1;
  margin: auto;
  left: 50%;
}
@media only screen and (max-width: 767px) {
  .eid-2025 .home-page .header-layout-1 .ramadan-2025-bg-typography2 {
    left: -5px;
    display: none !important;
    top: 34px;
  }
}
[dir=rtl] .eid-2025 .home-page .header-layout-1 .ramadan-2025-bg-typography2 {
  left: unset;
  top: 38px;
  right: 50%;
}
body.is-dark .eid-2025 .home-page .header-layout-1 .center .work-stats h2 {
  color: #ff375e;
}
body.is-dark .eid-2025 .home-page .header-layout-1 .center .work-stats p {
  color: #cd8cff;
}
body.is-dark .eid-2025 .home-page .header-layout-1 .center .work-stats .action-link {
  color: #ff375e;
}
body.is-dark .eid-2025 .home-page .header-layout-1 .center .work-stats .action-link:after {
  border-bottom: 1.6px dotted #ff375e;
}
body.is-dark .eid-2025 .home-page .header-layout-1 .header-wrapper .header-content .subtitle {
  color: #cc8cff;
}
.eid-2025 .home-page .header-layout-1 .header-wrapper .header-content {
  position: relative;
}
.eid-2025 .home-page .header-layout-1 .header-wrapper .is-attendance {
  overflow: clip;
  background: rgba(40.0089635854%, 0%, 70.9019607843%, 0.4);
}
.eid-2025 .home-page .header-layout-1 .header-wrapper .is-attendance.is-success {
  background: rgba(0, 186, 137, 0.8509803922);
  box-shadow: 0 14px 26px -12px rgba(6, 214, 160, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(6, 214, 160, 0.2) !important;
  color: #4f008c;
}
body.is-dark .eid-2025 .home-page .header-layout-1 .header-wrapper .is-attendance.is-success {
  background: rgba(0, 186, 137, 0.8509803922);
}
.eid-2025 .home-page .header-layout-1 .header-wrapper .is-attendance.has-error {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.eid-2025 .home-page .header-layout-1 .header-wrapper .is-attendance .ramadan-attendance-lights {
  display: block !important;
  position: absolute;
  right: -3px;
  top: -17px;
  height: 56%;
  width: auto;
  animation: pulseLight 4s infinite ease-in-out;
}
[dir=rtl] .eid-2025 .home-page .header-layout-1 .header-wrapper .is-attendance .ramadan-attendance-lights {
  transform: scale(-1, 1);
  left: -2px;
  right: unset;
}
@keyframes pulseLight {
  0% {
    opacity: 1;
    filter: drop-shadow(0 0 10px rgba(255, 223, 100, 0.5));
  }
  50% {
    opacity: 0.9;
    filter: drop-shadow(0 0 13px rgba(255, 223, 100, 0.8));
  }
  100% {
    opacity: 1;
    filter: drop-shadow(0 0 10px rgba(255, 223, 100, 0.5));
  }
}
.eid-2025 .home-page .header-layout-1 .header-wrapper .is-attendance .ramadan-attendance-cannon {
  display: block !important;
  position: absolute;
  left: -20px;
  bottom: -35px;
  height: 68%;
  width: auto;
}
@media only screen and (max-width: 767px) {
  .eid-2025 .home-page .header-layout-1 .header-wrapper .is-attendance .ramadan-attendance-cannon {
    left: unset;
    transform: scale(-1, 1);
    right: -20px;
  }
}

.eid-2025-park {
  display: none;
}

/* Removed: legacy Bulma .button class styles. BaseButton uses Tailwind utilities. */
/*! _blocks.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Media Flex
    2. Media Flex Center
    3. Flex Blocks Dark mode
    4. Media Flex responsive modifiers
*/
/* ==========================================================================
1. Media Flex
========================================================================== */
.media-flex {
  display: flex;
  margin-bottom: 1rem;
}
.media-flex:last-child, .media-flex.no-margin {
  margin-bottom: 0;
}
.media-flex.is-pending-with {
  align-items: center;
}
.media-flex.is-pending-with .flex-meta span:first-child {
  font-weight: 400;
  font-size: 0.85rem;
}
.media-flex .flex-meta {
  margin-left: 12px;
  line-height: 1.3;
}
[dir=rtl] .media-flex .flex-meta {
  margin-left: 0;
  margin-right: 12px;
}
.media-flex .flex-meta.is-lighter span:first-child, .media-flex .flex-meta.is-lighter > a:first-child {
  font-weight: 400;
}
.media-flex .flex-meta.is-light span:first-child, .media-flex .flex-meta.is-light > a:first-child {
  font-weight: 500;
}
.media-flex .flex-meta span, .media-flex .flex-meta > a {
  display: block;
}
.media-flex .flex-meta span:first-child, .media-flex .flex-meta > a:first-child {
  font-family: "STC Forward", sans-serif;
  color: #1d252d;
  font-weight: 600;
}
.media-flex .flex-meta span:nth-child(2), .media-flex .flex-meta > a:nth-child(2) {
  font-family: "STC Forward", sans-serif;
  color: #a2a5b9;
  font-size: 0.9rem;
}
.media-flex .flex-meta a:hover {
  color: #4f008c;
}
.media-flex .flex-end {
  margin-left: auto;
}
[dir=rtl] .media-flex .flex-end {
  margin-left: inherit;
  margin-right: auto;
}
.media-flex .flex-end {
  display: flex;
  justify-content: flex-end;
}
.media-flex .flex-end .end-action {
  margin-left: 1rem;
}
[dir=rtl] .media-flex .flex-end .end-action {
  margin-left: inherit;
  margin-right: 1rem;
}

/* ==========================================================================
2. Media Flex Center
========================================================================== */
.media-flex-center {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.media-flex-center:last-child, .media-flex-center.no-margin {
  margin-bottom: 0;
}
.media-flex-center .flex-meta {
  margin-inline-start: 12px;
  line-height: 1.4;
}
.media-flex-center .flex-meta.is-lighter span:first-child, .media-flex-center .flex-meta.is-lighter > a:first-child {
  font-weight: 400;
}
.media-flex-center .flex-meta.is-light span:first-child, .media-flex-center .flex-meta.is-light > a:first-child {
  font-weight: 500;
}
.media-flex-center .flex-meta span, .media-flex-center .flex-meta > a {
  display: flex;
  align-items: center;
}
.media-flex-center .flex-meta span:first-child, .media-flex-center .flex-meta > a:first-child {
  font-family: "STC Forward", sans-serif;
  font-size: 0.95rem;
  color: #1d252d;
  font-weight: 600;
}
.media-flex-center .flex-meta span:nth-child(2), .media-flex-center .flex-meta > a:nth-child(2) {
  font-family: "STC Forward", sans-serif;
  color: #a2a5b9;
  font-size: 0.9rem;
}
.media-flex-center .flex-meta a:hover {
  color: #4f008c;
}
.media-flex-center .flex-end {
  margin-left: auto;
}
[dir=rtl] .media-flex-center .flex-end {
  margin-left: inherit;
  margin-right: auto;
}
.media-flex-center .flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.media-flex-center .flex-end .end-action {
  margin-left: 1rem;
}
[dir=rtl] .media-flex-center .flex-end .end-action {
  margin-left: inherit;
  margin-right: 1rem;
}
.media-flex-center .flex-end .featured-image {
  width: 40px;
  height: 40px;
}
.media-flex-center .flex-end .featured-image img, .media-flex-center .flex-end .featured-image video {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
}

/* ==========================================================================
3. Flex Blocks Dark mode
========================================================================== */
body.is-dark .media-flex-center .flex-meta span:first-child, body.is-dark .media-flex-center .flex-meta a:first-child, body.is-dark .media-flex .flex-meta span:first-child, body.is-dark .media-flex .flex-meta a:first-child {
  color: #cecece;
}
body.is-dark .media-flex-center .flex-meta a:hover, body.is-dark .media-flex .flex-meta a:hover {
  color: #797bf2;
}

/* ==========================================================================
4. Media Flex responsive modifiers
========================================================================== */
@media only screen and (max-width: 767px) {
  .media-flex.is-responsive-mobile, .media-flex-center.is-responsive-mobile {
    flex-direction: column;
    text-align: center;
  }
  .media-flex.is-responsive-mobile .h-avatar, .media-flex.is-responsive-mobile .h-icon, .media-flex-center.is-responsive-mobile .h-avatar, .media-flex-center.is-responsive-mobile .h-icon {
    display: block;
    margin: 0 auto;
  }
  .media-flex.is-responsive-mobile .flex-meta, .media-flex-center.is-responsive-mobile .flex-meta {
    margin: 10px auto 16px auto;
  }
  .media-flex.is-responsive-mobile .flex-end, .media-flex-center.is-responsive-mobile .flex-end {
    margin: 0 auto 10px auto;
  }
  .media-flex.is-responsive-mobile .flex-end .end-action, .media-flex-center.is-responsive-mobile .flex-end .end-action {
    margin-left: 0;
  }
  [dir=rtl] .media-flex.is-responsive-mobile .flex-end .end-action, [dir=rtl] .media-flex-center.is-responsive-mobile .flex-end .end-action {
    margin-left: inherit;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .media-flex.is-responsive-tablet-p, .media-flex-center.is-responsive-tablet-p {
    flex-direction: column;
    text-align: center;
  }
  .media-flex.is-responsive-tablet-p .h-avatar, .media-flex.is-responsive-tablet-p .h-icon, .media-flex-center.is-responsive-tablet-p .h-avatar, .media-flex-center.is-responsive-tablet-p .h-icon {
    display: block;
    margin: 0 auto;
  }
  .media-flex.is-responsive-tablet-p .flex-meta, .media-flex-center.is-responsive-tablet-p .flex-meta {
    margin: 10px auto 16px auto;
  }
  .media-flex.is-responsive-tablet-p .flex-end, .media-flex-center.is-responsive-tablet-p .flex-end {
    margin: 0 auto 10px auto;
  }
  .media-flex.is-responsive-tablet-p .flex-end .end-action, .media-flex-center.is-responsive-tablet-p .flex-end .end-action {
    margin-left: 0;
  }
  [dir=rtl] .media-flex.is-responsive-tablet-p .flex-end .end-action, [dir=rtl] .media-flex-center.is-responsive-tablet-p .flex-end .end-action {
    margin-left: inherit;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .media-flex.is-responsive-tablet-l, .media-flex-center.is-responsive-tablet-l {
    flex-direction: column;
    text-align: center;
  }
  .media-flex.is-responsive-tablet-l .h-avatar, .media-flex.is-responsive-tablet-l .h-icon, .media-flex-center.is-responsive-tablet-l .h-avatar, .media-flex-center.is-responsive-tablet-l .h-icon {
    display: block;
    margin: 0 auto;
  }
  .media-flex.is-responsive-tablet-l .flex-meta, .media-flex-center.is-responsive-tablet-l .flex-meta {
    margin: 10px auto 16px auto;
  }
  .media-flex.is-responsive-tablet-l .flex-end, .media-flex-center.is-responsive-tablet-l .flex-end {
    margin: 0 auto 10px auto;
  }
  .media-flex.is-responsive-tablet-l .flex-end .end-action, .media-flex-center.is-responsive-tablet-l .flex-end .end-action {
    margin-left: 0;
  }
  [dir=rtl] .media-flex.is-responsive-tablet-l .flex-end .end-action, [dir=rtl] .media-flex-center.is-responsive-tablet-l .flex-end .end-action {
    margin-left: inherit;
    margin-right: 0;
  }
}
/*! _cards.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Simple Cards
    2. Simple Cards Dark mode
*/
/* ==========================================================================
1. Simple Cards
========================================================================== */
.r-card, .list-view.list-view-v4 .list-view-item, .list-view.list-view-v3 .list-view-item, .list-view.list-view-v1 .list-view-item {
  flex: 1;
  display: inline-block;
  width: 100%;
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  transition: all 0.3s;
}
body.is-dark .r-card, body.is-dark .list-view.list-view-v4 .list-view-item, .list-view.list-view-v4 body.is-dark .list-view-item, body.is-dark .list-view.list-view-v3 .list-view-item, .list-view.list-view-v3 body.is-dark .list-view-item, body.is-dark .list-view.list-view-v1 .list-view-item, .list-view.list-view-v1 body.is-dark .list-view-item {
  border-color: #232326;
}

.s-card, .community-page .dashboard-card, .user-profile .profile-card, .dashboard-list .inner-list .media-flex-center, .monday-achievement .monday-achievement-card .media-flex-center, .dashboard-card, .stat-widget.is-straight, .cart-widget.is-straight, .followers-widget.is-straight, .contact-widget.is-straight, .avatar-list-widget.is-straight, .call-widget.is-straight, .social-buttons-widget.is-straight, .creative-list-widget.is-straight, .illustration-widget.illustration-widget-v3.is-straight, .illustration-widget.illustration-widget-v2.is-straight, .illustration-widget.illustration-widget-v1.is-straight, .inbox-widget.is-straight, .video-widget.is-straight, .icon-list-widget.is-straight, .search-widget.is-straight, .stats-widget.is-straight, .payment-widget.is-straight,
.picker-widget.is-straight, .list-widget.is-straight, .image-widget.is-straight, .tags-widget.is-straight, .text-widget.is-straight, .icon-toolbar-widget.is-straight, .gauge-widget.is-straight, .form-layout .form-outer, .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner, .list-view.list-view-v2 .list-view-item, .topic-feed-item, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap, .collapse, .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card {
  flex: 1;
  display: inline-block;
  width: 100%;
  padding: 20px;
  background-color: #fff;
  border-radius: 8px;
  transition: all 0.3s;
  box-shadow: #dbd8d8 0 0 22px -6px;
}

.l-card, .stat-widget, .cart-widget, .followers-widget, .contact-widget, .avatar-list-widget, .call-widget, .social-buttons-widget, .creative-list-widget, .illustration-widget.illustration-widget-v3, .illustration-widget.illustration-widget-v2, .illustration-widget.illustration-widget-v1, .inbox-widget, .video-widget, .icon-list-widget, .search-widget, .stats-widget, .payment-widget,
.picker-widget, .list-widget, .image-widget, .calendar-widget .calendar-widget-inner .calendar-square, .tags-widget, .text-widget, .icon-toolbar-widget, .gauge-widget {
  flex: 1;
  display: inline-block;
  width: 100%;
  padding: 20px;
  background-color: #fff;
  border-radius: 16px;
  transition: all 0.3s;
}

.r-card.has-margin-bottom, .list-view.list-view-v4 .has-margin-bottom.list-view-item, .list-view.list-view-v3 .has-margin-bottom.list-view-item, .list-view.list-view-v1 .has-margin-bottom.list-view-item, .s-card.has-margin-bottom, .user-profile .has-margin-bottom.profile-card, .dashboard-list .inner-list .has-margin-bottom.media-flex-center, .monday-achievement .monday-achievement-card .has-margin-bottom.media-flex-center, .has-margin-bottom.dashboard-card, .form-layout .has-margin-bottom.form-outer, .form-layout.is-separate .form-outer .form-body .form-section .has-margin-bottom.form-section-inner, .list-view.list-view-v2 .has-margin-bottom.list-view-item, .has-margin-bottom.topic-feed-item, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .has-margin-bottom.content-wrap, .has-margin-bottom.collapse, .right-panel-wrapper.is-activity .right-panel .right-panel-body .has-margin-bottom.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .has-margin-bottom.project-card, .l-card.has-margin-bottom, .has-margin-bottom.stat-widget, .has-margin-bottom.cart-widget, .has-margin-bottom.followers-widget, .has-margin-bottom.contact-widget, .has-margin-bottom.avatar-list-widget, .has-margin-bottom.call-widget, .has-margin-bottom.social-buttons-widget, .has-margin-bottom.creative-list-widget, .has-margin-bottom.illustration-widget.illustration-widget-v3, .has-margin-bottom.illustration-widget.illustration-widget-v2, .has-margin-bottom.illustration-widget.illustration-widget-v1, .has-margin-bottom.inbox-widget, .has-margin-bottom.video-widget, .has-margin-bottom.icon-list-widget, .has-margin-bottom.search-widget, .has-margin-bottom.stats-widget, .has-margin-bottom.payment-widget,
.has-margin-bottom.picker-widget, .has-margin-bottom.list-widget, .has-margin-bottom.image-widget, .calendar-widget .calendar-widget-inner .has-margin-bottom.calendar-square, .has-margin-bottom.tags-widget, .has-margin-bottom.text-widget, .has-margin-bottom.icon-toolbar-widget, .has-margin-bottom.gauge-widget {
  margin-bottom: 1.5rem;
}
.r-card.is-flat, .list-view.list-view-v4 .is-flat.list-view-item, .list-view.list-view-v3 .is-flat.list-view-item, .list-view.list-view-v1 .is-flat.list-view-item, .s-card.is-flat, .user-profile .is-flat.profile-card, .dashboard-list .inner-list .is-flat.media-flex-center, .monday-achievement .monday-achievement-card .is-flat.media-flex-center, .is-flat.dashboard-card, .form-layout .is-flat.form-outer, .form-layout.is-separate .form-outer .form-body .form-section .is-flat.form-section-inner, .list-view.list-view-v2 .is-flat.list-view-item, .is-flat.topic-feed-item, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-flat.content-wrap, .is-flat.collapse, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-flat.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-flat.project-card, .l-card.is-flat, .is-flat.stat-widget, .is-flat.cart-widget, .is-flat.followers-widget, .is-flat.contact-widget, .is-flat.avatar-list-widget, .is-flat.call-widget, .is-flat.social-buttons-widget, .is-flat.creative-list-widget, .is-flat.illustration-widget.illustration-widget-v3, .is-flat.illustration-widget.illustration-widget-v2, .is-flat.illustration-widget.illustration-widget-v1, .is-flat.inbox-widget, .is-flat.video-widget, .is-flat.icon-list-widget, .is-flat.search-widget, .is-flat.stats-widget, .is-flat.payment-widget,
.is-flat.picker-widget, .is-flat.list-widget, .is-flat.image-widget, .calendar-widget .calendar-widget-inner .is-flat.calendar-square, .is-flat.tags-widget, .is-flat.text-widget, .is-flat.icon-toolbar-widget, .is-flat.gauge-widget {
  box-shadow: none;
}
.r-card.is-raised, .list-view.list-view-v4 .is-raised.list-view-item, .list-view.list-view-v3 .is-raised.list-view-item, .list-view.list-view-v1 .is-raised.list-view-item, .s-card.is-raised, .user-profile .is-raised.profile-card, .dashboard-list .inner-list .is-raised.media-flex-center, .monday-achievement .monday-achievement-card .is-raised.media-flex-center, .is-raised.dashboard-card, .form-layout .is-raised.form-outer, .form-layout.is-separate .form-outer .form-body .form-section .is-raised.form-section-inner, .list-view.list-view-v2 .is-raised.list-view-item, .is-raised.topic-feed-item, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-raised.content-wrap, .is-raised.collapse, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-raised.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-raised.project-card, .l-card.is-raised, .is-raised.stat-widget, .is-raised.cart-widget, .is-raised.followers-widget, .is-raised.contact-widget, .is-raised.avatar-list-widget, .is-raised.call-widget, .is-raised.social-buttons-widget, .is-raised.creative-list-widget, .is-raised.illustration-widget.illustration-widget-v3, .is-raised.illustration-widget.illustration-widget-v2, .is-raised.illustration-widget.illustration-widget-v1, .is-raised.inbox-widget, .is-raised.video-widget, .is-raised.icon-list-widget, .is-raised.search-widget, .is-raised.stats-widget, .is-raised.payment-widget,
.is-raised.picker-widget, .is-raised.list-widget, .is-raised.image-widget, .calendar-widget .calendar-widget-inner .is-raised.calendar-square, .is-raised.tags-widget, .is-raised.text-widget, .is-raised.icon-toolbar-widget, .is-raised.gauge-widget {
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.r-card.is-primary, .list-view.list-view-v4 .is-primary.list-view-item, .list-view.list-view-v3 .is-primary.list-view-item, .list-view.list-view-v1 .is-primary.list-view-item, .s-card.is-primary, .user-profile .is-primary.profile-card, .dashboard-list .inner-list .is-primary.media-flex-center, .monday-achievement .monday-achievement-card .is-primary.media-flex-center, .is-primary.dashboard-card, .form-layout .is-primary.form-outer, .form-layout.is-separate .form-outer .form-body .form-section .is-primary.form-section-inner, .list-view.list-view-v2 .is-primary.list-view-item, .is-primary.topic-feed-item, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-primary.content-wrap, .is-primary.collapse, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.project-card, .l-card.is-primary, .is-primary.stat-widget, .is-primary.cart-widget, .is-primary.followers-widget, .is-primary.contact-widget, .is-primary.avatar-list-widget, .is-primary.call-widget, .is-primary.social-buttons-widget, .is-primary.creative-list-widget, .is-primary.illustration-widget.illustration-widget-v3, .is-primary.illustration-widget.illustration-widget-v2, .is-primary.illustration-widget.illustration-widget-v1, .is-primary.inbox-widget, .is-primary.video-widget, .is-primary.icon-list-widget, .is-primary.search-widget, .is-primary.stats-widget, .is-primary.payment-widget,
.is-primary.picker-widget, .is-primary.list-widget, .is-primary.image-widget, .calendar-widget .calendar-widget-inner .is-primary.calendar-square, .is-primary.tags-widget, .is-primary.text-widget, .is-primary.icon-toolbar-widget, .is-primary.gauge-widget {
  background: #4f008c;
  border-color: #4f008c;
}
.r-card.is-primary .title, .list-view.list-view-v4 .is-primary.list-view-item .title, .list-view.list-view-v3 .is-primary.list-view-item .title, .list-view.list-view-v1 .is-primary.list-view-item .title, .r-card.is-primary .subtitle, .list-view.list-view-v4 .is-primary.list-view-item .subtitle, .list-view.list-view-v3 .is-primary.list-view-item .subtitle, .list-view.list-view-v1 .is-primary.list-view-item .subtitle, .r-card.is-primary h1, .list-view.list-view-v4 .is-primary.list-view-item h1, .list-view.list-view-v3 .is-primary.list-view-item h1, .list-view.list-view-v1 .is-primary.list-view-item h1, .r-card.is-primary h2, .list-view.list-view-v4 .is-primary.list-view-item h2, .list-view.list-view-v3 .is-primary.list-view-item h2, .list-view.list-view-v1 .is-primary.list-view-item h2, .r-card.is-primary h3, .list-view.list-view-v4 .is-primary.list-view-item h3, .list-view.list-view-v3 .is-primary.list-view-item h3, .list-view.list-view-v1 .is-primary.list-view-item h3, .r-card.is-primary h4, .list-view.list-view-v4 .is-primary.list-view-item h4, .list-view.list-view-v3 .is-primary.list-view-item h4, .list-view.list-view-v1 .is-primary.list-view-item h4, .r-card.is-primary p, .list-view.list-view-v4 .is-primary.list-view-item p, .list-view.list-view-v3 .is-primary.list-view-item p, .list-view.list-view-v1 .is-primary.list-view-item p, .s-card.is-primary .title, .community-page .is-primary.dashboard-card .title, .user-profile .is-primary.profile-card .title, .dashboard-list .inner-list .is-primary.media-flex-center .title, .monday-achievement .monday-achievement-card .is-primary.media-flex-center .title, .is-primary.dashboard-card .title, .is-primary.stat-widget.is-straight .title, .is-primary.cart-widget.is-straight .title, .is-primary.followers-widget.is-straight .title, .is-primary.contact-widget.is-straight .title, .is-primary.avatar-list-widget.is-straight .title, .is-primary.call-widget.is-straight .title, .is-primary.social-buttons-widget.is-straight .title, .is-primary.creative-list-widget.is-straight .title, .is-primary.illustration-widget.illustration-widget-v3.is-straight .title, .is-primary.illustration-widget.illustration-widget-v2.is-straight .title, .is-primary.illustration-widget.illustration-widget-v1.is-straight .title, .is-primary.inbox-widget.is-straight .title, .is-primary.video-widget.is-straight .title, .is-primary.icon-list-widget.is-straight .title, .is-primary.search-widget.is-straight .title, .is-primary.stats-widget.is-straight .title, .is-primary.payment-widget.is-straight .title,
.is-primary.picker-widget.is-straight .title, .is-primary.list-widget.is-straight .title, .is-primary.image-widget.is-straight .title, .is-primary.tags-widget.is-straight .title, .is-primary.text-widget.is-straight .title, .is-primary.icon-toolbar-widget.is-straight .title, .is-primary.gauge-widget.is-straight .title, .form-layout .is-primary.form-outer .title, .form-layout.is-separate .form-outer .form-body .form-section .is-primary.form-section-inner .title, .list-view.list-view-v2 .is-primary.list-view-item .title, .is-primary.topic-feed-item .title, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-primary.content-wrap .title, .is-primary.collapse .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.team-card .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.project-card .title, .s-card.is-primary .subtitle, .community-page .is-primary.dashboard-card .subtitle, .user-profile .is-primary.profile-card .subtitle, .dashboard-list .inner-list .is-primary.media-flex-center .subtitle, .monday-achievement .monday-achievement-card .is-primary.media-flex-center .subtitle, .is-primary.dashboard-card .subtitle, .is-primary.stat-widget.is-straight .subtitle, .is-primary.cart-widget.is-straight .subtitle, .is-primary.followers-widget.is-straight .subtitle, .is-primary.contact-widget.is-straight .subtitle, .is-primary.avatar-list-widget.is-straight .subtitle, .is-primary.call-widget.is-straight .subtitle, .is-primary.social-buttons-widget.is-straight .subtitle, .is-primary.creative-list-widget.is-straight .subtitle, .is-primary.illustration-widget.illustration-widget-v3.is-straight .subtitle, .is-primary.illustration-widget.illustration-widget-v2.is-straight .subtitle, .is-primary.illustration-widget.illustration-widget-v1.is-straight .subtitle, .is-primary.inbox-widget.is-straight .subtitle, .is-primary.video-widget.is-straight .subtitle, .is-primary.icon-list-widget.is-straight .subtitle, .is-primary.search-widget.is-straight .subtitle, .is-primary.stats-widget.is-straight .subtitle, .is-primary.payment-widget.is-straight .subtitle,
.is-primary.picker-widget.is-straight .subtitle, .is-primary.list-widget.is-straight .subtitle, .is-primary.image-widget.is-straight .subtitle, .is-primary.tags-widget.is-straight .subtitle, .is-primary.text-widget.is-straight .subtitle, .is-primary.icon-toolbar-widget.is-straight .subtitle, .is-primary.gauge-widget.is-straight .subtitle, .form-layout .is-primary.form-outer .subtitle, .form-layout.is-separate .form-outer .form-body .form-section .is-primary.form-section-inner .subtitle, .list-view.list-view-v2 .is-primary.list-view-item .subtitle, .is-primary.topic-feed-item .subtitle, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-primary.content-wrap .subtitle, .is-primary.collapse .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.team-card .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.project-card .subtitle, .s-card.is-primary h1, .community-page .is-primary.dashboard-card h1, .user-profile .is-primary.profile-card h1, .dashboard-list .inner-list .is-primary.media-flex-center h1, .monday-achievement .monday-achievement-card .is-primary.media-flex-center h1, .is-primary.dashboard-card h1, .is-primary.stat-widget.is-straight h1, .is-primary.cart-widget.is-straight h1, .is-primary.followers-widget.is-straight h1, .is-primary.contact-widget.is-straight h1, .is-primary.avatar-list-widget.is-straight h1, .is-primary.call-widget.is-straight h1, .is-primary.social-buttons-widget.is-straight h1, .is-primary.creative-list-widget.is-straight h1, .is-primary.illustration-widget.illustration-widget-v3.is-straight h1, .is-primary.illustration-widget.illustration-widget-v2.is-straight h1, .is-primary.illustration-widget.illustration-widget-v1.is-straight h1, .is-primary.inbox-widget.is-straight h1, .is-primary.video-widget.is-straight h1, .is-primary.icon-list-widget.is-straight h1, .is-primary.search-widget.is-straight h1, .is-primary.stats-widget.is-straight h1, .is-primary.payment-widget.is-straight h1,
.is-primary.picker-widget.is-straight h1, .is-primary.list-widget.is-straight h1, .is-primary.image-widget.is-straight h1, .is-primary.tags-widget.is-straight h1, .is-primary.text-widget.is-straight h1, .is-primary.icon-toolbar-widget.is-straight h1, .is-primary.gauge-widget.is-straight h1, .form-layout .is-primary.form-outer h1, .form-layout.is-separate .form-outer .form-body .form-section .is-primary.form-section-inner h1, .list-view.list-view-v2 .is-primary.list-view-item h1, .is-primary.topic-feed-item h1, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-primary.content-wrap h1, .is-primary.collapse h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.team-card h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.project-card h1, .s-card.is-primary h2, .community-page .is-primary.dashboard-card h2, .user-profile .is-primary.profile-card h2, .dashboard-list .inner-list .is-primary.media-flex-center h2, .monday-achievement .monday-achievement-card .is-primary.media-flex-center h2, .is-primary.dashboard-card h2, .is-primary.stat-widget.is-straight h2, .is-primary.cart-widget.is-straight h2, .is-primary.followers-widget.is-straight h2, .is-primary.contact-widget.is-straight h2, .is-primary.avatar-list-widget.is-straight h2, .is-primary.call-widget.is-straight h2, .is-primary.social-buttons-widget.is-straight h2, .is-primary.creative-list-widget.is-straight h2, .is-primary.illustration-widget.illustration-widget-v3.is-straight h2, .is-primary.illustration-widget.illustration-widget-v2.is-straight h2, .is-primary.illustration-widget.illustration-widget-v1.is-straight h2, .is-primary.inbox-widget.is-straight h2, .is-primary.video-widget.is-straight h2, .is-primary.icon-list-widget.is-straight h2, .is-primary.search-widget.is-straight h2, .is-primary.stats-widget.is-straight h2, .is-primary.payment-widget.is-straight h2,
.is-primary.picker-widget.is-straight h2, .is-primary.list-widget.is-straight h2, .is-primary.image-widget.is-straight h2, .is-primary.tags-widget.is-straight h2, .is-primary.text-widget.is-straight h2, .is-primary.icon-toolbar-widget.is-straight h2, .is-primary.gauge-widget.is-straight h2, .form-layout .is-primary.form-outer h2, .form-layout.is-separate .form-outer .form-body .form-section .is-primary.form-section-inner h2, .list-view.list-view-v2 .is-primary.list-view-item h2, .is-primary.topic-feed-item h2, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-primary.content-wrap h2, .is-primary.collapse h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.team-card h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.project-card h2, .s-card.is-primary h3, .community-page .is-primary.dashboard-card h3, .user-profile .is-primary.profile-card h3, .dashboard-list .inner-list .is-primary.media-flex-center h3, .monday-achievement .monday-achievement-card .is-primary.media-flex-center h3, .is-primary.dashboard-card h3, .is-primary.stat-widget.is-straight h3, .is-primary.cart-widget.is-straight h3, .is-primary.followers-widget.is-straight h3, .is-primary.contact-widget.is-straight h3, .is-primary.avatar-list-widget.is-straight h3, .is-primary.call-widget.is-straight h3, .is-primary.social-buttons-widget.is-straight h3, .is-primary.creative-list-widget.is-straight h3, .is-primary.illustration-widget.illustration-widget-v3.is-straight h3, .is-primary.illustration-widget.illustration-widget-v2.is-straight h3, .is-primary.illustration-widget.illustration-widget-v1.is-straight h3, .is-primary.inbox-widget.is-straight h3, .is-primary.video-widget.is-straight h3, .is-primary.icon-list-widget.is-straight h3, .is-primary.search-widget.is-straight h3, .is-primary.stats-widget.is-straight h3, .is-primary.payment-widget.is-straight h3,
.is-primary.picker-widget.is-straight h3, .is-primary.list-widget.is-straight h3, .is-primary.image-widget.is-straight h3, .is-primary.tags-widget.is-straight h3, .is-primary.text-widget.is-straight h3, .is-primary.icon-toolbar-widget.is-straight h3, .is-primary.gauge-widget.is-straight h3, .form-layout .is-primary.form-outer h3, .form-layout.is-separate .form-outer .form-body .form-section .is-primary.form-section-inner h3, .list-view.list-view-v2 .is-primary.list-view-item h3, .is-primary.topic-feed-item h3, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-primary.content-wrap h3, .is-primary.collapse h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.team-card h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.project-card h3, .s-card.is-primary h4, .community-page .is-primary.dashboard-card h4, .user-profile .is-primary.profile-card h4, .dashboard-list .inner-list .is-primary.media-flex-center h4, .monday-achievement .monday-achievement-card .is-primary.media-flex-center h4, .is-primary.dashboard-card h4, .is-primary.stat-widget.is-straight h4, .is-primary.cart-widget.is-straight h4, .is-primary.followers-widget.is-straight h4, .is-primary.contact-widget.is-straight h4, .is-primary.avatar-list-widget.is-straight h4, .is-primary.call-widget.is-straight h4, .is-primary.social-buttons-widget.is-straight h4, .is-primary.creative-list-widget.is-straight h4, .is-primary.illustration-widget.illustration-widget-v3.is-straight h4, .is-primary.illustration-widget.illustration-widget-v2.is-straight h4, .is-primary.illustration-widget.illustration-widget-v1.is-straight h4, .is-primary.inbox-widget.is-straight h4, .is-primary.video-widget.is-straight h4, .is-primary.icon-list-widget.is-straight h4, .is-primary.search-widget.is-straight h4, .is-primary.stats-widget.is-straight h4, .is-primary.payment-widget.is-straight h4,
.is-primary.picker-widget.is-straight h4, .is-primary.list-widget.is-straight h4, .is-primary.image-widget.is-straight h4, .is-primary.tags-widget.is-straight h4, .is-primary.text-widget.is-straight h4, .is-primary.icon-toolbar-widget.is-straight h4, .is-primary.gauge-widget.is-straight h4, .form-layout .is-primary.form-outer h4, .form-layout.is-separate .form-outer .form-body .form-section .is-primary.form-section-inner h4, .list-view.list-view-v2 .is-primary.list-view-item h4, .is-primary.topic-feed-item h4, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-primary.content-wrap h4, .is-primary.collapse h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.team-card h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.project-card h4, .s-card.is-primary p, .community-page .is-primary.dashboard-card p, .user-profile .is-primary.profile-card p, .dashboard-list .inner-list .is-primary.media-flex-center p, .monday-achievement .monday-achievement-card .is-primary.media-flex-center p, .is-primary.dashboard-card p, .is-primary.stat-widget.is-straight p, .is-primary.cart-widget.is-straight p, .is-primary.followers-widget.is-straight p, .is-primary.contact-widget.is-straight p, .is-primary.avatar-list-widget.is-straight p, .is-primary.call-widget.is-straight p, .is-primary.social-buttons-widget.is-straight p, .is-primary.creative-list-widget.is-straight p, .is-primary.illustration-widget.illustration-widget-v3.is-straight p, .is-primary.illustration-widget.illustration-widget-v2.is-straight p, .is-primary.illustration-widget.illustration-widget-v1.is-straight p, .is-primary.inbox-widget.is-straight p, .is-primary.video-widget.is-straight p, .is-primary.icon-list-widget.is-straight p, .is-primary.search-widget.is-straight p, .is-primary.stats-widget.is-straight p, .is-primary.payment-widget.is-straight p,
.is-primary.picker-widget.is-straight p, .is-primary.list-widget.is-straight p, .is-primary.image-widget.is-straight p, .is-primary.tags-widget.is-straight p, .is-primary.text-widget.is-straight p, .is-primary.icon-toolbar-widget.is-straight p, .is-primary.gauge-widget.is-straight p, .form-layout .is-primary.form-outer p, .form-layout.is-separate .form-outer .form-body .form-section .is-primary.form-section-inner p, .list-view.list-view-v2 .is-primary.list-view-item p, .is-primary.topic-feed-item p, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-primary.content-wrap p, .is-primary.collapse p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.team-card p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.project-card p, .l-card.is-primary .title, .is-primary.stat-widget .title, .is-primary.cart-widget .title, .is-primary.followers-widget .title, .is-primary.contact-widget .title, .is-primary.avatar-list-widget .title, .is-primary.call-widget .title, .is-primary.social-buttons-widget .title, .is-primary.creative-list-widget .title, .is-primary.illustration-widget.illustration-widget-v3 .title, .is-primary.illustration-widget.illustration-widget-v2 .title, .is-primary.illustration-widget.illustration-widget-v1 .title, .is-primary.inbox-widget .title, .is-primary.video-widget .title, .is-primary.icon-list-widget .title, .is-primary.search-widget .title, .is-primary.stats-widget .title, .is-primary.payment-widget .title,
.is-primary.picker-widget .title, .is-primary.list-widget .title, .is-primary.image-widget .title, .calendar-widget .calendar-widget-inner .is-primary.calendar-square .title, .is-primary.tags-widget .title, .is-primary.text-widget .title, .is-primary.icon-toolbar-widget .title, .is-primary.gauge-widget .title, .l-card.is-primary .subtitle, .is-primary.stat-widget .subtitle, .is-primary.cart-widget .subtitle, .is-primary.followers-widget .subtitle, .is-primary.contact-widget .subtitle, .is-primary.avatar-list-widget .subtitle, .is-primary.call-widget .subtitle, .is-primary.social-buttons-widget .subtitle, .is-primary.creative-list-widget .subtitle, .is-primary.illustration-widget.illustration-widget-v3 .subtitle, .is-primary.illustration-widget.illustration-widget-v2 .subtitle, .is-primary.illustration-widget.illustration-widget-v1 .subtitle, .is-primary.inbox-widget .subtitle, .is-primary.video-widget .subtitle, .is-primary.icon-list-widget .subtitle, .is-primary.search-widget .subtitle, .is-primary.stats-widget .subtitle, .is-primary.payment-widget .subtitle,
.is-primary.picker-widget .subtitle, .is-primary.list-widget .subtitle, .is-primary.image-widget .subtitle, .calendar-widget .calendar-widget-inner .is-primary.calendar-square .subtitle, .is-primary.tags-widget .subtitle, .is-primary.text-widget .subtitle, .is-primary.icon-toolbar-widget .subtitle, .is-primary.gauge-widget .subtitle, .l-card.is-primary h1, .is-primary.stat-widget h1, .is-primary.cart-widget h1, .is-primary.followers-widget h1, .is-primary.contact-widget h1, .is-primary.avatar-list-widget h1, .is-primary.call-widget h1, .is-primary.social-buttons-widget h1, .is-primary.creative-list-widget h1, .is-primary.illustration-widget.illustration-widget-v3 h1, .is-primary.illustration-widget.illustration-widget-v2 h1, .is-primary.illustration-widget.illustration-widget-v1 h1, .is-primary.inbox-widget h1, .is-primary.video-widget h1, .is-primary.icon-list-widget h1, .is-primary.search-widget h1, .is-primary.stats-widget h1, .is-primary.payment-widget h1,
.is-primary.picker-widget h1, .is-primary.list-widget h1, .is-primary.image-widget h1, .calendar-widget .calendar-widget-inner .is-primary.calendar-square h1, .is-primary.tags-widget h1, .is-primary.text-widget h1, .is-primary.icon-toolbar-widget h1, .is-primary.gauge-widget h1, .l-card.is-primary h2, .is-primary.stat-widget h2, .is-primary.cart-widget h2, .is-primary.followers-widget h2, .is-primary.contact-widget h2, .is-primary.avatar-list-widget h2, .is-primary.call-widget h2, .is-primary.social-buttons-widget h2, .is-primary.creative-list-widget h2, .is-primary.illustration-widget.illustration-widget-v3 h2, .is-primary.illustration-widget.illustration-widget-v2 h2, .is-primary.illustration-widget.illustration-widget-v1 h2, .is-primary.inbox-widget h2, .is-primary.video-widget h2, .is-primary.icon-list-widget h2, .is-primary.search-widget h2, .is-primary.stats-widget h2, .is-primary.payment-widget h2,
.is-primary.picker-widget h2, .is-primary.list-widget h2, .is-primary.image-widget h2, .calendar-widget .calendar-widget-inner .is-primary.calendar-square h2, .is-primary.tags-widget h2, .is-primary.text-widget h2, .is-primary.icon-toolbar-widget h2, .is-primary.gauge-widget h2, .l-card.is-primary h3, .is-primary.stat-widget h3, .is-primary.cart-widget h3, .is-primary.followers-widget h3, .is-primary.contact-widget h3, .is-primary.avatar-list-widget h3, .is-primary.call-widget h3, .is-primary.social-buttons-widget h3, .is-primary.creative-list-widget h3, .is-primary.illustration-widget.illustration-widget-v3 h3, .is-primary.illustration-widget.illustration-widget-v2 h3, .is-primary.illustration-widget.illustration-widget-v1 h3, .is-primary.inbox-widget h3, .is-primary.video-widget h3, .is-primary.icon-list-widget h3, .is-primary.search-widget h3, .is-primary.stats-widget h3, .is-primary.payment-widget h3,
.is-primary.picker-widget h3, .is-primary.list-widget h3, .is-primary.image-widget h3, .calendar-widget .calendar-widget-inner .is-primary.calendar-square h3, .is-primary.tags-widget h3, .is-primary.text-widget h3, .is-primary.icon-toolbar-widget h3, .is-primary.gauge-widget h3, .l-card.is-primary h4, .is-primary.stat-widget h4, .is-primary.cart-widget h4, .is-primary.followers-widget h4, .is-primary.contact-widget h4, .is-primary.avatar-list-widget h4, .is-primary.call-widget h4, .is-primary.social-buttons-widget h4, .is-primary.creative-list-widget h4, .is-primary.illustration-widget.illustration-widget-v3 h4, .is-primary.illustration-widget.illustration-widget-v2 h4, .is-primary.illustration-widget.illustration-widget-v1 h4, .is-primary.inbox-widget h4, .is-primary.video-widget h4, .is-primary.icon-list-widget h4, .is-primary.search-widget h4, .is-primary.stats-widget h4, .is-primary.payment-widget h4,
.is-primary.picker-widget h4, .is-primary.list-widget h4, .is-primary.image-widget h4, .calendar-widget .calendar-widget-inner .is-primary.calendar-square h4, .is-primary.tags-widget h4, .is-primary.text-widget h4, .is-primary.icon-toolbar-widget h4, .is-primary.gauge-widget h4, .l-card.is-primary p, .is-primary.stat-widget p, .is-primary.cart-widget p, .is-primary.followers-widget p, .is-primary.contact-widget p, .is-primary.avatar-list-widget p, .is-primary.call-widget p, .is-primary.social-buttons-widget p, .is-primary.creative-list-widget p, .is-primary.illustration-widget.illustration-widget-v3 p, .is-primary.illustration-widget.illustration-widget-v2 p, .is-primary.illustration-widget.illustration-widget-v1 p, .is-primary.inbox-widget p, .is-primary.video-widget p, .is-primary.icon-list-widget p, .is-primary.search-widget p, .is-primary.stats-widget p, .is-primary.payment-widget p,
.is-primary.picker-widget p, .is-primary.list-widget p, .is-primary.image-widget p, .calendar-widget .calendar-widget-inner .is-primary.calendar-square p, .is-primary.tags-widget p, .is-primary.text-widget p, .is-primary.icon-toolbar-widget p, .is-primary.gauge-widget p {
  color: #fcfcfc !important;
}
.r-card.is-light-primary, .list-view.list-view-v4 .is-light-primary.list-view-item, .list-view.list-view-v3 .is-light-primary.list-view-item, .list-view.list-view-v1 .is-light-primary.list-view-item, .s-card.is-light-primary, .user-profile .is-light-primary.profile-card, .dashboard-list .inner-list .is-light-primary.media-flex-center, .monday-achievement .monday-achievement-card .is-light-primary.media-flex-center, .is-light-primary.dashboard-card, .form-layout .is-light-primary.form-outer, .form-layout.is-separate .form-outer .form-body .form-section .is-light-primary.form-section-inner, .list-view.list-view-v2 .is-light-primary.list-view-item, .is-light-primary.topic-feed-item, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-light-primary.content-wrap, .is-light-primary.collapse, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.project-card, .l-card.is-light-primary, .is-light-primary.stat-widget, .is-light-primary.cart-widget, .is-light-primary.followers-widget, .is-light-primary.contact-widget, .is-light-primary.avatar-list-widget, .is-light-primary.call-widget, .is-light-primary.social-buttons-widget, .is-light-primary.creative-list-widget, .is-light-primary.illustration-widget.illustration-widget-v3, .is-light-primary.illustration-widget.illustration-widget-v2, .is-light-primary.illustration-widget.illustration-widget-v1, .is-light-primary.inbox-widget, .is-light-primary.video-widget, .is-light-primary.icon-list-widget, .is-light-primary.search-widget, .is-light-primary.stats-widget, .is-light-primary.payment-widget,
.is-light-primary.picker-widget, .is-light-primary.list-widget, .is-light-primary.image-widget, .calendar-widget .calendar-widget-inner .is-light-primary.calendar-square, .is-light-primary.tags-widget, .is-light-primary.text-widget, .is-light-primary.icon-toolbar-widget, .is-light-primary.gauge-widget {
  background: #ffffff;
  border-color: #4f008c;
}
.r-card.is-light-primary .title, .list-view.list-view-v4 .is-light-primary.list-view-item .title, .list-view.list-view-v3 .is-light-primary.list-view-item .title, .list-view.list-view-v1 .is-light-primary.list-view-item .title, .r-card.is-light-primary .subtitle, .list-view.list-view-v4 .is-light-primary.list-view-item .subtitle, .list-view.list-view-v3 .is-light-primary.list-view-item .subtitle, .list-view.list-view-v1 .is-light-primary.list-view-item .subtitle, .r-card.is-light-primary h1, .list-view.list-view-v4 .is-light-primary.list-view-item h1, .list-view.list-view-v3 .is-light-primary.list-view-item h1, .list-view.list-view-v1 .is-light-primary.list-view-item h1, .r-card.is-light-primary h2, .list-view.list-view-v4 .is-light-primary.list-view-item h2, .list-view.list-view-v3 .is-light-primary.list-view-item h2, .list-view.list-view-v1 .is-light-primary.list-view-item h2, .r-card.is-light-primary h3, .list-view.list-view-v4 .is-light-primary.list-view-item h3, .list-view.list-view-v3 .is-light-primary.list-view-item h3, .list-view.list-view-v1 .is-light-primary.list-view-item h3, .r-card.is-light-primary h4, .list-view.list-view-v4 .is-light-primary.list-view-item h4, .list-view.list-view-v3 .is-light-primary.list-view-item h4, .list-view.list-view-v1 .is-light-primary.list-view-item h4, .r-card.is-light-primary p, .list-view.list-view-v4 .is-light-primary.list-view-item p, .list-view.list-view-v3 .is-light-primary.list-view-item p, .list-view.list-view-v1 .is-light-primary.list-view-item p, .s-card.is-light-primary .title, .community-page .is-light-primary.dashboard-card .title, .user-profile .is-light-primary.profile-card .title, .dashboard-list .inner-list .is-light-primary.media-flex-center .title, .monday-achievement .monday-achievement-card .is-light-primary.media-flex-center .title, .is-light-primary.dashboard-card .title, .is-light-primary.stat-widget.is-straight .title, .is-light-primary.cart-widget.is-straight .title, .is-light-primary.followers-widget.is-straight .title, .is-light-primary.contact-widget.is-straight .title, .is-light-primary.avatar-list-widget.is-straight .title, .is-light-primary.call-widget.is-straight .title, .is-light-primary.social-buttons-widget.is-straight .title, .is-light-primary.creative-list-widget.is-straight .title, .is-light-primary.illustration-widget.illustration-widget-v3.is-straight .title, .is-light-primary.illustration-widget.illustration-widget-v2.is-straight .title, .is-light-primary.illustration-widget.illustration-widget-v1.is-straight .title, .is-light-primary.inbox-widget.is-straight .title, .is-light-primary.video-widget.is-straight .title, .is-light-primary.icon-list-widget.is-straight .title, .is-light-primary.search-widget.is-straight .title, .is-light-primary.stats-widget.is-straight .title, .is-light-primary.payment-widget.is-straight .title,
.is-light-primary.picker-widget.is-straight .title, .is-light-primary.list-widget.is-straight .title, .is-light-primary.image-widget.is-straight .title, .is-light-primary.tags-widget.is-straight .title, .is-light-primary.text-widget.is-straight .title, .is-light-primary.icon-toolbar-widget.is-straight .title, .is-light-primary.gauge-widget.is-straight .title, .form-layout .is-light-primary.form-outer .title, .form-layout.is-separate .form-outer .form-body .form-section .is-light-primary.form-section-inner .title, .list-view.list-view-v2 .is-light-primary.list-view-item .title, .is-light-primary.topic-feed-item .title, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-light-primary.content-wrap .title, .is-light-primary.collapse .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.team-card .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.project-card .title, .s-card.is-light-primary .subtitle, .community-page .is-light-primary.dashboard-card .subtitle, .user-profile .is-light-primary.profile-card .subtitle, .dashboard-list .inner-list .is-light-primary.media-flex-center .subtitle, .monday-achievement .monday-achievement-card .is-light-primary.media-flex-center .subtitle, .is-light-primary.dashboard-card .subtitle, .is-light-primary.stat-widget.is-straight .subtitle, .is-light-primary.cart-widget.is-straight .subtitle, .is-light-primary.followers-widget.is-straight .subtitle, .is-light-primary.contact-widget.is-straight .subtitle, .is-light-primary.avatar-list-widget.is-straight .subtitle, .is-light-primary.call-widget.is-straight .subtitle, .is-light-primary.social-buttons-widget.is-straight .subtitle, .is-light-primary.creative-list-widget.is-straight .subtitle, .is-light-primary.illustration-widget.illustration-widget-v3.is-straight .subtitle, .is-light-primary.illustration-widget.illustration-widget-v2.is-straight .subtitle, .is-light-primary.illustration-widget.illustration-widget-v1.is-straight .subtitle, .is-light-primary.inbox-widget.is-straight .subtitle, .is-light-primary.video-widget.is-straight .subtitle, .is-light-primary.icon-list-widget.is-straight .subtitle, .is-light-primary.search-widget.is-straight .subtitle, .is-light-primary.stats-widget.is-straight .subtitle, .is-light-primary.payment-widget.is-straight .subtitle,
.is-light-primary.picker-widget.is-straight .subtitle, .is-light-primary.list-widget.is-straight .subtitle, .is-light-primary.image-widget.is-straight .subtitle, .is-light-primary.tags-widget.is-straight .subtitle, .is-light-primary.text-widget.is-straight .subtitle, .is-light-primary.icon-toolbar-widget.is-straight .subtitle, .is-light-primary.gauge-widget.is-straight .subtitle, .form-layout .is-light-primary.form-outer .subtitle, .form-layout.is-separate .form-outer .form-body .form-section .is-light-primary.form-section-inner .subtitle, .list-view.list-view-v2 .is-light-primary.list-view-item .subtitle, .is-light-primary.topic-feed-item .subtitle, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-light-primary.content-wrap .subtitle, .is-light-primary.collapse .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.team-card .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.project-card .subtitle, .s-card.is-light-primary h1, .community-page .is-light-primary.dashboard-card h1, .user-profile .is-light-primary.profile-card h1, .dashboard-list .inner-list .is-light-primary.media-flex-center h1, .monday-achievement .monday-achievement-card .is-light-primary.media-flex-center h1, .is-light-primary.dashboard-card h1, .is-light-primary.stat-widget.is-straight h1, .is-light-primary.cart-widget.is-straight h1, .is-light-primary.followers-widget.is-straight h1, .is-light-primary.contact-widget.is-straight h1, .is-light-primary.avatar-list-widget.is-straight h1, .is-light-primary.call-widget.is-straight h1, .is-light-primary.social-buttons-widget.is-straight h1, .is-light-primary.creative-list-widget.is-straight h1, .is-light-primary.illustration-widget.illustration-widget-v3.is-straight h1, .is-light-primary.illustration-widget.illustration-widget-v2.is-straight h1, .is-light-primary.illustration-widget.illustration-widget-v1.is-straight h1, .is-light-primary.inbox-widget.is-straight h1, .is-light-primary.video-widget.is-straight h1, .is-light-primary.icon-list-widget.is-straight h1, .is-light-primary.search-widget.is-straight h1, .is-light-primary.stats-widget.is-straight h1, .is-light-primary.payment-widget.is-straight h1,
.is-light-primary.picker-widget.is-straight h1, .is-light-primary.list-widget.is-straight h1, .is-light-primary.image-widget.is-straight h1, .is-light-primary.tags-widget.is-straight h1, .is-light-primary.text-widget.is-straight h1, .is-light-primary.icon-toolbar-widget.is-straight h1, .is-light-primary.gauge-widget.is-straight h1, .form-layout .is-light-primary.form-outer h1, .form-layout.is-separate .form-outer .form-body .form-section .is-light-primary.form-section-inner h1, .list-view.list-view-v2 .is-light-primary.list-view-item h1, .is-light-primary.topic-feed-item h1, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-light-primary.content-wrap h1, .is-light-primary.collapse h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.team-card h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.project-card h1, .s-card.is-light-primary h2, .community-page .is-light-primary.dashboard-card h2, .user-profile .is-light-primary.profile-card h2, .dashboard-list .inner-list .is-light-primary.media-flex-center h2, .monday-achievement .monday-achievement-card .is-light-primary.media-flex-center h2, .is-light-primary.dashboard-card h2, .is-light-primary.stat-widget.is-straight h2, .is-light-primary.cart-widget.is-straight h2, .is-light-primary.followers-widget.is-straight h2, .is-light-primary.contact-widget.is-straight h2, .is-light-primary.avatar-list-widget.is-straight h2, .is-light-primary.call-widget.is-straight h2, .is-light-primary.social-buttons-widget.is-straight h2, .is-light-primary.creative-list-widget.is-straight h2, .is-light-primary.illustration-widget.illustration-widget-v3.is-straight h2, .is-light-primary.illustration-widget.illustration-widget-v2.is-straight h2, .is-light-primary.illustration-widget.illustration-widget-v1.is-straight h2, .is-light-primary.inbox-widget.is-straight h2, .is-light-primary.video-widget.is-straight h2, .is-light-primary.icon-list-widget.is-straight h2, .is-light-primary.search-widget.is-straight h2, .is-light-primary.stats-widget.is-straight h2, .is-light-primary.payment-widget.is-straight h2,
.is-light-primary.picker-widget.is-straight h2, .is-light-primary.list-widget.is-straight h2, .is-light-primary.image-widget.is-straight h2, .is-light-primary.tags-widget.is-straight h2, .is-light-primary.text-widget.is-straight h2, .is-light-primary.icon-toolbar-widget.is-straight h2, .is-light-primary.gauge-widget.is-straight h2, .form-layout .is-light-primary.form-outer h2, .form-layout.is-separate .form-outer .form-body .form-section .is-light-primary.form-section-inner h2, .list-view.list-view-v2 .is-light-primary.list-view-item h2, .is-light-primary.topic-feed-item h2, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-light-primary.content-wrap h2, .is-light-primary.collapse h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.team-card h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.project-card h2, .s-card.is-light-primary h3, .community-page .is-light-primary.dashboard-card h3, .user-profile .is-light-primary.profile-card h3, .dashboard-list .inner-list .is-light-primary.media-flex-center h3, .monday-achievement .monday-achievement-card .is-light-primary.media-flex-center h3, .is-light-primary.dashboard-card h3, .is-light-primary.stat-widget.is-straight h3, .is-light-primary.cart-widget.is-straight h3, .is-light-primary.followers-widget.is-straight h3, .is-light-primary.contact-widget.is-straight h3, .is-light-primary.avatar-list-widget.is-straight h3, .is-light-primary.call-widget.is-straight h3, .is-light-primary.social-buttons-widget.is-straight h3, .is-light-primary.creative-list-widget.is-straight h3, .is-light-primary.illustration-widget.illustration-widget-v3.is-straight h3, .is-light-primary.illustration-widget.illustration-widget-v2.is-straight h3, .is-light-primary.illustration-widget.illustration-widget-v1.is-straight h3, .is-light-primary.inbox-widget.is-straight h3, .is-light-primary.video-widget.is-straight h3, .is-light-primary.icon-list-widget.is-straight h3, .is-light-primary.search-widget.is-straight h3, .is-light-primary.stats-widget.is-straight h3, .is-light-primary.payment-widget.is-straight h3,
.is-light-primary.picker-widget.is-straight h3, .is-light-primary.list-widget.is-straight h3, .is-light-primary.image-widget.is-straight h3, .is-light-primary.tags-widget.is-straight h3, .is-light-primary.text-widget.is-straight h3, .is-light-primary.icon-toolbar-widget.is-straight h3, .is-light-primary.gauge-widget.is-straight h3, .form-layout .is-light-primary.form-outer h3, .form-layout.is-separate .form-outer .form-body .form-section .is-light-primary.form-section-inner h3, .list-view.list-view-v2 .is-light-primary.list-view-item h3, .is-light-primary.topic-feed-item h3, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-light-primary.content-wrap h3, .is-light-primary.collapse h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.team-card h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.project-card h3, .s-card.is-light-primary h4, .community-page .is-light-primary.dashboard-card h4, .user-profile .is-light-primary.profile-card h4, .dashboard-list .inner-list .is-light-primary.media-flex-center h4, .monday-achievement .monday-achievement-card .is-light-primary.media-flex-center h4, .is-light-primary.dashboard-card h4, .is-light-primary.stat-widget.is-straight h4, .is-light-primary.cart-widget.is-straight h4, .is-light-primary.followers-widget.is-straight h4, .is-light-primary.contact-widget.is-straight h4, .is-light-primary.avatar-list-widget.is-straight h4, .is-light-primary.call-widget.is-straight h4, .is-light-primary.social-buttons-widget.is-straight h4, .is-light-primary.creative-list-widget.is-straight h4, .is-light-primary.illustration-widget.illustration-widget-v3.is-straight h4, .is-light-primary.illustration-widget.illustration-widget-v2.is-straight h4, .is-light-primary.illustration-widget.illustration-widget-v1.is-straight h4, .is-light-primary.inbox-widget.is-straight h4, .is-light-primary.video-widget.is-straight h4, .is-light-primary.icon-list-widget.is-straight h4, .is-light-primary.search-widget.is-straight h4, .is-light-primary.stats-widget.is-straight h4, .is-light-primary.payment-widget.is-straight h4,
.is-light-primary.picker-widget.is-straight h4, .is-light-primary.list-widget.is-straight h4, .is-light-primary.image-widget.is-straight h4, .is-light-primary.tags-widget.is-straight h4, .is-light-primary.text-widget.is-straight h4, .is-light-primary.icon-toolbar-widget.is-straight h4, .is-light-primary.gauge-widget.is-straight h4, .form-layout .is-light-primary.form-outer h4, .form-layout.is-separate .form-outer .form-body .form-section .is-light-primary.form-section-inner h4, .list-view.list-view-v2 .is-light-primary.list-view-item h4, .is-light-primary.topic-feed-item h4, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-light-primary.content-wrap h4, .is-light-primary.collapse h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.team-card h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.project-card h4, .s-card.is-light-primary p, .community-page .is-light-primary.dashboard-card p, .user-profile .is-light-primary.profile-card p, .dashboard-list .inner-list .is-light-primary.media-flex-center p, .monday-achievement .monday-achievement-card .is-light-primary.media-flex-center p, .is-light-primary.dashboard-card p, .is-light-primary.stat-widget.is-straight p, .is-light-primary.cart-widget.is-straight p, .is-light-primary.followers-widget.is-straight p, .is-light-primary.contact-widget.is-straight p, .is-light-primary.avatar-list-widget.is-straight p, .is-light-primary.call-widget.is-straight p, .is-light-primary.social-buttons-widget.is-straight p, .is-light-primary.creative-list-widget.is-straight p, .is-light-primary.illustration-widget.illustration-widget-v3.is-straight p, .is-light-primary.illustration-widget.illustration-widget-v2.is-straight p, .is-light-primary.illustration-widget.illustration-widget-v1.is-straight p, .is-light-primary.inbox-widget.is-straight p, .is-light-primary.video-widget.is-straight p, .is-light-primary.icon-list-widget.is-straight p, .is-light-primary.search-widget.is-straight p, .is-light-primary.stats-widget.is-straight p, .is-light-primary.payment-widget.is-straight p,
.is-light-primary.picker-widget.is-straight p, .is-light-primary.list-widget.is-straight p, .is-light-primary.image-widget.is-straight p, .is-light-primary.tags-widget.is-straight p, .is-light-primary.text-widget.is-straight p, .is-light-primary.icon-toolbar-widget.is-straight p, .is-light-primary.gauge-widget.is-straight p, .form-layout .is-light-primary.form-outer p, .form-layout.is-separate .form-outer .form-body .form-section .is-light-primary.form-section-inner p, .list-view.list-view-v2 .is-light-primary.list-view-item p, .is-light-primary.topic-feed-item p, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-light-primary.content-wrap p, .is-light-primary.collapse p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.team-card p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.project-card p, .l-card.is-light-primary .title, .is-light-primary.stat-widget .title, .is-light-primary.cart-widget .title, .is-light-primary.followers-widget .title, .is-light-primary.contact-widget .title, .is-light-primary.avatar-list-widget .title, .is-light-primary.call-widget .title, .is-light-primary.social-buttons-widget .title, .is-light-primary.creative-list-widget .title, .is-light-primary.illustration-widget.illustration-widget-v3 .title, .is-light-primary.illustration-widget.illustration-widget-v2 .title, .is-light-primary.illustration-widget.illustration-widget-v1 .title, .is-light-primary.inbox-widget .title, .is-light-primary.video-widget .title, .is-light-primary.icon-list-widget .title, .is-light-primary.search-widget .title, .is-light-primary.stats-widget .title, .is-light-primary.payment-widget .title,
.is-light-primary.picker-widget .title, .is-light-primary.list-widget .title, .is-light-primary.image-widget .title, .calendar-widget .calendar-widget-inner .is-light-primary.calendar-square .title, .is-light-primary.tags-widget .title, .is-light-primary.text-widget .title, .is-light-primary.icon-toolbar-widget .title, .is-light-primary.gauge-widget .title, .l-card.is-light-primary .subtitle, .is-light-primary.stat-widget .subtitle, .is-light-primary.cart-widget .subtitle, .is-light-primary.followers-widget .subtitle, .is-light-primary.contact-widget .subtitle, .is-light-primary.avatar-list-widget .subtitle, .is-light-primary.call-widget .subtitle, .is-light-primary.social-buttons-widget .subtitle, .is-light-primary.creative-list-widget .subtitle, .is-light-primary.illustration-widget.illustration-widget-v3 .subtitle, .is-light-primary.illustration-widget.illustration-widget-v2 .subtitle, .is-light-primary.illustration-widget.illustration-widget-v1 .subtitle, .is-light-primary.inbox-widget .subtitle, .is-light-primary.video-widget .subtitle, .is-light-primary.icon-list-widget .subtitle, .is-light-primary.search-widget .subtitle, .is-light-primary.stats-widget .subtitle, .is-light-primary.payment-widget .subtitle,
.is-light-primary.picker-widget .subtitle, .is-light-primary.list-widget .subtitle, .is-light-primary.image-widget .subtitle, .calendar-widget .calendar-widget-inner .is-light-primary.calendar-square .subtitle, .is-light-primary.tags-widget .subtitle, .is-light-primary.text-widget .subtitle, .is-light-primary.icon-toolbar-widget .subtitle, .is-light-primary.gauge-widget .subtitle, .l-card.is-light-primary h1, .is-light-primary.stat-widget h1, .is-light-primary.cart-widget h1, .is-light-primary.followers-widget h1, .is-light-primary.contact-widget h1, .is-light-primary.avatar-list-widget h1, .is-light-primary.call-widget h1, .is-light-primary.social-buttons-widget h1, .is-light-primary.creative-list-widget h1, .is-light-primary.illustration-widget.illustration-widget-v3 h1, .is-light-primary.illustration-widget.illustration-widget-v2 h1, .is-light-primary.illustration-widget.illustration-widget-v1 h1, .is-light-primary.inbox-widget h1, .is-light-primary.video-widget h1, .is-light-primary.icon-list-widget h1, .is-light-primary.search-widget h1, .is-light-primary.stats-widget h1, .is-light-primary.payment-widget h1,
.is-light-primary.picker-widget h1, .is-light-primary.list-widget h1, .is-light-primary.image-widget h1, .calendar-widget .calendar-widget-inner .is-light-primary.calendar-square h1, .is-light-primary.tags-widget h1, .is-light-primary.text-widget h1, .is-light-primary.icon-toolbar-widget h1, .is-light-primary.gauge-widget h1, .l-card.is-light-primary h2, .is-light-primary.stat-widget h2, .is-light-primary.cart-widget h2, .is-light-primary.followers-widget h2, .is-light-primary.contact-widget h2, .is-light-primary.avatar-list-widget h2, .is-light-primary.call-widget h2, .is-light-primary.social-buttons-widget h2, .is-light-primary.creative-list-widget h2, .is-light-primary.illustration-widget.illustration-widget-v3 h2, .is-light-primary.illustration-widget.illustration-widget-v2 h2, .is-light-primary.illustration-widget.illustration-widget-v1 h2, .is-light-primary.inbox-widget h2, .is-light-primary.video-widget h2, .is-light-primary.icon-list-widget h2, .is-light-primary.search-widget h2, .is-light-primary.stats-widget h2, .is-light-primary.payment-widget h2,
.is-light-primary.picker-widget h2, .is-light-primary.list-widget h2, .is-light-primary.image-widget h2, .calendar-widget .calendar-widget-inner .is-light-primary.calendar-square h2, .is-light-primary.tags-widget h2, .is-light-primary.text-widget h2, .is-light-primary.icon-toolbar-widget h2, .is-light-primary.gauge-widget h2, .l-card.is-light-primary h3, .is-light-primary.stat-widget h3, .is-light-primary.cart-widget h3, .is-light-primary.followers-widget h3, .is-light-primary.contact-widget h3, .is-light-primary.avatar-list-widget h3, .is-light-primary.call-widget h3, .is-light-primary.social-buttons-widget h3, .is-light-primary.creative-list-widget h3, .is-light-primary.illustration-widget.illustration-widget-v3 h3, .is-light-primary.illustration-widget.illustration-widget-v2 h3, .is-light-primary.illustration-widget.illustration-widget-v1 h3, .is-light-primary.inbox-widget h3, .is-light-primary.video-widget h3, .is-light-primary.icon-list-widget h3, .is-light-primary.search-widget h3, .is-light-primary.stats-widget h3, .is-light-primary.payment-widget h3,
.is-light-primary.picker-widget h3, .is-light-primary.list-widget h3, .is-light-primary.image-widget h3, .calendar-widget .calendar-widget-inner .is-light-primary.calendar-square h3, .is-light-primary.tags-widget h3, .is-light-primary.text-widget h3, .is-light-primary.icon-toolbar-widget h3, .is-light-primary.gauge-widget h3, .l-card.is-light-primary h4, .is-light-primary.stat-widget h4, .is-light-primary.cart-widget h4, .is-light-primary.followers-widget h4, .is-light-primary.contact-widget h4, .is-light-primary.avatar-list-widget h4, .is-light-primary.call-widget h4, .is-light-primary.social-buttons-widget h4, .is-light-primary.creative-list-widget h4, .is-light-primary.illustration-widget.illustration-widget-v3 h4, .is-light-primary.illustration-widget.illustration-widget-v2 h4, .is-light-primary.illustration-widget.illustration-widget-v1 h4, .is-light-primary.inbox-widget h4, .is-light-primary.video-widget h4, .is-light-primary.icon-list-widget h4, .is-light-primary.search-widget h4, .is-light-primary.stats-widget h4, .is-light-primary.payment-widget h4,
.is-light-primary.picker-widget h4, .is-light-primary.list-widget h4, .is-light-primary.image-widget h4, .calendar-widget .calendar-widget-inner .is-light-primary.calendar-square h4, .is-light-primary.tags-widget h4, .is-light-primary.text-widget h4, .is-light-primary.icon-toolbar-widget h4, .is-light-primary.gauge-widget h4, .l-card.is-light-primary p, .is-light-primary.stat-widget p, .is-light-primary.cart-widget p, .is-light-primary.followers-widget p, .is-light-primary.contact-widget p, .is-light-primary.avatar-list-widget p, .is-light-primary.call-widget p, .is-light-primary.social-buttons-widget p, .is-light-primary.creative-list-widget p, .is-light-primary.illustration-widget.illustration-widget-v3 p, .is-light-primary.illustration-widget.illustration-widget-v2 p, .is-light-primary.illustration-widget.illustration-widget-v1 p, .is-light-primary.inbox-widget p, .is-light-primary.video-widget p, .is-light-primary.icon-list-widget p, .is-light-primary.search-widget p, .is-light-primary.stats-widget p, .is-light-primary.payment-widget p,
.is-light-primary.picker-widget p, .is-light-primary.list-widget p, .is-light-primary.image-widget p, .calendar-widget .calendar-widget-inner .is-light-primary.calendar-square p, .is-light-primary.tags-widget p, .is-light-primary.text-widget p, .is-light-primary.icon-toolbar-widget p, .is-light-primary.gauge-widget p {
  color: #4f008c;
}
body.is-dark .r-card.is-light-primary .title, body.is-dark .list-view.list-view-v4 .is-light-primary.list-view-item .title, .list-view.list-view-v4 body.is-dark .is-light-primary.list-view-item .title, body.is-dark .list-view.list-view-v3 .is-light-primary.list-view-item .title, .list-view.list-view-v3 body.is-dark .is-light-primary.list-view-item .title, body.is-dark .list-view.list-view-v1 .is-light-primary.list-view-item .title, .list-view.list-view-v1 body.is-dark .is-light-primary.list-view-item .title, body.is-dark .r-card.is-light-primary .subtitle, body.is-dark .list-view.list-view-v4 .is-light-primary.list-view-item .subtitle, .list-view.list-view-v4 body.is-dark .is-light-primary.list-view-item .subtitle, body.is-dark .list-view.list-view-v3 .is-light-primary.list-view-item .subtitle, .list-view.list-view-v3 body.is-dark .is-light-primary.list-view-item .subtitle, body.is-dark .list-view.list-view-v1 .is-light-primary.list-view-item .subtitle, .list-view.list-view-v1 body.is-dark .is-light-primary.list-view-item .subtitle, body.is-dark .r-card.is-light-primary h1, body.is-dark .list-view.list-view-v4 .is-light-primary.list-view-item h1, .list-view.list-view-v4 body.is-dark .is-light-primary.list-view-item h1, body.is-dark .list-view.list-view-v3 .is-light-primary.list-view-item h1, .list-view.list-view-v3 body.is-dark .is-light-primary.list-view-item h1, body.is-dark .list-view.list-view-v1 .is-light-primary.list-view-item h1, .list-view.list-view-v1 body.is-dark .is-light-primary.list-view-item h1, body.is-dark .r-card.is-light-primary h2, body.is-dark .list-view.list-view-v4 .is-light-primary.list-view-item h2, .list-view.list-view-v4 body.is-dark .is-light-primary.list-view-item h2, body.is-dark .list-view.list-view-v3 .is-light-primary.list-view-item h2, .list-view.list-view-v3 body.is-dark .is-light-primary.list-view-item h2, body.is-dark .list-view.list-view-v1 .is-light-primary.list-view-item h2, .list-view.list-view-v1 body.is-dark .is-light-primary.list-view-item h2, body.is-dark .r-card.is-light-primary h3, body.is-dark .list-view.list-view-v4 .is-light-primary.list-view-item h3, .list-view.list-view-v4 body.is-dark .is-light-primary.list-view-item h3, body.is-dark .list-view.list-view-v3 .is-light-primary.list-view-item h3, .list-view.list-view-v3 body.is-dark .is-light-primary.list-view-item h3, body.is-dark .list-view.list-view-v1 .is-light-primary.list-view-item h3, .list-view.list-view-v1 body.is-dark .is-light-primary.list-view-item h3, body.is-dark .r-card.is-light-primary h4, body.is-dark .list-view.list-view-v4 .is-light-primary.list-view-item h4, .list-view.list-view-v4 body.is-dark .is-light-primary.list-view-item h4, body.is-dark .list-view.list-view-v3 .is-light-primary.list-view-item h4, .list-view.list-view-v3 body.is-dark .is-light-primary.list-view-item h4, body.is-dark .list-view.list-view-v1 .is-light-primary.list-view-item h4, .list-view.list-view-v1 body.is-dark .is-light-primary.list-view-item h4, body.is-dark .r-card.is-light-primary p, body.is-dark .list-view.list-view-v4 .is-light-primary.list-view-item p, .list-view.list-view-v4 body.is-dark .is-light-primary.list-view-item p, body.is-dark .list-view.list-view-v3 .is-light-primary.list-view-item p, .list-view.list-view-v3 body.is-dark .is-light-primary.list-view-item p, body.is-dark .list-view.list-view-v1 .is-light-primary.list-view-item p, .list-view.list-view-v1 body.is-dark .is-light-primary.list-view-item p, body.is-dark .s-card.is-light-primary .title, body.is-dark .community-page .is-light-primary.dashboard-card .title, .community-page body.is-dark .is-light-primary.dashboard-card .title, body.is-dark .user-profile .is-light-primary.profile-card .title, .user-profile body.is-dark .is-light-primary.profile-card .title, body.is-dark .dashboard-list .inner-list .is-light-primary.media-flex-center .title, .dashboard-list .inner-list body.is-dark .is-light-primary.media-flex-center .title, body.is-dark .monday-achievement .monday-achievement-card .is-light-primary.media-flex-center .title, .monday-achievement .monday-achievement-card body.is-dark .is-light-primary.media-flex-center .title, body.is-dark .is-light-primary.dashboard-card .title, body.is-dark .is-light-primary.stat-widget.is-straight .title, body.is-dark .is-light-primary.cart-widget.is-straight .title, body.is-dark .is-light-primary.followers-widget.is-straight .title, body.is-dark .is-light-primary.contact-widget.is-straight .title, body.is-dark .is-light-primary.avatar-list-widget.is-straight .title, body.is-dark .is-light-primary.call-widget.is-straight .title, body.is-dark .is-light-primary.social-buttons-widget.is-straight .title, body.is-dark .is-light-primary.creative-list-widget.is-straight .title, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v3.is-straight .title, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v2.is-straight .title, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v1.is-straight .title, body.is-dark .is-light-primary.inbox-widget.is-straight .title, body.is-dark .is-light-primary.video-widget.is-straight .title, body.is-dark .is-light-primary.icon-list-widget.is-straight .title, body.is-dark .is-light-primary.search-widget.is-straight .title, body.is-dark .is-light-primary.stats-widget.is-straight .title, body.is-dark .is-light-primary.payment-widget.is-straight .title,
body.is-dark .is-light-primary.picker-widget.is-straight .title, body.is-dark .is-light-primary.list-widget.is-straight .title, body.is-dark .is-light-primary.image-widget.is-straight .title, body.is-dark .is-light-primary.tags-widget.is-straight .title, body.is-dark .is-light-primary.text-widget.is-straight .title, body.is-dark .is-light-primary.icon-toolbar-widget.is-straight .title, body.is-dark .is-light-primary.gauge-widget.is-straight .title, body.is-dark .form-layout .is-light-primary.form-outer .title, .form-layout body.is-dark .is-light-primary.form-outer .title, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .is-light-primary.form-section-inner .title, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .is-light-primary.form-section-inner .title, body.is-dark .list-view.list-view-v2 .is-light-primary.list-view-item .title, .list-view.list-view-v2 body.is-dark .is-light-primary.list-view-item .title, body.is-dark .is-light-primary.topic-feed-item .title, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-light-primary.content-wrap .title, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .is-light-primary.content-wrap .title, body.is-dark .is-light-primary.collapse .title, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.team-card .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-light-primary.team-card .title, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.project-card .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-light-primary.project-card .title, body.is-dark .s-card.is-light-primary .subtitle, body.is-dark .community-page .is-light-primary.dashboard-card .subtitle, .community-page body.is-dark .is-light-primary.dashboard-card .subtitle, body.is-dark .user-profile .is-light-primary.profile-card .subtitle, .user-profile body.is-dark .is-light-primary.profile-card .subtitle, body.is-dark .dashboard-list .inner-list .is-light-primary.media-flex-center .subtitle, .dashboard-list .inner-list body.is-dark .is-light-primary.media-flex-center .subtitle, body.is-dark .monday-achievement .monday-achievement-card .is-light-primary.media-flex-center .subtitle, .monday-achievement .monday-achievement-card body.is-dark .is-light-primary.media-flex-center .subtitle, body.is-dark .is-light-primary.dashboard-card .subtitle, body.is-dark .is-light-primary.stat-widget.is-straight .subtitle, body.is-dark .is-light-primary.cart-widget.is-straight .subtitle, body.is-dark .is-light-primary.followers-widget.is-straight .subtitle, body.is-dark .is-light-primary.contact-widget.is-straight .subtitle, body.is-dark .is-light-primary.avatar-list-widget.is-straight .subtitle, body.is-dark .is-light-primary.call-widget.is-straight .subtitle, body.is-dark .is-light-primary.social-buttons-widget.is-straight .subtitle, body.is-dark .is-light-primary.creative-list-widget.is-straight .subtitle, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v3.is-straight .subtitle, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v2.is-straight .subtitle, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v1.is-straight .subtitle, body.is-dark .is-light-primary.inbox-widget.is-straight .subtitle, body.is-dark .is-light-primary.video-widget.is-straight .subtitle, body.is-dark .is-light-primary.icon-list-widget.is-straight .subtitle, body.is-dark .is-light-primary.search-widget.is-straight .subtitle, body.is-dark .is-light-primary.stats-widget.is-straight .subtitle, body.is-dark .is-light-primary.payment-widget.is-straight .subtitle,
body.is-dark .is-light-primary.picker-widget.is-straight .subtitle, body.is-dark .is-light-primary.list-widget.is-straight .subtitle, body.is-dark .is-light-primary.image-widget.is-straight .subtitle, body.is-dark .is-light-primary.tags-widget.is-straight .subtitle, body.is-dark .is-light-primary.text-widget.is-straight .subtitle, body.is-dark .is-light-primary.icon-toolbar-widget.is-straight .subtitle, body.is-dark .is-light-primary.gauge-widget.is-straight .subtitle, body.is-dark .form-layout .is-light-primary.form-outer .subtitle, .form-layout body.is-dark .is-light-primary.form-outer .subtitle, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .is-light-primary.form-section-inner .subtitle, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .is-light-primary.form-section-inner .subtitle, body.is-dark .list-view.list-view-v2 .is-light-primary.list-view-item .subtitle, .list-view.list-view-v2 body.is-dark .is-light-primary.list-view-item .subtitle, body.is-dark .is-light-primary.topic-feed-item .subtitle, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-light-primary.content-wrap .subtitle, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .is-light-primary.content-wrap .subtitle, body.is-dark .is-light-primary.collapse .subtitle, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.team-card .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-light-primary.team-card .subtitle, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.project-card .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-light-primary.project-card .subtitle, body.is-dark .s-card.is-light-primary h1, body.is-dark .community-page .is-light-primary.dashboard-card h1, .community-page body.is-dark .is-light-primary.dashboard-card h1, body.is-dark .user-profile .is-light-primary.profile-card h1, .user-profile body.is-dark .is-light-primary.profile-card h1, body.is-dark .dashboard-list .inner-list .is-light-primary.media-flex-center h1, .dashboard-list .inner-list body.is-dark .is-light-primary.media-flex-center h1, body.is-dark .monday-achievement .monday-achievement-card .is-light-primary.media-flex-center h1, .monday-achievement .monday-achievement-card body.is-dark .is-light-primary.media-flex-center h1, body.is-dark .is-light-primary.dashboard-card h1, body.is-dark .is-light-primary.stat-widget.is-straight h1, body.is-dark .is-light-primary.cart-widget.is-straight h1, body.is-dark .is-light-primary.followers-widget.is-straight h1, body.is-dark .is-light-primary.contact-widget.is-straight h1, body.is-dark .is-light-primary.avatar-list-widget.is-straight h1, body.is-dark .is-light-primary.call-widget.is-straight h1, body.is-dark .is-light-primary.social-buttons-widget.is-straight h1, body.is-dark .is-light-primary.creative-list-widget.is-straight h1, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v3.is-straight h1, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v2.is-straight h1, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v1.is-straight h1, body.is-dark .is-light-primary.inbox-widget.is-straight h1, body.is-dark .is-light-primary.video-widget.is-straight h1, body.is-dark .is-light-primary.icon-list-widget.is-straight h1, body.is-dark .is-light-primary.search-widget.is-straight h1, body.is-dark .is-light-primary.stats-widget.is-straight h1, body.is-dark .is-light-primary.payment-widget.is-straight h1,
body.is-dark .is-light-primary.picker-widget.is-straight h1, body.is-dark .is-light-primary.list-widget.is-straight h1, body.is-dark .is-light-primary.image-widget.is-straight h1, body.is-dark .is-light-primary.tags-widget.is-straight h1, body.is-dark .is-light-primary.text-widget.is-straight h1, body.is-dark .is-light-primary.icon-toolbar-widget.is-straight h1, body.is-dark .is-light-primary.gauge-widget.is-straight h1, body.is-dark .form-layout .is-light-primary.form-outer h1, .form-layout body.is-dark .is-light-primary.form-outer h1, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .is-light-primary.form-section-inner h1, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .is-light-primary.form-section-inner h1, body.is-dark .list-view.list-view-v2 .is-light-primary.list-view-item h1, .list-view.list-view-v2 body.is-dark .is-light-primary.list-view-item h1, body.is-dark .is-light-primary.topic-feed-item h1, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-light-primary.content-wrap h1, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .is-light-primary.content-wrap h1, body.is-dark .is-light-primary.collapse h1, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.team-card h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-light-primary.team-card h1, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.project-card h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-light-primary.project-card h1, body.is-dark .s-card.is-light-primary h2, body.is-dark .community-page .is-light-primary.dashboard-card h2, .community-page body.is-dark .is-light-primary.dashboard-card h2, body.is-dark .user-profile .is-light-primary.profile-card h2, .user-profile body.is-dark .is-light-primary.profile-card h2, body.is-dark .dashboard-list .inner-list .is-light-primary.media-flex-center h2, .dashboard-list .inner-list body.is-dark .is-light-primary.media-flex-center h2, body.is-dark .monday-achievement .monday-achievement-card .is-light-primary.media-flex-center h2, .monday-achievement .monday-achievement-card body.is-dark .is-light-primary.media-flex-center h2, body.is-dark .is-light-primary.dashboard-card h2, body.is-dark .is-light-primary.stat-widget.is-straight h2, body.is-dark .is-light-primary.cart-widget.is-straight h2, body.is-dark .is-light-primary.followers-widget.is-straight h2, body.is-dark .is-light-primary.contact-widget.is-straight h2, body.is-dark .is-light-primary.avatar-list-widget.is-straight h2, body.is-dark .is-light-primary.call-widget.is-straight h2, body.is-dark .is-light-primary.social-buttons-widget.is-straight h2, body.is-dark .is-light-primary.creative-list-widget.is-straight h2, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v3.is-straight h2, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v2.is-straight h2, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v1.is-straight h2, body.is-dark .is-light-primary.inbox-widget.is-straight h2, body.is-dark .is-light-primary.video-widget.is-straight h2, body.is-dark .is-light-primary.icon-list-widget.is-straight h2, body.is-dark .is-light-primary.search-widget.is-straight h2, body.is-dark .is-light-primary.stats-widget.is-straight h2, body.is-dark .is-light-primary.payment-widget.is-straight h2,
body.is-dark .is-light-primary.picker-widget.is-straight h2, body.is-dark .is-light-primary.list-widget.is-straight h2, body.is-dark .is-light-primary.image-widget.is-straight h2, body.is-dark .is-light-primary.tags-widget.is-straight h2, body.is-dark .is-light-primary.text-widget.is-straight h2, body.is-dark .is-light-primary.icon-toolbar-widget.is-straight h2, body.is-dark .is-light-primary.gauge-widget.is-straight h2, body.is-dark .form-layout .is-light-primary.form-outer h2, .form-layout body.is-dark .is-light-primary.form-outer h2, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .is-light-primary.form-section-inner h2, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .is-light-primary.form-section-inner h2, body.is-dark .list-view.list-view-v2 .is-light-primary.list-view-item h2, .list-view.list-view-v2 body.is-dark .is-light-primary.list-view-item h2, body.is-dark .is-light-primary.topic-feed-item h2, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-light-primary.content-wrap h2, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .is-light-primary.content-wrap h2, body.is-dark .is-light-primary.collapse h2, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.team-card h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-light-primary.team-card h2, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.project-card h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-light-primary.project-card h2, body.is-dark .s-card.is-light-primary h3, body.is-dark .community-page .is-light-primary.dashboard-card h3, .community-page body.is-dark .is-light-primary.dashboard-card h3, body.is-dark .user-profile .is-light-primary.profile-card h3, .user-profile body.is-dark .is-light-primary.profile-card h3, body.is-dark .dashboard-list .inner-list .is-light-primary.media-flex-center h3, .dashboard-list .inner-list body.is-dark .is-light-primary.media-flex-center h3, body.is-dark .monday-achievement .monday-achievement-card .is-light-primary.media-flex-center h3, .monday-achievement .monday-achievement-card body.is-dark .is-light-primary.media-flex-center h3, body.is-dark .is-light-primary.dashboard-card h3, body.is-dark .is-light-primary.stat-widget.is-straight h3, body.is-dark .is-light-primary.cart-widget.is-straight h3, body.is-dark .is-light-primary.followers-widget.is-straight h3, body.is-dark .is-light-primary.contact-widget.is-straight h3, body.is-dark .is-light-primary.avatar-list-widget.is-straight h3, body.is-dark .is-light-primary.call-widget.is-straight h3, body.is-dark .is-light-primary.social-buttons-widget.is-straight h3, body.is-dark .is-light-primary.creative-list-widget.is-straight h3, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v3.is-straight h3, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v2.is-straight h3, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v1.is-straight h3, body.is-dark .is-light-primary.inbox-widget.is-straight h3, body.is-dark .is-light-primary.video-widget.is-straight h3, body.is-dark .is-light-primary.icon-list-widget.is-straight h3, body.is-dark .is-light-primary.search-widget.is-straight h3, body.is-dark .is-light-primary.stats-widget.is-straight h3, body.is-dark .is-light-primary.payment-widget.is-straight h3,
body.is-dark .is-light-primary.picker-widget.is-straight h3, body.is-dark .is-light-primary.list-widget.is-straight h3, body.is-dark .is-light-primary.image-widget.is-straight h3, body.is-dark .is-light-primary.tags-widget.is-straight h3, body.is-dark .is-light-primary.text-widget.is-straight h3, body.is-dark .is-light-primary.icon-toolbar-widget.is-straight h3, body.is-dark .is-light-primary.gauge-widget.is-straight h3, body.is-dark .form-layout .is-light-primary.form-outer h3, .form-layout body.is-dark .is-light-primary.form-outer h3, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .is-light-primary.form-section-inner h3, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .is-light-primary.form-section-inner h3, body.is-dark .list-view.list-view-v2 .is-light-primary.list-view-item h3, .list-view.list-view-v2 body.is-dark .is-light-primary.list-view-item h3, body.is-dark .is-light-primary.topic-feed-item h3, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-light-primary.content-wrap h3, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .is-light-primary.content-wrap h3, body.is-dark .is-light-primary.collapse h3, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.team-card h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-light-primary.team-card h3, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.project-card h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-light-primary.project-card h3, body.is-dark .s-card.is-light-primary h4, body.is-dark .community-page .is-light-primary.dashboard-card h4, .community-page body.is-dark .is-light-primary.dashboard-card h4, body.is-dark .user-profile .is-light-primary.profile-card h4, .user-profile body.is-dark .is-light-primary.profile-card h4, body.is-dark .dashboard-list .inner-list .is-light-primary.media-flex-center h4, .dashboard-list .inner-list body.is-dark .is-light-primary.media-flex-center h4, body.is-dark .monday-achievement .monday-achievement-card .is-light-primary.media-flex-center h4, .monday-achievement .monday-achievement-card body.is-dark .is-light-primary.media-flex-center h4, body.is-dark .is-light-primary.dashboard-card h4, body.is-dark .is-light-primary.stat-widget.is-straight h4, body.is-dark .is-light-primary.cart-widget.is-straight h4, body.is-dark .is-light-primary.followers-widget.is-straight h4, body.is-dark .is-light-primary.contact-widget.is-straight h4, body.is-dark .is-light-primary.avatar-list-widget.is-straight h4, body.is-dark .is-light-primary.call-widget.is-straight h4, body.is-dark .is-light-primary.social-buttons-widget.is-straight h4, body.is-dark .is-light-primary.creative-list-widget.is-straight h4, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v3.is-straight h4, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v2.is-straight h4, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v1.is-straight h4, body.is-dark .is-light-primary.inbox-widget.is-straight h4, body.is-dark .is-light-primary.video-widget.is-straight h4, body.is-dark .is-light-primary.icon-list-widget.is-straight h4, body.is-dark .is-light-primary.search-widget.is-straight h4, body.is-dark .is-light-primary.stats-widget.is-straight h4, body.is-dark .is-light-primary.payment-widget.is-straight h4,
body.is-dark .is-light-primary.picker-widget.is-straight h4, body.is-dark .is-light-primary.list-widget.is-straight h4, body.is-dark .is-light-primary.image-widget.is-straight h4, body.is-dark .is-light-primary.tags-widget.is-straight h4, body.is-dark .is-light-primary.text-widget.is-straight h4, body.is-dark .is-light-primary.icon-toolbar-widget.is-straight h4, body.is-dark .is-light-primary.gauge-widget.is-straight h4, body.is-dark .form-layout .is-light-primary.form-outer h4, .form-layout body.is-dark .is-light-primary.form-outer h4, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .is-light-primary.form-section-inner h4, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .is-light-primary.form-section-inner h4, body.is-dark .list-view.list-view-v2 .is-light-primary.list-view-item h4, .list-view.list-view-v2 body.is-dark .is-light-primary.list-view-item h4, body.is-dark .is-light-primary.topic-feed-item h4, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-light-primary.content-wrap h4, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .is-light-primary.content-wrap h4, body.is-dark .is-light-primary.collapse h4, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.team-card h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-light-primary.team-card h4, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.project-card h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-light-primary.project-card h4, body.is-dark .s-card.is-light-primary p, body.is-dark .community-page .is-light-primary.dashboard-card p, .community-page body.is-dark .is-light-primary.dashboard-card p, body.is-dark .user-profile .is-light-primary.profile-card p, .user-profile body.is-dark .is-light-primary.profile-card p, body.is-dark .dashboard-list .inner-list .is-light-primary.media-flex-center p, .dashboard-list .inner-list body.is-dark .is-light-primary.media-flex-center p, body.is-dark .monday-achievement .monday-achievement-card .is-light-primary.media-flex-center p, .monday-achievement .monday-achievement-card body.is-dark .is-light-primary.media-flex-center p, body.is-dark .is-light-primary.dashboard-card p, body.is-dark .is-light-primary.stat-widget.is-straight p, body.is-dark .is-light-primary.cart-widget.is-straight p, body.is-dark .is-light-primary.followers-widget.is-straight p, body.is-dark .is-light-primary.contact-widget.is-straight p, body.is-dark .is-light-primary.avatar-list-widget.is-straight p, body.is-dark .is-light-primary.call-widget.is-straight p, body.is-dark .is-light-primary.social-buttons-widget.is-straight p, body.is-dark .is-light-primary.creative-list-widget.is-straight p, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v3.is-straight p, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v2.is-straight p, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v1.is-straight p, body.is-dark .is-light-primary.inbox-widget.is-straight p, body.is-dark .is-light-primary.video-widget.is-straight p, body.is-dark .is-light-primary.icon-list-widget.is-straight p, body.is-dark .is-light-primary.search-widget.is-straight p, body.is-dark .is-light-primary.stats-widget.is-straight p, body.is-dark .is-light-primary.payment-widget.is-straight p,
body.is-dark .is-light-primary.picker-widget.is-straight p, body.is-dark .is-light-primary.list-widget.is-straight p, body.is-dark .is-light-primary.image-widget.is-straight p, body.is-dark .is-light-primary.tags-widget.is-straight p, body.is-dark .is-light-primary.text-widget.is-straight p, body.is-dark .is-light-primary.icon-toolbar-widget.is-straight p, body.is-dark .is-light-primary.gauge-widget.is-straight p, body.is-dark .form-layout .is-light-primary.form-outer p, .form-layout body.is-dark .is-light-primary.form-outer p, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .is-light-primary.form-section-inner p, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .is-light-primary.form-section-inner p, body.is-dark .list-view.list-view-v2 .is-light-primary.list-view-item p, .list-view.list-view-v2 body.is-dark .is-light-primary.list-view-item p, body.is-dark .is-light-primary.topic-feed-item p, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-light-primary.content-wrap p, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .is-light-primary.content-wrap p, body.is-dark .is-light-primary.collapse p, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.team-card p, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-light-primary.team-card p, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-light-primary.project-card p, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-light-primary.project-card p, body.is-dark .l-card.is-light-primary .title, body.is-dark .is-light-primary.stat-widget .title, body.is-dark .is-light-primary.cart-widget .title, body.is-dark .is-light-primary.followers-widget .title, body.is-dark .is-light-primary.contact-widget .title, body.is-dark .is-light-primary.avatar-list-widget .title, body.is-dark .is-light-primary.call-widget .title, body.is-dark .is-light-primary.social-buttons-widget .title, body.is-dark .is-light-primary.creative-list-widget .title, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v3 .title, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v2 .title, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v1 .title, body.is-dark .is-light-primary.inbox-widget .title, body.is-dark .is-light-primary.video-widget .title, body.is-dark .is-light-primary.icon-list-widget .title, body.is-dark .is-light-primary.search-widget .title, body.is-dark .is-light-primary.stats-widget .title, body.is-dark .is-light-primary.payment-widget .title,
body.is-dark .is-light-primary.picker-widget .title, body.is-dark .is-light-primary.list-widget .title, body.is-dark .is-light-primary.image-widget .title, body.is-dark .calendar-widget .calendar-widget-inner .is-light-primary.calendar-square .title, .calendar-widget .calendar-widget-inner body.is-dark .is-light-primary.calendar-square .title, body.is-dark .is-light-primary.tags-widget .title, body.is-dark .is-light-primary.text-widget .title, body.is-dark .is-light-primary.icon-toolbar-widget .title, body.is-dark .is-light-primary.gauge-widget .title, body.is-dark .l-card.is-light-primary .subtitle, body.is-dark .is-light-primary.stat-widget .subtitle, body.is-dark .is-light-primary.cart-widget .subtitle, body.is-dark .is-light-primary.followers-widget .subtitle, body.is-dark .is-light-primary.contact-widget .subtitle, body.is-dark .is-light-primary.avatar-list-widget .subtitle, body.is-dark .is-light-primary.call-widget .subtitle, body.is-dark .is-light-primary.social-buttons-widget .subtitle, body.is-dark .is-light-primary.creative-list-widget .subtitle, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v3 .subtitle, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v2 .subtitle, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v1 .subtitle, body.is-dark .is-light-primary.inbox-widget .subtitle, body.is-dark .is-light-primary.video-widget .subtitle, body.is-dark .is-light-primary.icon-list-widget .subtitle, body.is-dark .is-light-primary.search-widget .subtitle, body.is-dark .is-light-primary.stats-widget .subtitle, body.is-dark .is-light-primary.payment-widget .subtitle,
body.is-dark .is-light-primary.picker-widget .subtitle, body.is-dark .is-light-primary.list-widget .subtitle, body.is-dark .is-light-primary.image-widget .subtitle, body.is-dark .calendar-widget .calendar-widget-inner .is-light-primary.calendar-square .subtitle, .calendar-widget .calendar-widget-inner body.is-dark .is-light-primary.calendar-square .subtitle, body.is-dark .is-light-primary.tags-widget .subtitle, body.is-dark .is-light-primary.text-widget .subtitle, body.is-dark .is-light-primary.icon-toolbar-widget .subtitle, body.is-dark .is-light-primary.gauge-widget .subtitle, body.is-dark .l-card.is-light-primary h1, body.is-dark .is-light-primary.stat-widget h1, body.is-dark .is-light-primary.cart-widget h1, body.is-dark .is-light-primary.followers-widget h1, body.is-dark .is-light-primary.contact-widget h1, body.is-dark .is-light-primary.avatar-list-widget h1, body.is-dark .is-light-primary.call-widget h1, body.is-dark .is-light-primary.social-buttons-widget h1, body.is-dark .is-light-primary.creative-list-widget h1, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v3 h1, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v2 h1, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v1 h1, body.is-dark .is-light-primary.inbox-widget h1, body.is-dark .is-light-primary.video-widget h1, body.is-dark .is-light-primary.icon-list-widget h1, body.is-dark .is-light-primary.search-widget h1, body.is-dark .is-light-primary.stats-widget h1, body.is-dark .is-light-primary.payment-widget h1,
body.is-dark .is-light-primary.picker-widget h1, body.is-dark .is-light-primary.list-widget h1, body.is-dark .is-light-primary.image-widget h1, body.is-dark .calendar-widget .calendar-widget-inner .is-light-primary.calendar-square h1, .calendar-widget .calendar-widget-inner body.is-dark .is-light-primary.calendar-square h1, body.is-dark .is-light-primary.tags-widget h1, body.is-dark .is-light-primary.text-widget h1, body.is-dark .is-light-primary.icon-toolbar-widget h1, body.is-dark .is-light-primary.gauge-widget h1, body.is-dark .l-card.is-light-primary h2, body.is-dark .is-light-primary.stat-widget h2, body.is-dark .is-light-primary.cart-widget h2, body.is-dark .is-light-primary.followers-widget h2, body.is-dark .is-light-primary.contact-widget h2, body.is-dark .is-light-primary.avatar-list-widget h2, body.is-dark .is-light-primary.call-widget h2, body.is-dark .is-light-primary.social-buttons-widget h2, body.is-dark .is-light-primary.creative-list-widget h2, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v3 h2, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v2 h2, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v1 h2, body.is-dark .is-light-primary.inbox-widget h2, body.is-dark .is-light-primary.video-widget h2, body.is-dark .is-light-primary.icon-list-widget h2, body.is-dark .is-light-primary.search-widget h2, body.is-dark .is-light-primary.stats-widget h2, body.is-dark .is-light-primary.payment-widget h2,
body.is-dark .is-light-primary.picker-widget h2, body.is-dark .is-light-primary.list-widget h2, body.is-dark .is-light-primary.image-widget h2, body.is-dark .calendar-widget .calendar-widget-inner .is-light-primary.calendar-square h2, .calendar-widget .calendar-widget-inner body.is-dark .is-light-primary.calendar-square h2, body.is-dark .is-light-primary.tags-widget h2, body.is-dark .is-light-primary.text-widget h2, body.is-dark .is-light-primary.icon-toolbar-widget h2, body.is-dark .is-light-primary.gauge-widget h2, body.is-dark .l-card.is-light-primary h3, body.is-dark .is-light-primary.stat-widget h3, body.is-dark .is-light-primary.cart-widget h3, body.is-dark .is-light-primary.followers-widget h3, body.is-dark .is-light-primary.contact-widget h3, body.is-dark .is-light-primary.avatar-list-widget h3, body.is-dark .is-light-primary.call-widget h3, body.is-dark .is-light-primary.social-buttons-widget h3, body.is-dark .is-light-primary.creative-list-widget h3, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v3 h3, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v2 h3, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v1 h3, body.is-dark .is-light-primary.inbox-widget h3, body.is-dark .is-light-primary.video-widget h3, body.is-dark .is-light-primary.icon-list-widget h3, body.is-dark .is-light-primary.search-widget h3, body.is-dark .is-light-primary.stats-widget h3, body.is-dark .is-light-primary.payment-widget h3,
body.is-dark .is-light-primary.picker-widget h3, body.is-dark .is-light-primary.list-widget h3, body.is-dark .is-light-primary.image-widget h3, body.is-dark .calendar-widget .calendar-widget-inner .is-light-primary.calendar-square h3, .calendar-widget .calendar-widget-inner body.is-dark .is-light-primary.calendar-square h3, body.is-dark .is-light-primary.tags-widget h3, body.is-dark .is-light-primary.text-widget h3, body.is-dark .is-light-primary.icon-toolbar-widget h3, body.is-dark .is-light-primary.gauge-widget h3, body.is-dark .l-card.is-light-primary h4, body.is-dark .is-light-primary.stat-widget h4, body.is-dark .is-light-primary.cart-widget h4, body.is-dark .is-light-primary.followers-widget h4, body.is-dark .is-light-primary.contact-widget h4, body.is-dark .is-light-primary.avatar-list-widget h4, body.is-dark .is-light-primary.call-widget h4, body.is-dark .is-light-primary.social-buttons-widget h4, body.is-dark .is-light-primary.creative-list-widget h4, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v3 h4, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v2 h4, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v1 h4, body.is-dark .is-light-primary.inbox-widget h4, body.is-dark .is-light-primary.video-widget h4, body.is-dark .is-light-primary.icon-list-widget h4, body.is-dark .is-light-primary.search-widget h4, body.is-dark .is-light-primary.stats-widget h4, body.is-dark .is-light-primary.payment-widget h4,
body.is-dark .is-light-primary.picker-widget h4, body.is-dark .is-light-primary.list-widget h4, body.is-dark .is-light-primary.image-widget h4, body.is-dark .calendar-widget .calendar-widget-inner .is-light-primary.calendar-square h4, .calendar-widget .calendar-widget-inner body.is-dark .is-light-primary.calendar-square h4, body.is-dark .is-light-primary.tags-widget h4, body.is-dark .is-light-primary.text-widget h4, body.is-dark .is-light-primary.icon-toolbar-widget h4, body.is-dark .is-light-primary.gauge-widget h4, body.is-dark .l-card.is-light-primary p, body.is-dark .is-light-primary.stat-widget p, body.is-dark .is-light-primary.cart-widget p, body.is-dark .is-light-primary.followers-widget p, body.is-dark .is-light-primary.contact-widget p, body.is-dark .is-light-primary.avatar-list-widget p, body.is-dark .is-light-primary.call-widget p, body.is-dark .is-light-primary.social-buttons-widget p, body.is-dark .is-light-primary.creative-list-widget p, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v3 p, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v2 p, body.is-dark .is-light-primary.illustration-widget.illustration-widget-v1 p, body.is-dark .is-light-primary.inbox-widget p, body.is-dark .is-light-primary.video-widget p, body.is-dark .is-light-primary.icon-list-widget p, body.is-dark .is-light-primary.search-widget p, body.is-dark .is-light-primary.stats-widget p, body.is-dark .is-light-primary.payment-widget p,
body.is-dark .is-light-primary.picker-widget p, body.is-dark .is-light-primary.list-widget p, body.is-dark .is-light-primary.image-widget p, body.is-dark .calendar-widget .calendar-widget-inner .is-light-primary.calendar-square p, .calendar-widget .calendar-widget-inner body.is-dark .is-light-primary.calendar-square p, body.is-dark .is-light-primary.tags-widget p, body.is-dark .is-light-primary.text-widget p, body.is-dark .is-light-primary.icon-toolbar-widget p, body.is-dark .is-light-primary.gauge-widget p {
  color: #fcfcfc !important;
}
.r-card.is-secondary, .list-view.list-view-v4 .is-secondary.list-view-item, .list-view.list-view-v3 .is-secondary.list-view-item, .list-view.list-view-v1 .is-secondary.list-view-item, .s-card.is-secondary, .user-profile .is-secondary.profile-card, .dashboard-list .inner-list .is-secondary.media-flex-center, .monday-achievement .monday-achievement-card .is-secondary.media-flex-center, .is-secondary.dashboard-card, .form-layout .is-secondary.form-outer, .form-layout.is-separate .form-outer .form-body .form-section .is-secondary.form-section-inner, .list-view.list-view-v2 .is-secondary.list-view-item, .is-secondary.topic-feed-item, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-secondary.content-wrap, .is-secondary.collapse, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.project-card, .l-card.is-secondary, .is-secondary.stat-widget, .is-secondary.cart-widget, .is-secondary.followers-widget, .is-secondary.contact-widget, .is-secondary.avatar-list-widget, .is-secondary.call-widget, .is-secondary.social-buttons-widget, .is-secondary.creative-list-widget, .is-secondary.illustration-widget.illustration-widget-v3, .is-secondary.illustration-widget.illustration-widget-v2, .is-secondary.illustration-widget.illustration-widget-v1, .is-secondary.inbox-widget, .is-secondary.video-widget, .is-secondary.icon-list-widget, .is-secondary.search-widget, .is-secondary.stats-widget, .is-secondary.payment-widget,
.is-secondary.picker-widget, .is-secondary.list-widget, .is-secondary.image-widget, .calendar-widget .calendar-widget-inner .is-secondary.calendar-square, .is-secondary.tags-widget, .is-secondary.text-widget, .is-secondary.icon-toolbar-widget, .is-secondary.gauge-widget {
  background: #ff375e !important;
  border-color: #ff375e !important;
}
.r-card.is-secondary .title, .list-view.list-view-v4 .is-secondary.list-view-item .title, .list-view.list-view-v3 .is-secondary.list-view-item .title, .list-view.list-view-v1 .is-secondary.list-view-item .title, .r-card.is-secondary .subtitle, .list-view.list-view-v4 .is-secondary.list-view-item .subtitle, .list-view.list-view-v3 .is-secondary.list-view-item .subtitle, .list-view.list-view-v1 .is-secondary.list-view-item .subtitle, .r-card.is-secondary h1, .list-view.list-view-v4 .is-secondary.list-view-item h1, .list-view.list-view-v3 .is-secondary.list-view-item h1, .list-view.list-view-v1 .is-secondary.list-view-item h1, .r-card.is-secondary h2, .list-view.list-view-v4 .is-secondary.list-view-item h2, .list-view.list-view-v3 .is-secondary.list-view-item h2, .list-view.list-view-v1 .is-secondary.list-view-item h2, .r-card.is-secondary h3, .list-view.list-view-v4 .is-secondary.list-view-item h3, .list-view.list-view-v3 .is-secondary.list-view-item h3, .list-view.list-view-v1 .is-secondary.list-view-item h3, .r-card.is-secondary h4, .list-view.list-view-v4 .is-secondary.list-view-item h4, .list-view.list-view-v3 .is-secondary.list-view-item h4, .list-view.list-view-v1 .is-secondary.list-view-item h4, .r-card.is-secondary p, .list-view.list-view-v4 .is-secondary.list-view-item p, .list-view.list-view-v3 .is-secondary.list-view-item p, .list-view.list-view-v1 .is-secondary.list-view-item p, .s-card.is-secondary .title, .community-page .is-secondary.dashboard-card .title, .user-profile .is-secondary.profile-card .title, .dashboard-list .inner-list .is-secondary.media-flex-center .title, .monday-achievement .monday-achievement-card .is-secondary.media-flex-center .title, .is-secondary.dashboard-card .title, .is-secondary.stat-widget.is-straight .title, .is-secondary.cart-widget.is-straight .title, .is-secondary.followers-widget.is-straight .title, .is-secondary.contact-widget.is-straight .title, .is-secondary.avatar-list-widget.is-straight .title, .is-secondary.call-widget.is-straight .title, .is-secondary.social-buttons-widget.is-straight .title, .is-secondary.creative-list-widget.is-straight .title, .is-secondary.illustration-widget.illustration-widget-v3.is-straight .title, .is-secondary.illustration-widget.illustration-widget-v2.is-straight .title, .is-secondary.illustration-widget.illustration-widget-v1.is-straight .title, .is-secondary.inbox-widget.is-straight .title, .is-secondary.video-widget.is-straight .title, .is-secondary.icon-list-widget.is-straight .title, .is-secondary.search-widget.is-straight .title, .is-secondary.stats-widget.is-straight .title, .is-secondary.payment-widget.is-straight .title,
.is-secondary.picker-widget.is-straight .title, .is-secondary.list-widget.is-straight .title, .is-secondary.image-widget.is-straight .title, .is-secondary.tags-widget.is-straight .title, .is-secondary.text-widget.is-straight .title, .is-secondary.icon-toolbar-widget.is-straight .title, .is-secondary.gauge-widget.is-straight .title, .form-layout .is-secondary.form-outer .title, .form-layout.is-separate .form-outer .form-body .form-section .is-secondary.form-section-inner .title, .list-view.list-view-v2 .is-secondary.list-view-item .title, .is-secondary.topic-feed-item .title, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-secondary.content-wrap .title, .is-secondary.collapse .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.team-card .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.project-card .title, .s-card.is-secondary .subtitle, .community-page .is-secondary.dashboard-card .subtitle, .user-profile .is-secondary.profile-card .subtitle, .dashboard-list .inner-list .is-secondary.media-flex-center .subtitle, .monday-achievement .monday-achievement-card .is-secondary.media-flex-center .subtitle, .is-secondary.dashboard-card .subtitle, .is-secondary.stat-widget.is-straight .subtitle, .is-secondary.cart-widget.is-straight .subtitle, .is-secondary.followers-widget.is-straight .subtitle, .is-secondary.contact-widget.is-straight .subtitle, .is-secondary.avatar-list-widget.is-straight .subtitle, .is-secondary.call-widget.is-straight .subtitle, .is-secondary.social-buttons-widget.is-straight .subtitle, .is-secondary.creative-list-widget.is-straight .subtitle, .is-secondary.illustration-widget.illustration-widget-v3.is-straight .subtitle, .is-secondary.illustration-widget.illustration-widget-v2.is-straight .subtitle, .is-secondary.illustration-widget.illustration-widget-v1.is-straight .subtitle, .is-secondary.inbox-widget.is-straight .subtitle, .is-secondary.video-widget.is-straight .subtitle, .is-secondary.icon-list-widget.is-straight .subtitle, .is-secondary.search-widget.is-straight .subtitle, .is-secondary.stats-widget.is-straight .subtitle, .is-secondary.payment-widget.is-straight .subtitle,
.is-secondary.picker-widget.is-straight .subtitle, .is-secondary.list-widget.is-straight .subtitle, .is-secondary.image-widget.is-straight .subtitle, .is-secondary.tags-widget.is-straight .subtitle, .is-secondary.text-widget.is-straight .subtitle, .is-secondary.icon-toolbar-widget.is-straight .subtitle, .is-secondary.gauge-widget.is-straight .subtitle, .form-layout .is-secondary.form-outer .subtitle, .form-layout.is-separate .form-outer .form-body .form-section .is-secondary.form-section-inner .subtitle, .list-view.list-view-v2 .is-secondary.list-view-item .subtitle, .is-secondary.topic-feed-item .subtitle, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-secondary.content-wrap .subtitle, .is-secondary.collapse .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.team-card .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.project-card .subtitle, .s-card.is-secondary h1, .community-page .is-secondary.dashboard-card h1, .user-profile .is-secondary.profile-card h1, .dashboard-list .inner-list .is-secondary.media-flex-center h1, .monday-achievement .monday-achievement-card .is-secondary.media-flex-center h1, .is-secondary.dashboard-card h1, .is-secondary.stat-widget.is-straight h1, .is-secondary.cart-widget.is-straight h1, .is-secondary.followers-widget.is-straight h1, .is-secondary.contact-widget.is-straight h1, .is-secondary.avatar-list-widget.is-straight h1, .is-secondary.call-widget.is-straight h1, .is-secondary.social-buttons-widget.is-straight h1, .is-secondary.creative-list-widget.is-straight h1, .is-secondary.illustration-widget.illustration-widget-v3.is-straight h1, .is-secondary.illustration-widget.illustration-widget-v2.is-straight h1, .is-secondary.illustration-widget.illustration-widget-v1.is-straight h1, .is-secondary.inbox-widget.is-straight h1, .is-secondary.video-widget.is-straight h1, .is-secondary.icon-list-widget.is-straight h1, .is-secondary.search-widget.is-straight h1, .is-secondary.stats-widget.is-straight h1, .is-secondary.payment-widget.is-straight h1,
.is-secondary.picker-widget.is-straight h1, .is-secondary.list-widget.is-straight h1, .is-secondary.image-widget.is-straight h1, .is-secondary.tags-widget.is-straight h1, .is-secondary.text-widget.is-straight h1, .is-secondary.icon-toolbar-widget.is-straight h1, .is-secondary.gauge-widget.is-straight h1, .form-layout .is-secondary.form-outer h1, .form-layout.is-separate .form-outer .form-body .form-section .is-secondary.form-section-inner h1, .list-view.list-view-v2 .is-secondary.list-view-item h1, .is-secondary.topic-feed-item h1, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-secondary.content-wrap h1, .is-secondary.collapse h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.team-card h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.project-card h1, .s-card.is-secondary h2, .community-page .is-secondary.dashboard-card h2, .user-profile .is-secondary.profile-card h2, .dashboard-list .inner-list .is-secondary.media-flex-center h2, .monday-achievement .monday-achievement-card .is-secondary.media-flex-center h2, .is-secondary.dashboard-card h2, .is-secondary.stat-widget.is-straight h2, .is-secondary.cart-widget.is-straight h2, .is-secondary.followers-widget.is-straight h2, .is-secondary.contact-widget.is-straight h2, .is-secondary.avatar-list-widget.is-straight h2, .is-secondary.call-widget.is-straight h2, .is-secondary.social-buttons-widget.is-straight h2, .is-secondary.creative-list-widget.is-straight h2, .is-secondary.illustration-widget.illustration-widget-v3.is-straight h2, .is-secondary.illustration-widget.illustration-widget-v2.is-straight h2, .is-secondary.illustration-widget.illustration-widget-v1.is-straight h2, .is-secondary.inbox-widget.is-straight h2, .is-secondary.video-widget.is-straight h2, .is-secondary.icon-list-widget.is-straight h2, .is-secondary.search-widget.is-straight h2, .is-secondary.stats-widget.is-straight h2, .is-secondary.payment-widget.is-straight h2,
.is-secondary.picker-widget.is-straight h2, .is-secondary.list-widget.is-straight h2, .is-secondary.image-widget.is-straight h2, .is-secondary.tags-widget.is-straight h2, .is-secondary.text-widget.is-straight h2, .is-secondary.icon-toolbar-widget.is-straight h2, .is-secondary.gauge-widget.is-straight h2, .form-layout .is-secondary.form-outer h2, .form-layout.is-separate .form-outer .form-body .form-section .is-secondary.form-section-inner h2, .list-view.list-view-v2 .is-secondary.list-view-item h2, .is-secondary.topic-feed-item h2, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-secondary.content-wrap h2, .is-secondary.collapse h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.team-card h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.project-card h2, .s-card.is-secondary h3, .community-page .is-secondary.dashboard-card h3, .user-profile .is-secondary.profile-card h3, .dashboard-list .inner-list .is-secondary.media-flex-center h3, .monday-achievement .monday-achievement-card .is-secondary.media-flex-center h3, .is-secondary.dashboard-card h3, .is-secondary.stat-widget.is-straight h3, .is-secondary.cart-widget.is-straight h3, .is-secondary.followers-widget.is-straight h3, .is-secondary.contact-widget.is-straight h3, .is-secondary.avatar-list-widget.is-straight h3, .is-secondary.call-widget.is-straight h3, .is-secondary.social-buttons-widget.is-straight h3, .is-secondary.creative-list-widget.is-straight h3, .is-secondary.illustration-widget.illustration-widget-v3.is-straight h3, .is-secondary.illustration-widget.illustration-widget-v2.is-straight h3, .is-secondary.illustration-widget.illustration-widget-v1.is-straight h3, .is-secondary.inbox-widget.is-straight h3, .is-secondary.video-widget.is-straight h3, .is-secondary.icon-list-widget.is-straight h3, .is-secondary.search-widget.is-straight h3, .is-secondary.stats-widget.is-straight h3, .is-secondary.payment-widget.is-straight h3,
.is-secondary.picker-widget.is-straight h3, .is-secondary.list-widget.is-straight h3, .is-secondary.image-widget.is-straight h3, .is-secondary.tags-widget.is-straight h3, .is-secondary.text-widget.is-straight h3, .is-secondary.icon-toolbar-widget.is-straight h3, .is-secondary.gauge-widget.is-straight h3, .form-layout .is-secondary.form-outer h3, .form-layout.is-separate .form-outer .form-body .form-section .is-secondary.form-section-inner h3, .list-view.list-view-v2 .is-secondary.list-view-item h3, .is-secondary.topic-feed-item h3, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-secondary.content-wrap h3, .is-secondary.collapse h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.team-card h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.project-card h3, .s-card.is-secondary h4, .community-page .is-secondary.dashboard-card h4, .user-profile .is-secondary.profile-card h4, .dashboard-list .inner-list .is-secondary.media-flex-center h4, .monday-achievement .monday-achievement-card .is-secondary.media-flex-center h4, .is-secondary.dashboard-card h4, .is-secondary.stat-widget.is-straight h4, .is-secondary.cart-widget.is-straight h4, .is-secondary.followers-widget.is-straight h4, .is-secondary.contact-widget.is-straight h4, .is-secondary.avatar-list-widget.is-straight h4, .is-secondary.call-widget.is-straight h4, .is-secondary.social-buttons-widget.is-straight h4, .is-secondary.creative-list-widget.is-straight h4, .is-secondary.illustration-widget.illustration-widget-v3.is-straight h4, .is-secondary.illustration-widget.illustration-widget-v2.is-straight h4, .is-secondary.illustration-widget.illustration-widget-v1.is-straight h4, .is-secondary.inbox-widget.is-straight h4, .is-secondary.video-widget.is-straight h4, .is-secondary.icon-list-widget.is-straight h4, .is-secondary.search-widget.is-straight h4, .is-secondary.stats-widget.is-straight h4, .is-secondary.payment-widget.is-straight h4,
.is-secondary.picker-widget.is-straight h4, .is-secondary.list-widget.is-straight h4, .is-secondary.image-widget.is-straight h4, .is-secondary.tags-widget.is-straight h4, .is-secondary.text-widget.is-straight h4, .is-secondary.icon-toolbar-widget.is-straight h4, .is-secondary.gauge-widget.is-straight h4, .form-layout .is-secondary.form-outer h4, .form-layout.is-separate .form-outer .form-body .form-section .is-secondary.form-section-inner h4, .list-view.list-view-v2 .is-secondary.list-view-item h4, .is-secondary.topic-feed-item h4, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-secondary.content-wrap h4, .is-secondary.collapse h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.team-card h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.project-card h4, .s-card.is-secondary p, .community-page .is-secondary.dashboard-card p, .user-profile .is-secondary.profile-card p, .dashboard-list .inner-list .is-secondary.media-flex-center p, .monday-achievement .monday-achievement-card .is-secondary.media-flex-center p, .is-secondary.dashboard-card p, .is-secondary.stat-widget.is-straight p, .is-secondary.cart-widget.is-straight p, .is-secondary.followers-widget.is-straight p, .is-secondary.contact-widget.is-straight p, .is-secondary.avatar-list-widget.is-straight p, .is-secondary.call-widget.is-straight p, .is-secondary.social-buttons-widget.is-straight p, .is-secondary.creative-list-widget.is-straight p, .is-secondary.illustration-widget.illustration-widget-v3.is-straight p, .is-secondary.illustration-widget.illustration-widget-v2.is-straight p, .is-secondary.illustration-widget.illustration-widget-v1.is-straight p, .is-secondary.inbox-widget.is-straight p, .is-secondary.video-widget.is-straight p, .is-secondary.icon-list-widget.is-straight p, .is-secondary.search-widget.is-straight p, .is-secondary.stats-widget.is-straight p, .is-secondary.payment-widget.is-straight p,
.is-secondary.picker-widget.is-straight p, .is-secondary.list-widget.is-straight p, .is-secondary.image-widget.is-straight p, .is-secondary.tags-widget.is-straight p, .is-secondary.text-widget.is-straight p, .is-secondary.icon-toolbar-widget.is-straight p, .is-secondary.gauge-widget.is-straight p, .form-layout .is-secondary.form-outer p, .form-layout.is-separate .form-outer .form-body .form-section .is-secondary.form-section-inner p, .list-view.list-view-v2 .is-secondary.list-view-item p, .is-secondary.topic-feed-item p, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-secondary.content-wrap p, .is-secondary.collapse p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.team-card p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.project-card p, .l-card.is-secondary .title, .is-secondary.stat-widget .title, .is-secondary.cart-widget .title, .is-secondary.followers-widget .title, .is-secondary.contact-widget .title, .is-secondary.avatar-list-widget .title, .is-secondary.call-widget .title, .is-secondary.social-buttons-widget .title, .is-secondary.creative-list-widget .title, .is-secondary.illustration-widget.illustration-widget-v3 .title, .is-secondary.illustration-widget.illustration-widget-v2 .title, .is-secondary.illustration-widget.illustration-widget-v1 .title, .is-secondary.inbox-widget .title, .is-secondary.video-widget .title, .is-secondary.icon-list-widget .title, .is-secondary.search-widget .title, .is-secondary.stats-widget .title, .is-secondary.payment-widget .title,
.is-secondary.picker-widget .title, .is-secondary.list-widget .title, .is-secondary.image-widget .title, .calendar-widget .calendar-widget-inner .is-secondary.calendar-square .title, .is-secondary.tags-widget .title, .is-secondary.text-widget .title, .is-secondary.icon-toolbar-widget .title, .is-secondary.gauge-widget .title, .l-card.is-secondary .subtitle, .is-secondary.stat-widget .subtitle, .is-secondary.cart-widget .subtitle, .is-secondary.followers-widget .subtitle, .is-secondary.contact-widget .subtitle, .is-secondary.avatar-list-widget .subtitle, .is-secondary.call-widget .subtitle, .is-secondary.social-buttons-widget .subtitle, .is-secondary.creative-list-widget .subtitle, .is-secondary.illustration-widget.illustration-widget-v3 .subtitle, .is-secondary.illustration-widget.illustration-widget-v2 .subtitle, .is-secondary.illustration-widget.illustration-widget-v1 .subtitle, .is-secondary.inbox-widget .subtitle, .is-secondary.video-widget .subtitle, .is-secondary.icon-list-widget .subtitle, .is-secondary.search-widget .subtitle, .is-secondary.stats-widget .subtitle, .is-secondary.payment-widget .subtitle,
.is-secondary.picker-widget .subtitle, .is-secondary.list-widget .subtitle, .is-secondary.image-widget .subtitle, .calendar-widget .calendar-widget-inner .is-secondary.calendar-square .subtitle, .is-secondary.tags-widget .subtitle, .is-secondary.text-widget .subtitle, .is-secondary.icon-toolbar-widget .subtitle, .is-secondary.gauge-widget .subtitle, .l-card.is-secondary h1, .is-secondary.stat-widget h1, .is-secondary.cart-widget h1, .is-secondary.followers-widget h1, .is-secondary.contact-widget h1, .is-secondary.avatar-list-widget h1, .is-secondary.call-widget h1, .is-secondary.social-buttons-widget h1, .is-secondary.creative-list-widget h1, .is-secondary.illustration-widget.illustration-widget-v3 h1, .is-secondary.illustration-widget.illustration-widget-v2 h1, .is-secondary.illustration-widget.illustration-widget-v1 h1, .is-secondary.inbox-widget h1, .is-secondary.video-widget h1, .is-secondary.icon-list-widget h1, .is-secondary.search-widget h1, .is-secondary.stats-widget h1, .is-secondary.payment-widget h1,
.is-secondary.picker-widget h1, .is-secondary.list-widget h1, .is-secondary.image-widget h1, .calendar-widget .calendar-widget-inner .is-secondary.calendar-square h1, .is-secondary.tags-widget h1, .is-secondary.text-widget h1, .is-secondary.icon-toolbar-widget h1, .is-secondary.gauge-widget h1, .l-card.is-secondary h2, .is-secondary.stat-widget h2, .is-secondary.cart-widget h2, .is-secondary.followers-widget h2, .is-secondary.contact-widget h2, .is-secondary.avatar-list-widget h2, .is-secondary.call-widget h2, .is-secondary.social-buttons-widget h2, .is-secondary.creative-list-widget h2, .is-secondary.illustration-widget.illustration-widget-v3 h2, .is-secondary.illustration-widget.illustration-widget-v2 h2, .is-secondary.illustration-widget.illustration-widget-v1 h2, .is-secondary.inbox-widget h2, .is-secondary.video-widget h2, .is-secondary.icon-list-widget h2, .is-secondary.search-widget h2, .is-secondary.stats-widget h2, .is-secondary.payment-widget h2,
.is-secondary.picker-widget h2, .is-secondary.list-widget h2, .is-secondary.image-widget h2, .calendar-widget .calendar-widget-inner .is-secondary.calendar-square h2, .is-secondary.tags-widget h2, .is-secondary.text-widget h2, .is-secondary.icon-toolbar-widget h2, .is-secondary.gauge-widget h2, .l-card.is-secondary h3, .is-secondary.stat-widget h3, .is-secondary.cart-widget h3, .is-secondary.followers-widget h3, .is-secondary.contact-widget h3, .is-secondary.avatar-list-widget h3, .is-secondary.call-widget h3, .is-secondary.social-buttons-widget h3, .is-secondary.creative-list-widget h3, .is-secondary.illustration-widget.illustration-widget-v3 h3, .is-secondary.illustration-widget.illustration-widget-v2 h3, .is-secondary.illustration-widget.illustration-widget-v1 h3, .is-secondary.inbox-widget h3, .is-secondary.video-widget h3, .is-secondary.icon-list-widget h3, .is-secondary.search-widget h3, .is-secondary.stats-widget h3, .is-secondary.payment-widget h3,
.is-secondary.picker-widget h3, .is-secondary.list-widget h3, .is-secondary.image-widget h3, .calendar-widget .calendar-widget-inner .is-secondary.calendar-square h3, .is-secondary.tags-widget h3, .is-secondary.text-widget h3, .is-secondary.icon-toolbar-widget h3, .is-secondary.gauge-widget h3, .l-card.is-secondary h4, .is-secondary.stat-widget h4, .is-secondary.cart-widget h4, .is-secondary.followers-widget h4, .is-secondary.contact-widget h4, .is-secondary.avatar-list-widget h4, .is-secondary.call-widget h4, .is-secondary.social-buttons-widget h4, .is-secondary.creative-list-widget h4, .is-secondary.illustration-widget.illustration-widget-v3 h4, .is-secondary.illustration-widget.illustration-widget-v2 h4, .is-secondary.illustration-widget.illustration-widget-v1 h4, .is-secondary.inbox-widget h4, .is-secondary.video-widget h4, .is-secondary.icon-list-widget h4, .is-secondary.search-widget h4, .is-secondary.stats-widget h4, .is-secondary.payment-widget h4,
.is-secondary.picker-widget h4, .is-secondary.list-widget h4, .is-secondary.image-widget h4, .calendar-widget .calendar-widget-inner .is-secondary.calendar-square h4, .is-secondary.tags-widget h4, .is-secondary.text-widget h4, .is-secondary.icon-toolbar-widget h4, .is-secondary.gauge-widget h4, .l-card.is-secondary p, .is-secondary.stat-widget p, .is-secondary.cart-widget p, .is-secondary.followers-widget p, .is-secondary.contact-widget p, .is-secondary.avatar-list-widget p, .is-secondary.call-widget p, .is-secondary.social-buttons-widget p, .is-secondary.creative-list-widget p, .is-secondary.illustration-widget.illustration-widget-v3 p, .is-secondary.illustration-widget.illustration-widget-v2 p, .is-secondary.illustration-widget.illustration-widget-v1 p, .is-secondary.inbox-widget p, .is-secondary.video-widget p, .is-secondary.icon-list-widget p, .is-secondary.search-widget p, .is-secondary.stats-widget p, .is-secondary.payment-widget p,
.is-secondary.picker-widget p, .is-secondary.list-widget p, .is-secondary.image-widget p, .calendar-widget .calendar-widget-inner .is-secondary.calendar-square p, .is-secondary.tags-widget p, .is-secondary.text-widget p, .is-secondary.icon-toolbar-widget p, .is-secondary.gauge-widget p {
  color: #fcfcfc !important;
}
.r-card.is-info, .list-view.list-view-v4 .is-info.list-view-item, .list-view.list-view-v3 .is-info.list-view-item, .list-view.list-view-v1 .is-info.list-view-item, .s-card.is-info, .user-profile .is-info.profile-card, .dashboard-list .inner-list .is-info.media-flex-center, .monday-achievement .monday-achievement-card .is-info.media-flex-center, .is-info.dashboard-card, .form-layout .is-info.form-outer, .form-layout.is-separate .form-outer .form-body .form-section .is-info.form-section-inner, .list-view.list-view-v2 .is-info.list-view-item, .is-info.topic-feed-item, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-info.content-wrap, .is-info.collapse, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.project-card, .l-card.is-info, .is-info.stat-widget, .is-info.cart-widget, .is-info.followers-widget, .is-info.contact-widget, .is-info.avatar-list-widget, .is-info.call-widget, .is-info.social-buttons-widget, .is-info.creative-list-widget, .is-info.illustration-widget.illustration-widget-v3, .is-info.illustration-widget.illustration-widget-v2, .is-info.illustration-widget.illustration-widget-v1, .is-info.inbox-widget, .is-info.video-widget, .is-info.icon-list-widget, .is-info.search-widget, .is-info.stats-widget, .is-info.payment-widget,
.is-info.picker-widget, .is-info.list-widget, .is-info.image-widget, .calendar-widget .calendar-widget-inner .is-info.calendar-square, .is-info.tags-widget, .is-info.text-widget, .is-info.icon-toolbar-widget, .is-info.gauge-widget {
  background: #039BE5 !important;
  border-color: #039BE5 !important;
}
.r-card.is-info .title, .list-view.list-view-v4 .is-info.list-view-item .title, .list-view.list-view-v3 .is-info.list-view-item .title, .list-view.list-view-v1 .is-info.list-view-item .title, .r-card.is-info .subtitle, .list-view.list-view-v4 .is-info.list-view-item .subtitle, .list-view.list-view-v3 .is-info.list-view-item .subtitle, .list-view.list-view-v1 .is-info.list-view-item .subtitle, .r-card.is-info h1, .list-view.list-view-v4 .is-info.list-view-item h1, .list-view.list-view-v3 .is-info.list-view-item h1, .list-view.list-view-v1 .is-info.list-view-item h1, .r-card.is-info h2, .list-view.list-view-v4 .is-info.list-view-item h2, .list-view.list-view-v3 .is-info.list-view-item h2, .list-view.list-view-v1 .is-info.list-view-item h2, .r-card.is-info h3, .list-view.list-view-v4 .is-info.list-view-item h3, .list-view.list-view-v3 .is-info.list-view-item h3, .list-view.list-view-v1 .is-info.list-view-item h3, .r-card.is-info h4, .list-view.list-view-v4 .is-info.list-view-item h4, .list-view.list-view-v3 .is-info.list-view-item h4, .list-view.list-view-v1 .is-info.list-view-item h4, .r-card.is-info p, .list-view.list-view-v4 .is-info.list-view-item p, .list-view.list-view-v3 .is-info.list-view-item p, .list-view.list-view-v1 .is-info.list-view-item p, .s-card.is-info .title, .community-page .is-info.dashboard-card .title, .user-profile .is-info.profile-card .title, .dashboard-list .inner-list .is-info.media-flex-center .title, .monday-achievement .monday-achievement-card .is-info.media-flex-center .title, .is-info.dashboard-card .title, .is-info.stat-widget.is-straight .title, .is-info.cart-widget.is-straight .title, .is-info.followers-widget.is-straight .title, .is-info.contact-widget.is-straight .title, .is-info.avatar-list-widget.is-straight .title, .is-info.call-widget.is-straight .title, .is-info.social-buttons-widget.is-straight .title, .is-info.creative-list-widget.is-straight .title, .is-info.illustration-widget.illustration-widget-v3.is-straight .title, .is-info.illustration-widget.illustration-widget-v2.is-straight .title, .is-info.illustration-widget.illustration-widget-v1.is-straight .title, .is-info.inbox-widget.is-straight .title, .is-info.video-widget.is-straight .title, .is-info.icon-list-widget.is-straight .title, .is-info.search-widget.is-straight .title, .is-info.stats-widget.is-straight .title, .is-info.payment-widget.is-straight .title,
.is-info.picker-widget.is-straight .title, .is-info.list-widget.is-straight .title, .is-info.image-widget.is-straight .title, .is-info.tags-widget.is-straight .title, .is-info.text-widget.is-straight .title, .is-info.icon-toolbar-widget.is-straight .title, .is-info.gauge-widget.is-straight .title, .form-layout .is-info.form-outer .title, .form-layout.is-separate .form-outer .form-body .form-section .is-info.form-section-inner .title, .list-view.list-view-v2 .is-info.list-view-item .title, .is-info.topic-feed-item .title, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-info.content-wrap .title, .is-info.collapse .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.team-card .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.project-card .title, .s-card.is-info .subtitle, .community-page .is-info.dashboard-card .subtitle, .user-profile .is-info.profile-card .subtitle, .dashboard-list .inner-list .is-info.media-flex-center .subtitle, .monday-achievement .monday-achievement-card .is-info.media-flex-center .subtitle, .is-info.dashboard-card .subtitle, .is-info.stat-widget.is-straight .subtitle, .is-info.cart-widget.is-straight .subtitle, .is-info.followers-widget.is-straight .subtitle, .is-info.contact-widget.is-straight .subtitle, .is-info.avatar-list-widget.is-straight .subtitle, .is-info.call-widget.is-straight .subtitle, .is-info.social-buttons-widget.is-straight .subtitle, .is-info.creative-list-widget.is-straight .subtitle, .is-info.illustration-widget.illustration-widget-v3.is-straight .subtitle, .is-info.illustration-widget.illustration-widget-v2.is-straight .subtitle, .is-info.illustration-widget.illustration-widget-v1.is-straight .subtitle, .is-info.inbox-widget.is-straight .subtitle, .is-info.video-widget.is-straight .subtitle, .is-info.icon-list-widget.is-straight .subtitle, .is-info.search-widget.is-straight .subtitle, .is-info.stats-widget.is-straight .subtitle, .is-info.payment-widget.is-straight .subtitle,
.is-info.picker-widget.is-straight .subtitle, .is-info.list-widget.is-straight .subtitle, .is-info.image-widget.is-straight .subtitle, .is-info.tags-widget.is-straight .subtitle, .is-info.text-widget.is-straight .subtitle, .is-info.icon-toolbar-widget.is-straight .subtitle, .is-info.gauge-widget.is-straight .subtitle, .form-layout .is-info.form-outer .subtitle, .form-layout.is-separate .form-outer .form-body .form-section .is-info.form-section-inner .subtitle, .list-view.list-view-v2 .is-info.list-view-item .subtitle, .is-info.topic-feed-item .subtitle, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-info.content-wrap .subtitle, .is-info.collapse .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.team-card .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.project-card .subtitle, .s-card.is-info h1, .community-page .is-info.dashboard-card h1, .user-profile .is-info.profile-card h1, .dashboard-list .inner-list .is-info.media-flex-center h1, .monday-achievement .monday-achievement-card .is-info.media-flex-center h1, .is-info.dashboard-card h1, .is-info.stat-widget.is-straight h1, .is-info.cart-widget.is-straight h1, .is-info.followers-widget.is-straight h1, .is-info.contact-widget.is-straight h1, .is-info.avatar-list-widget.is-straight h1, .is-info.call-widget.is-straight h1, .is-info.social-buttons-widget.is-straight h1, .is-info.creative-list-widget.is-straight h1, .is-info.illustration-widget.illustration-widget-v3.is-straight h1, .is-info.illustration-widget.illustration-widget-v2.is-straight h1, .is-info.illustration-widget.illustration-widget-v1.is-straight h1, .is-info.inbox-widget.is-straight h1, .is-info.video-widget.is-straight h1, .is-info.icon-list-widget.is-straight h1, .is-info.search-widget.is-straight h1, .is-info.stats-widget.is-straight h1, .is-info.payment-widget.is-straight h1,
.is-info.picker-widget.is-straight h1, .is-info.list-widget.is-straight h1, .is-info.image-widget.is-straight h1, .is-info.tags-widget.is-straight h1, .is-info.text-widget.is-straight h1, .is-info.icon-toolbar-widget.is-straight h1, .is-info.gauge-widget.is-straight h1, .form-layout .is-info.form-outer h1, .form-layout.is-separate .form-outer .form-body .form-section .is-info.form-section-inner h1, .list-view.list-view-v2 .is-info.list-view-item h1, .is-info.topic-feed-item h1, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-info.content-wrap h1, .is-info.collapse h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.team-card h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.project-card h1, .s-card.is-info h2, .community-page .is-info.dashboard-card h2, .user-profile .is-info.profile-card h2, .dashboard-list .inner-list .is-info.media-flex-center h2, .monday-achievement .monday-achievement-card .is-info.media-flex-center h2, .is-info.dashboard-card h2, .is-info.stat-widget.is-straight h2, .is-info.cart-widget.is-straight h2, .is-info.followers-widget.is-straight h2, .is-info.contact-widget.is-straight h2, .is-info.avatar-list-widget.is-straight h2, .is-info.call-widget.is-straight h2, .is-info.social-buttons-widget.is-straight h2, .is-info.creative-list-widget.is-straight h2, .is-info.illustration-widget.illustration-widget-v3.is-straight h2, .is-info.illustration-widget.illustration-widget-v2.is-straight h2, .is-info.illustration-widget.illustration-widget-v1.is-straight h2, .is-info.inbox-widget.is-straight h2, .is-info.video-widget.is-straight h2, .is-info.icon-list-widget.is-straight h2, .is-info.search-widget.is-straight h2, .is-info.stats-widget.is-straight h2, .is-info.payment-widget.is-straight h2,
.is-info.picker-widget.is-straight h2, .is-info.list-widget.is-straight h2, .is-info.image-widget.is-straight h2, .is-info.tags-widget.is-straight h2, .is-info.text-widget.is-straight h2, .is-info.icon-toolbar-widget.is-straight h2, .is-info.gauge-widget.is-straight h2, .form-layout .is-info.form-outer h2, .form-layout.is-separate .form-outer .form-body .form-section .is-info.form-section-inner h2, .list-view.list-view-v2 .is-info.list-view-item h2, .is-info.topic-feed-item h2, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-info.content-wrap h2, .is-info.collapse h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.team-card h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.project-card h2, .s-card.is-info h3, .community-page .is-info.dashboard-card h3, .user-profile .is-info.profile-card h3, .dashboard-list .inner-list .is-info.media-flex-center h3, .monday-achievement .monday-achievement-card .is-info.media-flex-center h3, .is-info.dashboard-card h3, .is-info.stat-widget.is-straight h3, .is-info.cart-widget.is-straight h3, .is-info.followers-widget.is-straight h3, .is-info.contact-widget.is-straight h3, .is-info.avatar-list-widget.is-straight h3, .is-info.call-widget.is-straight h3, .is-info.social-buttons-widget.is-straight h3, .is-info.creative-list-widget.is-straight h3, .is-info.illustration-widget.illustration-widget-v3.is-straight h3, .is-info.illustration-widget.illustration-widget-v2.is-straight h3, .is-info.illustration-widget.illustration-widget-v1.is-straight h3, .is-info.inbox-widget.is-straight h3, .is-info.video-widget.is-straight h3, .is-info.icon-list-widget.is-straight h3, .is-info.search-widget.is-straight h3, .is-info.stats-widget.is-straight h3, .is-info.payment-widget.is-straight h3,
.is-info.picker-widget.is-straight h3, .is-info.list-widget.is-straight h3, .is-info.image-widget.is-straight h3, .is-info.tags-widget.is-straight h3, .is-info.text-widget.is-straight h3, .is-info.icon-toolbar-widget.is-straight h3, .is-info.gauge-widget.is-straight h3, .form-layout .is-info.form-outer h3, .form-layout.is-separate .form-outer .form-body .form-section .is-info.form-section-inner h3, .list-view.list-view-v2 .is-info.list-view-item h3, .is-info.topic-feed-item h3, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-info.content-wrap h3, .is-info.collapse h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.team-card h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.project-card h3, .s-card.is-info h4, .community-page .is-info.dashboard-card h4, .user-profile .is-info.profile-card h4, .dashboard-list .inner-list .is-info.media-flex-center h4, .monday-achievement .monday-achievement-card .is-info.media-flex-center h4, .is-info.dashboard-card h4, .is-info.stat-widget.is-straight h4, .is-info.cart-widget.is-straight h4, .is-info.followers-widget.is-straight h4, .is-info.contact-widget.is-straight h4, .is-info.avatar-list-widget.is-straight h4, .is-info.call-widget.is-straight h4, .is-info.social-buttons-widget.is-straight h4, .is-info.creative-list-widget.is-straight h4, .is-info.illustration-widget.illustration-widget-v3.is-straight h4, .is-info.illustration-widget.illustration-widget-v2.is-straight h4, .is-info.illustration-widget.illustration-widget-v1.is-straight h4, .is-info.inbox-widget.is-straight h4, .is-info.video-widget.is-straight h4, .is-info.icon-list-widget.is-straight h4, .is-info.search-widget.is-straight h4, .is-info.stats-widget.is-straight h4, .is-info.payment-widget.is-straight h4,
.is-info.picker-widget.is-straight h4, .is-info.list-widget.is-straight h4, .is-info.image-widget.is-straight h4, .is-info.tags-widget.is-straight h4, .is-info.text-widget.is-straight h4, .is-info.icon-toolbar-widget.is-straight h4, .is-info.gauge-widget.is-straight h4, .form-layout .is-info.form-outer h4, .form-layout.is-separate .form-outer .form-body .form-section .is-info.form-section-inner h4, .list-view.list-view-v2 .is-info.list-view-item h4, .is-info.topic-feed-item h4, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-info.content-wrap h4, .is-info.collapse h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.team-card h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.project-card h4, .s-card.is-info p, .community-page .is-info.dashboard-card p, .user-profile .is-info.profile-card p, .dashboard-list .inner-list .is-info.media-flex-center p, .monday-achievement .monday-achievement-card .is-info.media-flex-center p, .is-info.dashboard-card p, .is-info.stat-widget.is-straight p, .is-info.cart-widget.is-straight p, .is-info.followers-widget.is-straight p, .is-info.contact-widget.is-straight p, .is-info.avatar-list-widget.is-straight p, .is-info.call-widget.is-straight p, .is-info.social-buttons-widget.is-straight p, .is-info.creative-list-widget.is-straight p, .is-info.illustration-widget.illustration-widget-v3.is-straight p, .is-info.illustration-widget.illustration-widget-v2.is-straight p, .is-info.illustration-widget.illustration-widget-v1.is-straight p, .is-info.inbox-widget.is-straight p, .is-info.video-widget.is-straight p, .is-info.icon-list-widget.is-straight p, .is-info.search-widget.is-straight p, .is-info.stats-widget.is-straight p, .is-info.payment-widget.is-straight p,
.is-info.picker-widget.is-straight p, .is-info.list-widget.is-straight p, .is-info.image-widget.is-straight p, .is-info.tags-widget.is-straight p, .is-info.text-widget.is-straight p, .is-info.icon-toolbar-widget.is-straight p, .is-info.gauge-widget.is-straight p, .form-layout .is-info.form-outer p, .form-layout.is-separate .form-outer .form-body .form-section .is-info.form-section-inner p, .list-view.list-view-v2 .is-info.list-view-item p, .is-info.topic-feed-item p, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-info.content-wrap p, .is-info.collapse p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.team-card p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.project-card p, .l-card.is-info .title, .is-info.stat-widget .title, .is-info.cart-widget .title, .is-info.followers-widget .title, .is-info.contact-widget .title, .is-info.avatar-list-widget .title, .is-info.call-widget .title, .is-info.social-buttons-widget .title, .is-info.creative-list-widget .title, .is-info.illustration-widget.illustration-widget-v3 .title, .is-info.illustration-widget.illustration-widget-v2 .title, .is-info.illustration-widget.illustration-widget-v1 .title, .is-info.inbox-widget .title, .is-info.video-widget .title, .is-info.icon-list-widget .title, .is-info.search-widget .title, .is-info.stats-widget .title, .is-info.payment-widget .title,
.is-info.picker-widget .title, .is-info.list-widget .title, .is-info.image-widget .title, .calendar-widget .calendar-widget-inner .is-info.calendar-square .title, .is-info.tags-widget .title, .is-info.text-widget .title, .is-info.icon-toolbar-widget .title, .is-info.gauge-widget .title, .l-card.is-info .subtitle, .is-info.stat-widget .subtitle, .is-info.cart-widget .subtitle, .is-info.followers-widget .subtitle, .is-info.contact-widget .subtitle, .is-info.avatar-list-widget .subtitle, .is-info.call-widget .subtitle, .is-info.social-buttons-widget .subtitle, .is-info.creative-list-widget .subtitle, .is-info.illustration-widget.illustration-widget-v3 .subtitle, .is-info.illustration-widget.illustration-widget-v2 .subtitle, .is-info.illustration-widget.illustration-widget-v1 .subtitle, .is-info.inbox-widget .subtitle, .is-info.video-widget .subtitle, .is-info.icon-list-widget .subtitle, .is-info.search-widget .subtitle, .is-info.stats-widget .subtitle, .is-info.payment-widget .subtitle,
.is-info.picker-widget .subtitle, .is-info.list-widget .subtitle, .is-info.image-widget .subtitle, .calendar-widget .calendar-widget-inner .is-info.calendar-square .subtitle, .is-info.tags-widget .subtitle, .is-info.text-widget .subtitle, .is-info.icon-toolbar-widget .subtitle, .is-info.gauge-widget .subtitle, .l-card.is-info h1, .is-info.stat-widget h1, .is-info.cart-widget h1, .is-info.followers-widget h1, .is-info.contact-widget h1, .is-info.avatar-list-widget h1, .is-info.call-widget h1, .is-info.social-buttons-widget h1, .is-info.creative-list-widget h1, .is-info.illustration-widget.illustration-widget-v3 h1, .is-info.illustration-widget.illustration-widget-v2 h1, .is-info.illustration-widget.illustration-widget-v1 h1, .is-info.inbox-widget h1, .is-info.video-widget h1, .is-info.icon-list-widget h1, .is-info.search-widget h1, .is-info.stats-widget h1, .is-info.payment-widget h1,
.is-info.picker-widget h1, .is-info.list-widget h1, .is-info.image-widget h1, .calendar-widget .calendar-widget-inner .is-info.calendar-square h1, .is-info.tags-widget h1, .is-info.text-widget h1, .is-info.icon-toolbar-widget h1, .is-info.gauge-widget h1, .l-card.is-info h2, .is-info.stat-widget h2, .is-info.cart-widget h2, .is-info.followers-widget h2, .is-info.contact-widget h2, .is-info.avatar-list-widget h2, .is-info.call-widget h2, .is-info.social-buttons-widget h2, .is-info.creative-list-widget h2, .is-info.illustration-widget.illustration-widget-v3 h2, .is-info.illustration-widget.illustration-widget-v2 h2, .is-info.illustration-widget.illustration-widget-v1 h2, .is-info.inbox-widget h2, .is-info.video-widget h2, .is-info.icon-list-widget h2, .is-info.search-widget h2, .is-info.stats-widget h2, .is-info.payment-widget h2,
.is-info.picker-widget h2, .is-info.list-widget h2, .is-info.image-widget h2, .calendar-widget .calendar-widget-inner .is-info.calendar-square h2, .is-info.tags-widget h2, .is-info.text-widget h2, .is-info.icon-toolbar-widget h2, .is-info.gauge-widget h2, .l-card.is-info h3, .is-info.stat-widget h3, .is-info.cart-widget h3, .is-info.followers-widget h3, .is-info.contact-widget h3, .is-info.avatar-list-widget h3, .is-info.call-widget h3, .is-info.social-buttons-widget h3, .is-info.creative-list-widget h3, .is-info.illustration-widget.illustration-widget-v3 h3, .is-info.illustration-widget.illustration-widget-v2 h3, .is-info.illustration-widget.illustration-widget-v1 h3, .is-info.inbox-widget h3, .is-info.video-widget h3, .is-info.icon-list-widget h3, .is-info.search-widget h3, .is-info.stats-widget h3, .is-info.payment-widget h3,
.is-info.picker-widget h3, .is-info.list-widget h3, .is-info.image-widget h3, .calendar-widget .calendar-widget-inner .is-info.calendar-square h3, .is-info.tags-widget h3, .is-info.text-widget h3, .is-info.icon-toolbar-widget h3, .is-info.gauge-widget h3, .l-card.is-info h4, .is-info.stat-widget h4, .is-info.cart-widget h4, .is-info.followers-widget h4, .is-info.contact-widget h4, .is-info.avatar-list-widget h4, .is-info.call-widget h4, .is-info.social-buttons-widget h4, .is-info.creative-list-widget h4, .is-info.illustration-widget.illustration-widget-v3 h4, .is-info.illustration-widget.illustration-widget-v2 h4, .is-info.illustration-widget.illustration-widget-v1 h4, .is-info.inbox-widget h4, .is-info.video-widget h4, .is-info.icon-list-widget h4, .is-info.search-widget h4, .is-info.stats-widget h4, .is-info.payment-widget h4,
.is-info.picker-widget h4, .is-info.list-widget h4, .is-info.image-widget h4, .calendar-widget .calendar-widget-inner .is-info.calendar-square h4, .is-info.tags-widget h4, .is-info.text-widget h4, .is-info.icon-toolbar-widget h4, .is-info.gauge-widget h4, .l-card.is-info p, .is-info.stat-widget p, .is-info.cart-widget p, .is-info.followers-widget p, .is-info.contact-widget p, .is-info.avatar-list-widget p, .is-info.call-widget p, .is-info.social-buttons-widget p, .is-info.creative-list-widget p, .is-info.illustration-widget.illustration-widget-v3 p, .is-info.illustration-widget.illustration-widget-v2 p, .is-info.illustration-widget.illustration-widget-v1 p, .is-info.inbox-widget p, .is-info.video-widget p, .is-info.icon-list-widget p, .is-info.search-widget p, .is-info.stats-widget p, .is-info.payment-widget p,
.is-info.picker-widget p, .is-info.list-widget p, .is-info.image-widget p, .calendar-widget .calendar-widget-inner .is-info.calendar-square p, .is-info.tags-widget p, .is-info.text-widget p, .is-info.icon-toolbar-widget p, .is-info.gauge-widget p {
  color: #fcfcfc !important;
}
.r-card.is-success, .list-view.list-view-v4 .is-success.list-view-item, .list-view.list-view-v3 .is-success.list-view-item, .list-view.list-view-v1 .is-success.list-view-item, .s-card.is-success, .user-profile .is-success.profile-card, .dashboard-list .inner-list .is-success.media-flex-center, .monday-achievement .monday-achievement-card .is-success.media-flex-center, .is-success.dashboard-card, .form-layout .is-success.form-outer, .form-layout.is-separate .form-outer .form-body .form-section .is-success.form-section-inner, .list-view.list-view-v2 .is-success.list-view-item, .is-success.topic-feed-item, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-success.content-wrap, .is-success.collapse, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.project-card, .l-card.is-success, .is-success.stat-widget, .is-success.cart-widget, .is-success.followers-widget, .is-success.contact-widget, .is-success.avatar-list-widget, .is-success.call-widget, .is-success.social-buttons-widget, .is-success.creative-list-widget, .is-success.illustration-widget.illustration-widget-v3, .is-success.illustration-widget.illustration-widget-v2, .is-success.illustration-widget.illustration-widget-v1, .is-success.inbox-widget, .is-success.video-widget, .is-success.icon-list-widget, .is-success.search-widget, .is-success.stats-widget, .is-success.payment-widget,
.is-success.picker-widget, .is-success.list-widget, .is-success.image-widget, .calendar-widget .calendar-widget-inner .is-success.calendar-square, .is-success.tags-widget, .is-success.text-widget, .is-success.icon-toolbar-widget, .is-success.gauge-widget {
  background: #06d6a0 !important;
  border-color: #06d6a0 !important;
}
.r-card.is-success .title, .list-view.list-view-v4 .is-success.list-view-item .title, .list-view.list-view-v3 .is-success.list-view-item .title, .list-view.list-view-v1 .is-success.list-view-item .title, .r-card.is-success .subtitle, .list-view.list-view-v4 .is-success.list-view-item .subtitle, .list-view.list-view-v3 .is-success.list-view-item .subtitle, .list-view.list-view-v1 .is-success.list-view-item .subtitle, .r-card.is-success h1, .list-view.list-view-v4 .is-success.list-view-item h1, .list-view.list-view-v3 .is-success.list-view-item h1, .list-view.list-view-v1 .is-success.list-view-item h1, .r-card.is-success h2, .list-view.list-view-v4 .is-success.list-view-item h2, .list-view.list-view-v3 .is-success.list-view-item h2, .list-view.list-view-v1 .is-success.list-view-item h2, .r-card.is-success h3, .list-view.list-view-v4 .is-success.list-view-item h3, .list-view.list-view-v3 .is-success.list-view-item h3, .list-view.list-view-v1 .is-success.list-view-item h3, .r-card.is-success h4, .list-view.list-view-v4 .is-success.list-view-item h4, .list-view.list-view-v3 .is-success.list-view-item h4, .list-view.list-view-v1 .is-success.list-view-item h4, .r-card.is-success p, .list-view.list-view-v4 .is-success.list-view-item p, .list-view.list-view-v3 .is-success.list-view-item p, .list-view.list-view-v1 .is-success.list-view-item p, .s-card.is-success .title, .community-page .is-success.dashboard-card .title, .user-profile .is-success.profile-card .title, .dashboard-list .inner-list .is-success.media-flex-center .title, .monday-achievement .monday-achievement-card .is-success.media-flex-center .title, .is-success.dashboard-card .title, .is-success.stat-widget.is-straight .title, .is-success.cart-widget.is-straight .title, .is-success.followers-widget.is-straight .title, .is-success.contact-widget.is-straight .title, .is-success.avatar-list-widget.is-straight .title, .is-success.call-widget.is-straight .title, .is-success.social-buttons-widget.is-straight .title, .is-success.creative-list-widget.is-straight .title, .is-success.illustration-widget.illustration-widget-v3.is-straight .title, .is-success.illustration-widget.illustration-widget-v2.is-straight .title, .is-success.illustration-widget.illustration-widget-v1.is-straight .title, .is-success.inbox-widget.is-straight .title, .is-success.video-widget.is-straight .title, .is-success.icon-list-widget.is-straight .title, .is-success.search-widget.is-straight .title, .is-success.stats-widget.is-straight .title, .is-success.payment-widget.is-straight .title,
.is-success.picker-widget.is-straight .title, .is-success.list-widget.is-straight .title, .is-success.image-widget.is-straight .title, .is-success.tags-widget.is-straight .title, .is-success.text-widget.is-straight .title, .is-success.icon-toolbar-widget.is-straight .title, .is-success.gauge-widget.is-straight .title, .form-layout .is-success.form-outer .title, .form-layout.is-separate .form-outer .form-body .form-section .is-success.form-section-inner .title, .list-view.list-view-v2 .is-success.list-view-item .title, .is-success.topic-feed-item .title, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-success.content-wrap .title, .is-success.collapse .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.team-card .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.project-card .title, .s-card.is-success .subtitle, .community-page .is-success.dashboard-card .subtitle, .user-profile .is-success.profile-card .subtitle, .dashboard-list .inner-list .is-success.media-flex-center .subtitle, .monday-achievement .monday-achievement-card .is-success.media-flex-center .subtitle, .is-success.dashboard-card .subtitle, .is-success.stat-widget.is-straight .subtitle, .is-success.cart-widget.is-straight .subtitle, .is-success.followers-widget.is-straight .subtitle, .is-success.contact-widget.is-straight .subtitle, .is-success.avatar-list-widget.is-straight .subtitle, .is-success.call-widget.is-straight .subtitle, .is-success.social-buttons-widget.is-straight .subtitle, .is-success.creative-list-widget.is-straight .subtitle, .is-success.illustration-widget.illustration-widget-v3.is-straight .subtitle, .is-success.illustration-widget.illustration-widget-v2.is-straight .subtitle, .is-success.illustration-widget.illustration-widget-v1.is-straight .subtitle, .is-success.inbox-widget.is-straight .subtitle, .is-success.video-widget.is-straight .subtitle, .is-success.icon-list-widget.is-straight .subtitle, .is-success.search-widget.is-straight .subtitle, .is-success.stats-widget.is-straight .subtitle, .is-success.payment-widget.is-straight .subtitle,
.is-success.picker-widget.is-straight .subtitle, .is-success.list-widget.is-straight .subtitle, .is-success.image-widget.is-straight .subtitle, .is-success.tags-widget.is-straight .subtitle, .is-success.text-widget.is-straight .subtitle, .is-success.icon-toolbar-widget.is-straight .subtitle, .is-success.gauge-widget.is-straight .subtitle, .form-layout .is-success.form-outer .subtitle, .form-layout.is-separate .form-outer .form-body .form-section .is-success.form-section-inner .subtitle, .list-view.list-view-v2 .is-success.list-view-item .subtitle, .is-success.topic-feed-item .subtitle, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-success.content-wrap .subtitle, .is-success.collapse .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.team-card .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.project-card .subtitle, .s-card.is-success h1, .community-page .is-success.dashboard-card h1, .user-profile .is-success.profile-card h1, .dashboard-list .inner-list .is-success.media-flex-center h1, .monday-achievement .monday-achievement-card .is-success.media-flex-center h1, .is-success.dashboard-card h1, .is-success.stat-widget.is-straight h1, .is-success.cart-widget.is-straight h1, .is-success.followers-widget.is-straight h1, .is-success.contact-widget.is-straight h1, .is-success.avatar-list-widget.is-straight h1, .is-success.call-widget.is-straight h1, .is-success.social-buttons-widget.is-straight h1, .is-success.creative-list-widget.is-straight h1, .is-success.illustration-widget.illustration-widget-v3.is-straight h1, .is-success.illustration-widget.illustration-widget-v2.is-straight h1, .is-success.illustration-widget.illustration-widget-v1.is-straight h1, .is-success.inbox-widget.is-straight h1, .is-success.video-widget.is-straight h1, .is-success.icon-list-widget.is-straight h1, .is-success.search-widget.is-straight h1, .is-success.stats-widget.is-straight h1, .is-success.payment-widget.is-straight h1,
.is-success.picker-widget.is-straight h1, .is-success.list-widget.is-straight h1, .is-success.image-widget.is-straight h1, .is-success.tags-widget.is-straight h1, .is-success.text-widget.is-straight h1, .is-success.icon-toolbar-widget.is-straight h1, .is-success.gauge-widget.is-straight h1, .form-layout .is-success.form-outer h1, .form-layout.is-separate .form-outer .form-body .form-section .is-success.form-section-inner h1, .list-view.list-view-v2 .is-success.list-view-item h1, .is-success.topic-feed-item h1, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-success.content-wrap h1, .is-success.collapse h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.team-card h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.project-card h1, .s-card.is-success h2, .community-page .is-success.dashboard-card h2, .user-profile .is-success.profile-card h2, .dashboard-list .inner-list .is-success.media-flex-center h2, .monday-achievement .monday-achievement-card .is-success.media-flex-center h2, .is-success.dashboard-card h2, .is-success.stat-widget.is-straight h2, .is-success.cart-widget.is-straight h2, .is-success.followers-widget.is-straight h2, .is-success.contact-widget.is-straight h2, .is-success.avatar-list-widget.is-straight h2, .is-success.call-widget.is-straight h2, .is-success.social-buttons-widget.is-straight h2, .is-success.creative-list-widget.is-straight h2, .is-success.illustration-widget.illustration-widget-v3.is-straight h2, .is-success.illustration-widget.illustration-widget-v2.is-straight h2, .is-success.illustration-widget.illustration-widget-v1.is-straight h2, .is-success.inbox-widget.is-straight h2, .is-success.video-widget.is-straight h2, .is-success.icon-list-widget.is-straight h2, .is-success.search-widget.is-straight h2, .is-success.stats-widget.is-straight h2, .is-success.payment-widget.is-straight h2,
.is-success.picker-widget.is-straight h2, .is-success.list-widget.is-straight h2, .is-success.image-widget.is-straight h2, .is-success.tags-widget.is-straight h2, .is-success.text-widget.is-straight h2, .is-success.icon-toolbar-widget.is-straight h2, .is-success.gauge-widget.is-straight h2, .form-layout .is-success.form-outer h2, .form-layout.is-separate .form-outer .form-body .form-section .is-success.form-section-inner h2, .list-view.list-view-v2 .is-success.list-view-item h2, .is-success.topic-feed-item h2, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-success.content-wrap h2, .is-success.collapse h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.team-card h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.project-card h2, .s-card.is-success h3, .community-page .is-success.dashboard-card h3, .user-profile .is-success.profile-card h3, .dashboard-list .inner-list .is-success.media-flex-center h3, .monday-achievement .monday-achievement-card .is-success.media-flex-center h3, .is-success.dashboard-card h3, .is-success.stat-widget.is-straight h3, .is-success.cart-widget.is-straight h3, .is-success.followers-widget.is-straight h3, .is-success.contact-widget.is-straight h3, .is-success.avatar-list-widget.is-straight h3, .is-success.call-widget.is-straight h3, .is-success.social-buttons-widget.is-straight h3, .is-success.creative-list-widget.is-straight h3, .is-success.illustration-widget.illustration-widget-v3.is-straight h3, .is-success.illustration-widget.illustration-widget-v2.is-straight h3, .is-success.illustration-widget.illustration-widget-v1.is-straight h3, .is-success.inbox-widget.is-straight h3, .is-success.video-widget.is-straight h3, .is-success.icon-list-widget.is-straight h3, .is-success.search-widget.is-straight h3, .is-success.stats-widget.is-straight h3, .is-success.payment-widget.is-straight h3,
.is-success.picker-widget.is-straight h3, .is-success.list-widget.is-straight h3, .is-success.image-widget.is-straight h3, .is-success.tags-widget.is-straight h3, .is-success.text-widget.is-straight h3, .is-success.icon-toolbar-widget.is-straight h3, .is-success.gauge-widget.is-straight h3, .form-layout .is-success.form-outer h3, .form-layout.is-separate .form-outer .form-body .form-section .is-success.form-section-inner h3, .list-view.list-view-v2 .is-success.list-view-item h3, .is-success.topic-feed-item h3, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-success.content-wrap h3, .is-success.collapse h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.team-card h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.project-card h3, .s-card.is-success h4, .community-page .is-success.dashboard-card h4, .user-profile .is-success.profile-card h4, .dashboard-list .inner-list .is-success.media-flex-center h4, .monday-achievement .monday-achievement-card .is-success.media-flex-center h4, .is-success.dashboard-card h4, .is-success.stat-widget.is-straight h4, .is-success.cart-widget.is-straight h4, .is-success.followers-widget.is-straight h4, .is-success.contact-widget.is-straight h4, .is-success.avatar-list-widget.is-straight h4, .is-success.call-widget.is-straight h4, .is-success.social-buttons-widget.is-straight h4, .is-success.creative-list-widget.is-straight h4, .is-success.illustration-widget.illustration-widget-v3.is-straight h4, .is-success.illustration-widget.illustration-widget-v2.is-straight h4, .is-success.illustration-widget.illustration-widget-v1.is-straight h4, .is-success.inbox-widget.is-straight h4, .is-success.video-widget.is-straight h4, .is-success.icon-list-widget.is-straight h4, .is-success.search-widget.is-straight h4, .is-success.stats-widget.is-straight h4, .is-success.payment-widget.is-straight h4,
.is-success.picker-widget.is-straight h4, .is-success.list-widget.is-straight h4, .is-success.image-widget.is-straight h4, .is-success.tags-widget.is-straight h4, .is-success.text-widget.is-straight h4, .is-success.icon-toolbar-widget.is-straight h4, .is-success.gauge-widget.is-straight h4, .form-layout .is-success.form-outer h4, .form-layout.is-separate .form-outer .form-body .form-section .is-success.form-section-inner h4, .list-view.list-view-v2 .is-success.list-view-item h4, .is-success.topic-feed-item h4, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-success.content-wrap h4, .is-success.collapse h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.team-card h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.project-card h4, .s-card.is-success p, .community-page .is-success.dashboard-card p, .user-profile .is-success.profile-card p, .dashboard-list .inner-list .is-success.media-flex-center p, .monday-achievement .monday-achievement-card .is-success.media-flex-center p, .is-success.dashboard-card p, .is-success.stat-widget.is-straight p, .is-success.cart-widget.is-straight p, .is-success.followers-widget.is-straight p, .is-success.contact-widget.is-straight p, .is-success.avatar-list-widget.is-straight p, .is-success.call-widget.is-straight p, .is-success.social-buttons-widget.is-straight p, .is-success.creative-list-widget.is-straight p, .is-success.illustration-widget.illustration-widget-v3.is-straight p, .is-success.illustration-widget.illustration-widget-v2.is-straight p, .is-success.illustration-widget.illustration-widget-v1.is-straight p, .is-success.inbox-widget.is-straight p, .is-success.video-widget.is-straight p, .is-success.icon-list-widget.is-straight p, .is-success.search-widget.is-straight p, .is-success.stats-widget.is-straight p, .is-success.payment-widget.is-straight p,
.is-success.picker-widget.is-straight p, .is-success.list-widget.is-straight p, .is-success.image-widget.is-straight p, .is-success.tags-widget.is-straight p, .is-success.text-widget.is-straight p, .is-success.icon-toolbar-widget.is-straight p, .is-success.gauge-widget.is-straight p, .form-layout .is-success.form-outer p, .form-layout.is-separate .form-outer .form-body .form-section .is-success.form-section-inner p, .list-view.list-view-v2 .is-success.list-view-item p, .is-success.topic-feed-item p, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-success.content-wrap p, .is-success.collapse p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.team-card p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.project-card p, .l-card.is-success .title, .is-success.stat-widget .title, .is-success.cart-widget .title, .is-success.followers-widget .title, .is-success.contact-widget .title, .is-success.avatar-list-widget .title, .is-success.call-widget .title, .is-success.social-buttons-widget .title, .is-success.creative-list-widget .title, .is-success.illustration-widget.illustration-widget-v3 .title, .is-success.illustration-widget.illustration-widget-v2 .title, .is-success.illustration-widget.illustration-widget-v1 .title, .is-success.inbox-widget .title, .is-success.video-widget .title, .is-success.icon-list-widget .title, .is-success.search-widget .title, .is-success.stats-widget .title, .is-success.payment-widget .title,
.is-success.picker-widget .title, .is-success.list-widget .title, .is-success.image-widget .title, .calendar-widget .calendar-widget-inner .is-success.calendar-square .title, .is-success.tags-widget .title, .is-success.text-widget .title, .is-success.icon-toolbar-widget .title, .is-success.gauge-widget .title, .l-card.is-success .subtitle, .is-success.stat-widget .subtitle, .is-success.cart-widget .subtitle, .is-success.followers-widget .subtitle, .is-success.contact-widget .subtitle, .is-success.avatar-list-widget .subtitle, .is-success.call-widget .subtitle, .is-success.social-buttons-widget .subtitle, .is-success.creative-list-widget .subtitle, .is-success.illustration-widget.illustration-widget-v3 .subtitle, .is-success.illustration-widget.illustration-widget-v2 .subtitle, .is-success.illustration-widget.illustration-widget-v1 .subtitle, .is-success.inbox-widget .subtitle, .is-success.video-widget .subtitle, .is-success.icon-list-widget .subtitle, .is-success.search-widget .subtitle, .is-success.stats-widget .subtitle, .is-success.payment-widget .subtitle,
.is-success.picker-widget .subtitle, .is-success.list-widget .subtitle, .is-success.image-widget .subtitle, .calendar-widget .calendar-widget-inner .is-success.calendar-square .subtitle, .is-success.tags-widget .subtitle, .is-success.text-widget .subtitle, .is-success.icon-toolbar-widget .subtitle, .is-success.gauge-widget .subtitle, .l-card.is-success h1, .is-success.stat-widget h1, .is-success.cart-widget h1, .is-success.followers-widget h1, .is-success.contact-widget h1, .is-success.avatar-list-widget h1, .is-success.call-widget h1, .is-success.social-buttons-widget h1, .is-success.creative-list-widget h1, .is-success.illustration-widget.illustration-widget-v3 h1, .is-success.illustration-widget.illustration-widget-v2 h1, .is-success.illustration-widget.illustration-widget-v1 h1, .is-success.inbox-widget h1, .is-success.video-widget h1, .is-success.icon-list-widget h1, .is-success.search-widget h1, .is-success.stats-widget h1, .is-success.payment-widget h1,
.is-success.picker-widget h1, .is-success.list-widget h1, .is-success.image-widget h1, .calendar-widget .calendar-widget-inner .is-success.calendar-square h1, .is-success.tags-widget h1, .is-success.text-widget h1, .is-success.icon-toolbar-widget h1, .is-success.gauge-widget h1, .l-card.is-success h2, .is-success.stat-widget h2, .is-success.cart-widget h2, .is-success.followers-widget h2, .is-success.contact-widget h2, .is-success.avatar-list-widget h2, .is-success.call-widget h2, .is-success.social-buttons-widget h2, .is-success.creative-list-widget h2, .is-success.illustration-widget.illustration-widget-v3 h2, .is-success.illustration-widget.illustration-widget-v2 h2, .is-success.illustration-widget.illustration-widget-v1 h2, .is-success.inbox-widget h2, .is-success.video-widget h2, .is-success.icon-list-widget h2, .is-success.search-widget h2, .is-success.stats-widget h2, .is-success.payment-widget h2,
.is-success.picker-widget h2, .is-success.list-widget h2, .is-success.image-widget h2, .calendar-widget .calendar-widget-inner .is-success.calendar-square h2, .is-success.tags-widget h2, .is-success.text-widget h2, .is-success.icon-toolbar-widget h2, .is-success.gauge-widget h2, .l-card.is-success h3, .is-success.stat-widget h3, .is-success.cart-widget h3, .is-success.followers-widget h3, .is-success.contact-widget h3, .is-success.avatar-list-widget h3, .is-success.call-widget h3, .is-success.social-buttons-widget h3, .is-success.creative-list-widget h3, .is-success.illustration-widget.illustration-widget-v3 h3, .is-success.illustration-widget.illustration-widget-v2 h3, .is-success.illustration-widget.illustration-widget-v1 h3, .is-success.inbox-widget h3, .is-success.video-widget h3, .is-success.icon-list-widget h3, .is-success.search-widget h3, .is-success.stats-widget h3, .is-success.payment-widget h3,
.is-success.picker-widget h3, .is-success.list-widget h3, .is-success.image-widget h3, .calendar-widget .calendar-widget-inner .is-success.calendar-square h3, .is-success.tags-widget h3, .is-success.text-widget h3, .is-success.icon-toolbar-widget h3, .is-success.gauge-widget h3, .l-card.is-success h4, .is-success.stat-widget h4, .is-success.cart-widget h4, .is-success.followers-widget h4, .is-success.contact-widget h4, .is-success.avatar-list-widget h4, .is-success.call-widget h4, .is-success.social-buttons-widget h4, .is-success.creative-list-widget h4, .is-success.illustration-widget.illustration-widget-v3 h4, .is-success.illustration-widget.illustration-widget-v2 h4, .is-success.illustration-widget.illustration-widget-v1 h4, .is-success.inbox-widget h4, .is-success.video-widget h4, .is-success.icon-list-widget h4, .is-success.search-widget h4, .is-success.stats-widget h4, .is-success.payment-widget h4,
.is-success.picker-widget h4, .is-success.list-widget h4, .is-success.image-widget h4, .calendar-widget .calendar-widget-inner .is-success.calendar-square h4, .is-success.tags-widget h4, .is-success.text-widget h4, .is-success.icon-toolbar-widget h4, .is-success.gauge-widget h4, .l-card.is-success p, .is-success.stat-widget p, .is-success.cart-widget p, .is-success.followers-widget p, .is-success.contact-widget p, .is-success.avatar-list-widget p, .is-success.call-widget p, .is-success.social-buttons-widget p, .is-success.creative-list-widget p, .is-success.illustration-widget.illustration-widget-v3 p, .is-success.illustration-widget.illustration-widget-v2 p, .is-success.illustration-widget.illustration-widget-v1 p, .is-success.inbox-widget p, .is-success.video-widget p, .is-success.icon-list-widget p, .is-success.search-widget p, .is-success.stats-widget p, .is-success.payment-widget p,
.is-success.picker-widget p, .is-success.list-widget p, .is-success.image-widget p, .calendar-widget .calendar-widget-inner .is-success.calendar-square p, .is-success.tags-widget p, .is-success.text-widget p, .is-success.icon-toolbar-widget p, .is-success.gauge-widget p {
  color: #fcfcfc !important;
}
.r-card.is-warning, .list-view.list-view-v4 .is-warning.list-view-item, .list-view.list-view-v3 .is-warning.list-view-item, .list-view.list-view-v1 .is-warning.list-view-item, .s-card.is-warning, .user-profile .is-warning.profile-card, .dashboard-list .inner-list .is-warning.media-flex-center, .monday-achievement .monday-achievement-card .is-warning.media-flex-center, .is-warning.dashboard-card, .form-layout .is-warning.form-outer, .form-layout.is-separate .form-outer .form-body .form-section .is-warning.form-section-inner, .list-view.list-view-v2 .is-warning.list-view-item, .is-warning.topic-feed-item, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-warning.content-wrap, .is-warning.collapse, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.project-card, .l-card.is-warning, .is-warning.stat-widget, .is-warning.cart-widget, .is-warning.followers-widget, .is-warning.contact-widget, .is-warning.avatar-list-widget, .is-warning.call-widget, .is-warning.social-buttons-widget, .is-warning.creative-list-widget, .is-warning.illustration-widget.illustration-widget-v3, .is-warning.illustration-widget.illustration-widget-v2, .is-warning.illustration-widget.illustration-widget-v1, .is-warning.inbox-widget, .is-warning.video-widget, .is-warning.icon-list-widget, .is-warning.search-widget, .is-warning.stats-widget, .is-warning.payment-widget,
.is-warning.picker-widget, .is-warning.list-widget, .is-warning.image-widget, .calendar-widget .calendar-widget-inner .is-warning.calendar-square, .is-warning.tags-widget, .is-warning.text-widget, .is-warning.icon-toolbar-widget, .is-warning.gauge-widget {
  background-color: #ffc26c;
  border-color: #faae42 !important;
}
.r-card.is-warning .title, .list-view.list-view-v4 .is-warning.list-view-item .title, .list-view.list-view-v3 .is-warning.list-view-item .title, .list-view.list-view-v1 .is-warning.list-view-item .title, .r-card.is-warning .subtitle, .list-view.list-view-v4 .is-warning.list-view-item .subtitle, .list-view.list-view-v3 .is-warning.list-view-item .subtitle, .list-view.list-view-v1 .is-warning.list-view-item .subtitle, .r-card.is-warning h1, .list-view.list-view-v4 .is-warning.list-view-item h1, .list-view.list-view-v3 .is-warning.list-view-item h1, .list-view.list-view-v1 .is-warning.list-view-item h1, .r-card.is-warning h2, .list-view.list-view-v4 .is-warning.list-view-item h2, .list-view.list-view-v3 .is-warning.list-view-item h2, .list-view.list-view-v1 .is-warning.list-view-item h2, .r-card.is-warning h3, .list-view.list-view-v4 .is-warning.list-view-item h3, .list-view.list-view-v3 .is-warning.list-view-item h3, .list-view.list-view-v1 .is-warning.list-view-item h3, .r-card.is-warning h4, .list-view.list-view-v4 .is-warning.list-view-item h4, .list-view.list-view-v3 .is-warning.list-view-item h4, .list-view.list-view-v1 .is-warning.list-view-item h4, .r-card.is-warning p, .list-view.list-view-v4 .is-warning.list-view-item p, .list-view.list-view-v3 .is-warning.list-view-item p, .list-view.list-view-v1 .is-warning.list-view-item p, .s-card.is-warning .title, .community-page .is-warning.dashboard-card .title, .user-profile .is-warning.profile-card .title, .dashboard-list .inner-list .is-warning.media-flex-center .title, .monday-achievement .monday-achievement-card .is-warning.media-flex-center .title, .is-warning.dashboard-card .title, .is-warning.stat-widget.is-straight .title, .is-warning.cart-widget.is-straight .title, .is-warning.followers-widget.is-straight .title, .is-warning.contact-widget.is-straight .title, .is-warning.avatar-list-widget.is-straight .title, .is-warning.call-widget.is-straight .title, .is-warning.social-buttons-widget.is-straight .title, .is-warning.creative-list-widget.is-straight .title, .is-warning.illustration-widget.illustration-widget-v3.is-straight .title, .is-warning.illustration-widget.illustration-widget-v2.is-straight .title, .is-warning.illustration-widget.illustration-widget-v1.is-straight .title, .is-warning.inbox-widget.is-straight .title, .is-warning.video-widget.is-straight .title, .is-warning.icon-list-widget.is-straight .title, .is-warning.search-widget.is-straight .title, .is-warning.stats-widget.is-straight .title, .is-warning.payment-widget.is-straight .title,
.is-warning.picker-widget.is-straight .title, .is-warning.list-widget.is-straight .title, .is-warning.image-widget.is-straight .title, .is-warning.tags-widget.is-straight .title, .is-warning.text-widget.is-straight .title, .is-warning.icon-toolbar-widget.is-straight .title, .is-warning.gauge-widget.is-straight .title, .form-layout .is-warning.form-outer .title, .form-layout.is-separate .form-outer .form-body .form-section .is-warning.form-section-inner .title, .list-view.list-view-v2 .is-warning.list-view-item .title, .is-warning.topic-feed-item .title, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-warning.content-wrap .title, .is-warning.collapse .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.team-card .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.project-card .title, .s-card.is-warning .subtitle, .community-page .is-warning.dashboard-card .subtitle, .user-profile .is-warning.profile-card .subtitle, .dashboard-list .inner-list .is-warning.media-flex-center .subtitle, .monday-achievement .monday-achievement-card .is-warning.media-flex-center .subtitle, .is-warning.dashboard-card .subtitle, .is-warning.stat-widget.is-straight .subtitle, .is-warning.cart-widget.is-straight .subtitle, .is-warning.followers-widget.is-straight .subtitle, .is-warning.contact-widget.is-straight .subtitle, .is-warning.avatar-list-widget.is-straight .subtitle, .is-warning.call-widget.is-straight .subtitle, .is-warning.social-buttons-widget.is-straight .subtitle, .is-warning.creative-list-widget.is-straight .subtitle, .is-warning.illustration-widget.illustration-widget-v3.is-straight .subtitle, .is-warning.illustration-widget.illustration-widget-v2.is-straight .subtitle, .is-warning.illustration-widget.illustration-widget-v1.is-straight .subtitle, .is-warning.inbox-widget.is-straight .subtitle, .is-warning.video-widget.is-straight .subtitle, .is-warning.icon-list-widget.is-straight .subtitle, .is-warning.search-widget.is-straight .subtitle, .is-warning.stats-widget.is-straight .subtitle, .is-warning.payment-widget.is-straight .subtitle,
.is-warning.picker-widget.is-straight .subtitle, .is-warning.list-widget.is-straight .subtitle, .is-warning.image-widget.is-straight .subtitle, .is-warning.tags-widget.is-straight .subtitle, .is-warning.text-widget.is-straight .subtitle, .is-warning.icon-toolbar-widget.is-straight .subtitle, .is-warning.gauge-widget.is-straight .subtitle, .form-layout .is-warning.form-outer .subtitle, .form-layout.is-separate .form-outer .form-body .form-section .is-warning.form-section-inner .subtitle, .list-view.list-view-v2 .is-warning.list-view-item .subtitle, .is-warning.topic-feed-item .subtitle, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-warning.content-wrap .subtitle, .is-warning.collapse .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.team-card .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.project-card .subtitle, .s-card.is-warning h1, .community-page .is-warning.dashboard-card h1, .user-profile .is-warning.profile-card h1, .dashboard-list .inner-list .is-warning.media-flex-center h1, .monday-achievement .monday-achievement-card .is-warning.media-flex-center h1, .is-warning.dashboard-card h1, .is-warning.stat-widget.is-straight h1, .is-warning.cart-widget.is-straight h1, .is-warning.followers-widget.is-straight h1, .is-warning.contact-widget.is-straight h1, .is-warning.avatar-list-widget.is-straight h1, .is-warning.call-widget.is-straight h1, .is-warning.social-buttons-widget.is-straight h1, .is-warning.creative-list-widget.is-straight h1, .is-warning.illustration-widget.illustration-widget-v3.is-straight h1, .is-warning.illustration-widget.illustration-widget-v2.is-straight h1, .is-warning.illustration-widget.illustration-widget-v1.is-straight h1, .is-warning.inbox-widget.is-straight h1, .is-warning.video-widget.is-straight h1, .is-warning.icon-list-widget.is-straight h1, .is-warning.search-widget.is-straight h1, .is-warning.stats-widget.is-straight h1, .is-warning.payment-widget.is-straight h1,
.is-warning.picker-widget.is-straight h1, .is-warning.list-widget.is-straight h1, .is-warning.image-widget.is-straight h1, .is-warning.tags-widget.is-straight h1, .is-warning.text-widget.is-straight h1, .is-warning.icon-toolbar-widget.is-straight h1, .is-warning.gauge-widget.is-straight h1, .form-layout .is-warning.form-outer h1, .form-layout.is-separate .form-outer .form-body .form-section .is-warning.form-section-inner h1, .list-view.list-view-v2 .is-warning.list-view-item h1, .is-warning.topic-feed-item h1, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-warning.content-wrap h1, .is-warning.collapse h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.team-card h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.project-card h1, .s-card.is-warning h2, .community-page .is-warning.dashboard-card h2, .user-profile .is-warning.profile-card h2, .dashboard-list .inner-list .is-warning.media-flex-center h2, .monday-achievement .monday-achievement-card .is-warning.media-flex-center h2, .is-warning.dashboard-card h2, .is-warning.stat-widget.is-straight h2, .is-warning.cart-widget.is-straight h2, .is-warning.followers-widget.is-straight h2, .is-warning.contact-widget.is-straight h2, .is-warning.avatar-list-widget.is-straight h2, .is-warning.call-widget.is-straight h2, .is-warning.social-buttons-widget.is-straight h2, .is-warning.creative-list-widget.is-straight h2, .is-warning.illustration-widget.illustration-widget-v3.is-straight h2, .is-warning.illustration-widget.illustration-widget-v2.is-straight h2, .is-warning.illustration-widget.illustration-widget-v1.is-straight h2, .is-warning.inbox-widget.is-straight h2, .is-warning.video-widget.is-straight h2, .is-warning.icon-list-widget.is-straight h2, .is-warning.search-widget.is-straight h2, .is-warning.stats-widget.is-straight h2, .is-warning.payment-widget.is-straight h2,
.is-warning.picker-widget.is-straight h2, .is-warning.list-widget.is-straight h2, .is-warning.image-widget.is-straight h2, .is-warning.tags-widget.is-straight h2, .is-warning.text-widget.is-straight h2, .is-warning.icon-toolbar-widget.is-straight h2, .is-warning.gauge-widget.is-straight h2, .form-layout .is-warning.form-outer h2, .form-layout.is-separate .form-outer .form-body .form-section .is-warning.form-section-inner h2, .list-view.list-view-v2 .is-warning.list-view-item h2, .is-warning.topic-feed-item h2, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-warning.content-wrap h2, .is-warning.collapse h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.team-card h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.project-card h2, .s-card.is-warning h3, .community-page .is-warning.dashboard-card h3, .user-profile .is-warning.profile-card h3, .dashboard-list .inner-list .is-warning.media-flex-center h3, .monday-achievement .monday-achievement-card .is-warning.media-flex-center h3, .is-warning.dashboard-card h3, .is-warning.stat-widget.is-straight h3, .is-warning.cart-widget.is-straight h3, .is-warning.followers-widget.is-straight h3, .is-warning.contact-widget.is-straight h3, .is-warning.avatar-list-widget.is-straight h3, .is-warning.call-widget.is-straight h3, .is-warning.social-buttons-widget.is-straight h3, .is-warning.creative-list-widget.is-straight h3, .is-warning.illustration-widget.illustration-widget-v3.is-straight h3, .is-warning.illustration-widget.illustration-widget-v2.is-straight h3, .is-warning.illustration-widget.illustration-widget-v1.is-straight h3, .is-warning.inbox-widget.is-straight h3, .is-warning.video-widget.is-straight h3, .is-warning.icon-list-widget.is-straight h3, .is-warning.search-widget.is-straight h3, .is-warning.stats-widget.is-straight h3, .is-warning.payment-widget.is-straight h3,
.is-warning.picker-widget.is-straight h3, .is-warning.list-widget.is-straight h3, .is-warning.image-widget.is-straight h3, .is-warning.tags-widget.is-straight h3, .is-warning.text-widget.is-straight h3, .is-warning.icon-toolbar-widget.is-straight h3, .is-warning.gauge-widget.is-straight h3, .form-layout .is-warning.form-outer h3, .form-layout.is-separate .form-outer .form-body .form-section .is-warning.form-section-inner h3, .list-view.list-view-v2 .is-warning.list-view-item h3, .is-warning.topic-feed-item h3, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-warning.content-wrap h3, .is-warning.collapse h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.team-card h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.project-card h3, .s-card.is-warning h4, .community-page .is-warning.dashboard-card h4, .user-profile .is-warning.profile-card h4, .dashboard-list .inner-list .is-warning.media-flex-center h4, .monday-achievement .monday-achievement-card .is-warning.media-flex-center h4, .is-warning.dashboard-card h4, .is-warning.stat-widget.is-straight h4, .is-warning.cart-widget.is-straight h4, .is-warning.followers-widget.is-straight h4, .is-warning.contact-widget.is-straight h4, .is-warning.avatar-list-widget.is-straight h4, .is-warning.call-widget.is-straight h4, .is-warning.social-buttons-widget.is-straight h4, .is-warning.creative-list-widget.is-straight h4, .is-warning.illustration-widget.illustration-widget-v3.is-straight h4, .is-warning.illustration-widget.illustration-widget-v2.is-straight h4, .is-warning.illustration-widget.illustration-widget-v1.is-straight h4, .is-warning.inbox-widget.is-straight h4, .is-warning.video-widget.is-straight h4, .is-warning.icon-list-widget.is-straight h4, .is-warning.search-widget.is-straight h4, .is-warning.stats-widget.is-straight h4, .is-warning.payment-widget.is-straight h4,
.is-warning.picker-widget.is-straight h4, .is-warning.list-widget.is-straight h4, .is-warning.image-widget.is-straight h4, .is-warning.tags-widget.is-straight h4, .is-warning.text-widget.is-straight h4, .is-warning.icon-toolbar-widget.is-straight h4, .is-warning.gauge-widget.is-straight h4, .form-layout .is-warning.form-outer h4, .form-layout.is-separate .form-outer .form-body .form-section .is-warning.form-section-inner h4, .list-view.list-view-v2 .is-warning.list-view-item h4, .is-warning.topic-feed-item h4, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-warning.content-wrap h4, .is-warning.collapse h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.team-card h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.project-card h4, .s-card.is-warning p, .community-page .is-warning.dashboard-card p, .user-profile .is-warning.profile-card p, .dashboard-list .inner-list .is-warning.media-flex-center p, .monday-achievement .monday-achievement-card .is-warning.media-flex-center p, .is-warning.dashboard-card p, .is-warning.stat-widget.is-straight p, .is-warning.cart-widget.is-straight p, .is-warning.followers-widget.is-straight p, .is-warning.contact-widget.is-straight p, .is-warning.avatar-list-widget.is-straight p, .is-warning.call-widget.is-straight p, .is-warning.social-buttons-widget.is-straight p, .is-warning.creative-list-widget.is-straight p, .is-warning.illustration-widget.illustration-widget-v3.is-straight p, .is-warning.illustration-widget.illustration-widget-v2.is-straight p, .is-warning.illustration-widget.illustration-widget-v1.is-straight p, .is-warning.inbox-widget.is-straight p, .is-warning.video-widget.is-straight p, .is-warning.icon-list-widget.is-straight p, .is-warning.search-widget.is-straight p, .is-warning.stats-widget.is-straight p, .is-warning.payment-widget.is-straight p,
.is-warning.picker-widget.is-straight p, .is-warning.list-widget.is-straight p, .is-warning.image-widget.is-straight p, .is-warning.tags-widget.is-straight p, .is-warning.text-widget.is-straight p, .is-warning.icon-toolbar-widget.is-straight p, .is-warning.gauge-widget.is-straight p, .form-layout .is-warning.form-outer p, .form-layout.is-separate .form-outer .form-body .form-section .is-warning.form-section-inner p, .list-view.list-view-v2 .is-warning.list-view-item p, .is-warning.topic-feed-item p, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-warning.content-wrap p, .is-warning.collapse p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.team-card p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.project-card p, .l-card.is-warning .title, .is-warning.stat-widget .title, .is-warning.cart-widget .title, .is-warning.followers-widget .title, .is-warning.contact-widget .title, .is-warning.avatar-list-widget .title, .is-warning.call-widget .title, .is-warning.social-buttons-widget .title, .is-warning.creative-list-widget .title, .is-warning.illustration-widget.illustration-widget-v3 .title, .is-warning.illustration-widget.illustration-widget-v2 .title, .is-warning.illustration-widget.illustration-widget-v1 .title, .is-warning.inbox-widget .title, .is-warning.video-widget .title, .is-warning.icon-list-widget .title, .is-warning.search-widget .title, .is-warning.stats-widget .title, .is-warning.payment-widget .title,
.is-warning.picker-widget .title, .is-warning.list-widget .title, .is-warning.image-widget .title, .calendar-widget .calendar-widget-inner .is-warning.calendar-square .title, .is-warning.tags-widget .title, .is-warning.text-widget .title, .is-warning.icon-toolbar-widget .title, .is-warning.gauge-widget .title, .l-card.is-warning .subtitle, .is-warning.stat-widget .subtitle, .is-warning.cart-widget .subtitle, .is-warning.followers-widget .subtitle, .is-warning.contact-widget .subtitle, .is-warning.avatar-list-widget .subtitle, .is-warning.call-widget .subtitle, .is-warning.social-buttons-widget .subtitle, .is-warning.creative-list-widget .subtitle, .is-warning.illustration-widget.illustration-widget-v3 .subtitle, .is-warning.illustration-widget.illustration-widget-v2 .subtitle, .is-warning.illustration-widget.illustration-widget-v1 .subtitle, .is-warning.inbox-widget .subtitle, .is-warning.video-widget .subtitle, .is-warning.icon-list-widget .subtitle, .is-warning.search-widget .subtitle, .is-warning.stats-widget .subtitle, .is-warning.payment-widget .subtitle,
.is-warning.picker-widget .subtitle, .is-warning.list-widget .subtitle, .is-warning.image-widget .subtitle, .calendar-widget .calendar-widget-inner .is-warning.calendar-square .subtitle, .is-warning.tags-widget .subtitle, .is-warning.text-widget .subtitle, .is-warning.icon-toolbar-widget .subtitle, .is-warning.gauge-widget .subtitle, .l-card.is-warning h1, .is-warning.stat-widget h1, .is-warning.cart-widget h1, .is-warning.followers-widget h1, .is-warning.contact-widget h1, .is-warning.avatar-list-widget h1, .is-warning.call-widget h1, .is-warning.social-buttons-widget h1, .is-warning.creative-list-widget h1, .is-warning.illustration-widget.illustration-widget-v3 h1, .is-warning.illustration-widget.illustration-widget-v2 h1, .is-warning.illustration-widget.illustration-widget-v1 h1, .is-warning.inbox-widget h1, .is-warning.video-widget h1, .is-warning.icon-list-widget h1, .is-warning.search-widget h1, .is-warning.stats-widget h1, .is-warning.payment-widget h1,
.is-warning.picker-widget h1, .is-warning.list-widget h1, .is-warning.image-widget h1, .calendar-widget .calendar-widget-inner .is-warning.calendar-square h1, .is-warning.tags-widget h1, .is-warning.text-widget h1, .is-warning.icon-toolbar-widget h1, .is-warning.gauge-widget h1, .l-card.is-warning h2, .is-warning.stat-widget h2, .is-warning.cart-widget h2, .is-warning.followers-widget h2, .is-warning.contact-widget h2, .is-warning.avatar-list-widget h2, .is-warning.call-widget h2, .is-warning.social-buttons-widget h2, .is-warning.creative-list-widget h2, .is-warning.illustration-widget.illustration-widget-v3 h2, .is-warning.illustration-widget.illustration-widget-v2 h2, .is-warning.illustration-widget.illustration-widget-v1 h2, .is-warning.inbox-widget h2, .is-warning.video-widget h2, .is-warning.icon-list-widget h2, .is-warning.search-widget h2, .is-warning.stats-widget h2, .is-warning.payment-widget h2,
.is-warning.picker-widget h2, .is-warning.list-widget h2, .is-warning.image-widget h2, .calendar-widget .calendar-widget-inner .is-warning.calendar-square h2, .is-warning.tags-widget h2, .is-warning.text-widget h2, .is-warning.icon-toolbar-widget h2, .is-warning.gauge-widget h2, .l-card.is-warning h3, .is-warning.stat-widget h3, .is-warning.cart-widget h3, .is-warning.followers-widget h3, .is-warning.contact-widget h3, .is-warning.avatar-list-widget h3, .is-warning.call-widget h3, .is-warning.social-buttons-widget h3, .is-warning.creative-list-widget h3, .is-warning.illustration-widget.illustration-widget-v3 h3, .is-warning.illustration-widget.illustration-widget-v2 h3, .is-warning.illustration-widget.illustration-widget-v1 h3, .is-warning.inbox-widget h3, .is-warning.video-widget h3, .is-warning.icon-list-widget h3, .is-warning.search-widget h3, .is-warning.stats-widget h3, .is-warning.payment-widget h3,
.is-warning.picker-widget h3, .is-warning.list-widget h3, .is-warning.image-widget h3, .calendar-widget .calendar-widget-inner .is-warning.calendar-square h3, .is-warning.tags-widget h3, .is-warning.text-widget h3, .is-warning.icon-toolbar-widget h3, .is-warning.gauge-widget h3, .l-card.is-warning h4, .is-warning.stat-widget h4, .is-warning.cart-widget h4, .is-warning.followers-widget h4, .is-warning.contact-widget h4, .is-warning.avatar-list-widget h4, .is-warning.call-widget h4, .is-warning.social-buttons-widget h4, .is-warning.creative-list-widget h4, .is-warning.illustration-widget.illustration-widget-v3 h4, .is-warning.illustration-widget.illustration-widget-v2 h4, .is-warning.illustration-widget.illustration-widget-v1 h4, .is-warning.inbox-widget h4, .is-warning.video-widget h4, .is-warning.icon-list-widget h4, .is-warning.search-widget h4, .is-warning.stats-widget h4, .is-warning.payment-widget h4,
.is-warning.picker-widget h4, .is-warning.list-widget h4, .is-warning.image-widget h4, .calendar-widget .calendar-widget-inner .is-warning.calendar-square h4, .is-warning.tags-widget h4, .is-warning.text-widget h4, .is-warning.icon-toolbar-widget h4, .is-warning.gauge-widget h4, .l-card.is-warning p, .is-warning.stat-widget p, .is-warning.cart-widget p, .is-warning.followers-widget p, .is-warning.contact-widget p, .is-warning.avatar-list-widget p, .is-warning.call-widget p, .is-warning.social-buttons-widget p, .is-warning.creative-list-widget p, .is-warning.illustration-widget.illustration-widget-v3 p, .is-warning.illustration-widget.illustration-widget-v2 p, .is-warning.illustration-widget.illustration-widget-v1 p, .is-warning.inbox-widget p, .is-warning.video-widget p, .is-warning.icon-list-widget p, .is-warning.search-widget p, .is-warning.stats-widget p, .is-warning.payment-widget p,
.is-warning.picker-widget p, .is-warning.list-widget p, .is-warning.image-widget p, .calendar-widget .calendar-widget-inner .is-warning.calendar-square p, .is-warning.tags-widget p, .is-warning.text-widget p, .is-warning.icon-toolbar-widget p, .is-warning.gauge-widget p {
  color: #1d252d !important;
}
body.is-dark .r-card.is-warning .title, body.is-dark .list-view.list-view-v4 .is-warning.list-view-item .title, .list-view.list-view-v4 body.is-dark .is-warning.list-view-item .title, body.is-dark .list-view.list-view-v3 .is-warning.list-view-item .title, .list-view.list-view-v3 body.is-dark .is-warning.list-view-item .title, body.is-dark .list-view.list-view-v1 .is-warning.list-view-item .title, .list-view.list-view-v1 body.is-dark .is-warning.list-view-item .title, body.is-dark .r-card.is-warning .subtitle, body.is-dark .list-view.list-view-v4 .is-warning.list-view-item .subtitle, .list-view.list-view-v4 body.is-dark .is-warning.list-view-item .subtitle, body.is-dark .list-view.list-view-v3 .is-warning.list-view-item .subtitle, .list-view.list-view-v3 body.is-dark .is-warning.list-view-item .subtitle, body.is-dark .list-view.list-view-v1 .is-warning.list-view-item .subtitle, .list-view.list-view-v1 body.is-dark .is-warning.list-view-item .subtitle, body.is-dark .r-card.is-warning h1, body.is-dark .list-view.list-view-v4 .is-warning.list-view-item h1, .list-view.list-view-v4 body.is-dark .is-warning.list-view-item h1, body.is-dark .list-view.list-view-v3 .is-warning.list-view-item h1, .list-view.list-view-v3 body.is-dark .is-warning.list-view-item h1, body.is-dark .list-view.list-view-v1 .is-warning.list-view-item h1, .list-view.list-view-v1 body.is-dark .is-warning.list-view-item h1, body.is-dark .r-card.is-warning h2, body.is-dark .list-view.list-view-v4 .is-warning.list-view-item h2, .list-view.list-view-v4 body.is-dark .is-warning.list-view-item h2, body.is-dark .list-view.list-view-v3 .is-warning.list-view-item h2, .list-view.list-view-v3 body.is-dark .is-warning.list-view-item h2, body.is-dark .list-view.list-view-v1 .is-warning.list-view-item h2, .list-view.list-view-v1 body.is-dark .is-warning.list-view-item h2, body.is-dark .r-card.is-warning h3, body.is-dark .list-view.list-view-v4 .is-warning.list-view-item h3, .list-view.list-view-v4 body.is-dark .is-warning.list-view-item h3, body.is-dark .list-view.list-view-v3 .is-warning.list-view-item h3, .list-view.list-view-v3 body.is-dark .is-warning.list-view-item h3, body.is-dark .list-view.list-view-v1 .is-warning.list-view-item h3, .list-view.list-view-v1 body.is-dark .is-warning.list-view-item h3, body.is-dark .r-card.is-warning h4, body.is-dark .list-view.list-view-v4 .is-warning.list-view-item h4, .list-view.list-view-v4 body.is-dark .is-warning.list-view-item h4, body.is-dark .list-view.list-view-v3 .is-warning.list-view-item h4, .list-view.list-view-v3 body.is-dark .is-warning.list-view-item h4, body.is-dark .list-view.list-view-v1 .is-warning.list-view-item h4, .list-view.list-view-v1 body.is-dark .is-warning.list-view-item h4, body.is-dark .r-card.is-warning p, body.is-dark .list-view.list-view-v4 .is-warning.list-view-item p, .list-view.list-view-v4 body.is-dark .is-warning.list-view-item p, body.is-dark .list-view.list-view-v3 .is-warning.list-view-item p, .list-view.list-view-v3 body.is-dark .is-warning.list-view-item p, body.is-dark .list-view.list-view-v1 .is-warning.list-view-item p, .list-view.list-view-v1 body.is-dark .is-warning.list-view-item p, body.is-dark .s-card.is-warning .title, body.is-dark .community-page .is-warning.dashboard-card .title, .community-page body.is-dark .is-warning.dashboard-card .title, body.is-dark .user-profile .is-warning.profile-card .title, .user-profile body.is-dark .is-warning.profile-card .title, body.is-dark .dashboard-list .inner-list .is-warning.media-flex-center .title, .dashboard-list .inner-list body.is-dark .is-warning.media-flex-center .title, body.is-dark .monday-achievement .monday-achievement-card .is-warning.media-flex-center .title, .monday-achievement .monday-achievement-card body.is-dark .is-warning.media-flex-center .title, body.is-dark .is-warning.dashboard-card .title, body.is-dark .is-warning.stat-widget.is-straight .title, body.is-dark .is-warning.cart-widget.is-straight .title, body.is-dark .is-warning.followers-widget.is-straight .title, body.is-dark .is-warning.contact-widget.is-straight .title, body.is-dark .is-warning.avatar-list-widget.is-straight .title, body.is-dark .is-warning.call-widget.is-straight .title, body.is-dark .is-warning.social-buttons-widget.is-straight .title, body.is-dark .is-warning.creative-list-widget.is-straight .title, body.is-dark .is-warning.illustration-widget.illustration-widget-v3.is-straight .title, body.is-dark .is-warning.illustration-widget.illustration-widget-v2.is-straight .title, body.is-dark .is-warning.illustration-widget.illustration-widget-v1.is-straight .title, body.is-dark .is-warning.inbox-widget.is-straight .title, body.is-dark .is-warning.video-widget.is-straight .title, body.is-dark .is-warning.icon-list-widget.is-straight .title, body.is-dark .is-warning.search-widget.is-straight .title, body.is-dark .is-warning.stats-widget.is-straight .title, body.is-dark .is-warning.payment-widget.is-straight .title,
body.is-dark .is-warning.picker-widget.is-straight .title, body.is-dark .is-warning.list-widget.is-straight .title, body.is-dark .is-warning.image-widget.is-straight .title, body.is-dark .is-warning.tags-widget.is-straight .title, body.is-dark .is-warning.text-widget.is-straight .title, body.is-dark .is-warning.icon-toolbar-widget.is-straight .title, body.is-dark .is-warning.gauge-widget.is-straight .title, body.is-dark .form-layout .is-warning.form-outer .title, .form-layout body.is-dark .is-warning.form-outer .title, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .is-warning.form-section-inner .title, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .is-warning.form-section-inner .title, body.is-dark .list-view.list-view-v2 .is-warning.list-view-item .title, .list-view.list-view-v2 body.is-dark .is-warning.list-view-item .title, body.is-dark .is-warning.topic-feed-item .title, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-warning.content-wrap .title, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .is-warning.content-wrap .title, body.is-dark .is-warning.collapse .title, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.team-card .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-warning.team-card .title, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.project-card .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-warning.project-card .title, body.is-dark .s-card.is-warning .subtitle, body.is-dark .community-page .is-warning.dashboard-card .subtitle, .community-page body.is-dark .is-warning.dashboard-card .subtitle, body.is-dark .user-profile .is-warning.profile-card .subtitle, .user-profile body.is-dark .is-warning.profile-card .subtitle, body.is-dark .dashboard-list .inner-list .is-warning.media-flex-center .subtitle, .dashboard-list .inner-list body.is-dark .is-warning.media-flex-center .subtitle, body.is-dark .monday-achievement .monday-achievement-card .is-warning.media-flex-center .subtitle, .monday-achievement .monday-achievement-card body.is-dark .is-warning.media-flex-center .subtitle, body.is-dark .is-warning.dashboard-card .subtitle, body.is-dark .is-warning.stat-widget.is-straight .subtitle, body.is-dark .is-warning.cart-widget.is-straight .subtitle, body.is-dark .is-warning.followers-widget.is-straight .subtitle, body.is-dark .is-warning.contact-widget.is-straight .subtitle, body.is-dark .is-warning.avatar-list-widget.is-straight .subtitle, body.is-dark .is-warning.call-widget.is-straight .subtitle, body.is-dark .is-warning.social-buttons-widget.is-straight .subtitle, body.is-dark .is-warning.creative-list-widget.is-straight .subtitle, body.is-dark .is-warning.illustration-widget.illustration-widget-v3.is-straight .subtitle, body.is-dark .is-warning.illustration-widget.illustration-widget-v2.is-straight .subtitle, body.is-dark .is-warning.illustration-widget.illustration-widget-v1.is-straight .subtitle, body.is-dark .is-warning.inbox-widget.is-straight .subtitle, body.is-dark .is-warning.video-widget.is-straight .subtitle, body.is-dark .is-warning.icon-list-widget.is-straight .subtitle, body.is-dark .is-warning.search-widget.is-straight .subtitle, body.is-dark .is-warning.stats-widget.is-straight .subtitle, body.is-dark .is-warning.payment-widget.is-straight .subtitle,
body.is-dark .is-warning.picker-widget.is-straight .subtitle, body.is-dark .is-warning.list-widget.is-straight .subtitle, body.is-dark .is-warning.image-widget.is-straight .subtitle, body.is-dark .is-warning.tags-widget.is-straight .subtitle, body.is-dark .is-warning.text-widget.is-straight .subtitle, body.is-dark .is-warning.icon-toolbar-widget.is-straight .subtitle, body.is-dark .is-warning.gauge-widget.is-straight .subtitle, body.is-dark .form-layout .is-warning.form-outer .subtitle, .form-layout body.is-dark .is-warning.form-outer .subtitle, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .is-warning.form-section-inner .subtitle, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .is-warning.form-section-inner .subtitle, body.is-dark .list-view.list-view-v2 .is-warning.list-view-item .subtitle, .list-view.list-view-v2 body.is-dark .is-warning.list-view-item .subtitle, body.is-dark .is-warning.topic-feed-item .subtitle, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-warning.content-wrap .subtitle, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .is-warning.content-wrap .subtitle, body.is-dark .is-warning.collapse .subtitle, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.team-card .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-warning.team-card .subtitle, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.project-card .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-warning.project-card .subtitle, body.is-dark .s-card.is-warning h1, body.is-dark .community-page .is-warning.dashboard-card h1, .community-page body.is-dark .is-warning.dashboard-card h1, body.is-dark .user-profile .is-warning.profile-card h1, .user-profile body.is-dark .is-warning.profile-card h1, body.is-dark .dashboard-list .inner-list .is-warning.media-flex-center h1, .dashboard-list .inner-list body.is-dark .is-warning.media-flex-center h1, body.is-dark .monday-achievement .monday-achievement-card .is-warning.media-flex-center h1, .monday-achievement .monday-achievement-card body.is-dark .is-warning.media-flex-center h1, body.is-dark .is-warning.dashboard-card h1, body.is-dark .is-warning.stat-widget.is-straight h1, body.is-dark .is-warning.cart-widget.is-straight h1, body.is-dark .is-warning.followers-widget.is-straight h1, body.is-dark .is-warning.contact-widget.is-straight h1, body.is-dark .is-warning.avatar-list-widget.is-straight h1, body.is-dark .is-warning.call-widget.is-straight h1, body.is-dark .is-warning.social-buttons-widget.is-straight h1, body.is-dark .is-warning.creative-list-widget.is-straight h1, body.is-dark .is-warning.illustration-widget.illustration-widget-v3.is-straight h1, body.is-dark .is-warning.illustration-widget.illustration-widget-v2.is-straight h1, body.is-dark .is-warning.illustration-widget.illustration-widget-v1.is-straight h1, body.is-dark .is-warning.inbox-widget.is-straight h1, body.is-dark .is-warning.video-widget.is-straight h1, body.is-dark .is-warning.icon-list-widget.is-straight h1, body.is-dark .is-warning.search-widget.is-straight h1, body.is-dark .is-warning.stats-widget.is-straight h1, body.is-dark .is-warning.payment-widget.is-straight h1,
body.is-dark .is-warning.picker-widget.is-straight h1, body.is-dark .is-warning.list-widget.is-straight h1, body.is-dark .is-warning.image-widget.is-straight h1, body.is-dark .is-warning.tags-widget.is-straight h1, body.is-dark .is-warning.text-widget.is-straight h1, body.is-dark .is-warning.icon-toolbar-widget.is-straight h1, body.is-dark .is-warning.gauge-widget.is-straight h1, body.is-dark .form-layout .is-warning.form-outer h1, .form-layout body.is-dark .is-warning.form-outer h1, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .is-warning.form-section-inner h1, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .is-warning.form-section-inner h1, body.is-dark .list-view.list-view-v2 .is-warning.list-view-item h1, .list-view.list-view-v2 body.is-dark .is-warning.list-view-item h1, body.is-dark .is-warning.topic-feed-item h1, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-warning.content-wrap h1, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .is-warning.content-wrap h1, body.is-dark .is-warning.collapse h1, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.team-card h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-warning.team-card h1, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.project-card h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-warning.project-card h1, body.is-dark .s-card.is-warning h2, body.is-dark .community-page .is-warning.dashboard-card h2, .community-page body.is-dark .is-warning.dashboard-card h2, body.is-dark .user-profile .is-warning.profile-card h2, .user-profile body.is-dark .is-warning.profile-card h2, body.is-dark .dashboard-list .inner-list .is-warning.media-flex-center h2, .dashboard-list .inner-list body.is-dark .is-warning.media-flex-center h2, body.is-dark .monday-achievement .monday-achievement-card .is-warning.media-flex-center h2, .monday-achievement .monday-achievement-card body.is-dark .is-warning.media-flex-center h2, body.is-dark .is-warning.dashboard-card h2, body.is-dark .is-warning.stat-widget.is-straight h2, body.is-dark .is-warning.cart-widget.is-straight h2, body.is-dark .is-warning.followers-widget.is-straight h2, body.is-dark .is-warning.contact-widget.is-straight h2, body.is-dark .is-warning.avatar-list-widget.is-straight h2, body.is-dark .is-warning.call-widget.is-straight h2, body.is-dark .is-warning.social-buttons-widget.is-straight h2, body.is-dark .is-warning.creative-list-widget.is-straight h2, body.is-dark .is-warning.illustration-widget.illustration-widget-v3.is-straight h2, body.is-dark .is-warning.illustration-widget.illustration-widget-v2.is-straight h2, body.is-dark .is-warning.illustration-widget.illustration-widget-v1.is-straight h2, body.is-dark .is-warning.inbox-widget.is-straight h2, body.is-dark .is-warning.video-widget.is-straight h2, body.is-dark .is-warning.icon-list-widget.is-straight h2, body.is-dark .is-warning.search-widget.is-straight h2, body.is-dark .is-warning.stats-widget.is-straight h2, body.is-dark .is-warning.payment-widget.is-straight h2,
body.is-dark .is-warning.picker-widget.is-straight h2, body.is-dark .is-warning.list-widget.is-straight h2, body.is-dark .is-warning.image-widget.is-straight h2, body.is-dark .is-warning.tags-widget.is-straight h2, body.is-dark .is-warning.text-widget.is-straight h2, body.is-dark .is-warning.icon-toolbar-widget.is-straight h2, body.is-dark .is-warning.gauge-widget.is-straight h2, body.is-dark .form-layout .is-warning.form-outer h2, .form-layout body.is-dark .is-warning.form-outer h2, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .is-warning.form-section-inner h2, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .is-warning.form-section-inner h2, body.is-dark .list-view.list-view-v2 .is-warning.list-view-item h2, .list-view.list-view-v2 body.is-dark .is-warning.list-view-item h2, body.is-dark .is-warning.topic-feed-item h2, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-warning.content-wrap h2, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .is-warning.content-wrap h2, body.is-dark .is-warning.collapse h2, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.team-card h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-warning.team-card h2, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.project-card h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-warning.project-card h2, body.is-dark .s-card.is-warning h3, body.is-dark .community-page .is-warning.dashboard-card h3, .community-page body.is-dark .is-warning.dashboard-card h3, body.is-dark .user-profile .is-warning.profile-card h3, .user-profile body.is-dark .is-warning.profile-card h3, body.is-dark .dashboard-list .inner-list .is-warning.media-flex-center h3, .dashboard-list .inner-list body.is-dark .is-warning.media-flex-center h3, body.is-dark .monday-achievement .monday-achievement-card .is-warning.media-flex-center h3, .monday-achievement .monday-achievement-card body.is-dark .is-warning.media-flex-center h3, body.is-dark .is-warning.dashboard-card h3, body.is-dark .is-warning.stat-widget.is-straight h3, body.is-dark .is-warning.cart-widget.is-straight h3, body.is-dark .is-warning.followers-widget.is-straight h3, body.is-dark .is-warning.contact-widget.is-straight h3, body.is-dark .is-warning.avatar-list-widget.is-straight h3, body.is-dark .is-warning.call-widget.is-straight h3, body.is-dark .is-warning.social-buttons-widget.is-straight h3, body.is-dark .is-warning.creative-list-widget.is-straight h3, body.is-dark .is-warning.illustration-widget.illustration-widget-v3.is-straight h3, body.is-dark .is-warning.illustration-widget.illustration-widget-v2.is-straight h3, body.is-dark .is-warning.illustration-widget.illustration-widget-v1.is-straight h3, body.is-dark .is-warning.inbox-widget.is-straight h3, body.is-dark .is-warning.video-widget.is-straight h3, body.is-dark .is-warning.icon-list-widget.is-straight h3, body.is-dark .is-warning.search-widget.is-straight h3, body.is-dark .is-warning.stats-widget.is-straight h3, body.is-dark .is-warning.payment-widget.is-straight h3,
body.is-dark .is-warning.picker-widget.is-straight h3, body.is-dark .is-warning.list-widget.is-straight h3, body.is-dark .is-warning.image-widget.is-straight h3, body.is-dark .is-warning.tags-widget.is-straight h3, body.is-dark .is-warning.text-widget.is-straight h3, body.is-dark .is-warning.icon-toolbar-widget.is-straight h3, body.is-dark .is-warning.gauge-widget.is-straight h3, body.is-dark .form-layout .is-warning.form-outer h3, .form-layout body.is-dark .is-warning.form-outer h3, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .is-warning.form-section-inner h3, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .is-warning.form-section-inner h3, body.is-dark .list-view.list-view-v2 .is-warning.list-view-item h3, .list-view.list-view-v2 body.is-dark .is-warning.list-view-item h3, body.is-dark .is-warning.topic-feed-item h3, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-warning.content-wrap h3, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .is-warning.content-wrap h3, body.is-dark .is-warning.collapse h3, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.team-card h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-warning.team-card h3, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.project-card h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-warning.project-card h3, body.is-dark .s-card.is-warning h4, body.is-dark .community-page .is-warning.dashboard-card h4, .community-page body.is-dark .is-warning.dashboard-card h4, body.is-dark .user-profile .is-warning.profile-card h4, .user-profile body.is-dark .is-warning.profile-card h4, body.is-dark .dashboard-list .inner-list .is-warning.media-flex-center h4, .dashboard-list .inner-list body.is-dark .is-warning.media-flex-center h4, body.is-dark .monday-achievement .monday-achievement-card .is-warning.media-flex-center h4, .monday-achievement .monday-achievement-card body.is-dark .is-warning.media-flex-center h4, body.is-dark .is-warning.dashboard-card h4, body.is-dark .is-warning.stat-widget.is-straight h4, body.is-dark .is-warning.cart-widget.is-straight h4, body.is-dark .is-warning.followers-widget.is-straight h4, body.is-dark .is-warning.contact-widget.is-straight h4, body.is-dark .is-warning.avatar-list-widget.is-straight h4, body.is-dark .is-warning.call-widget.is-straight h4, body.is-dark .is-warning.social-buttons-widget.is-straight h4, body.is-dark .is-warning.creative-list-widget.is-straight h4, body.is-dark .is-warning.illustration-widget.illustration-widget-v3.is-straight h4, body.is-dark .is-warning.illustration-widget.illustration-widget-v2.is-straight h4, body.is-dark .is-warning.illustration-widget.illustration-widget-v1.is-straight h4, body.is-dark .is-warning.inbox-widget.is-straight h4, body.is-dark .is-warning.video-widget.is-straight h4, body.is-dark .is-warning.icon-list-widget.is-straight h4, body.is-dark .is-warning.search-widget.is-straight h4, body.is-dark .is-warning.stats-widget.is-straight h4, body.is-dark .is-warning.payment-widget.is-straight h4,
body.is-dark .is-warning.picker-widget.is-straight h4, body.is-dark .is-warning.list-widget.is-straight h4, body.is-dark .is-warning.image-widget.is-straight h4, body.is-dark .is-warning.tags-widget.is-straight h4, body.is-dark .is-warning.text-widget.is-straight h4, body.is-dark .is-warning.icon-toolbar-widget.is-straight h4, body.is-dark .is-warning.gauge-widget.is-straight h4, body.is-dark .form-layout .is-warning.form-outer h4, .form-layout body.is-dark .is-warning.form-outer h4, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .is-warning.form-section-inner h4, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .is-warning.form-section-inner h4, body.is-dark .list-view.list-view-v2 .is-warning.list-view-item h4, .list-view.list-view-v2 body.is-dark .is-warning.list-view-item h4, body.is-dark .is-warning.topic-feed-item h4, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-warning.content-wrap h4, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .is-warning.content-wrap h4, body.is-dark .is-warning.collapse h4, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.team-card h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-warning.team-card h4, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.project-card h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-warning.project-card h4, body.is-dark .s-card.is-warning p, body.is-dark .community-page .is-warning.dashboard-card p, .community-page body.is-dark .is-warning.dashboard-card p, body.is-dark .user-profile .is-warning.profile-card p, .user-profile body.is-dark .is-warning.profile-card p, body.is-dark .dashboard-list .inner-list .is-warning.media-flex-center p, .dashboard-list .inner-list body.is-dark .is-warning.media-flex-center p, body.is-dark .monday-achievement .monday-achievement-card .is-warning.media-flex-center p, .monday-achievement .monday-achievement-card body.is-dark .is-warning.media-flex-center p, body.is-dark .is-warning.dashboard-card p, body.is-dark .is-warning.stat-widget.is-straight p, body.is-dark .is-warning.cart-widget.is-straight p, body.is-dark .is-warning.followers-widget.is-straight p, body.is-dark .is-warning.contact-widget.is-straight p, body.is-dark .is-warning.avatar-list-widget.is-straight p, body.is-dark .is-warning.call-widget.is-straight p, body.is-dark .is-warning.social-buttons-widget.is-straight p, body.is-dark .is-warning.creative-list-widget.is-straight p, body.is-dark .is-warning.illustration-widget.illustration-widget-v3.is-straight p, body.is-dark .is-warning.illustration-widget.illustration-widget-v2.is-straight p, body.is-dark .is-warning.illustration-widget.illustration-widget-v1.is-straight p, body.is-dark .is-warning.inbox-widget.is-straight p, body.is-dark .is-warning.video-widget.is-straight p, body.is-dark .is-warning.icon-list-widget.is-straight p, body.is-dark .is-warning.search-widget.is-straight p, body.is-dark .is-warning.stats-widget.is-straight p, body.is-dark .is-warning.payment-widget.is-straight p,
body.is-dark .is-warning.picker-widget.is-straight p, body.is-dark .is-warning.list-widget.is-straight p, body.is-dark .is-warning.image-widget.is-straight p, body.is-dark .is-warning.tags-widget.is-straight p, body.is-dark .is-warning.text-widget.is-straight p, body.is-dark .is-warning.icon-toolbar-widget.is-straight p, body.is-dark .is-warning.gauge-widget.is-straight p, body.is-dark .form-layout .is-warning.form-outer p, .form-layout body.is-dark .is-warning.form-outer p, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .is-warning.form-section-inner p, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .is-warning.form-section-inner p, body.is-dark .list-view.list-view-v2 .is-warning.list-view-item p, .list-view.list-view-v2 body.is-dark .is-warning.list-view-item p, body.is-dark .is-warning.topic-feed-item p, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-warning.content-wrap p, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .is-warning.content-wrap p, body.is-dark .is-warning.collapse p, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.team-card p, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-warning.team-card p, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.project-card p, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-warning.project-card p, body.is-dark .l-card.is-warning .title, body.is-dark .is-warning.stat-widget .title, body.is-dark .is-warning.cart-widget .title, body.is-dark .is-warning.followers-widget .title, body.is-dark .is-warning.contact-widget .title, body.is-dark .is-warning.avatar-list-widget .title, body.is-dark .is-warning.call-widget .title, body.is-dark .is-warning.social-buttons-widget .title, body.is-dark .is-warning.creative-list-widget .title, body.is-dark .is-warning.illustration-widget.illustration-widget-v3 .title, body.is-dark .is-warning.illustration-widget.illustration-widget-v2 .title, body.is-dark .is-warning.illustration-widget.illustration-widget-v1 .title, body.is-dark .is-warning.inbox-widget .title, body.is-dark .is-warning.video-widget .title, body.is-dark .is-warning.icon-list-widget .title, body.is-dark .is-warning.search-widget .title, body.is-dark .is-warning.stats-widget .title, body.is-dark .is-warning.payment-widget .title,
body.is-dark .is-warning.picker-widget .title, body.is-dark .is-warning.list-widget .title, body.is-dark .is-warning.image-widget .title, body.is-dark .calendar-widget .calendar-widget-inner .is-warning.calendar-square .title, .calendar-widget .calendar-widget-inner body.is-dark .is-warning.calendar-square .title, body.is-dark .is-warning.tags-widget .title, body.is-dark .is-warning.text-widget .title, body.is-dark .is-warning.icon-toolbar-widget .title, body.is-dark .is-warning.gauge-widget .title, body.is-dark .l-card.is-warning .subtitle, body.is-dark .is-warning.stat-widget .subtitle, body.is-dark .is-warning.cart-widget .subtitle, body.is-dark .is-warning.followers-widget .subtitle, body.is-dark .is-warning.contact-widget .subtitle, body.is-dark .is-warning.avatar-list-widget .subtitle, body.is-dark .is-warning.call-widget .subtitle, body.is-dark .is-warning.social-buttons-widget .subtitle, body.is-dark .is-warning.creative-list-widget .subtitle, body.is-dark .is-warning.illustration-widget.illustration-widget-v3 .subtitle, body.is-dark .is-warning.illustration-widget.illustration-widget-v2 .subtitle, body.is-dark .is-warning.illustration-widget.illustration-widget-v1 .subtitle, body.is-dark .is-warning.inbox-widget .subtitle, body.is-dark .is-warning.video-widget .subtitle, body.is-dark .is-warning.icon-list-widget .subtitle, body.is-dark .is-warning.search-widget .subtitle, body.is-dark .is-warning.stats-widget .subtitle, body.is-dark .is-warning.payment-widget .subtitle,
body.is-dark .is-warning.picker-widget .subtitle, body.is-dark .is-warning.list-widget .subtitle, body.is-dark .is-warning.image-widget .subtitle, body.is-dark .calendar-widget .calendar-widget-inner .is-warning.calendar-square .subtitle, .calendar-widget .calendar-widget-inner body.is-dark .is-warning.calendar-square .subtitle, body.is-dark .is-warning.tags-widget .subtitle, body.is-dark .is-warning.text-widget .subtitle, body.is-dark .is-warning.icon-toolbar-widget .subtitle, body.is-dark .is-warning.gauge-widget .subtitle, body.is-dark .l-card.is-warning h1, body.is-dark .is-warning.stat-widget h1, body.is-dark .is-warning.cart-widget h1, body.is-dark .is-warning.followers-widget h1, body.is-dark .is-warning.contact-widget h1, body.is-dark .is-warning.avatar-list-widget h1, body.is-dark .is-warning.call-widget h1, body.is-dark .is-warning.social-buttons-widget h1, body.is-dark .is-warning.creative-list-widget h1, body.is-dark .is-warning.illustration-widget.illustration-widget-v3 h1, body.is-dark .is-warning.illustration-widget.illustration-widget-v2 h1, body.is-dark .is-warning.illustration-widget.illustration-widget-v1 h1, body.is-dark .is-warning.inbox-widget h1, body.is-dark .is-warning.video-widget h1, body.is-dark .is-warning.icon-list-widget h1, body.is-dark .is-warning.search-widget h1, body.is-dark .is-warning.stats-widget h1, body.is-dark .is-warning.payment-widget h1,
body.is-dark .is-warning.picker-widget h1, body.is-dark .is-warning.list-widget h1, body.is-dark .is-warning.image-widget h1, body.is-dark .calendar-widget .calendar-widget-inner .is-warning.calendar-square h1, .calendar-widget .calendar-widget-inner body.is-dark .is-warning.calendar-square h1, body.is-dark .is-warning.tags-widget h1, body.is-dark .is-warning.text-widget h1, body.is-dark .is-warning.icon-toolbar-widget h1, body.is-dark .is-warning.gauge-widget h1, body.is-dark .l-card.is-warning h2, body.is-dark .is-warning.stat-widget h2, body.is-dark .is-warning.cart-widget h2, body.is-dark .is-warning.followers-widget h2, body.is-dark .is-warning.contact-widget h2, body.is-dark .is-warning.avatar-list-widget h2, body.is-dark .is-warning.call-widget h2, body.is-dark .is-warning.social-buttons-widget h2, body.is-dark .is-warning.creative-list-widget h2, body.is-dark .is-warning.illustration-widget.illustration-widget-v3 h2, body.is-dark .is-warning.illustration-widget.illustration-widget-v2 h2, body.is-dark .is-warning.illustration-widget.illustration-widget-v1 h2, body.is-dark .is-warning.inbox-widget h2, body.is-dark .is-warning.video-widget h2, body.is-dark .is-warning.icon-list-widget h2, body.is-dark .is-warning.search-widget h2, body.is-dark .is-warning.stats-widget h2, body.is-dark .is-warning.payment-widget h2,
body.is-dark .is-warning.picker-widget h2, body.is-dark .is-warning.list-widget h2, body.is-dark .is-warning.image-widget h2, body.is-dark .calendar-widget .calendar-widget-inner .is-warning.calendar-square h2, .calendar-widget .calendar-widget-inner body.is-dark .is-warning.calendar-square h2, body.is-dark .is-warning.tags-widget h2, body.is-dark .is-warning.text-widget h2, body.is-dark .is-warning.icon-toolbar-widget h2, body.is-dark .is-warning.gauge-widget h2, body.is-dark .l-card.is-warning h3, body.is-dark .is-warning.stat-widget h3, body.is-dark .is-warning.cart-widget h3, body.is-dark .is-warning.followers-widget h3, body.is-dark .is-warning.contact-widget h3, body.is-dark .is-warning.avatar-list-widget h3, body.is-dark .is-warning.call-widget h3, body.is-dark .is-warning.social-buttons-widget h3, body.is-dark .is-warning.creative-list-widget h3, body.is-dark .is-warning.illustration-widget.illustration-widget-v3 h3, body.is-dark .is-warning.illustration-widget.illustration-widget-v2 h3, body.is-dark .is-warning.illustration-widget.illustration-widget-v1 h3, body.is-dark .is-warning.inbox-widget h3, body.is-dark .is-warning.video-widget h3, body.is-dark .is-warning.icon-list-widget h3, body.is-dark .is-warning.search-widget h3, body.is-dark .is-warning.stats-widget h3, body.is-dark .is-warning.payment-widget h3,
body.is-dark .is-warning.picker-widget h3, body.is-dark .is-warning.list-widget h3, body.is-dark .is-warning.image-widget h3, body.is-dark .calendar-widget .calendar-widget-inner .is-warning.calendar-square h3, .calendar-widget .calendar-widget-inner body.is-dark .is-warning.calendar-square h3, body.is-dark .is-warning.tags-widget h3, body.is-dark .is-warning.text-widget h3, body.is-dark .is-warning.icon-toolbar-widget h3, body.is-dark .is-warning.gauge-widget h3, body.is-dark .l-card.is-warning h4, body.is-dark .is-warning.stat-widget h4, body.is-dark .is-warning.cart-widget h4, body.is-dark .is-warning.followers-widget h4, body.is-dark .is-warning.contact-widget h4, body.is-dark .is-warning.avatar-list-widget h4, body.is-dark .is-warning.call-widget h4, body.is-dark .is-warning.social-buttons-widget h4, body.is-dark .is-warning.creative-list-widget h4, body.is-dark .is-warning.illustration-widget.illustration-widget-v3 h4, body.is-dark .is-warning.illustration-widget.illustration-widget-v2 h4, body.is-dark .is-warning.illustration-widget.illustration-widget-v1 h4, body.is-dark .is-warning.inbox-widget h4, body.is-dark .is-warning.video-widget h4, body.is-dark .is-warning.icon-list-widget h4, body.is-dark .is-warning.search-widget h4, body.is-dark .is-warning.stats-widget h4, body.is-dark .is-warning.payment-widget h4,
body.is-dark .is-warning.picker-widget h4, body.is-dark .is-warning.list-widget h4, body.is-dark .is-warning.image-widget h4, body.is-dark .calendar-widget .calendar-widget-inner .is-warning.calendar-square h4, .calendar-widget .calendar-widget-inner body.is-dark .is-warning.calendar-square h4, body.is-dark .is-warning.tags-widget h4, body.is-dark .is-warning.text-widget h4, body.is-dark .is-warning.icon-toolbar-widget h4, body.is-dark .is-warning.gauge-widget h4, body.is-dark .l-card.is-warning p, body.is-dark .is-warning.stat-widget p, body.is-dark .is-warning.cart-widget p, body.is-dark .is-warning.followers-widget p, body.is-dark .is-warning.contact-widget p, body.is-dark .is-warning.avatar-list-widget p, body.is-dark .is-warning.call-widget p, body.is-dark .is-warning.social-buttons-widget p, body.is-dark .is-warning.creative-list-widget p, body.is-dark .is-warning.illustration-widget.illustration-widget-v3 p, body.is-dark .is-warning.illustration-widget.illustration-widget-v2 p, body.is-dark .is-warning.illustration-widget.illustration-widget-v1 p, body.is-dark .is-warning.inbox-widget p, body.is-dark .is-warning.video-widget p, body.is-dark .is-warning.icon-list-widget p, body.is-dark .is-warning.search-widget p, body.is-dark .is-warning.stats-widget p, body.is-dark .is-warning.payment-widget p,
body.is-dark .is-warning.picker-widget p, body.is-dark .is-warning.list-widget p, body.is-dark .is-warning.image-widget p, body.is-dark .calendar-widget .calendar-widget-inner .is-warning.calendar-square p, .calendar-widget .calendar-widget-inner body.is-dark .is-warning.calendar-square p, body.is-dark .is-warning.tags-widget p, body.is-dark .is-warning.text-widget p, body.is-dark .is-warning.icon-toolbar-widget p, body.is-dark .is-warning.gauge-widget p {
  color: #fcfcfc !important;
}
body.is-dark .r-card.is-warning, body.is-dark .list-view.list-view-v4 .is-warning.list-view-item, .list-view.list-view-v4 body.is-dark .is-warning.list-view-item, body.is-dark .list-view.list-view-v3 .is-warning.list-view-item, .list-view.list-view-v3 body.is-dark .is-warning.list-view-item, body.is-dark .list-view.list-view-v1 .is-warning.list-view-item, .list-view.list-view-v1 body.is-dark .is-warning.list-view-item, body.is-dark .s-card.is-warning, body.is-dark .user-profile .is-warning.profile-card, .user-profile body.is-dark .is-warning.profile-card, body.is-dark .dashboard-list .inner-list .is-warning.media-flex-center, .dashboard-list .inner-list body.is-dark .is-warning.media-flex-center, body.is-dark .monday-achievement .monday-achievement-card .is-warning.media-flex-center, .monday-achievement .monday-achievement-card body.is-dark .is-warning.media-flex-center, body.is-dark .is-warning.dashboard-card, body.is-dark .form-layout .is-warning.form-outer, .form-layout body.is-dark .is-warning.form-outer, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .is-warning.form-section-inner, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .is-warning.form-section-inner, body.is-dark .list-view.list-view-v2 .is-warning.list-view-item, .list-view.list-view-v2 body.is-dark .is-warning.list-view-item, body.is-dark .is-warning.topic-feed-item, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-warning.content-wrap, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .is-warning.content-wrap, body.is-dark .is-warning.collapse, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-warning.team-card, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.project-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-warning.project-card, body.is-dark .l-card.is-warning, body.is-dark .is-warning.stat-widget, body.is-dark .is-warning.cart-widget, body.is-dark .is-warning.followers-widget, body.is-dark .is-warning.contact-widget, body.is-dark .is-warning.avatar-list-widget, body.is-dark .is-warning.call-widget, body.is-dark .is-warning.social-buttons-widget, body.is-dark .is-warning.creative-list-widget, body.is-dark .is-warning.illustration-widget.illustration-widget-v3, body.is-dark .is-warning.illustration-widget.illustration-widget-v2, body.is-dark .is-warning.illustration-widget.illustration-widget-v1, body.is-dark .is-warning.inbox-widget, body.is-dark .is-warning.video-widget, body.is-dark .is-warning.icon-list-widget, body.is-dark .is-warning.search-widget, body.is-dark .is-warning.stats-widget, body.is-dark .is-warning.payment-widget,
body.is-dark .is-warning.picker-widget, body.is-dark .is-warning.list-widget, body.is-dark .is-warning.image-widget, body.is-dark .calendar-widget .calendar-widget-inner .is-warning.calendar-square, .calendar-widget .calendar-widget-inner body.is-dark .is-warning.calendar-square, body.is-dark .is-warning.tags-widget, body.is-dark .is-warning.text-widget, body.is-dark .is-warning.icon-toolbar-widget, body.is-dark .is-warning.gauge-widget {
  border: solid 1px;
  background-color: #232326;
  border-color: #e08400 !important;
}
.r-card.is-danger, .list-view.list-view-v4 .is-danger.list-view-item, .list-view.list-view-v3 .is-danger.list-view-item, .list-view.list-view-v1 .is-danger.list-view-item, .s-card.is-danger, .user-profile .is-danger.profile-card, .dashboard-list .inner-list .is-danger.media-flex-center, .monday-achievement .monday-achievement-card .is-danger.media-flex-center, .is-danger.dashboard-card, .form-layout .is-danger.form-outer, .form-layout.is-separate .form-outer .form-body .form-section .is-danger.form-section-inner, .list-view.list-view-v2 .is-danger.list-view-item, .is-danger.topic-feed-item, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-danger.content-wrap, .is-danger.collapse, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.project-card, .l-card.is-danger, .is-danger.stat-widget, .is-danger.cart-widget, .is-danger.followers-widget, .is-danger.contact-widget, .is-danger.avatar-list-widget, .is-danger.call-widget, .is-danger.social-buttons-widget, .is-danger.creative-list-widget, .is-danger.illustration-widget.illustration-widget-v3, .is-danger.illustration-widget.illustration-widget-v2, .is-danger.illustration-widget.illustration-widget-v1, .is-danger.inbox-widget, .is-danger.video-widget, .is-danger.icon-list-widget, .is-danger.search-widget, .is-danger.stats-widget, .is-danger.payment-widget,
.is-danger.picker-widget, .is-danger.list-widget, .is-danger.image-widget, .calendar-widget .calendar-widget-inner .is-danger.calendar-square, .is-danger.tags-widget, .is-danger.text-widget, .is-danger.icon-toolbar-widget, .is-danger.gauge-widget {
  background: #e62965 !important;
  border-color: #e62965 !important;
}
.r-card.is-danger .title, .list-view.list-view-v4 .is-danger.list-view-item .title, .list-view.list-view-v3 .is-danger.list-view-item .title, .list-view.list-view-v1 .is-danger.list-view-item .title, .r-card.is-danger .subtitle, .list-view.list-view-v4 .is-danger.list-view-item .subtitle, .list-view.list-view-v3 .is-danger.list-view-item .subtitle, .list-view.list-view-v1 .is-danger.list-view-item .subtitle, .r-card.is-danger h1, .list-view.list-view-v4 .is-danger.list-view-item h1, .list-view.list-view-v3 .is-danger.list-view-item h1, .list-view.list-view-v1 .is-danger.list-view-item h1, .r-card.is-danger h2, .list-view.list-view-v4 .is-danger.list-view-item h2, .list-view.list-view-v3 .is-danger.list-view-item h2, .list-view.list-view-v1 .is-danger.list-view-item h2, .r-card.is-danger h3, .list-view.list-view-v4 .is-danger.list-view-item h3, .list-view.list-view-v3 .is-danger.list-view-item h3, .list-view.list-view-v1 .is-danger.list-view-item h3, .r-card.is-danger h4, .list-view.list-view-v4 .is-danger.list-view-item h4, .list-view.list-view-v3 .is-danger.list-view-item h4, .list-view.list-view-v1 .is-danger.list-view-item h4, .r-card.is-danger p, .list-view.list-view-v4 .is-danger.list-view-item p, .list-view.list-view-v3 .is-danger.list-view-item p, .list-view.list-view-v1 .is-danger.list-view-item p, .s-card.is-danger .title, .community-page .is-danger.dashboard-card .title, .user-profile .is-danger.profile-card .title, .dashboard-list .inner-list .is-danger.media-flex-center .title, .monday-achievement .monday-achievement-card .is-danger.media-flex-center .title, .is-danger.dashboard-card .title, .is-danger.stat-widget.is-straight .title, .is-danger.cart-widget.is-straight .title, .is-danger.followers-widget.is-straight .title, .is-danger.contact-widget.is-straight .title, .is-danger.avatar-list-widget.is-straight .title, .is-danger.call-widget.is-straight .title, .is-danger.social-buttons-widget.is-straight .title, .is-danger.creative-list-widget.is-straight .title, .is-danger.illustration-widget.illustration-widget-v3.is-straight .title, .is-danger.illustration-widget.illustration-widget-v2.is-straight .title, .is-danger.illustration-widget.illustration-widget-v1.is-straight .title, .is-danger.inbox-widget.is-straight .title, .is-danger.video-widget.is-straight .title, .is-danger.icon-list-widget.is-straight .title, .is-danger.search-widget.is-straight .title, .is-danger.stats-widget.is-straight .title, .is-danger.payment-widget.is-straight .title,
.is-danger.picker-widget.is-straight .title, .is-danger.list-widget.is-straight .title, .is-danger.image-widget.is-straight .title, .is-danger.tags-widget.is-straight .title, .is-danger.text-widget.is-straight .title, .is-danger.icon-toolbar-widget.is-straight .title, .is-danger.gauge-widget.is-straight .title, .form-layout .is-danger.form-outer .title, .form-layout.is-separate .form-outer .form-body .form-section .is-danger.form-section-inner .title, .list-view.list-view-v2 .is-danger.list-view-item .title, .is-danger.topic-feed-item .title, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-danger.content-wrap .title, .is-danger.collapse .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.team-card .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.project-card .title, .s-card.is-danger .subtitle, .community-page .is-danger.dashboard-card .subtitle, .user-profile .is-danger.profile-card .subtitle, .dashboard-list .inner-list .is-danger.media-flex-center .subtitle, .monday-achievement .monday-achievement-card .is-danger.media-flex-center .subtitle, .is-danger.dashboard-card .subtitle, .is-danger.stat-widget.is-straight .subtitle, .is-danger.cart-widget.is-straight .subtitle, .is-danger.followers-widget.is-straight .subtitle, .is-danger.contact-widget.is-straight .subtitle, .is-danger.avatar-list-widget.is-straight .subtitle, .is-danger.call-widget.is-straight .subtitle, .is-danger.social-buttons-widget.is-straight .subtitle, .is-danger.creative-list-widget.is-straight .subtitle, .is-danger.illustration-widget.illustration-widget-v3.is-straight .subtitle, .is-danger.illustration-widget.illustration-widget-v2.is-straight .subtitle, .is-danger.illustration-widget.illustration-widget-v1.is-straight .subtitle, .is-danger.inbox-widget.is-straight .subtitle, .is-danger.video-widget.is-straight .subtitle, .is-danger.icon-list-widget.is-straight .subtitle, .is-danger.search-widget.is-straight .subtitle, .is-danger.stats-widget.is-straight .subtitle, .is-danger.payment-widget.is-straight .subtitle,
.is-danger.picker-widget.is-straight .subtitle, .is-danger.list-widget.is-straight .subtitle, .is-danger.image-widget.is-straight .subtitle, .is-danger.tags-widget.is-straight .subtitle, .is-danger.text-widget.is-straight .subtitle, .is-danger.icon-toolbar-widget.is-straight .subtitle, .is-danger.gauge-widget.is-straight .subtitle, .form-layout .is-danger.form-outer .subtitle, .form-layout.is-separate .form-outer .form-body .form-section .is-danger.form-section-inner .subtitle, .list-view.list-view-v2 .is-danger.list-view-item .subtitle, .is-danger.topic-feed-item .subtitle, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-danger.content-wrap .subtitle, .is-danger.collapse .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.team-card .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.project-card .subtitle, .s-card.is-danger h1, .community-page .is-danger.dashboard-card h1, .user-profile .is-danger.profile-card h1, .dashboard-list .inner-list .is-danger.media-flex-center h1, .monday-achievement .monday-achievement-card .is-danger.media-flex-center h1, .is-danger.dashboard-card h1, .is-danger.stat-widget.is-straight h1, .is-danger.cart-widget.is-straight h1, .is-danger.followers-widget.is-straight h1, .is-danger.contact-widget.is-straight h1, .is-danger.avatar-list-widget.is-straight h1, .is-danger.call-widget.is-straight h1, .is-danger.social-buttons-widget.is-straight h1, .is-danger.creative-list-widget.is-straight h1, .is-danger.illustration-widget.illustration-widget-v3.is-straight h1, .is-danger.illustration-widget.illustration-widget-v2.is-straight h1, .is-danger.illustration-widget.illustration-widget-v1.is-straight h1, .is-danger.inbox-widget.is-straight h1, .is-danger.video-widget.is-straight h1, .is-danger.icon-list-widget.is-straight h1, .is-danger.search-widget.is-straight h1, .is-danger.stats-widget.is-straight h1, .is-danger.payment-widget.is-straight h1,
.is-danger.picker-widget.is-straight h1, .is-danger.list-widget.is-straight h1, .is-danger.image-widget.is-straight h1, .is-danger.tags-widget.is-straight h1, .is-danger.text-widget.is-straight h1, .is-danger.icon-toolbar-widget.is-straight h1, .is-danger.gauge-widget.is-straight h1, .form-layout .is-danger.form-outer h1, .form-layout.is-separate .form-outer .form-body .form-section .is-danger.form-section-inner h1, .list-view.list-view-v2 .is-danger.list-view-item h1, .is-danger.topic-feed-item h1, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-danger.content-wrap h1, .is-danger.collapse h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.team-card h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.project-card h1, .s-card.is-danger h2, .community-page .is-danger.dashboard-card h2, .user-profile .is-danger.profile-card h2, .dashboard-list .inner-list .is-danger.media-flex-center h2, .monday-achievement .monday-achievement-card .is-danger.media-flex-center h2, .is-danger.dashboard-card h2, .is-danger.stat-widget.is-straight h2, .is-danger.cart-widget.is-straight h2, .is-danger.followers-widget.is-straight h2, .is-danger.contact-widget.is-straight h2, .is-danger.avatar-list-widget.is-straight h2, .is-danger.call-widget.is-straight h2, .is-danger.social-buttons-widget.is-straight h2, .is-danger.creative-list-widget.is-straight h2, .is-danger.illustration-widget.illustration-widget-v3.is-straight h2, .is-danger.illustration-widget.illustration-widget-v2.is-straight h2, .is-danger.illustration-widget.illustration-widget-v1.is-straight h2, .is-danger.inbox-widget.is-straight h2, .is-danger.video-widget.is-straight h2, .is-danger.icon-list-widget.is-straight h2, .is-danger.search-widget.is-straight h2, .is-danger.stats-widget.is-straight h2, .is-danger.payment-widget.is-straight h2,
.is-danger.picker-widget.is-straight h2, .is-danger.list-widget.is-straight h2, .is-danger.image-widget.is-straight h2, .is-danger.tags-widget.is-straight h2, .is-danger.text-widget.is-straight h2, .is-danger.icon-toolbar-widget.is-straight h2, .is-danger.gauge-widget.is-straight h2, .form-layout .is-danger.form-outer h2, .form-layout.is-separate .form-outer .form-body .form-section .is-danger.form-section-inner h2, .list-view.list-view-v2 .is-danger.list-view-item h2, .is-danger.topic-feed-item h2, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-danger.content-wrap h2, .is-danger.collapse h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.team-card h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.project-card h2, .s-card.is-danger h3, .community-page .is-danger.dashboard-card h3, .user-profile .is-danger.profile-card h3, .dashboard-list .inner-list .is-danger.media-flex-center h3, .monday-achievement .monday-achievement-card .is-danger.media-flex-center h3, .is-danger.dashboard-card h3, .is-danger.stat-widget.is-straight h3, .is-danger.cart-widget.is-straight h3, .is-danger.followers-widget.is-straight h3, .is-danger.contact-widget.is-straight h3, .is-danger.avatar-list-widget.is-straight h3, .is-danger.call-widget.is-straight h3, .is-danger.social-buttons-widget.is-straight h3, .is-danger.creative-list-widget.is-straight h3, .is-danger.illustration-widget.illustration-widget-v3.is-straight h3, .is-danger.illustration-widget.illustration-widget-v2.is-straight h3, .is-danger.illustration-widget.illustration-widget-v1.is-straight h3, .is-danger.inbox-widget.is-straight h3, .is-danger.video-widget.is-straight h3, .is-danger.icon-list-widget.is-straight h3, .is-danger.search-widget.is-straight h3, .is-danger.stats-widget.is-straight h3, .is-danger.payment-widget.is-straight h3,
.is-danger.picker-widget.is-straight h3, .is-danger.list-widget.is-straight h3, .is-danger.image-widget.is-straight h3, .is-danger.tags-widget.is-straight h3, .is-danger.text-widget.is-straight h3, .is-danger.icon-toolbar-widget.is-straight h3, .is-danger.gauge-widget.is-straight h3, .form-layout .is-danger.form-outer h3, .form-layout.is-separate .form-outer .form-body .form-section .is-danger.form-section-inner h3, .list-view.list-view-v2 .is-danger.list-view-item h3, .is-danger.topic-feed-item h3, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-danger.content-wrap h3, .is-danger.collapse h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.team-card h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.project-card h3, .s-card.is-danger h4, .community-page .is-danger.dashboard-card h4, .user-profile .is-danger.profile-card h4, .dashboard-list .inner-list .is-danger.media-flex-center h4, .monday-achievement .monday-achievement-card .is-danger.media-flex-center h4, .is-danger.dashboard-card h4, .is-danger.stat-widget.is-straight h4, .is-danger.cart-widget.is-straight h4, .is-danger.followers-widget.is-straight h4, .is-danger.contact-widget.is-straight h4, .is-danger.avatar-list-widget.is-straight h4, .is-danger.call-widget.is-straight h4, .is-danger.social-buttons-widget.is-straight h4, .is-danger.creative-list-widget.is-straight h4, .is-danger.illustration-widget.illustration-widget-v3.is-straight h4, .is-danger.illustration-widget.illustration-widget-v2.is-straight h4, .is-danger.illustration-widget.illustration-widget-v1.is-straight h4, .is-danger.inbox-widget.is-straight h4, .is-danger.video-widget.is-straight h4, .is-danger.icon-list-widget.is-straight h4, .is-danger.search-widget.is-straight h4, .is-danger.stats-widget.is-straight h4, .is-danger.payment-widget.is-straight h4,
.is-danger.picker-widget.is-straight h4, .is-danger.list-widget.is-straight h4, .is-danger.image-widget.is-straight h4, .is-danger.tags-widget.is-straight h4, .is-danger.text-widget.is-straight h4, .is-danger.icon-toolbar-widget.is-straight h4, .is-danger.gauge-widget.is-straight h4, .form-layout .is-danger.form-outer h4, .form-layout.is-separate .form-outer .form-body .form-section .is-danger.form-section-inner h4, .list-view.list-view-v2 .is-danger.list-view-item h4, .is-danger.topic-feed-item h4, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-danger.content-wrap h4, .is-danger.collapse h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.team-card h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.project-card h4, .s-card.is-danger p, .community-page .is-danger.dashboard-card p, .user-profile .is-danger.profile-card p, .dashboard-list .inner-list .is-danger.media-flex-center p, .monday-achievement .monday-achievement-card .is-danger.media-flex-center p, .is-danger.dashboard-card p, .is-danger.stat-widget.is-straight p, .is-danger.cart-widget.is-straight p, .is-danger.followers-widget.is-straight p, .is-danger.contact-widget.is-straight p, .is-danger.avatar-list-widget.is-straight p, .is-danger.call-widget.is-straight p, .is-danger.social-buttons-widget.is-straight p, .is-danger.creative-list-widget.is-straight p, .is-danger.illustration-widget.illustration-widget-v3.is-straight p, .is-danger.illustration-widget.illustration-widget-v2.is-straight p, .is-danger.illustration-widget.illustration-widget-v1.is-straight p, .is-danger.inbox-widget.is-straight p, .is-danger.video-widget.is-straight p, .is-danger.icon-list-widget.is-straight p, .is-danger.search-widget.is-straight p, .is-danger.stats-widget.is-straight p, .is-danger.payment-widget.is-straight p,
.is-danger.picker-widget.is-straight p, .is-danger.list-widget.is-straight p, .is-danger.image-widget.is-straight p, .is-danger.tags-widget.is-straight p, .is-danger.text-widget.is-straight p, .is-danger.icon-toolbar-widget.is-straight p, .is-danger.gauge-widget.is-straight p, .form-layout .is-danger.form-outer p, .form-layout.is-separate .form-outer .form-body .form-section .is-danger.form-section-inner p, .list-view.list-view-v2 .is-danger.list-view-item p, .is-danger.topic-feed-item p, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-danger.content-wrap p, .is-danger.collapse p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.team-card p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.project-card p, .l-card.is-danger .title, .is-danger.stat-widget .title, .is-danger.cart-widget .title, .is-danger.followers-widget .title, .is-danger.contact-widget .title, .is-danger.avatar-list-widget .title, .is-danger.call-widget .title, .is-danger.social-buttons-widget .title, .is-danger.creative-list-widget .title, .is-danger.illustration-widget.illustration-widget-v3 .title, .is-danger.illustration-widget.illustration-widget-v2 .title, .is-danger.illustration-widget.illustration-widget-v1 .title, .is-danger.inbox-widget .title, .is-danger.video-widget .title, .is-danger.icon-list-widget .title, .is-danger.search-widget .title, .is-danger.stats-widget .title, .is-danger.payment-widget .title,
.is-danger.picker-widget .title, .is-danger.list-widget .title, .is-danger.image-widget .title, .calendar-widget .calendar-widget-inner .is-danger.calendar-square .title, .is-danger.tags-widget .title, .is-danger.text-widget .title, .is-danger.icon-toolbar-widget .title, .is-danger.gauge-widget .title, .l-card.is-danger .subtitle, .is-danger.stat-widget .subtitle, .is-danger.cart-widget .subtitle, .is-danger.followers-widget .subtitle, .is-danger.contact-widget .subtitle, .is-danger.avatar-list-widget .subtitle, .is-danger.call-widget .subtitle, .is-danger.social-buttons-widget .subtitle, .is-danger.creative-list-widget .subtitle, .is-danger.illustration-widget.illustration-widget-v3 .subtitle, .is-danger.illustration-widget.illustration-widget-v2 .subtitle, .is-danger.illustration-widget.illustration-widget-v1 .subtitle, .is-danger.inbox-widget .subtitle, .is-danger.video-widget .subtitle, .is-danger.icon-list-widget .subtitle, .is-danger.search-widget .subtitle, .is-danger.stats-widget .subtitle, .is-danger.payment-widget .subtitle,
.is-danger.picker-widget .subtitle, .is-danger.list-widget .subtitle, .is-danger.image-widget .subtitle, .calendar-widget .calendar-widget-inner .is-danger.calendar-square .subtitle, .is-danger.tags-widget .subtitle, .is-danger.text-widget .subtitle, .is-danger.icon-toolbar-widget .subtitle, .is-danger.gauge-widget .subtitle, .l-card.is-danger h1, .is-danger.stat-widget h1, .is-danger.cart-widget h1, .is-danger.followers-widget h1, .is-danger.contact-widget h1, .is-danger.avatar-list-widget h1, .is-danger.call-widget h1, .is-danger.social-buttons-widget h1, .is-danger.creative-list-widget h1, .is-danger.illustration-widget.illustration-widget-v3 h1, .is-danger.illustration-widget.illustration-widget-v2 h1, .is-danger.illustration-widget.illustration-widget-v1 h1, .is-danger.inbox-widget h1, .is-danger.video-widget h1, .is-danger.icon-list-widget h1, .is-danger.search-widget h1, .is-danger.stats-widget h1, .is-danger.payment-widget h1,
.is-danger.picker-widget h1, .is-danger.list-widget h1, .is-danger.image-widget h1, .calendar-widget .calendar-widget-inner .is-danger.calendar-square h1, .is-danger.tags-widget h1, .is-danger.text-widget h1, .is-danger.icon-toolbar-widget h1, .is-danger.gauge-widget h1, .l-card.is-danger h2, .is-danger.stat-widget h2, .is-danger.cart-widget h2, .is-danger.followers-widget h2, .is-danger.contact-widget h2, .is-danger.avatar-list-widget h2, .is-danger.call-widget h2, .is-danger.social-buttons-widget h2, .is-danger.creative-list-widget h2, .is-danger.illustration-widget.illustration-widget-v3 h2, .is-danger.illustration-widget.illustration-widget-v2 h2, .is-danger.illustration-widget.illustration-widget-v1 h2, .is-danger.inbox-widget h2, .is-danger.video-widget h2, .is-danger.icon-list-widget h2, .is-danger.search-widget h2, .is-danger.stats-widget h2, .is-danger.payment-widget h2,
.is-danger.picker-widget h2, .is-danger.list-widget h2, .is-danger.image-widget h2, .calendar-widget .calendar-widget-inner .is-danger.calendar-square h2, .is-danger.tags-widget h2, .is-danger.text-widget h2, .is-danger.icon-toolbar-widget h2, .is-danger.gauge-widget h2, .l-card.is-danger h3, .is-danger.stat-widget h3, .is-danger.cart-widget h3, .is-danger.followers-widget h3, .is-danger.contact-widget h3, .is-danger.avatar-list-widget h3, .is-danger.call-widget h3, .is-danger.social-buttons-widget h3, .is-danger.creative-list-widget h3, .is-danger.illustration-widget.illustration-widget-v3 h3, .is-danger.illustration-widget.illustration-widget-v2 h3, .is-danger.illustration-widget.illustration-widget-v1 h3, .is-danger.inbox-widget h3, .is-danger.video-widget h3, .is-danger.icon-list-widget h3, .is-danger.search-widget h3, .is-danger.stats-widget h3, .is-danger.payment-widget h3,
.is-danger.picker-widget h3, .is-danger.list-widget h3, .is-danger.image-widget h3, .calendar-widget .calendar-widget-inner .is-danger.calendar-square h3, .is-danger.tags-widget h3, .is-danger.text-widget h3, .is-danger.icon-toolbar-widget h3, .is-danger.gauge-widget h3, .l-card.is-danger h4, .is-danger.stat-widget h4, .is-danger.cart-widget h4, .is-danger.followers-widget h4, .is-danger.contact-widget h4, .is-danger.avatar-list-widget h4, .is-danger.call-widget h4, .is-danger.social-buttons-widget h4, .is-danger.creative-list-widget h4, .is-danger.illustration-widget.illustration-widget-v3 h4, .is-danger.illustration-widget.illustration-widget-v2 h4, .is-danger.illustration-widget.illustration-widget-v1 h4, .is-danger.inbox-widget h4, .is-danger.video-widget h4, .is-danger.icon-list-widget h4, .is-danger.search-widget h4, .is-danger.stats-widget h4, .is-danger.payment-widget h4,
.is-danger.picker-widget h4, .is-danger.list-widget h4, .is-danger.image-widget h4, .calendar-widget .calendar-widget-inner .is-danger.calendar-square h4, .is-danger.tags-widget h4, .is-danger.text-widget h4, .is-danger.icon-toolbar-widget h4, .is-danger.gauge-widget h4, .l-card.is-danger p, .is-danger.stat-widget p, .is-danger.cart-widget p, .is-danger.followers-widget p, .is-danger.contact-widget p, .is-danger.avatar-list-widget p, .is-danger.call-widget p, .is-danger.social-buttons-widget p, .is-danger.creative-list-widget p, .is-danger.illustration-widget.illustration-widget-v3 p, .is-danger.illustration-widget.illustration-widget-v2 p, .is-danger.illustration-widget.illustration-widget-v1 p, .is-danger.inbox-widget p, .is-danger.video-widget p, .is-danger.icon-list-widget p, .is-danger.search-widget p, .is-danger.stats-widget p, .is-danger.payment-widget p,
.is-danger.picker-widget p, .is-danger.list-widget p, .is-danger.image-widget p, .calendar-widget .calendar-widget-inner .is-danger.calendar-square p, .is-danger.tags-widget p, .is-danger.text-widget p, .is-danger.icon-toolbar-widget p, .is-danger.gauge-widget p {
  color: #fcfcfc !important;
}
body.is-dark .r-card.is-danger, body.is-dark .list-view.list-view-v4 .is-danger.list-view-item, .list-view.list-view-v4 body.is-dark .is-danger.list-view-item, body.is-dark .list-view.list-view-v3 .is-danger.list-view-item, .list-view.list-view-v3 body.is-dark .is-danger.list-view-item, body.is-dark .list-view.list-view-v1 .is-danger.list-view-item, .list-view.list-view-v1 body.is-dark .is-danger.list-view-item, body.is-dark .s-card.is-danger, body.is-dark .user-profile .is-danger.profile-card, .user-profile body.is-dark .is-danger.profile-card, body.is-dark .dashboard-list .inner-list .is-danger.media-flex-center, .dashboard-list .inner-list body.is-dark .is-danger.media-flex-center, body.is-dark .monday-achievement .monday-achievement-card .is-danger.media-flex-center, .monday-achievement .monday-achievement-card body.is-dark .is-danger.media-flex-center, body.is-dark .is-danger.dashboard-card, body.is-dark .form-layout .is-danger.form-outer, .form-layout body.is-dark .is-danger.form-outer, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .is-danger.form-section-inner, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .is-danger.form-section-inner, body.is-dark .list-view.list-view-v2 .is-danger.list-view-item, .list-view.list-view-v2 body.is-dark .is-danger.list-view-item, body.is-dark .is-danger.topic-feed-item, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-danger.content-wrap, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .is-danger.content-wrap, body.is-dark .is-danger.collapse, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-danger.team-card, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.project-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-danger.project-card, body.is-dark .l-card.is-danger, body.is-dark .is-danger.stat-widget, body.is-dark .is-danger.cart-widget, body.is-dark .is-danger.followers-widget, body.is-dark .is-danger.contact-widget, body.is-dark .is-danger.avatar-list-widget, body.is-dark .is-danger.call-widget, body.is-dark .is-danger.social-buttons-widget, body.is-dark .is-danger.creative-list-widget, body.is-dark .is-danger.illustration-widget.illustration-widget-v3, body.is-dark .is-danger.illustration-widget.illustration-widget-v2, body.is-dark .is-danger.illustration-widget.illustration-widget-v1, body.is-dark .is-danger.inbox-widget, body.is-dark .is-danger.video-widget, body.is-dark .is-danger.icon-list-widget, body.is-dark .is-danger.search-widget, body.is-dark .is-danger.stats-widget, body.is-dark .is-danger.payment-widget,
body.is-dark .is-danger.picker-widget, body.is-dark .is-danger.list-widget, body.is-dark .is-danger.image-widget, body.is-dark .calendar-widget .calendar-widget-inner .is-danger.calendar-square, .calendar-widget .calendar-widget-inner body.is-dark .is-danger.calendar-square, body.is-dark .is-danger.tags-widget, body.is-dark .is-danger.text-widget, body.is-dark .is-danger.icon-toolbar-widget, body.is-dark .is-danger.gauge-widget {
  border: solid 1px;
  background-color: #232326 !important;
  border-color: rgb(59.3420296989%, 6.932480105%, 23.570432357%) !important;
}
.r-card .card-head, .list-view.list-view-v4 .list-view-item .card-head, .list-view.list-view-v3 .list-view-item .card-head, .list-view.list-view-v1 .list-view-item .card-head, .s-card .card-head, .user-profile .profile-card .card-head, .dashboard-list .inner-list .media-flex-center .card-head, .monday-achievement .monday-achievement-card .media-flex-center .card-head, .dashboard-card .card-head, .form-layout .form-outer .card-head, .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .card-head, .list-view.list-view-v2 .list-view-item .card-head, .topic-feed-item .card-head, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .card-head, .collapse .card-head, .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .card-head, .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .card-head, .l-card .card-head, .stat-widget .card-head, .cart-widget .card-head, .followers-widget .card-head, .contact-widget .card-head, .avatar-list-widget .card-head, .call-widget .card-head, .social-buttons-widget .card-head, .creative-list-widget .card-head, .illustration-widget.illustration-widget-v3 .card-head, .illustration-widget.illustration-widget-v2 .card-head, .illustration-widget.illustration-widget-v1 .card-head, .inbox-widget .card-head, .video-widget .card-head, .icon-list-widget .card-head, .search-widget .card-head, .stats-widget .card-head, .payment-widget .card-head,
.picker-widget .card-head, .list-widget .card-head, .image-widget .card-head, .calendar-widget .calendar-widget-inner .calendar-square .card-head, .tags-widget .card-head, .text-widget .card-head, .icon-toolbar-widget .card-head, .gauge-widget .card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.r-card .card-head .left, .list-view.list-view-v4 .list-view-item .card-head .left, .list-view.list-view-v3 .list-view-item .card-head .left, .list-view.list-view-v1 .list-view-item .card-head .left, .r-card .card-head .right, .list-view.list-view-v4 .list-view-item .card-head .right, .list-view.list-view-v3 .list-view-item .card-head .right, .list-view.list-view-v1 .list-view-item .card-head .right, .s-card .card-head .left, .user-profile .profile-card .card-head .left, .dashboard-list .inner-list .media-flex-center .card-head .left, .monday-achievement .monday-achievement-card .media-flex-center .card-head .left, .dashboard-card .card-head .left, .form-layout .form-outer .card-head .left, .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .card-head .left, .list-view.list-view-v2 .list-view-item .card-head .left, .topic-feed-item .card-head .left, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .card-head .left, .collapse .card-head .left, .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .card-head .left, .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .card-head .left, .s-card .card-head .right, .user-profile .profile-card .card-head .right, .dashboard-list .inner-list .media-flex-center .card-head .right, .monday-achievement .monday-achievement-card .media-flex-center .card-head .right, .dashboard-card .card-head .right, .form-layout .form-outer .card-head .right, .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .card-head .right, .list-view.list-view-v2 .list-view-item .card-head .right, .topic-feed-item .card-head .right, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .card-head .right, .collapse .card-head .right, .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .card-head .right, .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .card-head .right, .l-card .card-head .left, .stat-widget .card-head .left, .cart-widget .card-head .left, .followers-widget .card-head .left, .contact-widget .card-head .left, .avatar-list-widget .card-head .left, .call-widget .card-head .left, .social-buttons-widget .card-head .left, .creative-list-widget .card-head .left, .illustration-widget.illustration-widget-v3 .card-head .left, .illustration-widget.illustration-widget-v2 .card-head .left, .illustration-widget.illustration-widget-v1 .card-head .left, .inbox-widget .card-head .left, .video-widget .card-head .left, .icon-list-widget .card-head .left, .search-widget .card-head .left, .stats-widget .card-head .left, .payment-widget .card-head .left,
.picker-widget .card-head .left, .list-widget .card-head .left, .image-widget .card-head .left, .calendar-widget .calendar-widget-inner .calendar-square .card-head .left, .tags-widget .card-head .left, .text-widget .card-head .left, .icon-toolbar-widget .card-head .left, .gauge-widget .card-head .left, .l-card .card-head .right, .stat-widget .card-head .right, .cart-widget .card-head .right, .followers-widget .card-head .right, .contact-widget .card-head .right, .avatar-list-widget .card-head .right, .call-widget .card-head .right, .social-buttons-widget .card-head .right, .creative-list-widget .card-head .right, .illustration-widget.illustration-widget-v3 .card-head .right, .illustration-widget.illustration-widget-v2 .card-head .right, .illustration-widget.illustration-widget-v1 .card-head .right, .inbox-widget .card-head .right, .video-widget .card-head .right, .icon-list-widget .card-head .right, .search-widget .card-head .right, .stats-widget .card-head .right, .payment-widget .card-head .right,
.picker-widget .card-head .right, .list-widget .card-head .right, .image-widget .card-head .right, .calendar-widget .calendar-widget-inner .calendar-square .card-head .right, .tags-widget .card-head .right, .text-widget .card-head .right, .icon-toolbar-widget .card-head .right, .gauge-widget .card-head .right {
  display: flex;
  align-items: center;
}
.r-card .card-head .left .title, .list-view.list-view-v4 .list-view-item .card-head .left .title, .list-view.list-view-v3 .list-view-item .card-head .left .title, .list-view.list-view-v1 .list-view-item .card-head .left .title, .s-card .card-head .left .title, .user-profile .profile-card .card-head .left .title, .dashboard-list .inner-list .media-flex-center .card-head .left .title, .monday-achievement .monday-achievement-card .media-flex-center .card-head .left .title, .dashboard-card .card-head .left .title, .form-layout .form-outer .card-head .left .title, .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .card-head .left .title, .list-view.list-view-v2 .list-view-item .card-head .left .title, .topic-feed-item .card-head .left .title, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .card-head .left .title, .collapse .card-head .left .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .card-head .left .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .card-head .left .title, .l-card .card-head .left .title, .stat-widget .card-head .left .title, .cart-widget .card-head .left .title, .followers-widget .card-head .left .title, .contact-widget .card-head .left .title, .avatar-list-widget .card-head .left .title, .call-widget .card-head .left .title, .social-buttons-widget .card-head .left .title, .creative-list-widget .card-head .left .title, .illustration-widget.illustration-widget-v3 .card-head .left .title, .illustration-widget.illustration-widget-v2 .card-head .left .title, .illustration-widget.illustration-widget-v1 .card-head .left .title, .inbox-widget .card-head .left .title, .video-widget .card-head .left .title, .icon-list-widget .card-head .left .title, .search-widget .card-head .left .title, .stats-widget .card-head .left .title, .payment-widget .card-head .left .title,
.picker-widget .card-head .left .title, .list-widget .card-head .left .title, .image-widget .card-head .left .title, .calendar-widget .calendar-widget-inner .calendar-square .card-head .left .title, .tags-widget .card-head .left .title, .text-widget .card-head .left .title, .icon-toolbar-widget .card-head .left .title, .gauge-widget .card-head .left .title {
  font-size: 1.2rem;
  font-weight: 500;
}
.r-card .card-head .right, .list-view.list-view-v4 .list-view-item .card-head .right, .list-view.list-view-v3 .list-view-item .card-head .right, .list-view.list-view-v1 .list-view-item .card-head .right, .s-card .card-head .right, .user-profile .profile-card .card-head .right, .dashboard-list .inner-list .media-flex-center .card-head .right, .monday-achievement .monday-achievement-card .media-flex-center .card-head .right, .dashboard-card .card-head .right, .form-layout .form-outer .card-head .right, .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .card-head .right, .list-view.list-view-v2 .list-view-item .card-head .right, .topic-feed-item .card-head .right, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .card-head .right, .collapse .card-head .right, .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .card-head .right, .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .card-head .right, .l-card .card-head .right, .stat-widget .card-head .right, .cart-widget .card-head .right, .followers-widget .card-head .right, .contact-widget .card-head .right, .avatar-list-widget .card-head .right, .call-widget .card-head .right, .social-buttons-widget .card-head .right, .creative-list-widget .card-head .right, .illustration-widget.illustration-widget-v3 .card-head .right, .illustration-widget.illustration-widget-v2 .card-head .right, .illustration-widget.illustration-widget-v1 .card-head .right, .inbox-widget .card-head .right, .video-widget .card-head .right, .icon-list-widget .card-head .right, .search-widget .card-head .right, .stats-widget .card-head .right, .payment-widget .card-head .right,
.picker-widget .card-head .right, .list-widget .card-head .right, .image-widget .card-head .right, .calendar-widget .calendar-widget-inner .calendar-square .card-head .right, .tags-widget .card-head .right, .text-widget .card-head .right, .icon-toolbar-widget .card-head .right, .gauge-widget .card-head .right {
  justify-content: flex-end;
}
.r-card .card-inner, .list-view.list-view-v4 .list-view-item .card-inner, .list-view.list-view-v3 .list-view-item .card-inner, .list-view.list-view-v1 .list-view-item .card-inner, .s-card .card-inner, .user-profile .profile-card .card-inner, .dashboard-list .inner-list .media-flex-center .card-inner, .monday-achievement .monday-achievement-card .media-flex-center .card-inner, .dashboard-card .card-inner, .form-layout .form-outer .card-inner, .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .card-inner, .list-view.list-view-v2 .list-view-item .card-inner, .topic-feed-item .card-inner, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .card-inner, .collapse .card-inner, .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .card-inner, .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .card-inner, .l-card .card-inner, .stat-widget .card-inner, .cart-widget .card-inner, .followers-widget .card-inner, .contact-widget .card-inner, .avatar-list-widget .card-inner, .call-widget .card-inner, .social-buttons-widget .card-inner, .creative-list-widget .card-inner, .illustration-widget.illustration-widget-v3 .card-inner, .illustration-widget.illustration-widget-v2 .card-inner, .illustration-widget.illustration-widget-v1 .card-inner, .inbox-widget .card-inner, .video-widget .card-inner, .icon-list-widget .card-inner, .search-widget .card-inner, .stats-widget .card-inner, .payment-widget .card-inner,
.picker-widget .card-inner, .list-widget .card-inner, .image-widget .card-inner, .calendar-widget .calendar-widget-inner .calendar-square .card-inner, .tags-widget .card-inner, .text-widget .card-inner, .icon-toolbar-widget .card-inner, .gauge-widget .card-inner {
  padding-top: 1.75rem;
}

/* ==========================================================================
2. Simple Cards Dark mode
========================================================================== */
body.is-dark .r-card, body.is-dark .list-view.list-view-v4 .list-view-item, .list-view.list-view-v4 body.is-dark .list-view-item, body.is-dark .list-view.list-view-v3 .list-view-item, .list-view.list-view-v3 body.is-dark .list-view-item, body.is-dark .list-view.list-view-v1 .list-view-item, .list-view.list-view-v1 body.is-dark .list-view-item, body.is-dark .s-card, body.is-dark .user-profile .profile-card, .user-profile body.is-dark .profile-card, body.is-dark .dashboard-list .inner-list .media-flex-center, .dashboard-list .inner-list body.is-dark .media-flex-center, body.is-dark .monday-achievement .monday-achievement-card .media-flex-center, .monday-achievement .monday-achievement-card body.is-dark .media-flex-center, body.is-dark .dashboard-card, body.is-dark .form-layout .form-outer, .form-layout body.is-dark .form-outer, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .form-section-inner, body.is-dark .list-view.list-view-v2 .list-view-item, .list-view.list-view-v2 body.is-dark .list-view-item, body.is-dark .topic-feed-item, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .content-wrap, body.is-dark .collapse, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .team-card, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .project-card, body.is-dark .l-card, body.is-dark .stat-widget, body.is-dark .cart-widget, body.is-dark .followers-widget, body.is-dark .contact-widget, body.is-dark .avatar-list-widget, body.is-dark .call-widget, body.is-dark .social-buttons-widget, body.is-dark .creative-list-widget, body.is-dark .illustration-widget.illustration-widget-v3, body.is-dark .illustration-widget.illustration-widget-v2, body.is-dark .illustration-widget.illustration-widget-v1, body.is-dark .inbox-widget, body.is-dark .video-widget, body.is-dark .icon-list-widget, body.is-dark .search-widget, body.is-dark .stats-widget, body.is-dark .payment-widget,
body.is-dark .picker-widget, body.is-dark .list-widget, body.is-dark .image-widget, body.is-dark .calendar-widget .calendar-widget-inner .calendar-square, .calendar-widget .calendar-widget-inner body.is-dark .calendar-square, body.is-dark .tags-widget, body.is-dark .text-widget, body.is-dark .icon-toolbar-widget, body.is-dark .gauge-widget {
  background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  box-shadow: #232326 0 0 3px 1px;
}
body.is-dark .r-card.is-primary, body.is-dark .list-view.list-view-v4 .is-primary.list-view-item, .list-view.list-view-v4 body.is-dark .is-primary.list-view-item, body.is-dark .list-view.list-view-v3 .is-primary.list-view-item, .list-view.list-view-v3 body.is-dark .is-primary.list-view-item, body.is-dark .list-view.list-view-v1 .is-primary.list-view-item, .list-view.list-view-v1 body.is-dark .is-primary.list-view-item, body.is-dark .s-card.is-primary, body.is-dark .user-profile .is-primary.profile-card, .user-profile body.is-dark .is-primary.profile-card, body.is-dark .dashboard-list .inner-list .is-primary.media-flex-center, .dashboard-list .inner-list body.is-dark .is-primary.media-flex-center, body.is-dark .monday-achievement .monday-achievement-card .is-primary.media-flex-center, .monday-achievement .monday-achievement-card body.is-dark .is-primary.media-flex-center, body.is-dark .is-primary.dashboard-card, body.is-dark .form-layout .is-primary.form-outer, .form-layout body.is-dark .is-primary.form-outer, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .is-primary.form-section-inner, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .is-primary.form-section-inner, body.is-dark .list-view.list-view-v2 .is-primary.list-view-item, .list-view.list-view-v2 body.is-dark .is-primary.list-view-item, body.is-dark .is-primary.topic-feed-item, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-primary.content-wrap, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .is-primary.content-wrap, body.is-dark .is-primary.collapse, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-primary.team-card, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.project-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-primary.project-card, body.is-dark .l-card.is-primary, body.is-dark .is-primary.stat-widget, body.is-dark .is-primary.cart-widget, body.is-dark .is-primary.followers-widget, body.is-dark .is-primary.contact-widget, body.is-dark .is-primary.avatar-list-widget, body.is-dark .is-primary.call-widget, body.is-dark .is-primary.social-buttons-widget, body.is-dark .is-primary.creative-list-widget, body.is-dark .is-primary.illustration-widget.illustration-widget-v3, body.is-dark .is-primary.illustration-widget.illustration-widget-v2, body.is-dark .is-primary.illustration-widget.illustration-widget-v1, body.is-dark .is-primary.inbox-widget, body.is-dark .is-primary.video-widget, body.is-dark .is-primary.icon-list-widget, body.is-dark .is-primary.search-widget, body.is-dark .is-primary.stats-widget, body.is-dark .is-primary.payment-widget,
body.is-dark .is-primary.picker-widget, body.is-dark .is-primary.list-widget, body.is-dark .is-primary.image-widget, body.is-dark .calendar-widget .calendar-widget-inner .is-primary.calendar-square, .calendar-widget .calendar-widget-inner body.is-dark .is-primary.calendar-square, body.is-dark .is-primary.tags-widget, body.is-dark .is-primary.text-widget, body.is-dark .is-primary.icon-toolbar-widget, body.is-dark .is-primary.gauge-widget {
  background: #797bf2;
  border-color: #797bf2;
}
body.is-dark .r-card .h-avatar img, body.is-dark .list-view.list-view-v4 .list-view-item .h-avatar img, .list-view.list-view-v4 body.is-dark .list-view-item .h-avatar img, body.is-dark .list-view.list-view-v3 .list-view-item .h-avatar img, .list-view.list-view-v3 body.is-dark .list-view-item .h-avatar img, body.is-dark .list-view.list-view-v1 .list-view-item .h-avatar img, .list-view.list-view-v1 body.is-dark .list-view-item .h-avatar img, body.is-dark .r-card .h-avatar .pill, body.is-dark .list-view.list-view-v4 .list-view-item .h-avatar .pill, .list-view.list-view-v4 body.is-dark .list-view-item .h-avatar .pill, body.is-dark .list-view.list-view-v3 .list-view-item .h-avatar .pill, .list-view.list-view-v3 body.is-dark .list-view-item .h-avatar .pill, body.is-dark .list-view.list-view-v1 .list-view-item .h-avatar .pill, .list-view.list-view-v1 body.is-dark .list-view-item .h-avatar .pill, body.is-dark .s-card .h-avatar img, body.is-dark .community-page .dashboard-card .h-avatar img, .community-page body.is-dark .dashboard-card .h-avatar img, body.is-dark .user-profile .profile-card .h-avatar img, .user-profile body.is-dark .profile-card .h-avatar img, body.is-dark .dashboard-list .inner-list .media-flex-center .h-avatar img, .dashboard-list .inner-list body.is-dark .media-flex-center .h-avatar img, body.is-dark .monday-achievement .monday-achievement-card .media-flex-center .h-avatar img, .monday-achievement .monday-achievement-card body.is-dark .media-flex-center .h-avatar img, body.is-dark .dashboard-card .h-avatar img, body.is-dark .form-layout .form-outer .h-avatar img, .form-layout body.is-dark .form-outer .h-avatar img, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .h-avatar img, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .form-section-inner .h-avatar img, body.is-dark .list-view.list-view-v2 .list-view-item .h-avatar img, .list-view.list-view-v2 body.is-dark .list-view-item .h-avatar img, body.is-dark .topic-feed-item .h-avatar img, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .h-avatar img, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .content-wrap .h-avatar img, body.is-dark .collapse .h-avatar img, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .h-avatar img, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .team-card .h-avatar img, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .h-avatar img, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .project-card .h-avatar img, body.is-dark .s-card .h-avatar .pill, body.is-dark .community-page .dashboard-card .h-avatar .pill, .community-page body.is-dark .dashboard-card .h-avatar .pill, body.is-dark .user-profile .profile-card .h-avatar .pill, .user-profile body.is-dark .profile-card .h-avatar .pill, body.is-dark .dashboard-list .inner-list .media-flex-center .h-avatar .pill, .dashboard-list .inner-list body.is-dark .media-flex-center .h-avatar .pill, body.is-dark .monday-achievement .monday-achievement-card .media-flex-center .h-avatar .pill, .monday-achievement .monday-achievement-card body.is-dark .media-flex-center .h-avatar .pill, body.is-dark .dashboard-card .h-avatar .pill, body.is-dark .form-layout .form-outer .h-avatar .pill, .form-layout body.is-dark .form-outer .h-avatar .pill, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .h-avatar .pill, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .form-section-inner .h-avatar .pill, body.is-dark .list-view.list-view-v2 .list-view-item .h-avatar .pill, .list-view.list-view-v2 body.is-dark .list-view-item .h-avatar .pill, body.is-dark .topic-feed-item .h-avatar .pill, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .h-avatar .pill, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .content-wrap .h-avatar .pill, body.is-dark .collapse .h-avatar .pill, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .h-avatar .pill, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .team-card .h-avatar .pill, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .h-avatar .pill, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .project-card .h-avatar .pill, body.is-dark .l-card .h-avatar img, body.is-dark .stat-widget .h-avatar img, body.is-dark .cart-widget .h-avatar img, body.is-dark .followers-widget .h-avatar img, body.is-dark .contact-widget .h-avatar img, body.is-dark .avatar-list-widget .h-avatar img, body.is-dark .call-widget .h-avatar img, body.is-dark .social-buttons-widget .h-avatar img, body.is-dark .creative-list-widget .h-avatar img, body.is-dark .illustration-widget.illustration-widget-v3 .h-avatar img, body.is-dark .illustration-widget.illustration-widget-v2 .h-avatar img, body.is-dark .illustration-widget.illustration-widget-v1 .h-avatar img, body.is-dark .inbox-widget .h-avatar img, body.is-dark .video-widget .h-avatar img, body.is-dark .icon-list-widget .h-avatar img, body.is-dark .search-widget .h-avatar img, body.is-dark .stats-widget .h-avatar img, body.is-dark .payment-widget .h-avatar img,
body.is-dark .picker-widget .h-avatar img, body.is-dark .list-widget .h-avatar img, body.is-dark .image-widget .h-avatar img, body.is-dark .calendar-widget .calendar-widget-inner .calendar-square .h-avatar img, .calendar-widget .calendar-widget-inner body.is-dark .calendar-square .h-avatar img, body.is-dark .tags-widget .h-avatar img, body.is-dark .text-widget .h-avatar img, body.is-dark .icon-toolbar-widget .h-avatar img, body.is-dark .gauge-widget .h-avatar img, body.is-dark .l-card .h-avatar .pill, body.is-dark .stat-widget .h-avatar .pill, body.is-dark .cart-widget .h-avatar .pill, body.is-dark .followers-widget .h-avatar .pill, body.is-dark .contact-widget .h-avatar .pill, body.is-dark .avatar-list-widget .h-avatar .pill, body.is-dark .call-widget .h-avatar .pill, body.is-dark .social-buttons-widget .h-avatar .pill, body.is-dark .creative-list-widget .h-avatar .pill, body.is-dark .illustration-widget.illustration-widget-v3 .h-avatar .pill, body.is-dark .illustration-widget.illustration-widget-v2 .h-avatar .pill, body.is-dark .illustration-widget.illustration-widget-v1 .h-avatar .pill, body.is-dark .inbox-widget .h-avatar .pill, body.is-dark .video-widget .h-avatar .pill, body.is-dark .icon-list-widget .h-avatar .pill, body.is-dark .search-widget .h-avatar .pill, body.is-dark .stats-widget .h-avatar .pill, body.is-dark .payment-widget .h-avatar .pill,
body.is-dark .picker-widget .h-avatar .pill, body.is-dark .list-widget .h-avatar .pill, body.is-dark .image-widget .h-avatar .pill, body.is-dark .calendar-widget .calendar-widget-inner .calendar-square .h-avatar .pill, .calendar-widget .calendar-widget-inner body.is-dark .calendar-square .h-avatar .pill, body.is-dark .tags-widget .h-avatar .pill, body.is-dark .text-widget .h-avatar .pill, body.is-dark .icon-toolbar-widget .h-avatar .pill, body.is-dark .gauge-widget .h-avatar .pill {
  border-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%) !important;
}
body.is-dark .r-card .avatar-stack .h-avatar, body.is-dark .list-view.list-view-v4 .list-view-item .avatar-stack .h-avatar, .list-view.list-view-v4 body.is-dark .list-view-item .avatar-stack .h-avatar, body.is-dark .list-view.list-view-v3 .list-view-item .avatar-stack .h-avatar, .list-view.list-view-v3 body.is-dark .list-view-item .avatar-stack .h-avatar, body.is-dark .list-view.list-view-v1 .list-view-item .avatar-stack .h-avatar, .list-view.list-view-v1 body.is-dark .list-view-item .avatar-stack .h-avatar, body.is-dark .s-card .avatar-stack .h-avatar, body.is-dark .user-profile .profile-card .avatar-stack .h-avatar, .user-profile body.is-dark .profile-card .avatar-stack .h-avatar, body.is-dark .dashboard-list .inner-list .media-flex-center .avatar-stack .h-avatar, .dashboard-list .inner-list body.is-dark .media-flex-center .avatar-stack .h-avatar, body.is-dark .monday-achievement .monday-achievement-card .media-flex-center .avatar-stack .h-avatar, .monday-achievement .monday-achievement-card body.is-dark .media-flex-center .avatar-stack .h-avatar, body.is-dark .dashboard-card .avatar-stack .h-avatar, body.is-dark .form-layout .form-outer .avatar-stack .h-avatar, .form-layout body.is-dark .form-outer .avatar-stack .h-avatar, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .avatar-stack .h-avatar, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .form-section-inner .avatar-stack .h-avatar, body.is-dark .list-view.list-view-v2 .list-view-item .avatar-stack .h-avatar, .list-view.list-view-v2 body.is-dark .list-view-item .avatar-stack .h-avatar, body.is-dark .topic-feed-item .avatar-stack .h-avatar, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .avatar-stack .h-avatar, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .content-wrap .avatar-stack .h-avatar, body.is-dark .collapse .avatar-stack .h-avatar, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .avatar-stack .h-avatar, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .team-card .avatar-stack .h-avatar, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .avatar-stack .h-avatar, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .project-card .avatar-stack .h-avatar, body.is-dark .l-card .avatar-stack .h-avatar, body.is-dark .stat-widget .avatar-stack .h-avatar, body.is-dark .cart-widget .avatar-stack .h-avatar, body.is-dark .followers-widget .avatar-stack .h-avatar, body.is-dark .contact-widget .avatar-stack .h-avatar, body.is-dark .avatar-list-widget .avatar-stack .h-avatar, body.is-dark .call-widget .avatar-stack .h-avatar, body.is-dark .social-buttons-widget .avatar-stack .h-avatar, body.is-dark .creative-list-widget .avatar-stack .h-avatar, body.is-dark .illustration-widget.illustration-widget-v3 .avatar-stack .h-avatar, body.is-dark .illustration-widget.illustration-widget-v2 .avatar-stack .h-avatar, body.is-dark .illustration-widget.illustration-widget-v1 .avatar-stack .h-avatar, body.is-dark .inbox-widget .avatar-stack .h-avatar, body.is-dark .video-widget .avatar-stack .h-avatar, body.is-dark .icon-list-widget .avatar-stack .h-avatar, body.is-dark .search-widget .avatar-stack .h-avatar, body.is-dark .stats-widget .avatar-stack .h-avatar, body.is-dark .payment-widget .avatar-stack .h-avatar,
body.is-dark .picker-widget .avatar-stack .h-avatar, body.is-dark .list-widget .avatar-stack .h-avatar, body.is-dark .image-widget .avatar-stack .h-avatar, body.is-dark .calendar-widget .calendar-widget-inner .calendar-square .avatar-stack .h-avatar, .calendar-widget .calendar-widget-inner body.is-dark .calendar-square .avatar-stack .h-avatar, body.is-dark .tags-widget .avatar-stack .h-avatar, body.is-dark .text-widget .avatar-stack .h-avatar, body.is-dark .icon-toolbar-widget .avatar-stack .h-avatar, body.is-dark .gauge-widget .avatar-stack .h-avatar {
  border-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%) !important;
}
body.is-dark .r-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .list-view.list-view-v4 .list-view-item .avatar-stack .h-avatar .avatar.is-more .inner, .list-view.list-view-v4 body.is-dark .list-view-item .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .list-view.list-view-v3 .list-view-item .avatar-stack .h-avatar .avatar.is-more .inner, .list-view.list-view-v3 body.is-dark .list-view-item .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .list-view.list-view-v1 .list-view-item .avatar-stack .h-avatar .avatar.is-more .inner, .list-view.list-view-v1 body.is-dark .list-view-item .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .s-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .user-profile .profile-card .avatar-stack .h-avatar .avatar.is-more .inner, .user-profile body.is-dark .profile-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .dashboard-list .inner-list .media-flex-center .avatar-stack .h-avatar .avatar.is-more .inner, .dashboard-list .inner-list body.is-dark .media-flex-center .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .monday-achievement .monday-achievement-card .media-flex-center .avatar-stack .h-avatar .avatar.is-more .inner, .monday-achievement .monday-achievement-card body.is-dark .media-flex-center .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .dashboard-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .form-layout .form-outer .avatar-stack .h-avatar .avatar.is-more .inner, .form-layout body.is-dark .form-outer .avatar-stack .h-avatar .avatar.is-more .inner, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .form-section-inner .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .list-view.list-view-v2 .list-view-item .avatar-stack .h-avatar .avatar.is-more .inner, .list-view.list-view-v2 body.is-dark .list-view-item .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .topic-feed-item .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .avatar-stack .h-avatar .avatar.is-more .inner, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .content-wrap .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .collapse .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .avatar-stack .h-avatar .avatar.is-more .inner, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .team-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .avatar-stack .h-avatar .avatar.is-more .inner, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .project-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .l-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .stat-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .cart-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .followers-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .contact-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .avatar-list-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .call-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .social-buttons-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .creative-list-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .illustration-widget.illustration-widget-v3 .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .illustration-widget.illustration-widget-v2 .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .illustration-widget.illustration-widget-v1 .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .inbox-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .video-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .icon-list-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .search-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .stats-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .payment-widget .avatar-stack .h-avatar .avatar.is-more .inner,
body.is-dark .picker-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .list-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .image-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .calendar-widget .calendar-widget-inner .calendar-square .avatar-stack .h-avatar .avatar.is-more .inner, .calendar-widget .calendar-widget-inner body.is-dark .calendar-square .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .tags-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .text-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .icon-toolbar-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .gauge-widget .avatar-stack .h-avatar .avatar.is-more .inner {
  border-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%) !important;
}

/* ==========================================================================
3. Advanced Cards
========================================================================== */
.l-card-advanced {
  border-radius: 16px;
}

.r-card-advanced {
  border-radius: 10px;
}

.s-card-advanced {
  border-radius: 6px;
}

.r-card-advanced, .s-card-advanced, .l-card-advanced {
  flex: 1;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  transition: all 0.3s;
}
.r-card-advanced .card-head, .r-card-advanced .card-foot, .s-card-advanced .card-head, .s-card-advanced .card-foot, .l-card-advanced .card-head, .l-card-advanced .card-foot {
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.r-card-advanced .card-head .left, .r-card-advanced .card-foot .left, .s-card-advanced .card-head .left, .s-card-advanced .card-foot .left, .l-card-advanced .card-head .left, .l-card-advanced .card-foot .left {
  display: flex;
  align-items: center;
}
.r-card-advanced .card-head .right, .r-card-advanced .card-foot .right, .s-card-advanced .card-head .right, .s-card-advanced .card-foot .right, .l-card-advanced .card-head .right, .l-card-advanced .card-foot .right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.r-card-advanced .card-head, .s-card-advanced .card-head, .l-card-advanced .card-head {
  border-bottom: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
}
.r-card-advanced .card-foot, .s-card-advanced .card-foot, .l-card-advanced .card-foot {
  border-top: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
}
.r-card-advanced .card-body, .s-card-advanced .card-body, .l-card-advanced .card-body {
  padding: 20px;
}

/* ==========================================================================
4. Advanced Cards Dark mode
========================================================================== */
body.is-dark .r-card-advanced, body.is-dark .s-card-advanced, body.is-dark .l-card-advanced {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .r-card-advanced .card-head, body.is-dark .r-card-advanced .card-foot, body.is-dark .s-card-advanced .card-head, body.is-dark .s-card-advanced .card-foot, body.is-dark .l-card-advanced .card-head, body.is-dark .l-card-advanced .card-foot {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .r-card-advanced .h-avatar img, body.is-dark .s-card-advanced .h-avatar img, body.is-dark .l-card-advanced .h-avatar img {
  border-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%) !important;
}
body.is-dark .r-card-advanced .avatar-stack .h-avatar, body.is-dark .s-card-advanced .avatar-stack .h-avatar, body.is-dark .l-card-advanced .avatar-stack .h-avatar {
  border-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%) !important;
}
body.is-dark .r-card-advanced .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .s-card-advanced .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .l-card-advanced .avatar-stack .h-avatar .avatar.is-more .inner {
  border-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%) !important;
}

/* ==========================================================================
5. Bulma Cards
========================================================================== */
.card.h-card {
  box-shadow: none;
  border-radius: 4px;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
}
.card.h-card .card-header {
  box-shadow: none;
}
.card.h-card .card-header .card-header-title {
  font-family: "STC Forward", sans-serif;
  font-weight: 600;
}
.card.h-card .card-image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.card.h-card .card-footer a {
  font-family: "STC Forward", sans-serif;
  color: #a2a5b9;
}

/* ==========================================================================
6. Bulma Cards Dark mode
========================================================================== */
body.is-dark .card.h-card {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .card.h-card .card-header .card-header-title {
  color: #cecece;
}
body.is-dark .card.h-card .card-footer {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .card.h-card .card-footer a {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .card.h-card .h-avatar .badge {
  border-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}

/* ==========================================================================
3. Media Queries
========================================================================== */
/*! _content.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Content
    2. Content Dark mode
*/
/* ==========================================================================
1. Content
========================================================================== */
/*! purgecss start ignore */
.content ol:not(.ck), .content ul:not(.ck) {
  color: #1d252d;
  font-family: "STC Forward", sans-serif;
}
.content ol:not(.ck).is-light, .content ul:not(.ck).is-light {
  color: #a2a5b9;
}
.content ol:not(.ck) {
  margin-left: 1em;
}
[dir=rtl] .content ol:not(.ck) {
  margin-left: 0;
  margin-right: 1em;
}
.content ul:not(.ck) {
  margin-left: 1em;
}
[dir=rtl] .content ul:not(.ck) {
  margin-left: 0;
  margin-right: 1em;
}
.content blockquote {
  color: #a2a5b9;
}
.content blockquote.is-primary {
  border-color: #4f008c;
}
.content blockquote.is-success {
  border-color: #06d6a0;
}
.content blockquote.is-info {
  border-color: #039BE5;
}
.content blockquote.is-warning {
  border-color: #faae42;
}
.content blockquote.is-danger {
  border-color: #e62965;
}
.content table th {
  color: #1d252d;
}
.content.list-content ol {
  counter-reset: item;
}
.content.list-content ol.flex {
  margin-bottom: 1em;
}
.content.list-content ol.flex li {
  display: flex;
  margin-bottom: 5px;
}
.content.list-content ol.flex li li:before {
  font-weight: 500;
  line-height: 1.5;
}
.content.list-content li {
  display: block;
}
.content.list-content li:before {
  content: counters(item, "-") " ";
  white-space: nowrap;
  counter-increment: item;
  margin-right: 5px;
  line-height: 1.2;
  font-weight: 500;
}
[dir=rtl] .content.list-content li:before {
  content: counters(item, "۔") " ";
  margin-left: 5px;
  margin-right: 0;
}
.content.list-content .hide-number:before {
  color: #00c4a7;
  opacity: 0;
  position: absolute;
}
.content.list-content ul.dots {
  list-style-type: disc;
  display: list-item;
  margin-left: 2em;
}
[dir=rtl] .content.list-content ul.dots {
  margin-left: 0;
  margin-right: 2em;
}
.content.list-content ul.dots li {
  list-style-type: disc;
  display: list-item;
}
.content.list-content ul.dots li:before {
  content: unset !important;
  position: absolute;
}

:root {
  --ck-font-face: 'STC Forward', sans-serif!important;
}

.ck.ck-button, a.ck.ck-button {
  justify-content: start !important;
}

.ck.ck-list__item .ck-button.ck-on {
  background: var(--is-primary-600) !important;
}

body.is-dark .ck .ck-toolbar {
  background-color: #252529;
  border-color: #28282b;
}
body.is-dark .ck .ck-reset_all, body.is-dark .ck .ck-reset_all * {
  color: #cecece;
}
body.is-dark .ck .ck-button.ck-on, body.is-dark .ck a.ck.ck-button.ck-on {
  background: #3b3b40;
}
body.is-dark .ck .ck-list {
  background: #252529;
  border-color: #28282b;
}
body.is-dark .ck .ck-dropdown__panel {
  border-color: #28282b;
}
body.is-dark .ck .ck-button:not(.ck-disabled):hover, body.is-dark .ck a.ck-button:not(.ck-disabled):hover {
  background: #28282b;
}
body.is-dark .ck .ck-balloon-panel {
  background: #3b3b40;
  border-color: #28282b;
}
body.is-dark .ck .ck-input {
  background: #252529;
  border-color: #28282b;
}
body.is-dark .ck {
  --ck-color-base-foreground: #252529!important;
  --ck-color-base-background: #28282b!important;
  --ck-color-base-border: #28282b!important;
  --ck-color-base-action: #787bf1!important;
  --ck-color-base-focus: #787bf1!important;
  --ck-color-base-text: #cecece!important;
  --ck-color-base-active: #787bf1!important;
  --ck-color-base-active-focus: #787bf1!important;
  --ck-color-button-on-background: #3b3b40!important;
}

/*! purgecss end ignore */
/* ==========================================================================
2. Content Dark mode
========================================================================== */
/*! purgecss start ignore */
body.is-dark .content ol:not(.is-light), body.is-dark .content ul:not(.is-light) {
  color: #cecece;
}
body.is-dark .content ol:not(.is-light) p, body.is-dark .content ul:not(.is-light) p {
  color: #a2a5b9;
}
body.is-dark .content blockquote {
  background: rgb(23.314531292%, 23.314531292%, 25.3129196884%);
}
body.is-dark .content blockquote:not(.is-primary):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger) {
  border-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark .content blockquote.is-primary {
  border-color: #797bf2;
}
body.is-dark .content table th {
  color: #cecece;
  border-color: rgb(27.1501477303%, 27.1501477303%, 29.4773032501%);
}
body.is-dark .content table td {
  border-color: rgb(27.1501477303%, 27.1501477303%, 29.4773032501%);
}
body.is-dark .is-divider, body.is-dark .is-divider-vertical {
  border-color: rgb(27.1501477303%, 27.1501477303%, 29.4773032501%);
}
body.is-dark .is-divider:before, body.is-dark .is-divider-vertical:before {
  border-color: rgb(27.1501477303%, 27.1501477303%, 29.4773032501%);
}
body.is-dark .is-divider:after, body.is-dark .is-divider-vertical:after {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}

/*! purgecss end ignore */
/*! _forms-general.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. labels
    2. Inputs and textareas
    3. Radios
    4. Fieldset | Field | Control
    5. Fieldset | Field | Control Dark mode
    6. Custom select
    7. Autocomplete
    8. Autocomplete Dark mode
    9. Switch
    10. Range input
    11. File inputs
    12. File inputs Dark mode
    13. Filepond
    14. Filepond Dark mode
    15. Choices
    16. Choices Dark mode
    17. material
    18. Material Dark mode
*/
/* ==========================================================================
1. Labels
========================================================================== */
.form-label {
  display: block;
  margin-bottom: 4px;
  font-size: 0.9rem;
  font-weight: 500;
  color: #1d252d;
}
.form-label.is-smaller {
  font-size: 0.8rem;
  font-weight: 400;
}
.form-label.is-narrow {
  margin-bottom: 0;
}

.sub-label {
  font-size: 0.8rem;
  color: #999;
}

/* ==========================================================================
2. Inputs and textareas
========================================================================== */
[dir=rtl] #app .select select:not([multiple]) {
  padding-left: 2.5em;
  padding-right: calc(0.75em - 1px);
}
[dir=rtl] #app .select:not(.is-multiple):not(.is-loading)::after {
  right: unset;
  left: 1.125em;
}
#app .select.is-loading::after, #app .control.is-loading::after {
  position: absolute;
}
[dir=rtl] #app .select.is-loading::after, [dir=rtl] #app .control.is-loading::after {
  right: unset;
  left: 0.75em;
}
[dir=rtl] #app .control.has-icons-left .input, [dir=rtl] #app .control.has-icons-left .select select {
  padding-right: 2.5em;
}
[dir=rtl] #app .control.has-icons-left .icon.is-left {
  right: 0;
  left: unset;
}
[dir=rtl] #app .control .help.counter {
  float: left;
  margin-right: 0.5em;
}

.input, .input:focus, .textarea, .textarea:focus {
  box-shadow: none;
}

.select select:focus, .textarea:focus, .input:focus, .select select.is-focused, .is-focused.textarea, .is-focused.input, .select select:active, .textarea:active, .input:active, .select select.is-active, .is-active.textarea, .is-active.input {
  border-color: #4f008c;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
body.is-dark .select select:focus, body.is-dark .textarea:focus, body.is-dark .input:focus, body.is-dark .select select.is-focused, body.is-dark .is-focused.textarea, body.is-dark .is-focused.input, body.is-dark .select select:active, body.is-dark .textarea:active, body.is-dark .input:active, body.is-dark .select select.is-active, body.is-dark .is-active.textarea, body.is-dark .is-active.input {
  border-color: #797bf2;
}

.input {
  height: 38px;
  transition: all 0.3s;
}
.input:focus {
  border-color: rgb(88.9411764706%, 88.9411764706%, 88.9411764706%);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.input:focus.is-primary-focus {
  border-color: #4f008c !important;
}
.input:focus.is-success-focus {
  border-color: #06d6a0 !important;
}
.input:focus.is-info-focus {
  border-color: #039BE5 !important;
}
.input:focus.is-warning-focus {
  border-color: #faae42 !important;
}
.input:focus.is-danger-focus {
  border-color: #e62965 !important;
}

.textarea {
  transition: all 0.3s;
}
.textarea:focus {
  border-color: rgb(88.9411764706%, 88.9411764706%, 88.9411764706%);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.textarea:focus.is-primary-focus {
  border-color: #4f008c !important;
}
.textarea:focus.is-success-focus {
  border-color: #06d6a0 !important;
}
.textarea:focus.is-info-focus {
  border-color: #039BE5 !important;
}
.textarea:focus.is-warning-focus {
  border-color: #faae42 !important;
}
.textarea:focus.is-danger-focus {
  border-color: #e62965 !important;
}

/* ==========================================================================
3. Inputs and textareas dark-mode
========================================================================== */
body.is-dark .select select option {
  color: #999;
}
body.is-dark .input, body.is-dark .textarea {
  background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
  color: #cecece;
}
body.is-dark .input:hover, body.is-dark .textarea:hover {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .input:focus, body.is-dark .textarea:focus {
  border-color: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%);
}
body.is-dark .input:focus + .form-icon svg, body.is-dark .textarea:focus + .form-icon svg {
  stroke: #797bf2 !important;
}
body.is-dark .input::-webkit-input-placeholder, body.is-dark .textarea::-webkit-input-placeholder {
  color: rgb(50%, 50%, 50%) !important;
}
body.is-dark .input::-moz-placeholder, body.is-dark .textarea::-moz-placeholder {
  color: rgb(50%, 50%, 50%) !important;
}
body.is-dark .input:-ms-input-placeholder, body.is-dark .textarea:-ms-input-placeholder {
  color: rgb(50%, 50%, 50%) !important;
}
body.is-dark .input:-moz-placeholder, body.is-dark .textarea:-moz-placeholder {
  color: rgb(50%, 50%, 50%) !important;
}
body.is-dark .input.is-primary-focus:focus, body.is-dark .textarea.is-primary-focus:focus {
  border-color: #797bf2 !important;
}

/* ==========================================================================
3. Radios
========================================================================== */
.radio-list {
  padding: 6px 4px;
}
.radio-list li label {
  position: relative;
  display: block;
}
.radio-list li label input {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.radio-list li label input:checked + .k-radio .radio-knob {
  border-color: #4f008c;
}
.radio-list li label input:checked + .k-radio .radio-knob .knob-inner {
  transform: scale(1);
}
.radio-list li label input:checked + .k-radio .label-text {
  color: #1d252d;
}
.radio-list li label span {
  display: block;
}
.radio-list li label .k-radio {
  display: flex;
  align-items: center;
  padding: 8px 0;
}
.radio-list li label .k-radio .radio-knob {
  height: 20px;
  width: 20px;
  border: 1px solid #ccc;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.radio-list li label .k-radio .radio-knob .knob-inner {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background: #4f008c;
  transition: all 0.3s;
  transform: scale(0);
}
.radio-list li label .k-radio .label-text {
  margin-left: 10px;
  color: #999;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 0;
  transition: color 0.3s;
}

/* ==========================================================================
4. Fieldset | Field | Controls
========================================================================== */
.form-fieldset {
  padding: 20px 0;
  max-width: 480px;
  margin: 0 auto;
}
.form-fieldset .fieldset-heading {
  margin-bottom: 20px;
}
.form-fieldset .fieldset-heading h4 {
  font-family: "STC Forward", sans-serif;
  font-weight: 600;
}
.form-fieldset .fieldset-heading p {
  font-size: 0.9rem;
}
.form-fieldset .columns .column {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.select:not(.is-multiple):not(.is-loading)::after {
  border-color: rgb(74%, 74%, 74%);
  border-width: 1.4px;
}
[dir=rtl] .select:not(.is-multiple):not(.is-loading)::after {
  left: 1.125em;
  right: auto;
}

[dir=rtl] .select:not(.is-multiple) select {
  padding-left: 2.5em;
  padding-right: calc(0.75em - 1px);
}

.select.is-loading:after {
  right: 0.75em;
  top: 0.75em;
}
.select + .icon svg {
  height: 18px;
  width: 18px;
}
.select + .icon .lnil, .select + .icon .lnir {
  font-size: 16px;
}

select:focus {
  box-shadow: none !important;
  border-color: rgb(86.9411764706%, 86.9411764706%, 86.9411764706%) !important;
}

.field.is-horizontal .field-label .label {
  font-family: "STC Forward", sans-serif;
  font-size: 0.9rem;
  color: #a2a5b9 !important;
  font-weight: 400;
}
.field.has-addons .control .select, .field.is-grouped .control .select {
  height: 38px;
}
.field.has-addons .control .select.currency-select select, .field.is-grouped .control .select.currency-select select {
  font-family: "STC Forward", sans-serif;
  font-weight: 600;
}
.field.has-addons .control .select select, .field.is-grouped .control .select select {
  height: 38px;
}
[dir=rtl] .field.has-addons .control:first-child:not(:only-child) .input, [dir=rtl] .field.is-grouped .control:first-child:not(:only-child) .input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.field.has-addons .control:not(:last-child), .field.is-grouped .control:not(:last-child) {
  margin-left: -1px;
  margin-right: 0;
}
[dir=rtl] .field.has-addons .control.has-icons-right .input, [dir=rtl] .field.is-grouped .control.has-icons-right .input {
  padding-left: 2.5em;
  padding-right: calc(0.75em - 1px);
}
.field.has-textarea-addon .textarea {
  border-radius: 0;
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-color: rgb(90.9411764706%, 90.9411764706%, 90.9411764706%) !important;
  border-bottom: 1px solid rgb(90.9411764706%, 90.9411764706%, 90.9411764706%);
  box-shadow: none;
}
.field.has-textarea-addon .textarea .ql-editor {
  text-align: unset;
  max-height: 250px;
  padding: 5px;
}
.field.has-textarea-addon .textarea .ql-editor p {
  font-weight: 400;
}
body.is-dark .field.has-textarea-addon .textarea .ql-editor p {
  color: #cecece;
}
.field.has-textarea-addon .textarea .ql-editor.ql-blank::before {
  color: rgb(194, 194, 194);
  font-style: normal;
  left: 5px;
  right: 5px;
  font-size: 1rem;
  font-family: "STC Forward", -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
[dir=rtl] .field.has-textarea-addon .textarea .ql-editor.ql-blank::before {
  text-align: right;
}
body.is-dark .field.has-textarea-addon .textarea .ql-editor.ql-blank::before {
  color: rgb(50%, 50%, 50%);
}
.field.has-textarea-addon .language-bar {
  background: #fff;
  border-top: none;
  font-weight: 500;
  padding: 10px;
  font-size: 0.95rem;
  display: flex;
  align-items: center;
}
body.is-dark .field.has-textarea-addon .language-bar {
  background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
}
.field.has-textarea-addon .language-bar .dropdown {
  margin-left: auto;
}
[dir=rtl] .field.has-textarea-addon .language-bar .dropdown {
  margin-left: 0;
  margin-right: auto;
}
.field.has-textarea-addon .category-bar {
  background: #fff;
  border-top: 1px solid rgb(90.9411764706%, 90.9411764706%, 90.9411764706%);
  font-weight: 500;
  font-size: 0.9rem;
  padding: 10px;
  font-size: 0.95rem;
  display: block;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
}
body.is-dark .field.has-textarea-addon .category-bar {
  background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
}
.field.has-textarea-addon .category-bar::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.field.has-textarea-addon .category-bar .topics-category {
  margin: 10px 0 -10px;
  padding: 0 0 10px;
}
.field.has-textarea-addon .category-bar .topics-category.minimal .category {
  border: 0.7px solid rgb(91.9411764706%, 91.9411764706%, 91.9411764706%);
  background: rgb(91.9411764706%, 91.9411764706%, 91.9411764706%);
  padding: 3px 13px;
  opacity: 0.4;
}
body.is-dark .field.has-textarea-addon .category-bar .topics-category.minimal .category {
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
  background: rgb(23.314531292%, 23.314531292%, 25.3129196884%);
  opacity: 0.3;
}
.field.has-textarea-addon .category-bar .topics-category.minimal .category.is-active {
  background: none;
  border-color: #4f008c;
  opacity: 1;
}
body.is-dark .field.has-textarea-addon .category-bar .topics-category.minimal .category.is-active {
  opacity: 1;
  border-color: #797bf2;
}
.field.has-textarea-addon .category-bar .topics-category.minimal .category .asset .category-icon i {
  padding: 4px;
  font-size: 14px;
}
.field.has-textarea-addon .category-bar .topics-category.minimal .category .asset .asset-name {
  padding-left: 22px;
  padding-right: 0;
}
[dir=rtl] .field.has-textarea-addon .category-bar .topics-category.minimal .category .asset .asset-name {
  padding-right: 22px;
  padding-left: 0;
}
.field.has-textarea-addon .category-bar .dropdown {
  margin-left: auto;
}
[dir=rtl] .field.has-textarea-addon .category-bar .dropdown {
  margin-left: 0;
  margin-right: auto;
}
.field.has-textarea-addon .is-textarea-addon {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 8px;
  border-left: none;
  border-right: none;
  background: #fff;
  border-radius: 0 0 6px 6px;
  border-top: 1px solid rgb(90.9411764706%, 90.9411764706%, 90.9411764706%);
}
.field.has-textarea-addon .is-textarea-addon .start .buttons_wrapper {
  display: flex;
  align-items: center;
}
.field.has-textarea-addon .is-textarea-addon .start .buttons_wrapper span {
  display: flex;
  color: #4f008c;
  cursor: pointer;
  border-radius: 60px;
  padding: 5px;
  transition: all 0.3s;
  position: relative;
}
body.is-dark .field.has-textarea-addon .is-textarea-addon .start .buttons_wrapper span {
  color: #797bf2;
}
.field.has-textarea-addon .is-textarea-addon .start .buttons_wrapper span:hover {
  background: #f2f2f2;
}
.field.has-textarea-addon .is-textarea-addon .start .buttons_wrapper span .promo {
  position: absolute;
  font-size: 1rem;
  padding: 0.5rem 0.15rem 0.4rem;
  bottom: 3px;
  border-radius: 57px;
  font-weight: 600;
  line-height: 0;
  background: #ffdd40;
}
.field.has-textarea-addon .is-textarea-addon .start .buttons_wrapper .checkbox {
  padding: 0;
  margin-bottom: 0;
  margin-top: 0;
  display: flex;
}
.field.has-textarea-addon .is-textarea-addon .start .buttons_wrapper .checkbox input {
  left: unset;
}
.field.has-textarea-addon .is-textarea-addon .start .buttons_wrapper .checkbox .check {
  top: 0;
  background: #fff;
  content: "";
  display: inline-block;
  margin: 0 0.5em 0 0;
  padding: 0;
  vertical-align: middle;
  width: 1.6em;
  height: 1.6em;
  border-radius: 4px;
  border: 1px solid rgb(84.9411764706%, 84.9411764706%, 84.9411764706%);
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
[dir=rtl] .field.has-textarea-addon .is-textarea-addon .start .buttons_wrapper .checkbox .check {
  margin: 0 0 0 0.5em;
}
body.is-dark .field.has-textarea-addon .is-textarea-addon .start .buttons_wrapper .checkbox .check {
  border-color: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%);
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
.field.has-textarea-addon .is-textarea-addon .start .buttons_wrapper .checkbox .control-label {
  background: transparent;
  color: #a2a5b9;
  padding: 0;
}
.field.has-textarea-addon .is-textarea-addon .start .buttons_wrapper .checkbox.is-outlined.is-primary input:checked + span {
  border-color: #4f008c;
}
.field.has-textarea-addon .is-textarea-addon .start .buttons_wrapper .checkbox.is-outlined.is-primary input + span:after {
  color: #4f008c;
}
.field.has-textarea-addon .is-textarea-addon .start .buttons_wrapper .checkbox input[type=checkbox]:focus + .check {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.field > label {
  font-size: 0.9rem;
  display: block;
  font-weight: 500;
  margin-bottom: 0.5em;
}

.control.is-loading:after {
  right: 0.75em;
  top: 0.75em;
}
.control.has-icon {
  position: relative;
}
.control.has-icon .loader-icon {
  position: absolute;
  top: 0;
  right: 0;
  height: 38px;
  width: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
}
[dir=rtl] .control.has-icon .loader-icon {
  left: 0;
  right: unset;
}
.control.has-icon .loader-icon .spinner .clip {
  transition: all 0.3s;
  width: 18px !important;
  height: 18px !important;
  border-width: 2px;
  border-color: #cecece #cecece transparent !important;
}
.control.has-icon .loader-icon .clear-search-button {
  width: 24px;
  height: 24px;
  border-radius: 200px;
  background: #eee;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  outline: none;
  color: #a2a5b9;
  cursor: pointer;
}
.control.has-icon .loader-icon .clear-search-button svg {
  min-width: 18px;
  min-height: 18px;
}
body.is-dark .control.has-icon .loader-icon .clear-search-button {
  background: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
.control.has-icon .form-icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 38px;
  width: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
}
[dir=rtl] .control.has-icon .form-icon {
  right: 0;
  left: unset;
}
.control.has-icon .form-icon svg {
  height: 18px;
  width: 18px;
  stroke: #cecece;
  transition: all 0.3s;
}
.control.has-icon .form-icon .fas, .control.has-icon .form-icon .far, .control.has-icon .form-icon .fal, .control.has-icon .form-icon .fab {
  color: #cecece;
  transition: all 0.3s;
}
.control.has-icon .form-icon .lnil, .control.has-icon .form-icon .lnir {
  font-size: 1.2rem;
  color: #cecece;
  transition: all 0.3s;
}
.control.has-icon:focus-within .form-icon svg {
  stroke: #4f008c;
}
.control.has-icon:focus-within .form-icon .fas, .control.has-icon:focus-within .form-icon .far, .control.has-icon:focus-within .form-icon .fal, .control.has-icon:focus-within .form-icon .fab {
  color: #4f008c;
}
.control.has-icon:focus-within .form-icon .lnil, .control.has-icon:focus-within .form-icon .lnir {
  color: #4f008c;
}
.control.has-icon .input {
  height: 38px;
  padding-left: 38px;
  transition: all 0.3s;
}
[dir=rtl] .control.has-icon .input {
  padding-right: 38px;
  padding-left: calc(0.75em - 1px);
}
.control.has-icon .input:focus + .form-icon svg {
  stroke: #4f008c;
}
.control.has-icon .input:focus + .form-icon .fas, .control.has-icon .input:focus + .form-icon .far, .control.has-icon .input:focus + .form-icon .fal, .control.has-icon .input:focus + .form-icon .fab {
  color: #4f008c;
}
.control.has-icon .input:focus + .form-icon .lnil, .control.has-icon .input:focus + .form-icon .lnir {
  color: #4f008c;
}
.control.has-icon .input.form-datepicker {
  line-height: 38px;
}
.control.has-icon .textarea {
  padding-left: 38px;
}
[dir=rtl] .control.has-icon .textarea {
  padding-right: 38px;
  padding-left: calc(0.75em - 1px);
}
.control.has-validation.has-success input {
  border-color: #06d6a0 !important;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  transition: all 0.3s;
}
.control.has-validation.has-success .validation-icon.is-success, .control.has-validation.has-success .form-icon {
  opacity: 1 !important;
}
.control.has-validation.has-success .validation-icon.is-success svg, .control.has-validation.has-success .validation-icon.is-success .form-icon svg, .control.has-validation.has-success .form-icon svg, .control.has-validation.has-success .form-icon .form-icon svg {
  stroke: #06d6a0 !important;
}
.control.has-validation.has-error input {
  border-color: #e62965 !important;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.control.has-validation.has-error .validation-icon.is-error, .control.has-validation.has-error .form-icon {
  opacity: 1 !important;
}
.control.has-validation.has-error .validation-icon.is-error svg, .control.has-validation.has-error .validation-icon.is-error .form-icon svg, .control.has-validation.has-error .form-icon svg, .control.has-validation.has-error .form-icon .form-icon svg {
  stroke: #e62965 !important;
}
.control.has-validation.has-error .help-text span.info {
  display: none;
}
.control.has-validation.has-error .help-text span.error {
  display: block;
}
.control.has-validation .input {
  padding-right: 40px;
}
.control.has-validation .validation-icon {
  position: absolute;
  top: 0;
  right: 0;
  height: 38px;
  width: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.3s;
}
.control.has-validation .validation-icon svg {
  height: 18px;
  width: 18px;
  stroke: #cecece;
  transition: all 0.3s;
}
.control .help-text {
  display: block;
  color: #999;
  margin-top: 10px;
  font-size: 0.8rem;
}
.control .help-text span.info {
  display: block;
}
.control .help-text span.error {
  display: none;
  color: #e62965;
}
.control .search-results {
  position: absolute;
  top: 64px;
  left: 0;
  width: 100%;
  max-height: 285px;
  overflow-y: auto;
  background: #fff;
  opacity: 0;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  border-radius: 4px;
  pointer-events: none;
  transform: translateY(5px);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  z-index: 10;
  transition: all 0.3s;
}
.control .search-results.is-active {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}
.control .search-results .placeholder-wrap {
  min-height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}
.control .search-results .placeholder-wrap .placeholder-content img {
  display: block;
  margin: 0 auto;
  max-width: 100px;
}
.control .search-results .placeholder-wrap .placeholder-content h3 {
  font-family: "STC Forward", sans-serif;
  font-weight: 600;
  color: #1d252d;
  padding: 0;
}
.control .search-results .placeholder-wrap .placeholder-content p {
  color: #a2a5b9;
  font-size: 0.95rem;
  max-width: 420px;
  margin: 0 auto;
}
.control .search-results .search-result {
  display: flex;
  align-items: center;
  padding: 12px;
  transition: all 0.3s;
}
.control .search-results .search-result:last-child {
  border-bottom: none;
}
.control .search-results .search-result:hover {
  background: rgb(96.9411764706%, 96.9411764706%, 96.9411764706%);
}
.control .search-results .search-result .h-avatar .article {
  border-radius: 2px;
}
.control .search-results .search-result .meta {
  margin-left: 12px;
}
.control .search-results .search-result .meta span {
  display: block;
  line-height: 1.3;
}
.control .search-results .search-result .meta span:first-child {
  font-family: "STC Forward", sans-serif;
  font-weight: 500;
  font-size: 0.9rem;
  color: #1d252d;
}
.control .search-results .search-result .meta span:nth-child(2) {
  font-size: 0.85rem;
  color: #a2a5b9;
}

/* ==========================================================================
5. Fieldset | Field | Controls Dark mode
========================================================================== */
body.is-dark .form-fieldset .fieldset-heading h4 {
  color: #cecece;
}
body.is-dark .field.has-textarea-addon .textarea {
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
}
body.is-dark .field.has-textarea-addon .is-textarea-addon {
  background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
}
body.is-dark .control.has-icon .input:focus ~ .form-icon svg {
  stroke: #797bf2;
}
body.is-dark .control.has-icon .input:focus ~ .form-icon .fas, body.is-dark .control.has-icon .input:focus ~ .form-icon .fal, body.is-dark .control.has-icon .input:focus ~ .form-icon .far, body.is-dark .control.has-icon .input:focus ~ .form-icon .fab, body.is-dark .control.has-icon .input:focus ~ .form-icon .lnir, body.is-dark .control.has-icon .input:focus ~ .form-icon .lnil {
  color: #797bf2;
}
body.is-dark .control.has-icon .form-icon svg {
  stroke: rgb(57.8238902923%, 59.1844099603%, 68.2545410802%);
}
body.is-dark .control.has-icon .form-icon .fas, body.is-dark .control.has-icon .form-icon .fal, body.is-dark .control.has-icon .form-icon .far, body.is-dark .control.has-icon .form-icon .fab, body.is-dark .control.has-icon .form-icon .lnir, body.is-dark .control.has-icon .form-icon .lnil {
  color: rgb(57.8238902923%, 59.1844099603%, 68.2545410802%);
}
body.is-dark .select:not(.is-multiple):not(.is-loading):hover:after {
  border-color: #cecece !important;
}
body.is-dark .select select {
  background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
  color: #cecece;
}
body.is-dark .search-results {
  background: rgb(11.8076819769%, 11.8076819769%, 12.8197690035%);
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
}
body.is-dark .search-results .search-result:hover {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark .search-results .search-result .meta span:first-child {
  color: #cecece;
}

/* ==========================================================================
6. Custom select
========================================================================== */
.custom-select-wrapper {
  position: relative;
  margin-bottom: 10px;
}
.custom-select-wrapper.is-opened .custom-select {
  border-color: #cecece;
}
.custom-select-wrapper.is-opened .select-drop {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}
.custom-select-wrapper.is-opened .select-caret {
  transform: rotate(180deg);
}
.custom-select-wrapper.is-opened .select-caret svg {
  stroke: #4f008c;
}
.custom-select-wrapper .custom-select {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #ededed;
  border-radius: 6px;
  padding: 14px 16px;
  cursor: pointer;
  transition: all 0.3s;
}
.custom-select-wrapper .custom-select:hover {
  border-color: #cecece;
}
.custom-select-wrapper .custom-select .selected-option .option-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.custom-select-wrapper .custom-select .selected-option .option-content .image {
  margin-right: 15px;
}
.custom-select-wrapper .custom-select .selected-option .option-content .image img {
  height: 38px;
  width: 38px;
  border-radius: 50%;
}
.custom-select-wrapper .custom-select .selected-option .option-content .option-text span {
  display: block;
}
.custom-select-wrapper .custom-select .selected-option .option-content .option-text span:first-child {
  font-size: 1rem;
  font-weight: 500;
  color: #4f008c;
}
.custom-select-wrapper .custom-select .selected-option .option-content .option-text span:nth-child(2) {
  font-size: 0.85rem;
  color: #999;
}
.custom-select-wrapper .custom-select .select-caret {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  transform: rotate(0);
  transition: all 0.3s;
}
.custom-select-wrapper .custom-select .select-caret svg {
  width: 20px;
  height: 20px;
  stroke: #999;
}
.custom-select-wrapper .select-drop {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 6px;
  margin-top: 10px;
  padding: 5px 0;
  box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important;
  z-index: 5;
  opacity: 0;
  transform: translateY(20px);
  pointer-events: none;
  transition: all 0.3s;
}
.custom-select-wrapper .select-drop .inner {
  position: relative;
}
.custom-select-wrapper .select-drop .inner .option-wrapper {
  cursor: pointer;
  border-bottom: 1px solid #ededed;
}
.custom-select-wrapper .select-drop .inner .option-wrapper:last-child {
  border-bottom: 0;
}
.custom-select-wrapper .select-drop .inner .option-wrapper:hover {
  background: #fafafa;
}
.custom-select-wrapper .select-drop .inner .option-wrapper .option-content {
  padding: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.custom-select-wrapper .select-drop .inner .option-wrapper .option-content .image {
  margin-right: 15px;
}
.custom-select-wrapper .select-drop .inner .option-wrapper .option-content .image img {
  height: 32px;
  width: 32px;
  border-radius: 50%;
}
.custom-select-wrapper .select-drop .inner .option-wrapper .option-content .option-text span {
  display: block;
}
.custom-select-wrapper .select-drop .inner .option-wrapper .option-content .option-text span:first-child {
  font-size: 0.9rem;
  font-weight: 500;
  color: #1d252d;
}
.custom-select-wrapper .select-drop .inner .option-wrapper .option-content .option-text span:nth-child(2) {
  font-size: 0.75rem;
  color: #999;
}

/* ==========================================================================
7. Autocomplete
========================================================================== */
.h-autocomplete .control {
  position: relative;
}
.h-autocomplete .control .easy-autocomplete {
  width: 100% !important;
}
.h-autocomplete .control .easy-autocomplete input {
  box-shadow: none;
  color: #999;
  transition: all 0.3s;
}
.h-autocomplete .control .easy-autocomplete .template-wrapper {
  display: flex !important;
  justify-content: flex-start;
  align-items: center;
}
.h-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper {
  position: relative;
  width: 40px !important;
  height: 40px !important;
}
.h-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .autocpl-avatar {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
}
.h-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .avatar-badge {
  position: absolute;
  bottom: 0;
  right: -5px;
  width: 18px;
  height: 18px;
  border: 2px solid #fff;
  border-radius: 50%;
}
.h-autocomplete .control .easy-autocomplete .template-wrapper .entry-text {
  margin-left: 15px;
}
.h-autocomplete .control .easy-autocomplete .template-wrapper .entry-text span {
  font-size: 0.8rem;
  color: #A9ABAC;
}
.h-autocomplete li {
  height: auto !important;
  padding-top: 8px;
  padding-bottom: 8px;
  border-left: none !important;
  border-right: none !important;
}
.h-autocomplete .easy-autocomplete-container {
  top: 120% !important;
  border: none !important;
}
.h-autocomplete .easy-autocomplete-container ul {
  border-radius: 4px !important;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important;
}

.is-autocomplete .control .easy-autocomplete {
  width: 100% !important;
}
.is-autocomplete .control .easy-autocomplete input {
  box-shadow: none;
}
.is-autocomplete .control .easy-autocomplete input:focus {
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.is-autocomplete .control .easy-autocomplete input:focus + .icon {
  color: #4f008c;
}
.is-autocomplete .control .easy-autocomplete .template-wrapper {
  display: flex !important;
  align-items: center;
}
.is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper {
  position: relative;
  margin-right: 10px;
}
[dir=rtl] .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper {
  margin-right: 0;
  margin-left: 10px;
}
.is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .autocpl-avatar {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
}
.is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .avatar-badge {
  position: absolute;
  bottom: 0;
  right: -2px;
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  border-radius: 50%;
}
.is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text {
  color: #1d252d;
  line-height: 1.3;
}
.is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text span {
  font-family: "STC Forward", sans-serif;
  display: block;
}
.is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text span:first-child {
  font-family: "STC Forward", sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  color: #1d252d;
}
.is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text span:nth-child(2) {
  font-size: 0.9rem;
  color: #a2a5b9;
}
.is-autocomplete li {
  height: auto !important;
  padding-top: 8px;
  padding-bottom: 8px;
  border-left: none !important;
  border-right: none !important;
}
.is-autocomplete .easy-autocomplete-container {
  top: 120% !important;
  border: none !important;
}
.is-autocomplete .easy-autocomplete-container ul {
  border-radius: 4px !important;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important;
}
.is-autocomplete.field .easy-autocomplete-container {
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
  border-radius: 4px !important;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important;
  overflow-y: auto;
}
.is-autocomplete.field .easy-autocomplete-container .autocomplete-list-item {
  height: auto !important;
  max-height: 210px;
}
.is-autocomplete.field .easy-autocomplete-container .autocomplete-list-item ul {
  background: none repeat scroll 0 0 #ffffff;
  border-top: 1px dotted #ccc;
  display: none;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
  top: -1px;
}
.is-autocomplete.field .easy-autocomplete-container .autocomplete-list-item ul li {
  background: inherit;
  border-color: #ccc;
  -o-border-image: none;
     border-image: none;
  border-style: solid;
  border-width: 0 1px;
  display: block;
  font-size: 14px;
  font-weight: normal;
  padding: 10px;
}
.is-autocomplete.field .easy-autocomplete-container .autocomplete-list-item ul li:hover {
  background: none repeat scroll 0 0 #ebebeb;
  cursor: pointer;
}
.is-autocomplete.field .easy-autocomplete-container .autocomplete-list-item ul li.selected {
  background: none repeat scroll 0 0 #4f008c;
}
.is-autocomplete.field .easy-autocomplete-container .autocomplete-list-item ul li.selected .eac-item .template-wrapper .entry-text span {
  color: #fff;
}
.is-autocomplete.field .easy-autocomplete-container .autocomplete-list-item ul li.selected .eac-item .template-wrapper .entry-text span:nth-child(2) {
  opacity: 0.7;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border-bottom: 1px solid #797bf2;
  -webkit-text-fill-color: #1d252d;
  -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

/* ==========================================================================
8. Autocomplete Dark mode
========================================================================== */
body.is-dark .is-autocomplete .easy-autocomplete-container > ul {
  background: #232326;
  border-color: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%);
}
body.is-dark .is-autocomplete .easy-autocomplete-container > ul li {
  border-color: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%);
}
body.is-dark .is-autocomplete .easy-autocomplete-container > ul li.selected {
  background-color: rgb(16.6022025248%, 16.6022025248%, 18.0252484555%);
}
body.is-dark .is-autocomplete .easy-autocomplete-container > ul li .eac-item .template-wrapper .entry-text {
  color: #1d252d;
}
body.is-dark .is-autocomplete .easy-autocomplete-container > ul li .eac-item .template-wrapper .entry-text span:first-child {
  color: #cecece;
}
body.is-dark input:-webkit-autofill, body.is-dark input:-webkit-autofill:hover, body.is-dark input:-webkit-autofill:focus, body.is-dark textarea:-webkit-autofill, body.is-dark textarea:-webkit-autofill:hover, body.is-dark textarea:-webkit-autofill:focus, body.is-dark select:-webkit-autofill, body.is-dark select:-webkit-autofill:hover, body.is-dark select:-webkit-autofill:focus {
  border-bottom: 1px solid #00C48C;
  -webkit-text-fill-color: #ffffff;
  -webkit-box-shadow: 0 0 0px 1000px #1c1c1f inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

/* ==========================================================================
9. Switch
========================================================================== */
.form-switch {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.form-switch.is-primary input:checked + i {
  background-color: #4f008c;
}
.form-switch.is-success input:checked + i {
  background-color: #06d6a0;
}
.form-switch.is-info input:checked + i {
  background-color: #039BE5;
}
.form-switch.is-warning input:checked + i {
  background-color: #faae42;
}
.form-switch.is-danger input:checked + i {
  background-color: #e62965;
}
.form-switch i {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 26px;
  background-color: #e6e6e6;
  border-radius: 23px;
  vertical-align: text-bottom;
  transition: all 0.3s linear;
}
.form-switch i::before {
  content: "";
  position: absolute;
  left: 0;
  width: 42px;
  height: 22px;
  background-color: #fff;
  border-radius: 11px;
  transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
  transition: all 0.25s linear;
}
.form-switch i::after {
  content: "";
  position: absolute;
  left: 0;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border-radius: 11px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
  transform: translate3d(2px, 2px, 0);
  transition: all 0.2s ease-in-out;
}
.form-switch:active i::after {
  width: 28px;
  transform: translate3d(2px, 2px, 0);
}
.form-switch:active input:checked + i::after {
  transform: translate3d(16px, 2px, 0);
}
.form-switch input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.form-switch input:checked + i {
  background-color: #a2a5b9;
}
.form-switch input:checked + i::before {
  transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0);
}
.form-switch input:checked + i::after {
  transform: translate3d(22px, 2px, 0);
}
.form-switch small {
  color: #999;
  position: relative;
  top: -4px;
}

.switch-block {
  padding: 10px 0;
  display: flex;
  align-items: center;
}
.switch-block .text {
  margin-left: 6px;
}
.switch-block .text span {
  display: block;
  position: relative;
  top: -2px;
  color: #a2a5b9;
}

/* ==========================================================================
14. Switch Dark mode
========================================================================== */
body.is-dark .form-switch.is-primary input:checked + i {
  background-color: #797bf2 !important;
}
body.is-dark .form-switch.is-primary input:checked + i:after {
  background: #fff !important;
}
body.is-dark .form-switch.is-success input:checked + i {
  background-color: #06d6a0 !important;
}
body.is-dark .form-switch.is-success input:checked + i:after {
  background: #fff !important;
}
body.is-dark .form-switch.is-info input:checked + i {
  background-color: #039BE5 !important;
}
body.is-dark .form-switch.is-info input:checked + i:after {
  background: #fff !important;
}
body.is-dark .form-switch.is-warning input:checked + i {
  background-color: #faae42 !important;
}
body.is-dark .form-switch.is-warning input:checked + i:after {
  background: #fff !important;
}
body.is-dark .form-switch.is-danger input:checked + i {
  background-color: #e62965 !important;
}
body.is-dark .form-switch.is-danger input:checked + i:after {
  background: #fff !important;
}
body.is-dark .form-switch i {
  background: #232326 !important;
}
body.is-dark .form-switch i:before {
  background: #232326 !important;
}
body.is-dark .form-switch i:after {
  background: rgb(34.821380607%, 34.821380607%, 37.8060703734%) !important;
}
body.is-dark .form-switch input:checked + i:after {
  background: rgb(68.0526457158%, 68.0526457158%, 70.5748052646%) !important;
}

/* ==========================================================================
14. Thin Switch
========================================================================== */
.thin-switch {
  display: block;
  margin-left: 8px;
}
.thin-switch.is-primary .input:checked ~ .slider {
  background: rgb(53.5518207283%, 0%, 94.9019607843%);
}
.thin-switch.is-primary .input:checked ~ .slider:after {
  background: #4f008c;
  border-color: #4f008c;
}
.thin-switch.is-success .input:checked ~ .slider {
  background: rgb(28.2852049911%, 97.9893048128%, 79.8930481283%);
}
.thin-switch.is-success .input:checked ~ .slider:after {
  background: #06d6a0;
  border-color: #06d6a0;
}
.thin-switch.is-info .input:checked ~ .slider {
  background: rgb(31.8728870859%, 77.0926301555%, 99.107505071%);
}
.thin-switch.is-info .input:checked ~ .slider:after {
  background: #039BE5;
  border-color: #039BE5;
}
.thin-switch.is-warning .input:checked ~ .slider {
  background: rgb(99.0701435213%, 84.9363250455%, 64.8514251061%);
}
.thin-switch.is-warning .input:checked ~ .slider:after {
  background: #faae42;
  border-color: #faae42;
}
.thin-switch.is-danger .input:checked ~ .slider {
  background: rgb(94.3801788498%, 51.8943309541%, 65.3819017147%);
}
.thin-switch.is-danger .input:checked ~ .slider:after {
  background: #e62965;
  border-color: #e62965;
}
.thin-switch .slider {
  position: relative;
  display: inline-block;
  height: 8px;
  width: 32px;
  border-radius: 8px;
  cursor: pointer;
  background: #c5c5c5;
  transition: all 0.2s ease;
}
.thin-switch .slider:after {
  background: #eeeeee;
  position: absolute;
  left: -8px;
  top: -8.5px;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid transparent;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  content: "";
  transition: all 0.2s ease;
}
.thin-switch label {
  margin-right: 7px;
}
.thin-switch .input {
  display: none;
}
.thin-switch .input ~ .label {
  margin-left: 8px;
}
.thin-switch .input:checked ~ .slider:after {
  left: 16px;
}
.thin-switch .input:checked ~ .slider:after {
  background: #fff;
  border: 1px solid #ededed;
}

.thin-switch-block {
  padding: 10px 0;
  display: flex;
  align-items: center;
}
.thin-switch-block .text {
  margin-left: 16px;
}
.thin-switch-block .text span {
  display: block;
  position: relative;
  color: #a2a5b9;
}

/* ==========================================================================
14. Thin Switch Dark mode
========================================================================== */
body.is-dark .thin-switch.is-primary .input:checked ~ .slider {
  background: rgb(83.9135654262%, 84.1536614646%, 98.4393757503%);
}
body.is-dark .thin-switch.is-primary .input:checked ~ .slider:after {
  background: #797bf2;
  border-color: #797bf2;
}
body.is-dark .thin-switch.is-success .input:checked ~ .slider:after {
  background: #06d6a0;
  border-color: #06d6a0;
}
body.is-dark .thin-switch.is-info .input:checked ~ .slider:after {
  background: #039BE5;
  border-color: #039BE5;
}
body.is-dark .thin-switch.is-warning .input:checked ~ .slider:after {
  background: #faae42;
  border-color: #faae42;
}
body.is-dark .thin-switch.is-danger .input:checked ~ .slider:after {
  background: #e62965;
  border-color: #e62965;
}
body.is-dark .thin-switch .slider {
  background: #232326;
}
body.is-dark .thin-switch .slider:after {
  background: rgb(34.821380607%, 34.821380607%, 37.8060703734%);
}
body.is-dark .thin-switch .input:checked ~ .slider:after {
  background: rgb(68.0526457158%, 68.0526457158%, 70.5748052646%);
  border: rgb(68.0526457158%, 68.0526457158%, 70.5748052646%);
}

/* ==========================================================================
10. Range input
========================================================================== */
.range-slider {
  position: relative;
  width: 100%;
  margin: 0 4px;
}
.range-slider .slider-output {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 0;
}
.range-slider .slider-output small {
  font-size: 0.8rem;
  color: #999;
}
.range-slider .input-range {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  border-radius: 5px;
  background: #ccc;
  outline: none;
}
.range-slider .input-range:focus::-webkit-slider-thumb {
  transform: scale(1.15);
}
.range-slider .input-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #4f008c;
  cursor: pointer;
  -webkit-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
  transform: scale(1);
}
.range-slider .input-range::-webkit-slider-thumb:hover {
  background: #4f008c;
}
.range-slider .input-range:active::-moz-range-thumb {
  background: #4f008c;
}
.range-slider .input-range::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border: 0;
  border-radius: 50%;
  background: #4f008c;
  cursor: pointer;
  -moz-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}
.range-slider .range-value {
  display: block !important;
  position: relative;
  color: #4f008c;
  font-size: 14px;
  font-weight: 500;
  padding: 0 10px;
}
.range-slider ::-moz-range-track {
  background: #ccc;
  border: 0;
}
.range-slider input::-moz-focus-inner {
  border: 0;
}

/* ==========================================================================
10. Slider input
========================================================================== */
.b-slider.is-primary-color .b-slider-track .b-slider-thumb-wrapper.is-dragging .b-slider-thumb:before {
  top: 3px;
  left: 6px;
}
.b-slider.is-primary-color .b-slider-track .b-slider-thumb-wrapper.is-dragging .b-slider-thumb:after {
  height: 10px;
  top: 3px;
  left: 9px;
}
body.is-dark .b-slider.is-primary-color .b-slider-track {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
.b-slider.is-primary-color .b-slider-fill {
  background: #4f008c;
}
body.is-dark .b-slider.is-primary-color .b-slider-fill {
  background: #797bf2;
}
.b-slider.is-primary-color .tooltip-content {
  background: #4f008c;
  color: #fff;
}
body.is-dark .b-slider.is-primary-color .tooltip-content {
  background: #797bf2;
  color: #cecece;
}
.b-slider.is-primary-color .tooltip-content:before {
  border-top-color: #4f008c;
}
body.is-dark .b-slider.is-primary-color .tooltip-content:before {
  border-top-color: #797bf2;
}
.b-slider.is-primary-color .b-slider-thumb {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  width: 18px;
  height: 18px;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
body.is-dark .b-slider.is-primary-color .b-slider-thumb {
  background: #232326;
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%) !important;
}
.b-slider.is-primary-color .b-slider-thumb:before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  background: #E8E7E6;
  height: 10px;
  top: 4px;
  left: 7px;
}
body.is-dark .b-slider.is-primary-color .b-slider-thumb:before {
  background: rgb(32.9035723879%, 32.9035723879%, 35.7238785925%);
}
.b-slider.is-primary-color .b-slider-thumb:after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  background: #E8E7E6;
  height: 10px;
  top: 4px;
  left: 10px;
}
body.is-dark .b-slider.is-primary-color .b-slider-thumb:after {
  background: rgb(32.9035723879%, 32.9035723879%, 35.7238785925%);
}
.b-slider.is-primary-color .b-slider-thumb:focus:before {
  top: 3px;
  left: 6px;
}
.b-slider.is-primary-color .b-slider-thumb:focus:after {
  height: 10px;
  top: 3px;
  left: 9px;
}

/* ==========================================================================
11. File inputs
========================================================================== */
.file.is-default:hover .file-cta {
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important;
}
.file.is-default .file-cta {
  background: #fff;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  transition: all 0.3s;
}

/* ==========================================================================
12. File inputs Dark mode
========================================================================== */
body.is-dark .file:not(.is-primary):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger) .file-cta {
  background: rgb(23.314531292%, 23.314531292%, 25.3129196884%);
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
  color: #cecece;
}
body.is-dark .file .file-name {
  background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
}

/* ==========================================================================
13. Filepond
========================================================================== */
/*! purgecss start ignore */
#app .filepond-uploader .filepond--file-poster img {
  -o-object-fit: cover;
     object-fit: cover;
}
#app .filepond-uploader .title-header {
  padding: 15px;
  font-weight: 500;
  font-size: 0.9rem;
  color: #4f008c;
  display: flex;
  align-items: center;
}
body.is-dark #app .filepond-uploader .title-header {
  color: #797bf2;
}
#app .filepond-uploader .title-header svg {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
[dir=rtl] #app .filepond-uploader .title-header svg {
  margin-right: 0;
  margin-left: 5px;
}
#app .filepond-uploader.is-two-grid .filepond--item {
  width: calc(50% - 0.5em);
  padding: 10px 0 20px;
  border-radius: 8px;
  overflow: hidden;
}
#app .filepond-uploader.is-three-grid .filepond--item {
  width: calc(33.3% - 0.5em);
}
#app .filepond-uploader .filepond--root {
  border-radius: 0;
  cursor: pointer;
  transition: none;
  margin-bottom: 0;
}
#app .filepond-uploader .filepond--list-scroller {
  transform: none;
}
#app .filepond-uploader {
  /*.filepond--drop-label {
      //display: none;
      min-height: 10px;
      label {
          display: none;
      }
      body.is-dark & {
          background: lighten($dark-sidebar , 5%);
      }
  }*/
}
#app .filepond-uploader.no-files {
  display: none;
  /*.filepond--panel-center,
  .filepond--panel-bottom,
  .filepond--panel-bottom::before,
  .filepond--panel-root,
  .filepond--panel-top::after,
  .filepond--root {
      transform: none;
      height: 0!important;
  }*/
}
body.is-dark #app .form-layout .filepond--panel-root {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
#app .filepond--panel-root {
  border-radius: 0;
}
body.is-dark #app .filepond--panel-root {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
#app .pintura-editor {
  --font-family: "STC Forward", -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
#app .filepond-profile-wrap, #app .filepond-square-wrap {
  display: inline-block;
  height: 100px;
  width: 100px;
  max-height: 100px;
  max-width: 100px;
}
#app .filepond-profile-wrap.is-tiny, #app .filepond-square-wrap.is-tiny {
  height: 68px;
  width: 68px;
  max-height: 68px;
  max-width: 68px;
}
#app .filepond-profile-wrap.is-tiny .lnil, #app .filepond-square-wrap.is-tiny .lnil {
  font-size: 1.8rem;
}
#app .filepond-profile-wrap.is-small, #app .filepond-square-wrap.is-small {
  height: 80px;
  width: 80px;
  max-height: 80px;
  max-width: 80px;
}
#app .filepond-profile-wrap.is-small .lnil, #app .filepond-square-wrap.is-small .lnil {
  font-size: 2rem;
}
#app .filepond-profile-wrap:hover .lnil, #app .filepond-square-wrap:hover .lnil {
  color: #4f008c;
}
#app .filepond-profile-wrap:hover .filepond--root, #app .filepond-square-wrap:hover .filepond--root {
  border-color: dashed rgb(86.9411764706%, 86.9411764706%, 86.9411764706%);
}
#app .filepond-profile-wrap .lnil, #app .filepond-square-wrap .lnil {
  pointer-events: none;
  font-size: 2.4rem;
  color: #a2a5b9;
  transition: color 0.3s;
}
#app .filepond-profile-wrap .filepond--root, #app .filepond-square-wrap .filepond--root {
  border: 2px dashed rgb(88.9411764706%, 88.9411764706%, 88.9411764706%);
  cursor: pointer;
  transition: all 0.3s;
}
#app .filepond-square-wrap .filepond--root {
  border-radius: 4px;
}
#app .pintura-editor {
  --color-primary: #4f008c;
  --color-primary-dark: #4f008c;
  --color-primary-text: #fff;
  --color-secondary: #4f008c;
  --color-secondary-dark: #4f008c;
}
#app .uploader-container {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-bottom: 20px;
}
#app .uploader-container .upload-wrapper {
  position: relative;
}
#app .uploader-container .upload-wrapper .upload-box {
  width: 100%;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 3px;
  padding: 8px;
  border: 2px dashed rgb(88.9411764706%, 88.9411764706%, 88.9411764706%);
  cursor: pointer;
  transition: all 0.3s;
}
#app .uploader-container .upload-wrapper .upload-box .filepond--panel-root {
  background: transparent;
}
#app .uploader-container .upload-wrapper .upload-box .filepond--panel-root .filepond--item, #app .uploader-container .upload-wrapper .upload-box .filepond--panel-root .player {
  border-radius: 0.45em;
  overflow: hidden;
}
#app .uploader-container .upload-wrapper .upload-box:hover {
  border-color: #4f008c;
}
#app .uploader-container .upload-wrapper .upload-box:hover .uploader-label .lnil {
  color: #4f008c;
}
#app .uploader-container .upload-wrapper .upload-box .uploader-label {
  margin: 0 auto;
  text-align: center;
}
#app .uploader-container .upload-wrapper .upload-box .uploader-label h3 {
  color: #a2a5b9;
  font: "STC Forward", sans-serif;
}
#app .uploader-container .upload-wrapper .upload-box .uploader-label h3::before {
  content: "Upload photos/videos";
  font-family: "STC Forward", sans-serif;
}
[dir=rtl] #app .uploader-container .upload-wrapper .upload-box .uploader-label h3::before {
  content: "اضافة فيديو/صورة";
}
#app .uploader-container .upload-wrapper .upload-box .uploader-label .lnil {
  font-size: 2.4rem;
  color: #cecece;
  transition: all 0.3s;
}

/*! purgecss end ignore */
/* ==========================================================================
14. Filepond Dark mode
========================================================================== */
body.is-dark .pintura-editor {
  --color-background: 30, 30, 30;
  --color-foreground: 255, 255, 255;
  --color-primary: #797bf2;
  --color-primary-dark: #797bf2;
  --color-primary-text: #fff;
  --color-secondary: #797bf2;
  --color-secondary-dark: #797bf2;
}
body.is-dark .filepond-uploader:hover .lnil, body.is-dark .filepond-profile-wrap:hover .lnil, body.is-dark .filepond-square-wrap:hover .lnil {
  color: #797bf2;
}
body.is-dark .filepond-uploader .filepond--root, body.is-dark .filepond-profile-wrap .filepond--root, body.is-dark .filepond-square-wrap .filepond--root {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .filepond-uploader .filepond--drop-label, body.is-dark .filepond-profile-wrap .filepond--drop-label, body.is-dark .filepond-square-wrap .filepond--drop-label {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark .filepond-uploader .filepond--drop-label label, body.is-dark .filepond-profile-wrap .filepond--drop-label label, body.is-dark .filepond-square-wrap .filepond--drop-label label {
  color: #cecece;
}

/* ==========================================================================
15. Choices
========================================================================== */
.choices.is-focused .choices__inner {
  border-color: rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.choices .choices__inner {
  border-radius: 6px;
  transition: all 0.3s;
}
.choices .choices__inner .choices__list .choices__item {
  position: relative !important;
  background-color: rgb(90.9411764706%, 90.9411764706%, 90.9411764706%);
  border-color: rgb(90.9411764706%, 90.9411764706%, 90.9411764706%);
  color: #1d252d;
  font-family: "STC Forward", sans-serif;
  padding: 4px 10px 5px 10px;
}
.choices .choices__inner .choices__list .choices__item:before {
  content: "\f00d";
  position: absolute;
  top: 4.5px;
  right: 14px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #a2a5b9;
}
.choices .choices__inner .choices__list .choices__item button {
  border: none;
  background-image: none;
  margin: 0 -4px 0 4px;
}
.choices .choices__list--dropdown {
  margin-top: 6px;
  border-color: rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.choices .choices__list--dropdown .choices__item--choice {
  color: #a2a5b9;
}

/* ==========================================================================
16. Choices Dark mode
========================================================================== */
body.is-dark .choices.is-focused .choices__inner {
  border-color: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%);
}
body.is-dark .choices .choices__inner {
  background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
}
body.is-dark .choices .choices__inner input {
  background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  color: #cecece;
}
body.is-dark .choices .choices__inner .choices__list .choices__item {
  background-color: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%);
  border-color: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%);
  color: #cecece;
}
body.is-dark .choices .choices__list--dropdown {
  background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
}
body.is-dark .choices .choices__list--dropdown .choices__item.is-highlighted {
  background-color: rgb(11.8076819769%, 11.8076819769%, 12.8197690035%);
}

/* ==========================================================================
6. Material Inputs
========================================================================== */
.control-material {
  position: relative;
  margin-bottom: 30px;
}
.control-material input, .control-material textarea {
  border-radius: 0 !important;
}
.control-material.is-primary input.material-input:focus ~ label, .control-material.is-primary input:valid ~ label, .control-material.is-primary textarea:focus ~ label {
  color: #a2a5b9;
}
.control-material.is-primary .bar:before, .control-material.is-primary .bar:after {
  background: #a2a5b9;
}
.control-material.is-primary.has-icon input:focus ~ i {
  color: #a2a5b9 !important;
}
.control-material.is-secondary input.material-input:focus ~ label, .control-material.is-secondary textarea:focus ~ label {
  color: #a2a5b9;
}
.control-material.is-secondary input.material-input:focus ~ label, .control-material.is-secondary input:valid ~ label, .control-material.is-secondary textarea:focus ~ label {
  color: #a2a5b9;
}
.control-material.is-secondary .bar:before, .control-material.is-secondary .bar:after {
  background: #4f008c;
}
.control-material.is-secondary.has-icon input:focus ~ i {
  color: #4f008c !important;
}
.control-material.is-accent input.material-input:focus ~ label, .control-material.is-accent input:valid ~ label, .control-material.is-accent textarea:focus ~ label {
  color: #797bf2;
}
.control-material.is-accent .bar:before, .control-material.is-accent .bar:after {
  background: #797bf2;
}
.control-material.is-accent.has-icon input:focus ~ i {
  color: #797bf2 !important;
}
.control-material.is-light input.material-input:focus ~ label, .control-material.is-light input:valid ~ label, .control-material.is-light textarea:focus ~ label {
  color: #fff;
}
.control-material.is-light .bar:before, .control-material.is-light .bar:after {
  background: #fff;
}
.control-material.is-light.has-icon input:focus ~ i {
  color: #fff !important;
}
.control-material input.material-input, .control-material textarea {
  font-size: 18px;
  padding: 0.625em 0;
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #a2a5b9;
  background-color: transparent !important;
  color: #1d252d;
}
.control-material input.material-input:focus, .control-material textarea:focus {
  outline: none;
}
.control-material label {
  font-family: "STC Forward", sans-serif !important;
  color: #cecece;
  font-size: 15px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 15px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.control-material input.material-input:focus ~ label, .control-material input:valid ~ label, .control-material textarea:focus ~ label {
  top: -10px;
  left: 0;
  font-size: 12px;
}
.control-material .bar {
  position: relative;
  display: block;
}
.control-material .bar:before, .control-material .bar:after {
  content: "";
  height: 2px;
  width: 0;
  bottom: 0px;
  position: absolute;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.control-material .bar:before {
  left: 50%;
}
.control-material .bar:after {
  right: 50%;
}
.control-material input.material-input:focus ~ .bar:before, .control-material input.material-input:focus ~ .bar:after, .control-material textarea:focus ~ .bar:before, .control-material textarea:focus ~ .bar:after {
  width: 50%;
}
.control-material.has-icon input {
  padding-right: 25px;
}
.control-material.has-icon {
  position: relative;
}
.control-material.has-icon i {
  position: absolute;
  right: 15px;
  top: 12px;
  color: #cecece;
}
.control-material.required input {
  padding-right: 25px;
}
.control-material.required {
  position: relative;
}
.control-material.required i {
  position: absolute;
  right: 15px;
  top: 8px;
  color: #cecece;
  display: none;
}
.control-material.required small.validation-info {
  display: none;
  font-size: 0.8rem;
}
.control-material.required.has-success input {
  border-bottom-color: hsl(141, 53%, 53%) !important;
}
.control-material.required.has-success .bar:after, .control-material.required.has-success .bar:before {
  background: hsl(141, 53%, 53%) !important;
}
.control-material.required.has-success .success i {
  color: hsl(141, 53%, 53%) !important;
  display: block;
}
.control-material.required.has-success label {
  color: hsl(141, 53%, 53%) !important;
}
.control-material.required.has-success small.validation-info.success {
  color: hsl(141, 53%, 53%);
  display: block;
}
.control-material.required.has-error input {
  border-bottom-color: hsl(348, 86%, 61%) !important;
}
.control-material.required.has-error .bar:after, .control-material.required.has-error .bar:before {
  background: hsl(348, 86%, 61%) !important;
}
.control-material.required.has-error .error i {
  color: hsl(348, 86%, 61%) !important;
  display: block;
}
.control-material.required.has-error label {
  color: hsl(348, 86%, 61%) !important;
}
.control-material.required.has-error small.validation-info.error {
  color: hsl(348, 86%, 61%);
  display: block;
}

.is-rtl .control-material label {
  left: auto !important;
  right: 0 !important;
}

/* ==========================================================================
6. Material Inputs Dark Mode
========================================================================== */
body.is-dark .control-material.is-primary input.material-input:focus ~ label, body.is-dark .control-material.is-primary input:valid ~ label, body.is-dark .control-material.is-primary textarea:focus ~ label {
  color: #a2a5b9;
}
body.is-dark .control-material.is-primary .bar:before, body.is-dark .control-material.is-primary .bar:after {
  background: #a2a5b9;
}
body.is-dark .control-material.is-primary.has-icon input:focus ~ i {
  color: #a2a5b9 !important;
}
body.is-dark .control-material.is-secondary input.material-input:focus ~ label, body.is-dark .control-material.is-secondary textarea:focus ~ label {
  color: #a2a5b9;
}
body.is-dark .control-material.is-secondary input.material-input:focus ~ label, body.is-dark .control-material.is-secondary input:valid ~ label, body.is-dark .control-material.is-secondary textarea:focus ~ label {
  color: #a2a5b9;
}
body.is-dark .control-material.is-secondary .bar:before, body.is-dark .control-material.is-secondary .bar:after {
  background: #4f008c;
}
body.is-dark .control-material.is-secondary.has-icon input:focus ~ i {
  color: #4f008c !important;
}
body.is-dark .control-material.is-accent input.material-input:focus ~ label, body.is-dark .control-material.is-accent input:valid ~ label, body.is-dark .control-material.is-accent textarea:focus ~ label {
  color: #797bf2;
}
body.is-dark .control-material.is-accent .bar:before, body.is-dark .control-material.is-accent .bar:after {
  background: #797bf2;
}
body.is-dark .control-material.is-accent.has-icon input:focus ~ i {
  color: #797bf2 !important;
}
body.is-dark .control-material.is-light input.material-input:focus ~ label, body.is-dark .control-material.is-light input:valid ~ label, body.is-dark .control-material.is-light textarea:focus ~ label {
  color: #fff;
}
body.is-dark .control-material.is-light .bar:before, body.is-dark .control-material.is-light .bar:after {
  background: #fff;
}
body.is-dark .control-material.is-light.has-icon input:focus ~ i {
  color: #fff !important;
}
body.is-dark .control-material input.material-input, body.is-dark .control-material textarea {
  border-bottom: 1px solid #a2a5b9;
  background-color: transparent !important;
  color: #fcfcfc;
}
body.is-dark .control-material label {
  color: #cecece;
}
body.is-dark .control-material.has-icon i {
  color: #cecece;
}
body.is-dark .control-material.required {
  position: relative;
}
body.is-dark .control-material.required i {
  color: #cecece;
}
body.is-dark .control-material.required.has-success input {
  border-bottom-color: hsl(141, 53%, 53%) !important;
}
body.is-dark .control-material.required.has-success .bar:after, body.is-dark .control-material.required.has-success .bar:before {
  background: hsl(141, 53%, 53%) !important;
}
body.is-dark .control-material.required.has-success .success i {
  color: hsl(141, 53%, 53%) !important;
}
body.is-dark .control-material.required.has-success label {
  color: hsl(141, 53%, 53%) !important;
}
body.is-dark .control-material.required.has-success small.validation-info.success {
  color: hsl(141, 53%, 53%);
}
body.is-dark .control-material.required.has-error input {
  border-bottom-color: hsl(348, 86%, 61%) !important;
}
body.is-dark .control-material.required.has-error .bar:after, body.is-dark .control-material.required.has-error .bar:before {
  background: hsl(348, 86%, 61%) !important;
}
body.is-dark .control-material.required.has-error .error i {
  color: hsl(348, 86%, 61%) !important;
}
body.is-dark .control-material.required.has-error label {
  color: hsl(348, 86%, 61%) !important;
}
body.is-dark .control-material.required.has-error small.validation-info.error {
  color: hsl(348, 86%, 61%);
}

/*! _forms-combos.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. H Select
    2. H Select Dark mode
    3. Combo Box
    4. Combo Box Dark mode
*/
/* ==========================================================================
1. H Select
========================================================================== */
.h-select {
  width: 100%;
  z-index: 3;
}
.h-select.is-dropup .select-drop {
  top: -180px;
}
.h-select.is-active .select-drop {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}
.h-select.is-active .select-icon {
  transform: rotate(180deg);
}
.h-select.has-media .select-drop {
  min-height: 180px;
  max-height: 180px;
}
.h-select.has-media .option-meta img {
  max-height: 36px !important;
  border-radius: 50%;
}
.h-select.is-rounded .select-box {
  border-radius: 500px;
  padding-left: 16px;
}
.h-select.is-rounded .select-icon {
  right: 4px;
}
.h-select .select-box {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 40px 0 10px;
  height: 38px;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #999999;
  background: #fff;
  cursor: pointer;
  transition: all 0.3s;
}
.h-select .select-box:hover {
  border-color: #ededed;
}
.h-select .select-box span {
  font-family: "STC Forward", sans-serif;
  font-size: 0.9rem;
  position: relative;
  top: 0;
}
.h-select .select-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 38px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  transform: rotate(0);
}
.h-select .select-icon svg {
  height: 20px;
  width: 20px;
  stroke: rgb(72.7843137255%, 72.7843137255%, 72.7843137255%) !important;
  transition: all 0.3s;
}
.h-select .select-drop {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  max-height: 180px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 4px;
  z-index: 5;
  transition: all 0.3s;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
}
.h-select .select-drop .drop-inner {
  position: relative;
  height: 100%;
  width: 100%;
  background: #fff;
}
.h-select .select-drop .drop-inner .option-row {
  position: relative;
  display: flex;
  background: #fff;
}
.h-select .select-drop .drop-inner .option-row:hover {
  background: rgb(95.9411764706%, 95.9411764706%, 95.9411764706%);
}
.h-select .select-drop .drop-inner .option-row input {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.h-select .select-drop .drop-inner .option-row input:checked + .option-meta {
  background: rgb(96.9411764706%, 96.9411764706%, 96.9411764706%);
}
.h-select .select-drop .drop-inner .option-row input:checked + .option-meta span {
  color: #1d252d;
}
.h-select .select-drop .drop-inner .option-row input:checked + .option-meta svg.is-purple {
  stroke: #4f008c;
}
.h-select .select-drop .drop-inner .option-row .option-meta {
  padding: 12px;
  width: 100%;
  display: flex;
  align-items: center;
}
.h-select .select-drop .drop-inner .option-row .option-meta img {
  display: block;
  max-height: 20px;
}
.h-select .select-drop .drop-inner .option-row .option-meta svg {
  height: 20px;
  width: 20px;
  stroke: #cecece;
}
.h-select .select-drop .drop-inner .option-row .option-meta svg.is-small {
  height: 14px;
  width: 14px;
}
.h-select .select-drop .drop-inner .option-row .option-meta span {
  display: block;
  font-weight: 500;
  color: #999;
  font-size: 0.9rem;
  margin-left: 8px;
}

/* ==========================================================================
2. H Select Dark mode
========================================================================== */
body.is-dark .h-select .select-box {
  background: rgb(14.6843943057%, 14.6843943057%, 15.9430566747%) !important;
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
}
body.is-dark .h-select .select-drop {
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
  background: rgb(14.6843943057%, 14.6843943057%, 15.9430566747%) !important;
}
body.is-dark .h-select .select-drop .drop-inner {
  background: rgb(14.6843943057%, 14.6843943057%, 15.9430566747%) !important;
}
body.is-dark .h-select .select-drop .option-row {
  background: rgb(14.6843943057%, 14.6843943057%, 15.9430566747%) !important;
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
}
body.is-dark .h-select .select-drop .option-row:hover {
  background: rgb(16.6022025248%, 16.6022025248%, 18.0252484555%) !important;
}
body.is-dark .h-select .select-drop .option-row input:checked + .option-meta {
  background: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
}
body.is-dark .h-select .select-drop .option-row input:checked + .option-meta span {
  color: #ccc !important;
}

/* ==========================================================================
3. Combo Box
========================================================================== */
.is-combo .combo-label {
  font-family: "STC Forward", sans-serif;
  font-size: 0.9rem;
  color: #a2a5b9;
}
.modal .is-combo .combo-box, .modal .is-combo .image-combo-box, .modal .is-combo .stacked-combo-box, .modal .is-combo .user-combo-box {
  height: 100% !important;
}
.modal .is-combo .combo-box .dropdown-inner, .modal .is-combo .image-combo-box .dropdown-inner, .modal .is-combo .stacked-combo-box .dropdown-inner, .modal .is-combo .user-combo-box .dropdown-inner {
  border: 0 !important;
  padding-top: 0 !important;
  margin-top: -8px !important;
  transition: all 0.3s;
  animation-fill-mode: both;
}
.modal .is-combo .combo-box .box-dropdown, .modal .is-combo .image-combo-box .box-dropdown, .modal .is-combo .stacked-combo-box .box-dropdown, .modal .is-combo .user-combo-box .box-dropdown {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  position: static;
}
.modal .is-combo .combo-box.is-active .box-dropdown, .modal .is-combo .image-combo-box.is-active .box-dropdown, .modal .is-combo .stacked-combo-box.is-active .box-dropdown, .modal .is-combo .user-combo-box.is-active .box-dropdown {
  height: auto;
  overflow: hidden;
  visibility: visible;
}
.modal .is-combo .combo-box.is-searchable.is-active, .modal .is-combo .image-combo-box.is-searchable.is-active, .modal .is-combo .stacked-combo-box.is-searchable.is-active, .modal .is-combo .user-combo-box.is-searchable.is-active {
  border-radius: 4px;
}
.modal .is-combo .combo-box.is-searchable .divhandler, .modal .is-combo .image-combo-box.is-searchable .divhandler, .modal .is-combo .stacked-combo-box.is-searchable .divhandler, .modal .is-combo .user-combo-box.is-searchable .divhandler {
  height: 40px;
}
.modal .is-combo .combo-box.is-searchable .box-dropdown, .modal .is-combo .image-combo-box.is-searchable .box-dropdown, .modal .is-combo .stacked-combo-box.is-searchable .box-dropdown, .modal .is-combo .user-combo-box.is-searchable .box-dropdown {
  border: 0;
  width: 100% !important;
  margin-right: 0px;
  margin-left: 0px;
  border-radius: 0 0 4px 4px;
}
.modal .is-combo .combo-box.is-searchable .box-dropdown .search-box, .modal .is-combo .image-combo-box.is-searchable .box-dropdown .search-box, .modal .is-combo .stacked-combo-box.is-searchable .box-dropdown .search-box, .modal .is-combo .user-combo-box.is-searchable .box-dropdown .search-box {
  margin-top: 0px;
}
.modal .is-combo .combo-box.is-searchable .box-dropdown .dropdown-inner, .modal .is-combo .image-combo-box.is-searchable .box-dropdown .dropdown-inner, .modal .is-combo .stacked-combo-box.is-searchable .box-dropdown .dropdown-inner, .modal .is-combo .user-combo-box.is-searchable .box-dropdown .dropdown-inner {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
  margin-top: -1px !important;
}
.is-combo .combo-box, .is-combo .image-combo-box, .is-combo .stacked-combo-box, .is-combo .user-combo-box {
  position: relative;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 38px;
  cursor: pointer;
  transition: all 0.3s;
}
.is-combo .combo-box.has-error, .is-combo .image-combo-box.has-error, .is-combo .stacked-combo-box.has-error, .is-combo .user-combo-box.has-error {
  border-color: #e62965 !important;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.is-combo .combo-box.has-error .validation-icon.is-error, .is-combo .combo-box.has-error .form-icon, .is-combo .image-combo-box.has-error .validation-icon.is-error, .is-combo .image-combo-box.has-error .form-icon, .is-combo .stacked-combo-box.has-error .validation-icon.is-error, .is-combo .stacked-combo-box.has-error .form-icon, .is-combo .user-combo-box.has-error .validation-icon.is-error, .is-combo .user-combo-box.has-error .form-icon {
  opacity: 1 !important;
}
.is-combo .combo-box.has-error .validation-icon.is-error svg, .is-combo .combo-box.has-error .validation-icon.is-error .form-icon svg, .is-combo .combo-box.has-error .form-icon svg, .is-combo .combo-box.has-error .form-icon .form-icon svg, .is-combo .image-combo-box.has-error .validation-icon.is-error svg, .is-combo .image-combo-box.has-error .validation-icon.is-error .form-icon svg, .is-combo .image-combo-box.has-error .form-icon svg, .is-combo .image-combo-box.has-error .form-icon .form-icon svg, .is-combo .stacked-combo-box.has-error .validation-icon.is-error svg, .is-combo .stacked-combo-box.has-error .validation-icon.is-error .form-icon svg, .is-combo .stacked-combo-box.has-error .form-icon svg, .is-combo .stacked-combo-box.has-error .form-icon .form-icon svg, .is-combo .user-combo-box.has-error .validation-icon.is-error svg, .is-combo .user-combo-box.has-error .validation-icon.is-error .form-icon svg, .is-combo .user-combo-box.has-error .form-icon svg, .is-combo .user-combo-box.has-error .form-icon .form-icon svg {
  stroke: #e62965 !important;
}
.is-combo .combo-box.is-no-results .box-dropdown .search-results-add-item, .is-combo .image-combo-box.is-no-results .box-dropdown .search-results-add-item, .is-combo .stacked-combo-box.is-no-results .box-dropdown .search-results-add-item, .is-combo .user-combo-box.is-no-results .box-dropdown .search-results-add-item {
  margin-top: 6px;
  padding: 6px;
  font-size: 0.9rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #575767;
  background-color: #f9f9f9;
}
body.is-dark .is-combo .combo-box.is-no-results .box-dropdown .search-results-add-item, body.is-dark .is-combo .image-combo-box.is-no-results .box-dropdown .search-results-add-item, body.is-dark .is-combo .stacked-combo-box.is-no-results .box-dropdown .search-results-add-item, body.is-dark .is-combo .user-combo-box.is-no-results .box-dropdown .search-results-add-item {
  color: #a2a5b9;
  background-color: #4a4a50;
}
.is-combo .combo-box.is-searchable.is-active, .is-combo .image-combo-box.is-searchable.is-active, .is-combo .stacked-combo-box.is-searchable.is-active, .is-combo .user-combo-box.is-searchable.is-active {
  border-radius: 4px 4px 0 0;
}
.is-combo .combo-box.is-searchable .divhandler, .is-combo .image-combo-box.is-searchable .divhandler, .is-combo .stacked-combo-box.is-searchable .divhandler, .is-combo .user-combo-box.is-searchable .divhandler {
  height: 40px;
}
.is-combo .combo-box.is-searchable .box-dropdown, .is-combo .image-combo-box.is-searchable .box-dropdown, .is-combo .stacked-combo-box.is-searchable .box-dropdown, .is-combo .user-combo-box.is-searchable .box-dropdown {
  top: 36px;
  top: 36px;
  border: 1px solid #ccc;
  border-top: 0;
  width: calc(100% + 2px) !important;
  margin-right: 0px;
  margin-left: -1px;
  border-radius: 0 0 4px 4px;
}
.is-combo .combo-box.is-searchable .box-dropdown .search-box, .is-combo .image-combo-box.is-searchable .box-dropdown .search-box, .is-combo .stacked-combo-box.is-searchable .box-dropdown .search-box, .is-combo .user-combo-box.is-searchable .box-dropdown .search-box {
  margin-top: 0px;
}
.is-combo .combo-box.is-searchable .box-dropdown input, .is-combo .image-combo-box.is-searchable .box-dropdown input, .is-combo .stacked-combo-box.is-searchable .box-dropdown input, .is-combo .user-combo-box.is-searchable .box-dropdown input {
  border: 0;
  background: #f9f9f9;
  border-radius: 0;
}
body.is-dark .is-combo .combo-box.is-searchable .box-dropdown input, body.is-dark .is-combo .image-combo-box.is-searchable .box-dropdown input, body.is-dark .is-combo .stacked-combo-box.is-searchable .box-dropdown input, body.is-dark .is-combo .user-combo-box.is-searchable .box-dropdown input {
  background: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
}
body.is-dark .is-combo .combo-box.is-searchable .box-dropdown input span, body.is-dark .is-combo .image-combo-box.is-searchable .box-dropdown input span, body.is-dark .is-combo .stacked-combo-box.is-searchable .box-dropdown input span, body.is-dark .is-combo .user-combo-box.is-searchable .box-dropdown input span {
  color: #ccc;
}
.is-combo .combo-box.is-searchable .box-dropdown .dropdown-inner, .is-combo .image-combo-box.is-searchable .box-dropdown .dropdown-inner, .is-combo .stacked-combo-box.is-searchable .box-dropdown .dropdown-inner, .is-combo .user-combo-box.is-searchable .box-dropdown .dropdown-inner {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
  border-bottom: 0;
  margin-top: -1px;
}
.is-combo .combo-box.is-searchable .box-dropdown .search-results-add-item, .is-combo .image-combo-box.is-searchable .box-dropdown .search-results-add-item, .is-combo .stacked-combo-box.is-searchable .box-dropdown .search-results-add-item, .is-combo .user-combo-box.is-searchable .box-dropdown .search-results-add-item {
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #575767;
}
body.is-dark .is-combo .combo-box.is-searchable .box-dropdown .search-results-add-item, body.is-dark .is-combo .image-combo-box.is-searchable .box-dropdown .search-results-add-item, body.is-dark .is-combo .stacked-combo-box.is-searchable .box-dropdown .search-results-add-item, body.is-dark .is-combo .user-combo-box.is-searchable .box-dropdown .search-results-add-item {
  color: #a2a5b9;
}
.is-combo .combo-box.is-searchable .box-dropdown .search-results-add-item .emoji-icon, .is-combo .image-combo-box.is-searchable .box-dropdown .search-results-add-item .emoji-icon, .is-combo .stacked-combo-box.is-searchable .box-dropdown .search-results-add-item .emoji-icon, .is-combo .user-combo-box.is-searchable .box-dropdown .search-results-add-item .emoji-icon {
  font-size: 2.5rem;
}
.is-combo .combo-box.is-searchable .box-dropdown .search-results-add-item .add-result, .is-combo .image-combo-box.is-searchable .box-dropdown .search-results-add-item .add-result, .is-combo .stacked-combo-box.is-searchable .box-dropdown .search-results-add-item .add-result, .is-combo .user-combo-box.is-searchable .box-dropdown .search-results-add-item .add-result {
  font-weight: 600;
  font-size: 1.4rem;
  color: #1d252d;
}
body.is-dark .is-combo .combo-box.is-searchable .box-dropdown .search-results-add-item .add-result, body.is-dark .is-combo .image-combo-box.is-searchable .box-dropdown .search-results-add-item .add-result, body.is-dark .is-combo .stacked-combo-box.is-searchable .box-dropdown .search-results-add-item .add-result, body.is-dark .is-combo .user-combo-box.is-searchable .box-dropdown .search-results-add-item .add-result {
  color: #cecece;
}
.is-combo .combo-box.is-searchable .box-dropdown .search-results-add-item .action-link, .is-combo .image-combo-box.is-searchable .box-dropdown .search-results-add-item .action-link, .is-combo .stacked-combo-box.is-searchable .box-dropdown .search-results-add-item .action-link, .is-combo .user-combo-box.is-searchable .box-dropdown .search-results-add-item .action-link {
  margin: 10px auto;
  line-height: 1;
}
.is-combo .combo-box.has-no-icons .divhandler, .is-combo .image-combo-box.has-no-icons .divhandler, .is-combo .stacked-combo-box.has-no-icons .divhandler, .is-combo .user-combo-box.has-no-icons .divhandler {
  height: 38px;
}
.is-combo .combo-box.has-no-icons .box-dropdown .dropdown-inner ul, .is-combo .image-combo-box.has-no-icons .box-dropdown .dropdown-inner ul, .is-combo .stacked-combo-box.has-no-icons .box-dropdown .dropdown-inner ul, .is-combo .user-combo-box.has-no-icons .box-dropdown .dropdown-inner ul {
  padding: 0px !important;
}
.is-combo .combo-box.has-no-icons .box-dropdown .dropdown-inner ul li, .is-combo .image-combo-box.has-no-icons .box-dropdown .dropdown-inner ul li, .is-combo .stacked-combo-box.has-no-icons .box-dropdown .dropdown-inner ul li, .is-combo .user-combo-box.has-no-icons .box-dropdown .dropdown-inner ul li {
  padding: 8px;
}
.is-combo .combo-box.has-rounded-images .combo-item img, .is-combo .combo-box.has-rounded-images .item-icon img, .is-combo .image-combo-box.has-rounded-images .combo-item img, .is-combo .image-combo-box.has-rounded-images .item-icon img, .is-combo .stacked-combo-box.has-rounded-images .combo-item img, .is-combo .stacked-combo-box.has-rounded-images .item-icon img, .is-combo .user-combo-box.has-rounded-images .combo-item img, .is-combo .user-combo-box.has-rounded-images .item-icon img {
  border-radius: 50% !important;
}
.is-combo .combo-box.is-rounded, .is-combo .image-combo-box.is-rounded, .is-combo .stacked-combo-box.is-rounded, .is-combo .user-combo-box.is-rounded {
  border-radius: 500px;
}
.is-combo .combo-box .box-inner, .is-combo .image-combo-box .box-inner, .is-combo .stacked-combo-box .box-inner, .is-combo .user-combo-box .box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.is-combo .combo-box .box-inner .combo-item, .is-combo .image-combo-box .box-inner .combo-item, .is-combo .stacked-combo-box .box-inner .combo-item, .is-combo .user-combo-box .box-inner .combo-item {
  display: flex;
  align-items: center;
  height: 38px;
  padding-left: 8px;
}
[dir=rtl] .is-combo .combo-box .box-inner .combo-item, [dir=rtl] .is-combo .image-combo-box .box-inner .combo-item, [dir=rtl] .is-combo .stacked-combo-box .box-inner .combo-item, [dir=rtl] .is-combo .user-combo-box .box-inner .combo-item {
  padding-left: 0;
  padding-right: 8px;
}
.is-combo .combo-box .box-inner .combo-item i, .is-combo .image-combo-box .box-inner .combo-item i, .is-combo .stacked-combo-box .box-inner .combo-item i, .is-combo .user-combo-box .box-inner .combo-item i {
  font-size: 1rem;
  width: 24px;
  height: 24px;
  min-height: 24px;
  min-width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.is-combo .combo-box .box-inner .combo-item .fa, .is-combo .image-combo-box .box-inner .combo-item .fa, .is-combo .stacked-combo-box .box-inner .combo-item .fa, .is-combo .user-combo-box .box-inner .combo-item .fa {
  font-size: 14px;
}
.is-combo .combo-box .box-inner .combo-item .fa.is-green, .is-combo .image-combo-box .box-inner .combo-item .fa.is-green, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-green, .is-combo .user-combo-box .box-inner .combo-item .fa.is-green {
  color: #06d6a0;
}
.is-combo .combo-box .box-inner .combo-item .fa.is-blue, .is-combo .image-combo-box .box-inner .combo-item .fa.is-blue, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-blue, .is-combo .user-combo-box .box-inner .combo-item .fa.is-blue {
  color: #039BE5;
}
.is-combo .combo-box .box-inner .combo-item .fa.is-orange, .is-combo .image-combo-box .box-inner .combo-item .fa.is-orange, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-orange, .is-combo .user-combo-box .box-inner .combo-item .fa.is-orange {
  color: #faae42;
}
.is-combo .combo-box .box-inner .combo-item .fa.is-red, .is-combo .image-combo-box .box-inner .combo-item .fa.is-red, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-red, .is-combo .user-combo-box .box-inner .combo-item .fa.is-red {
  color: #e62965;
}
.is-combo .combo-box .box-inner .combo-item img, .is-combo .image-combo-box .box-inner .combo-item img, .is-combo .stacked-combo-box .box-inner .combo-item img, .is-combo .user-combo-box .box-inner .combo-item img {
  display: block;
  height: 24px;
  width: 24px;
  min-height: 24px;
  min-width: 24px;
  border-radius: 6px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 8px;
}
[dir=rtl] .is-combo .combo-box .box-inner .combo-item img, [dir=rtl] .is-combo .image-combo-box .box-inner .combo-item img, [dir=rtl] .is-combo .stacked-combo-box .box-inner .combo-item img, [dir=rtl] .is-combo .user-combo-box .box-inner .combo-item img {
  margin-right: 0;
  margin-left: 8px;
}
.is-combo .combo-box .box-inner .combo-item img.is-stacked, .is-combo .image-combo-box .box-inner .combo-item img.is-stacked, .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked, .is-combo .user-combo-box .box-inner .combo-item img.is-stacked {
  height: 26px;
  width: 26px;
  border: 2px solid #fff;
  margin-right: 0 !important;
}
.is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1) {
  margin-left: -9px;
}
.is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2) {
  margin-left: -9px;
}
.is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3) {
  margin-left: -9px;
}
.is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4) {
  margin-left: -9px;
}
.is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5) {
  margin-left: -9px;
}
.is-combo .combo-box .box-inner .combo-item .fake-icon-wrap, .is-combo .image-combo-box .box-inner .combo-item .fake-icon-wrap, .is-combo .stacked-combo-box .box-inner .combo-item .fake-icon-wrap, .is-combo .user-combo-box .box-inner .combo-item .fake-icon-wrap {
  width: 24px;
  height: 24px;
  min-height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #ededed;
  color: #1d252d;
  margin-right: 8px;
}
[dir=rtl] .is-combo .combo-box .box-inner .combo-item .fake-icon-wrap, [dir=rtl] .is-combo .image-combo-box .box-inner .combo-item .fake-icon-wrap, [dir=rtl] .is-combo .stacked-combo-box .box-inner .combo-item .fake-icon-wrap, [dir=rtl] .is-combo .user-combo-box .box-inner .combo-item .fake-icon-wrap {
  margin-right: 0;
  margin-left: 8px;
}
body.is-dark .is-combo .combo-box .box-inner .combo-item .fake-icon-wrap, body.is-dark .is-combo .image-combo-box .box-inner .combo-item .fake-icon-wrap, body.is-dark .is-combo .stacked-combo-box .box-inner .combo-item .fake-icon-wrap, body.is-dark .is-combo .user-combo-box .box-inner .combo-item .fake-icon-wrap {
  color: #cecece;
  background: rgb(29.0679559495%, 29.0679559495%, 31.5594950309%);
}
.is-combo .combo-box .box-inner .combo-item .fake-icon-wrap span, .is-combo .image-combo-box .box-inner .combo-item .fake-icon-wrap span, .is-combo .stacked-combo-box .box-inner .combo-item .fake-icon-wrap span, .is-combo .user-combo-box .box-inner .combo-item .fake-icon-wrap span {
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 23px;
}
.is-combo .combo-box .box-inner .combo-item .avatar-container, .is-combo .image-combo-box .box-inner .combo-item .avatar-container, .is-combo .stacked-combo-box .box-inner .combo-item .avatar-container, .is-combo .user-combo-box .box-inner .combo-item .avatar-container {
  position: relative;
  display: block;
  height: 26px;
  width: 26px;
}
.is-combo .combo-box .box-inner .combo-item .avatar-container.h-avatar, .is-combo .image-combo-box .box-inner .combo-item .avatar-container.h-avatar, .is-combo .stacked-combo-box .box-inner .combo-item .avatar-container.h-avatar, .is-combo .user-combo-box .box-inner .combo-item .avatar-container.h-avatar {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
}
.is-combo .combo-box .box-inner .combo-item .avatar-container.h-avatar .is-fake, .is-combo .combo-box .box-inner .combo-item .avatar-container.h-avatar .avatar, .is-combo .image-combo-box .box-inner .combo-item .avatar-container.h-avatar .is-fake, .is-combo .image-combo-box .box-inner .combo-item .avatar-container.h-avatar .avatar, .is-combo .stacked-combo-box .box-inner .combo-item .avatar-container.h-avatar .is-fake, .is-combo .stacked-combo-box .box-inner .combo-item .avatar-container.h-avatar .avatar, .is-combo .user-combo-box .box-inner .combo-item .avatar-container.h-avatar .is-fake, .is-combo .user-combo-box .box-inner .combo-item .avatar-container.h-avatar .avatar {
  display: flex;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
}
.is-combo .combo-box .box-inner .combo-item .avatar-container .avatar, .is-combo .image-combo-box .box-inner .combo-item .avatar-container .avatar, .is-combo .stacked-combo-box .box-inner .combo-item .avatar-container .avatar, .is-combo .user-combo-box .box-inner .combo-item .avatar-container .avatar {
  display: block;
  height: 26px;
  width: 26px;
  border-radius: 50%;
}
.is-combo .combo-box .box-inner .combo-item .avatar-container .badge, .is-combo .image-combo-box .box-inner .combo-item .avatar-container .badge, .is-combo .stacked-combo-box .box-inner .combo-item .avatar-container .badge, .is-combo .user-combo-box .box-inner .combo-item .avatar-container .badge {
  position: absolute;
  bottom: 0;
  right: -6px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  border: 2px solid #fff;
  margin: 0;
}
.is-combo .combo-box .box-inner .combo-item span, .is-combo .image-combo-box .box-inner .combo-item span, .is-combo .stacked-combo-box .box-inner .combo-item span, .is-combo .user-combo-box .box-inner .combo-item span {
  display: block;
  color: #999;
  font-size: 0.9rem;
}
.is-combo .combo-box .box-inner .combo-item span.selected-item, .is-combo .image-combo-box .box-inner .combo-item span.selected-item, .is-combo .stacked-combo-box .box-inner .combo-item span.selected-item, .is-combo .user-combo-box .box-inner .combo-item span.selected-item {
  color: #1d252d;
  font-weight: 500;
}
.is-combo .combo-box .box-inner .combo-item span.is-pushed, .is-combo .image-combo-box .box-inner .combo-item span.is-pushed, .is-combo .stacked-combo-box .box-inner .combo-item span.is-pushed, .is-combo .user-combo-box .box-inner .combo-item span.is-pushed {
  margin-left: 18px;
}
.is-combo .combo-box .box-chevron, .is-combo .image-combo-box .box-chevron, .is-combo .stacked-combo-box .box-chevron, .is-combo .user-combo-box .box-chevron {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: 36px;
}
[dir=rtl] .is-combo .combo-box .box-chevron, [dir=rtl] .is-combo .image-combo-box .box-chevron, [dir=rtl] .is-combo .stacked-combo-box .box-chevron, [dir=rtl] .is-combo .user-combo-box .box-chevron {
  right: auto;
  left: 0;
}
.is-combo .combo-box .box-chevron svg, .is-combo .image-combo-box .box-chevron svg, .is-combo .stacked-combo-box .box-chevron svg, .is-combo .user-combo-box .box-chevron svg {
  height: 18px;
  width: 18px;
  stroke: rgb(72.7843137255%, 72.7843137255%, 72.7843137255%) !important;
  transform: rotate(0);
  transition: all 0.3s;
}
.is-combo .combo-box .box-dropdown, .is-combo .image-combo-box .box-dropdown, .is-combo .stacked-combo-box .box-dropdown, .is-combo .user-combo-box .box-dropdown {
  position: absolute;
  top: 32px;
  left: 0;
  width: 100%;
  z-index: 50;
  opacity: 0;
  transform: translateY(20px);
  pointer-events: none;
  transition: all 0.3s;
}
.is-combo .combo-box .box-dropdown.is-dropup, .is-combo .image-combo-box .box-dropdown.is-dropup, .is-combo .stacked-combo-box .box-dropdown.is-dropup, .is-combo .user-combo-box .box-dropdown.is-dropup {
  top: -165px;
  height: 148px;
}
.is-combo .combo-box .box-dropdown.is-dropup .dropdown-inner, .is-combo .image-combo-box .box-dropdown.is-dropup .dropdown-inner, .is-combo .stacked-combo-box .box-dropdown.is-dropup .dropdown-inner, .is-combo .user-combo-box .box-dropdown.is-dropup .dropdown-inner {
  overflow-y: auto;
}
.is-combo .combo-box .box-dropdown .dropdown-inner, .is-combo .image-combo-box .box-dropdown .dropdown-inner, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner, .is-combo .user-combo-box .box-dropdown .dropdown-inner {
  position: relative;
  height: 100%;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-top: 10px;
  overflow-y: auto;
  width: calc(100% + 2px) !important;
  margin-left: -1px;
}
[dir=rtl] .is-combo .combo-box .box-dropdown .dropdown-inner, [dir=rtl] .is-combo .image-combo-box .box-dropdown .dropdown-inner, [dir=rtl] .is-combo .stacked-combo-box .box-dropdown .dropdown-inner, [dir=rtl] .is-combo .user-combo-box .box-dropdown .dropdown-inner {
  margin-right: -1px;
  margin-left: 0;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li {
  padding: 6px 8px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li:hover, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li:hover, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li:hover, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li:hover {
  background: rgb(94.9411764706%, 94.9411764706%, 94.9411764706%);
  padding: 6px 8px;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i {
  color: #4f008c;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img {
  opacity: 1;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active .item-name, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-name, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-name, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-name {
  color: #1d252d;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark {
  opacity: 1;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  width: 24px;
  margin-right: 8px;
}
[dir=rtl] .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon, [dir=rtl] .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon, [dir=rtl] .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon, [dir=rtl] .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon {
  margin-left: 8px;
  margin-right: 0;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa {
  font-size: 16px;
  position: relative;
  top: 5px;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green {
  color: #06d6a0;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue {
  color: #039BE5;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange {
  color: #faae42;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red {
  color: #e62965;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon img, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon img, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon img, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon img {
  display: block;
  height: 24px;
  width: 24px;
  min-height: 24px;
  min-width: 24px;
  border-radius: 6px;
  -o-object-fit: contain;
     object-fit: contain;
  transition: opacity 0.3s;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img {
  opacity: 0.4;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fake-icon-wrap, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fake-icon-wrap, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fake-icon-wrap, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fake-icon-wrap {
  width: 24px;
  height: 24px;
  min-height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #ededed;
  color: #999;
}
body.is-dark .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fake-icon-wrap, body.is-dark .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fake-icon-wrap, body.is-dark .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fake-icon-wrap, body.is-dark .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fake-icon-wrap {
  color: #cecece;
  background: rgb(29.0679559495%, 29.0679559495%, 31.5594950309%);
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fake-icon-wrap span, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fake-icon-wrap span, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fake-icon-wrap span, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fake-icon-wrap span {
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 23px;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fake-icon-wrap.h-avatar, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fake-icon-wrap.h-avatar, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fake-icon-wrap.h-avatar, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fake-icon-wrap.h-avatar {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fake-icon-wrap.h-avatar .is-fake, .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fake-icon-wrap.h-avatar .avatar, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fake-icon-wrap.h-avatar .is-fake, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fake-icon-wrap.h-avatar .avatar, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fake-icon-wrap.h-avatar .is-fake, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fake-icon-wrap.h-avatar .avatar, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fake-icon-wrap.h-avatar .is-fake, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fake-icon-wrap.h-avatar .avatar {
  display: flex;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar {
  display: block;
  height: 24px;
  width: 24px;
  min-height: 24px;
  min-width: 24px;
  border-radius: 50%;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #fff;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .checkmark, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .checkmark, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .checkmark, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .checkmark {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 16px;
  width: 16px;
  margin-right: 8px;
  margin-left: auto;
  opacity: 0;
  transition: all 0.3s;
}
[dir=rtl] .is-combo .combo-box .box-dropdown .dropdown-inner ul li .checkmark, [dir=rtl] .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .checkmark, [dir=rtl] .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .checkmark, [dir=rtl] .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .checkmark {
  margin-left: 8px;
  margin-right: auto;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .checkmark svg, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .checkmark svg, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .checkmark svg, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .checkmark svg {
  stroke: #4f008c;
  stroke-width: 3px;
  height: 14px;
  width: 14px;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-name, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-name, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-name, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-name {
  color: #999;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li span, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li span, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li span, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li span {
  display: block;
  font-size: 0.9rem;
  font-weight: 500;
}
.is-combo .combo-box .divhandler, .is-combo .image-combo-box .divhandler, .is-combo .stacked-combo-box .divhandler, .is-combo .user-combo-box .divhandler {
  position: absolute;
  top: 0;
  left: 0;
  height: 38px;
  width: 100%;
  z-index: 1;
}
.is-combo .combo-box.is-active, .is-combo .image-combo-box.is-active, .is-combo .stacked-combo-box.is-active, .is-combo .user-combo-box.is-active {
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.is-combo .combo-box.is-active .box-chevron svg, .is-combo .image-combo-box.is-active .box-chevron svg, .is-combo .stacked-combo-box.is-active .box-chevron svg, .is-combo .user-combo-box.is-active .box-chevron svg {
  transform: rotate(180deg);
}
.is-combo .combo-box.is-active .box-dropdown, .is-combo .image-combo-box.is-active .box-dropdown, .is-combo .stacked-combo-box.is-active .box-dropdown, .is-combo .user-combo-box.is-active .box-dropdown {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}
.is-combo .help-text {
  font-size: 0.75rem;
  color: #999;
}
.is-combo .big-combo-box {
  position: relative;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 58px;
  margin-top: 4px;
  cursor: pointer;
  transition: all 0.3s;
}
.is-combo .big-combo-box .box-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.is-combo .big-combo-box .box-inner .combo-item {
  display: flex;
  align-items: center;
  height: 58px;
  padding-left: 8px;
}
.is-combo .big-combo-box .box-inner .combo-item i {
  color: #4f008c;
  font-size: 1.6rem;
}
.is-combo .big-combo-box .box-inner .combo-item .combo-text {
  margin-left: 16px;
}
.is-combo .big-combo-box .box-inner .combo-item .combo-text span {
  display: block;
}
.is-combo .big-combo-box .box-inner .combo-item .combo-text span:first-child {
  color: #1d252d;
  font-size: 0.9rem;
  font-weight: 500;
}
.is-combo .big-combo-box .box-inner .combo-item .combo-text span:nth-child(2) {
  color: #999;
  font-size: 0.8rem;
  max-width: 330px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.is-combo .big-combo-box .box-chevron {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 58px;
  width: 58px;
}
.is-combo .big-combo-box .box-chevron svg {
  height: 18px;
  width: 18px;
  stroke: #1d252d;
  transform: rotate(0);
  transition: all 0.3s;
}
.is-combo .big-combo-box .box-dropdown {
  position: absolute;
  top: 54px;
  left: 0;
  width: 100%;
  z-index: 50;
  opacity: 0;
  transform: translateY(20px);
  pointer-events: none;
  transition: all 0.3s;
}
.is-combo .big-combo-box .box-dropdown .dropdown-inner {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-top: 10px;
  max-height: 190px;
  overflow-y: auto;
  overflow-x: hidden;
}
.is-combo .big-combo-box .box-dropdown .dropdown-inner ul {
  padding: 10px 0;
}
.is-combo .big-combo-box .box-dropdown .dropdown-inner ul li {
  padding: 6px 8px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  min-height: 30px;
  min-width: 30px;
  margin-right: 16px;
}
.is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-icon i {
  color: #999;
  font-size: 1.6rem;
}
.is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-name span:not(.is-fake) {
  display: block;
}
.is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-name span:not(.is-fake):first-child {
  color: #1d252d;
  font-size: 0.9rem;
  font-weight: 500;
}
.is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-name span:not(.is-fake):nth-child(2) {
  color: #999;
  font-size: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.is-combo .big-combo-box .box-dropdown .dropdown-inner ul li:hover {
  background: rgb(94.9411764706%, 94.9411764706%, 94.9411764706%);
}
.is-combo .big-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i {
  color: #4f008c;
}
.is-combo .big-combo-box .box-dropdown .dropdown-inner ul li.is-active span {
  color: #1d252d;
}
.is-combo .big-combo-box.is-active {
  border-color: #4f008c;
}
.is-combo .big-combo-box.is-active .box-chevron svg {
  transform: rotate(180deg);
}
.is-combo .big-combo-box.is-active .box-dropdown {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}

/* ==========================================================================
4. Combo Box Dark mode
========================================================================== */
body.is-dark .is-combo .combo-box, body.is-dark .is-combo .image-combo-box, body.is-dark .is-combo .stacked-combo-box, body.is-dark .is-combo .user-combo-box {
  background: rgb(14.6843943057%, 14.6843943057%, 15.9430566747%) !important;
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
}
body.is-dark .is-combo .combo-box .box-inner .combo-item i, body.is-dark .is-combo .image-combo-box .box-inner .combo-item i, body.is-dark .is-combo .stacked-combo-box .box-inner .combo-item i, body.is-dark .is-combo .user-combo-box .box-inner .combo-item i {
  color: #797bf2 !important;
}
body.is-dark .is-combo .combo-box .box-inner .combo-item img, body.is-dark .is-combo .image-combo-box .box-inner .combo-item img, body.is-dark .is-combo .stacked-combo-box .box-inner .combo-item img, body.is-dark .is-combo .user-combo-box .box-inner .combo-item img {
  border-color: rgb(11.8076819769%, 11.8076819769%, 12.8197690035%) !important;
}
body.is-dark .is-combo .combo-box .box-inner .combo-item .selected-item, body.is-dark .is-combo .image-combo-box .box-inner .combo-item .selected-item, body.is-dark .is-combo .stacked-combo-box .box-inner .combo-item .selected-item, body.is-dark .is-combo .user-combo-box .box-inner .combo-item .selected-item {
  color: #ccc !important;
}
body.is-dark .is-combo .combo-box .box-inner .combo-item .combo-text span:first-child, body.is-dark .is-combo .image-combo-box .box-inner .combo-item .combo-text span:first-child, body.is-dark .is-combo .stacked-combo-box .box-inner .combo-item .combo-text span:first-child, body.is-dark .is-combo .user-combo-box .box-inner .combo-item .combo-text span:first-child {
  color: rgb(72%, 72%, 72%) !important;
}
body.is-dark .is-combo .combo-box .box-inner .combo-item .combo-text span:nth-child(2), body.is-dark .is-combo .image-combo-box .box-inner .combo-item .combo-text span:nth-child(2), body.is-dark .is-combo .stacked-combo-box .box-inner .combo-item .combo-text span:nth-child(2), body.is-dark .is-combo .user-combo-box .box-inner .combo-item .combo-text span:nth-child(2) {
  color: rgb(45%, 45%, 45%) !important;
}
body.is-dark .is-combo .combo-box .box-inner .combo-item .combo-text span.is-pushed, body.is-dark .is-combo .image-combo-box .box-inner .combo-item .combo-text span.is-pushed, body.is-dark .is-combo .stacked-combo-box .box-inner .combo-item .combo-text span.is-pushed, body.is-dark .is-combo .user-combo-box .box-inner .combo-item .combo-text span.is-pushed {
  color: #ccc !important;
}
body.is-dark .is-combo .combo-box .box-chevron svg, body.is-dark .is-combo .image-combo-box .box-chevron svg, body.is-dark .is-combo .stacked-combo-box .box-chevron svg, body.is-dark .is-combo .user-combo-box .box-chevron svg {
  stroke: rgb(85%, 85%, 85%) !important;
}
body.is-dark .is-combo .combo-box .box-dropdown .dropdown-inner, body.is-dark .is-combo .image-combo-box .box-dropdown .dropdown-inner, body.is-dark .is-combo .stacked-combo-box .box-dropdown .dropdown-inner, body.is-dark .is-combo .user-combo-box .box-dropdown .dropdown-inner {
  background: rgb(9.8898737577%, 9.8898737577%, 10.7375772227%) !important;
  border-color: rgb(9.8898737577%, 9.8898737577%, 10.7375772227%);
}
body.is-dark .is-combo .combo-box .box-dropdown .dropdown-inner li img, body.is-dark .is-combo .image-combo-box .box-dropdown .dropdown-inner li img, body.is-dark .is-combo .stacked-combo-box .box-dropdown .dropdown-inner li img, body.is-dark .is-combo .user-combo-box .box-dropdown .dropdown-inner li img {
  border-color: rgb(11.8076819769%, 11.8076819769%, 12.8197690035%) !important;
}
body.is-dark .is-combo .combo-box .box-dropdown .dropdown-inner li:hover, body.is-dark .is-combo .image-combo-box .box-dropdown .dropdown-inner li:hover, body.is-dark .is-combo .stacked-combo-box .box-dropdown .dropdown-inner li:hover, body.is-dark .is-combo .user-combo-box .box-dropdown .dropdown-inner li:hover {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
}
body.is-dark .is-combo .combo-box .box-dropdown .dropdown-inner li.is-active .item-icon i, body.is-dark .is-combo .image-combo-box .box-dropdown .dropdown-inner li.is-active .item-icon i, body.is-dark .is-combo .stacked-combo-box .box-dropdown .dropdown-inner li.is-active .item-icon i, body.is-dark .is-combo .user-combo-box .box-dropdown .dropdown-inner li.is-active .item-icon i {
  color: #797bf2 !important;
}
body.is-dark .is-combo .combo-box .box-dropdown .dropdown-inner li.is-active .checkmark svg, body.is-dark .is-combo .image-combo-box .box-dropdown .dropdown-inner li.is-active .checkmark svg, body.is-dark .is-combo .stacked-combo-box .box-dropdown .dropdown-inner li.is-active .checkmark svg, body.is-dark .is-combo .user-combo-box .box-dropdown .dropdown-inner li.is-active .checkmark svg {
  stroke: #797bf2 !important;
}
body.is-dark .is-combo .combo-box .box-dropdown .dropdown-inner li.is-active span, body.is-dark .is-combo .image-combo-box .box-dropdown .dropdown-inner li.is-active span, body.is-dark .is-combo .stacked-combo-box .box-dropdown .dropdown-inner li.is-active span, body.is-dark .is-combo .user-combo-box .box-dropdown .dropdown-inner li.is-active span {
  color: #797bf2;
}
body.is-dark .is-combo .combo-box .box-dropdown .dropdown-inner li .item-name span:first-child, body.is-dark .is-combo .image-combo-box .box-dropdown .dropdown-inner li .item-name span:first-child, body.is-dark .is-combo .stacked-combo-box .box-dropdown .dropdown-inner li .item-name span:first-child, body.is-dark .is-combo .user-combo-box .box-dropdown .dropdown-inner li .item-name span:first-child {
  color: rgb(72%, 72%, 72%) !important;
}
body.is-dark .is-combo .combo-box .box-dropdown .dropdown-inner li .item-name span:nth-child(2), body.is-dark .is-combo .image-combo-box .box-dropdown .dropdown-inner li .item-name span:nth-child(2), body.is-dark .is-combo .stacked-combo-box .box-dropdown .dropdown-inner li .item-name span:nth-child(2), body.is-dark .is-combo .user-combo-box .box-dropdown .dropdown-inner li .item-name span:nth-child(2) {
  color: rgb(45%, 45%, 45%) !important;
}

/*! _checkboxes.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Animated Checkbox
    2. Animated Checkbox Dark mode
    3. Checkbox List
    4. Regular Checkbox / Radio
    5. Regular Checkbox / Radio Dark mode
*/
/* ==========================================================================
1. Animated Checkbox
========================================================================== */
.animated-checkbox {
  position: relative;
  height: 32px;
  width: 32px;
}
.animated-checkbox.is-purple .checkmark-circle {
  stroke: #8269B2 !important;
}
.animated-checkbox.is-purple .checkmark {
  box-shadow: inset 0px 0px 0px #8269B2 !important;
}
.animated-checkbox.is-purple .checkmark-check {
  stroke: #8269B2 !important;
}
.animated-checkbox.is-info .checkmark-circle {
  stroke: #039BE5 !important;
}
.animated-checkbox.is-info .checkmark {
  box-shadow: inset 0px 0px 0px #039BE5 !important;
}
.animated-checkbox.is-info .checkmark-check {
  stroke: #039BE5 !important;
}
.animated-checkbox.is-success .checkmark-circle {
  stroke: #06d6a0 !important;
}
.animated-checkbox.is-success .checkmark {
  box-shadow: inset 0px 0px 0px #06d6a0 !important;
}
.animated-checkbox.is-success .checkmark-check {
  stroke: #06d6a0 !important;
}
.animated-checkbox.is-warning .checkmark-circle {
  stroke: #faae42 !important;
}
.animated-checkbox.is-warning .checkmark {
  box-shadow: inset 0px 0px 0px #faae42 !important;
}
.animated-checkbox.is-warning .checkmark-check {
  stroke: #faae42 !important;
}
.animated-checkbox.is-danger .checkmark-circle {
  stroke: #F92B60 !important;
}
.animated-checkbox.is-danger .checkmark {
  box-shadow: inset 0px 0px 0px #F92B60 !important;
}
.animated-checkbox.is-danger .checkmark-check {
  stroke: #F92B60 !important;
}
.animated-checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.animated-checkbox .checkmark-wrap {
  position: relative;
  height: 32px;
  width: 32px;
}
.animated-checkbox .checkmark-wrap .shadow-circle {
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  border: 1px solid #cecece;
  z-index: 0;
  opacity: 1;
  transition: all 0.2s;
}
.animated-checkbox .checkmark-wrap .shadow-circle.is-opaque {
  opacity: 0;
}
.animated-checkbox .checkmark-wrap .checkmark-circle {
  height: 32px;
  width: 32px;
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  fill: none;
  stroke: #4f008c;
}
.animated-checkbox .checkmark-wrap .checkmark {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #cecece;
  stroke-miterlimit: 10;
  margin: 0 auto;
  box-shadow: inset 0px 0px 0px #4f008c;
}
.animated-checkbox .checkmark-wrap .checkmark-check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  stroke: #4f008c;
}
.animated-checkbox.is-checked .checkmark-circle {
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) both;
}
.animated-checkbox.is-checked .checkmark-check {
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s both;
}
.animated-checkbox.is-unchecked .checkmark-circle {
  animation: reverseCircle 0.6s cubic-bezier(0.65, 0, 0.45, 1) 0.2s both;
}
.animated-checkbox.is-unchecked .checkmark-check {
  animation: reverseCheck 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.1s both;
}
@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes reverseCircle {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 166;
  }
}
@keyframes reverseCheck {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 48;
  }
}

/* ==========================================================================
2. Animated Checkbox Dark Mode
========================================================================== */
body.is-dark .animated-checkbox .checkmark-wrap .checkmark-circle, body.is-dark .animated-checkbox .checkmark-wrap .checkmark-check {
  stroke: #797bf2;
}
body.is-dark .animated-checkbox .checkmark-wrap .shadow-circle {
  border-color: rgb(32.9035723879%, 32.9035723879%, 35.7238785925%);
}

/* ==========================================================================
3. Checkbox list
========================================================================== */
.checkboxes-list .list-item {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0;
  border: none;
}
.checkboxes-list .list-item .animated-checkbox .checkmark-wrap {
  position: relative;
}
.checkboxes-list .list-item .item-meta {
  margin-left: 1rem;
}
.checkboxes-list .list-item .item-meta span {
  display: block;
  line-height: 1.4;
}
.checkboxes-list .list-item .item-meta span:first-child {
  font-family: "STC Forward", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: #1d252d;
}
.checkboxes-list .list-item .item-meta span:nth-child(2) {
  font-family: "STC Forward", sans-serif;
  font-size: 0.9rem;
  color: #a2a5b9;
}

/* ==========================================================================
4. Regular Checkbox / Radio
========================================================================== */
.radio, .checkbox {
  position: relative;
  cursor: pointer;
  padding: 1em;
}
.radio::-moz-selection, .checkbox::-moz-selection {
  background: transparent;
}
.radio::selection, .checkbox::selection {
  background: transparent;
}
.radio input + span, .checkbox input + span {
  position: relative;
  top: -1px;
  background: #fff;
  content: "";
  display: inline-block;
  margin: 0 0.5em 0 0;
  padding: 0;
  vertical-align: middle;
  width: 1.4em;
  height: 1.4em;
  border: 1px solid rgb(84.9411764706%, 84.9411764706%, 84.9411764706%);
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
[dir=rtl] .radio input + span, [dir=rtl] .checkbox input + span {
  margin: 0 0 0 0.5em;
}
.radio input + span::after, .checkbox input + span::after {
  content: "";
  display: block;
  transform: scale(0);
  transition: transform 0.2s;
}
@media screen and (min-width: 768px) {
  .radio:hover input + span, .checkbox:hover input + span {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  }
}
.radio input:active + span, .checkbox input:active + span {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.radio input:checked + span::after, .checkbox input:checked + span::after {
  transform: translate(-50%, -50%) scale(1) !important;
}
.radio input, .checkbox input {
  position: absolute;
  cursor: pointer;
  opacity: 0;
  transition: all 0.3s;
}

.checkbox {
  color: #a2a5b9;
}
.checkbox:hover {
  color: #a2a5b9;
}
.checkbox.is-circle input + span {
  border-radius: 50%;
}
.checkbox.is-solid input + span {
  background: rgb(95.9411764706%, 95.9411764706%, 95.9411764706%);
}
.checkbox.is-solid.is-primary input + span {
  border-color: #4f008c;
  background: #4f008c;
}
.checkbox.is-solid.is-primary input + span:after {
  color: #fff;
}
.checkbox.is-solid.is-success input + span {
  border-color: #06d6a0;
  background: #06d6a0;
}
.checkbox.is-solid.is-success input + span:after {
  color: #fff;
}
.checkbox.is-solid.is-info input + span {
  border-color: #039BE5;
  background: #039BE5;
}
.checkbox.is-solid.is-info input + span:after {
  color: #fff;
}
.checkbox.is-solid.is-warning input + span {
  border-color: #faae42;
  background: #faae42;
}
.checkbox.is-solid.is-warning input + span:after {
  color: #fff;
}
.checkbox.is-solid.is-danger input + span {
  border-color: #e62965;
  background: #e62965;
}
.checkbox.is-solid.is-danger input + span:after {
  color: #fff;
}
.checkbox.is-outlined.is-primary input:checked + span {
  border-color: #4f008c;
}
.checkbox.is-outlined.is-primary input + span:after {
  color: #4f008c;
}
.checkbox.is-outlined.is-success input:checked + span {
  border-color: #06d6a0;
}
.checkbox.is-outlined.is-success input + span:after {
  color: #06d6a0;
}
.checkbox.is-outlined.is-info input:checked + span {
  border-color: #039BE5;
}
.checkbox.is-outlined.is-info input + span:after {
  color: #039BE5;
}
.checkbox.is-outlined.is-warning input:checked + span {
  border-color: #faae42;
}
.checkbox.is-outlined.is-warning input + span:after {
  color: #faae42;
}
.checkbox.is-outlined.is-danger input:checked + span {
  border-color: #e62965;
}
.checkbox.is-outlined.is-danger input + span:after {
  color: #e62965;
}
.checkbox input + span {
  border-radius: 2px;
  transition: all 0.3s;
}
.checkbox input + span::after {
  background-size: contain;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 0.7rem;
}

.radio {
  color: #a2a5b9;
}
.radio + .radio {
  margin-left: 0 !important;
}
.radio:hover {
  color: #a2a5b9;
}
.radio.is-square input + span {
  border-radius: 4px;
}
.radio.is-solid input + span {
  background: rgb(95.9411764706%, 95.9411764706%, 95.9411764706%);
}
.radio.is-solid.is-primary input + span {
  border-color: #4f008c;
  background: #4f008c;
}
.radio.is-solid.is-primary input + span:after {
  color: #fff;
}
.radio.is-solid.is-success input + span {
  border-color: #06d6a0;
  background: #06d6a0;
}
.radio.is-solid.is-success input + span:after {
  color: #fff;
}
.radio.is-solid.is-info input + span {
  border-color: #039BE5;
  background: #039BE5;
}
.radio.is-solid.is-info input + span:after {
  color: #fff;
}
.radio.is-solid.is-warning input + span {
  border-color: #faae42;
  background: #faae42;
}
.radio.is-solid.is-warning input + span:after {
  color: #fff;
}
.radio.is-solid.is-danger input + span {
  border-color: #e62965;
  background: #e62965;
}
.radio.is-solid.is-danger input + span:after {
  color: #fff;
}
.radio.is-outlined.is-primary input:checked + span {
  border-color: #4f008c;
}
.radio.is-outlined.is-primary input + span:after {
  color: #4f008c;
}
.radio.is-outlined.is-success input:checked + span {
  border-color: #06d6a0;
}
.radio.is-outlined.is-success input + span:after {
  color: #06d6a0;
}
.radio.is-outlined.is-info input:checked + span {
  border-color: #039BE5;
}
.radio.is-outlined.is-info input + span:after {
  color: #039BE5;
}
.radio.is-outlined.is-warning input:checked + span {
  border-color: #faae42;
}
.radio.is-outlined.is-warning input + span:after {
  color: #faae42;
}
.radio.is-outlined.is-danger input:checked + span {
  border-color: #e62965;
}
.radio.is-outlined.is-danger input + span:after {
  color: #e62965;
}
.radio input + span {
  border-radius: 100%;
}
.radio input + span::after {
  background-size: contain;
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 0.6rem;
}
/* ==========================================================================
5. Regular Checkbox / Radio Dark mode
========================================================================== */
body.is-dark .checkbox input + span, body.is-dark .radio input + span {
  background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
}
body.is-dark .checkbox input + span::after, body.is-dark .radio input + span::after {
  color: #cecece;
}
body.is-dark .checkbox input + span, body.is-dark .radio input + span {
  border-color: rgb(29.0679559495%, 29.0679559495%, 31.5594950309%);
}
body.is-dark .checkbox.is-solid.is-primary input + span, body.is-dark .radio.is-solid.is-primary input + span {
  background-color: #797bf2 !important;
  border-color: #797bf2 !important;
}
body.is-dark .checkbox.is-outlined.is-primary input:checked + span, body.is-dark .radio.is-outlined.is-primary input:checked + span {
  border-color: #797bf2 !important;
}
body.is-dark .checkbox.is-outlined.is-primary input:checked + span::after, body.is-dark .radio.is-outlined.is-primary input:checked + span::after {
  color: #797bf2 !important;
}

/* ==========================================================================
6. H Toggle
========================================================================== */
.h-toggle {
  margin: 0 auto;
  width: 76px;
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.h-toggle input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.h-toggle input:checked ~ .toggler {
  background: rgb(90.7843137255%, 90.7843137255%, 90.7843137255%);
  border-color: rgb(90.7843137255%, 90.7843137255%, 90.7843137255%);
}
.h-toggle input:checked ~ .toggler .active, .h-toggle input:checked ~ .toggler .inactive {
  transform: translateX(80%) rotate(360deg);
}
.h-toggle input:checked ~ .toggler .active {
  opacity: 1;
}
.h-toggle input:checked ~ .toggler .inactive {
  opacity: 0;
}
.h-toggle .toggler {
  position: relative;
  display: block;
  height: 16px;
  width: 50px;
  border: 1.6px solid #cecece;
  border-radius: 100px;
  transition: all 0.3s;
}
.h-toggle .toggler .active, .h-toggle .toggler .inactive {
  position: absolute;
  top: -14px;
  left: -10px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: #fff;
  border: 1.6px solid transparent;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateX(0) rotate(0);
  transition: all 0.3s ease;
}
.h-toggle .toggler .active i, .h-toggle .toggler .inactive i {
  color: #fff;
  font-size: 18px;
}
.h-toggle .toggler .active svg, .h-toggle .toggler .inactive svg {
  height: 16px;
  width: 16px;
}
.h-toggle .toggler .inactive {
  background: #fff;
  border-color: #06d6a0;
  color: #06d6a0;
  opacity: 1;
  z-index: 1;
}
.h-toggle .toggler .active {
  background: #fff;
  border-color: #a2a5b9;
  color: #a2a5b9;
  opacity: 0;
  z-index: 0;
}

/* ==========================================================================
7. H Toggle Dark mode
========================================================================== */
body.is-dark .h-toggle input:checked ~ .toggler {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark .h-toggle .toggler {
  border-color: rgb(37.6980929358%, 37.6980929358%, 40.9293580446%);
}
body.is-dark .h-toggle .toggler .active, body.is-dark .h-toggle .toggler .inactive {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}

/*! _forms-slider.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. NoUI Slider
    2. NoUI Slider Dark mode
*/
/* ==========================================================================
1. NoUI Slider
========================================================================== */
.noUi-horizontal, .noUi-vertical {
  border: none;
  box-shadow: none;
}
.noUi-horizontal.is-info .noUi-connect, .noUi-vertical.is-info .noUi-connect {
  background: #039BE5;
}
.noUi-horizontal.is-info .noUi-tooltip, .noUi-vertical.is-info .noUi-tooltip {
  background: #039BE5;
  color: #fcfcfc;
}
.noUi-horizontal.is-info .noUi-tooltip:after, .noUi-vertical.is-info .noUi-tooltip:after {
  background: #039BE5;
}
.noUi-horizontal.is-success .noUi-connect, .noUi-vertical.is-success .noUi-connect {
  background: #06d6a0;
}
.noUi-horizontal.is-success .noUi-tooltip, .noUi-vertical.is-success .noUi-tooltip {
  background: #06d6a0;
  color: #fcfcfc;
}
.noUi-horizontal.is-success .noUi-tooltip:after, .noUi-vertical.is-success .noUi-tooltip:after {
  background: #06d6a0;
}
.noUi-horizontal.is-warning .noUi-connect, .noUi-vertical.is-warning .noUi-connect {
  background: #faae42;
}
.noUi-horizontal.is-warning .noUi-tooltip, .noUi-vertical.is-warning .noUi-tooltip {
  background: #faae42;
  color: #fcfcfc;
}
.noUi-horizontal.is-warning .noUi-tooltip:after, .noUi-vertical.is-warning .noUi-tooltip:after {
  background: #faae42;
}
.noUi-horizontal.is-danger .noUi-connect, .noUi-vertical.is-danger .noUi-connect {
  background: #e62965;
}
.noUi-horizontal.is-danger .noUi-tooltip, .noUi-vertical.is-danger .noUi-tooltip {
  background: #e62965;
  color: #fcfcfc;
}
.noUi-horizontal.is-danger .noUi-tooltip:after, .noUi-vertical.is-danger .noUi-tooltip:after {
  background: #e62965;
}
.noUi-horizontal .noUi-connects, .noUi-vertical .noUi-connects {
  background: rgb(93.4117647059%, 94.0705882353%, 96.7058823529%);
  border: none !important;
}
.noUi-horizontal .noUi-connect, .noUi-vertical .noUi-connect {
  background-color: #4f008c;
}
.noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle {
  outline: none !important;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}

.noUi-horizontal.is-small {
  height: 10px;
}
.noUi-horizontal.is-small.is-rounded .noUi-handle {
  border-radius: 50%;
}
.noUi-horizontal.is-small .noUi-handle {
  width: 22px;
  height: 22px;
  top: -6px;
}
.noUi-horizontal.is-small .noUi-handle:before {
  height: 10px;
  top: 5px;
  left: 8px;
}
.noUi-horizontal.is-small .noUi-handle:after {
  height: 10px;
  top: 5px;
  left: 11px;
}
.noUi-horizontal.is-tiny {
  height: 6px;
}
.noUi-horizontal.is-tiny.is-rounded .noUi-handle {
  border-radius: 50%;
}
.noUi-horizontal.is-tiny .noUi-handle {
  width: 18px;
  height: 18px;
  top: -6px;
}
.noUi-horizontal.is-tiny .noUi-handle:before {
  height: 10px;
  top: 3px;
  left: 6px;
}
.noUi-horizontal.is-tiny .noUi-handle:after {
  height: 10px;
  top: 3px;
  left: 9px;
}
.noUi-horizontal .noUi-handle {
  width: 28px;
  height: 28px;
}
.noUi-horizontal .noUi-handle:before {
  left: 11px;
}
.noUi-horizontal .noUi-handle:after {
  left: 16px;
}
.noUi-horizontal .noUi-tooltip {
  background: #4f008c;
  color: #fcfcfc;
}
.noUi-horizontal .noUi-tooltip:after {
  background: #4f008c;
}

.noUi-vertical {
  height: 180px;
}
.noUi-vertical.is-small {
  width: 10px;
}
.noUi-vertical.is-small.is-rounded .noUi-handle {
  border-radius: 50%;
}
.noUi-vertical.is-small .noUi-handle {
  width: 22px;
  height: 22px;
  top: -6px;
}
.noUi-vertical.is-small .noUi-handle:before {
  width: 10px !important;
  top: 7px !important;
  left: 6px !important;
}
.noUi-vertical.is-small .noUi-handle:after {
  width: 10px !important;
  top: 11px !important;
  left: 6px !important;
}
.noUi-vertical.is-tiny {
  width: 6px;
}
.noUi-vertical.is-tiny.is-rounded .noUi-handle {
  border-radius: 50%;
}
.noUi-vertical.is-tiny .noUi-handle {
  width: 18px;
  height: 18px;
  top: -6px;
}
.noUi-vertical.is-tiny .noUi-handle:before {
  width: 8px !important;
  top: 6px !important;
  left: 4px !important;
}
.noUi-vertical.is-tiny .noUi-handle:after {
  width: 8px !important;
  top: 9px !important;
  left: 4px !important;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 28px;
}
.noUi-vertical .noUi-handle:before {
  left: 7px;
  top: 10px;
}
.noUi-vertical .noUi-handle:after {
  left: 7px;
  top: 15px;
}

.noUi-horizontal.has-fixed-tooltip .noUi-tooltip, .noUi-vertical.has-fixed-tooltip .noUi-tooltip {
  opacity: 1 !important;
  pointer-events: all !important;
  transform: translate(-50%, 0) scale(1) !important;
}
.noUi-horizontal .noUi-tooltip, .noUi-vertical .noUi-tooltip {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-family: "STC Forward", sans-serif;
  font-size: 0.9rem;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 10%) scale(0.8);
  border-radius: 50%;
  background: #4f008c;
  position: absolute;
  left: 50%;
  top: -70px;
  transition: all 0.3s;
  padding: 0;
}
.noUi-horizontal .noUi-tooltip:after, .noUi-vertical .noUi-tooltip:after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 50px;
  height: 50px;
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
  background: #4f008c;
  z-index: -1;
}
.noUi-horizontal .noUi-active .noUi-tooltip, .noUi-vertical .noUi-active .noUi-tooltip {
  opacity: 1;
  pointer-events: all;
  transform: translate(-50%, 0) scale(1);
}

/* ==========================================================================
2. NoUI Slider Dark mode
========================================================================== */
body.is-dark .noUi-horizontal.is-info .noUi-connect, body.is-dark .noUi-vertical.is-info .noUi-connect {
  background: #039BE5;
}
body.is-dark .noUi-horizontal.is-info .noUi-tooltip, body.is-dark .noUi-vertical.is-info .noUi-tooltip {
  background: #039BE5;
}
body.is-dark .noUi-horizontal.is-info .noUi-tooltip:after, body.is-dark .noUi-vertical.is-info .noUi-tooltip:after {
  background: #039BE5;
}
body.is-dark .noUi-horizontal.is-success .noUi-connect, body.is-dark .noUi-vertical.is-success .noUi-connect {
  background: #06d6a0;
}
body.is-dark .noUi-horizontal.is-success .noUi-tooltip, body.is-dark .noUi-vertical.is-success .noUi-tooltip {
  background: #06d6a0;
}
body.is-dark .noUi-horizontal.is-success .noUi-tooltip:after, body.is-dark .noUi-vertical.is-success .noUi-tooltip:after {
  background: #06d6a0;
}
body.is-dark .noUi-horizontal.is-warning .noUi-connect, body.is-dark .noUi-vertical.is-warning .noUi-connect {
  background: #faae42;
}
body.is-dark .noUi-horizontal.is-warning .noUi-tooltip, body.is-dark .noUi-vertical.is-warning .noUi-tooltip {
  background: #faae42;
}
body.is-dark .noUi-horizontal.is-warning .noUi-tooltip:after, body.is-dark .noUi-vertical.is-warning .noUi-tooltip:after {
  background: #faae42;
}
body.is-dark .noUi-horizontal.is-danger .noUi-connect, body.is-dark .noUi-vertical.is-danger .noUi-connect {
  background: #e62965;
}
body.is-dark .noUi-horizontal.is-danger .noUi-tooltip, body.is-dark .noUi-vertical.is-danger .noUi-tooltip {
  background: #e62965;
}
body.is-dark .noUi-horizontal.is-danger .noUi-tooltip:after, body.is-dark .noUi-vertical.is-danger .noUi-tooltip:after {
  background: #e62965;
}
body.is-dark .noUi-horizontal .noUi-connects, body.is-dark .noUi-vertical .noUi-connects {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark .noUi-horizontal .noUi-connect, body.is-dark .noUi-vertical .noUi-connect {
  background-color: #797bf2;
}
body.is-dark .noUi-horizontal .noUi-handle, body.is-dark .noUi-vertical .noUi-handle {
  background: #232326;
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .noUi-horizontal .noUi-handle:before, body.is-dark .noUi-horizontal .noUi-handle:after, body.is-dark .noUi-vertical .noUi-handle:before, body.is-dark .noUi-vertical .noUi-handle:after {
  background: rgb(32.9035723879%, 32.9035723879%, 35.7238785925%);
}
body.is-dark .noUi-horizontal .noUi-tooltip, body.is-dark .noUi-vertical .noUi-tooltip {
  background: #797bf2;
}
body.is-dark .noUi-horizontal .noUi-tooltip:after, body.is-dark .noUi-vertical .noUi-tooltip:after {
  background: #797bf2;
}

/*! _icons.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Icons
    2. Icons Dark Mode
*/
/* ==========================================================================
1. Icons
========================================================================== */
.icons {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.icons .h-icon {
  margin: 0 6px;
}

.h-icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  min-width: 40px;
  border-radius: 8px;
  background: #ededed;
  font-weight: 500;
  color: #1d252d;
  transition: all 0.3s;
}
body.is-dark .h-icon {
  background-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
.h-icon.is-rotated {
  position: relative;
  display: flex;
  justify-content: center;
  flex: 0;
  transition: all 0.3s;
  background: transparent !important;
  box-shadow: none !important;
  margin-inline-end: 3px;
  border: none !important;
}
.h-icon.is-rotated:before {
  content: "";
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  background-color: #fff;
  transform: rotate(45deg);
  border-radius: 8px;
  transition: all 0.3s;
}
.h-icon.is-rotated i, .h-icon.is-rotated svg, .h-icon.is-rotated span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: color 0.3s;
  font-size: 0.95rem;
}
.h-icon.is-rotated.is-primary {
  background: rgb(73.3787114846%, 38.9019607843%, 100%);
}
.h-icon.is-rotated.is-primary.is-bordered {
  border-color: #4f008c;
}
.h-icon.is-rotated.is-primary i {
  color: #4f008c;
}
.h-icon.is-rotated.is-primary svg {
  stroke: #4f008c;
  color: #4f008c;
}
.h-icon.is-rotated.is-light-primary, .h-icon.is-rotated.is-light-primary:before {
  background: rgb(96.0358543417%, 90.9019607843%, 100%);
  color: #4f008c;
}
.h-icon.is-rotated.is-light-primary.is-bordered, .h-icon.is-rotated.is-light-primary:before.is-bordered {
  border-color: #4f008c;
}
.h-icon.is-rotated.is-light-primary i, .h-icon.is-rotated.is-light-primary:before i {
  color: #4f008c;
}
.h-icon.is-rotated.is-light-primary svg, .h-icon.is-rotated.is-light-primary:before svg {
  stroke: #4f008c;
  color: #4f008c;
}
body.is-dark .h-icon.is-rotated.is-light-primary, body.is-dark .h-icon.is-rotated.is-light-primary:before {
  background: rgb(42.4926134837%, 42.4926134837%, 46.1348374966%);
  color: #232326;
}
body.is-dark .h-icon.is-rotated.is-light-primary.is-bordered, body.is-dark .h-icon.is-rotated.is-light-primary:before.is-bordered {
  border-color: #797bf2;
}
body.is-dark .h-icon.is-rotated.is-light-primary i, body.is-dark .h-icon.is-rotated.is-light-primary:before i {
  color: #797bf2;
}
body.is-dark .h-icon.is-rotated.is-light-primary svg, body.is-dark .h-icon.is-rotated.is-light-primary:before svg {
  stroke: #797bf2;
  color: #797bf2;
}
.h-icon.is-rotated.is-light-default:before {
  border: 1px solid #e0e0e0;
}
.h-icon.is-rotated.is-light-default, .h-icon.is-rotated.is-light-default:before {
  background: #f9f9f9;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  color: #4f008c;
}
.h-icon.is-rotated.is-light-default i, .h-icon.is-rotated.is-light-default:before i {
  color: #4f008c;
}
.h-icon.is-rotated.is-light-default svg, .h-icon.is-rotated.is-light-default:before svg {
  stroke: #4f008c;
  color: #4f008c;
}
body.is-dark .h-icon.is-rotated.is-light-default, body.is-dark .h-icon.is-rotated.is-light-default:before {
  background: rgb(42.4926134837%, 42.4926134837%, 46.1348374966%);
  color: #232326;
}
body.is-dark .h-icon.is-rotated.is-light-default.is-bordered, body.is-dark .h-icon.is-rotated.is-light-default:before.is-bordered {
  border-color: #797bf2;
}
body.is-dark .h-icon.is-rotated.is-light-default i, body.is-dark .h-icon.is-rotated.is-light-default:before i {
  color: #797bf2;
}
body.is-dark .h-icon.is-rotated.is-light-default svg, body.is-dark .h-icon.is-rotated.is-light-default:before svg {
  stroke: #797bf2;
  color: #797bf2;
}
.h-icon.is-rotated.is-secondary {
  background: white;
}
.h-icon.is-rotated.is-secondary.is-bordered {
  border-color: #ff375e;
}
.h-icon.is-rotated.is-secondary i {
  color: #ff375e;
}
.h-icon.is-rotated.is-secondary svg {
  stroke: #ff375e;
  color: #ff375e;
}
.h-icon.is-rotated.is-accent {
  background: white;
}
.h-icon.is-rotated.is-accent.is-bordered {
  border-color: #797bf2;
}
.h-icon.is-rotated.is-accent i {
  color: #797bf2;
}
.h-icon.is-rotated.is-accent svg {
  stroke: #797bf2;
  color: #797bf2;
}
.h-icon.is-rotated.is-success {
  background: rgb(76.9215686275%, 99.3529411765%, 93.5294117647%);
}
.h-icon.is-rotated.is-success.is-bordered {
  border-color: #06d6a0;
}
.h-icon.is-rotated.is-success i {
  color: #06d6a0;
}
.h-icon.is-rotated.is-success svg {
  stroke: #06d6a0;
  color: #06d6a0;
}
.h-icon.is-rotated.is-info {
  background: rgb(81.2263353617%, 93.6874577417%, 99.7540567951%);
}
.h-icon.is-rotated.is-info.is-bordered {
  border-color: #039BE5;
}
.h-icon.is-rotated.is-info i {
  color: #039BE5;
}
.h-icon.is-rotated.is-info svg {
  stroke: #039BE5;
  color: #039BE5;
}
.h-icon.is-rotated.is-warning {
  background: rgb(99.6887002224%, 94.9569436022%, 88.2328684051%);
}
.h-icon.is-rotated.is-warning.is-bordered {
  border-color: #faae42;
}
.h-icon.is-rotated.is-warning i {
  color: #faae42;
}
.h-icon.is-rotated.is-warning svg {
  stroke: #faae42;
  color: #faae42;
}
.h-icon.is-rotated.is-danger {
  background: rgb(97.7274591845%, 80.5470506194%, 86.0011485766%);
}
.h-icon.is-rotated.is-danger.is-bordered {
  border-color: #e62965;
}
.h-icon.is-rotated.is-danger i {
  color: #e62965;
}
.h-icon.is-rotated.is-danger svg {
  stroke: #e62965;
  color: #e62965;
}
.h-icon.is-rotated.is-purple {
  background: rgb(90.6279692494%, 88.7535630992%, 94.2268290576%);
}
.h-icon.is-rotated.is-purple.is-bordered {
  border-color: #8269B2;
}
.h-icon.is-rotated.is-purple i {
  color: #8269B2;
}
.h-icon.is-rotated.is-purple svg {
  stroke: #8269B2;
  color: #8269B2;
}
.h-icon.is-rotated.is-blue {
  background: rgb(89.568627451%, 96.8705882353%, 100%);
}
.h-icon.is-rotated.is-blue.is-bordered {
  border-color: #37C3FF;
}
.h-icon.is-rotated.is-blue i {
  color: #37C3FF;
}
.h-icon.is-rotated.is-blue svg {
  stroke: #37C3FF;
  color: #37C3FF;
}
.h-icon.is-rotated.is-yellow {
  background: rgb(100%, 96.3629479378%, 87.137254902%);
}
.h-icon.is-rotated.is-yellow.is-bordered {
  border-color: #FFD66E;
}
.h-icon.is-rotated.is-yellow i {
  color: #FFD66E;
}
.h-icon.is-rotated.is-yellow svg {
  stroke: #FFD66E;
  color: #FFD66E;
}
.h-icon.is-rotated.is-orange {
  background: rgb(100%, 93.5760971055%, 90.5882352941%);
}
.h-icon.is-rotated.is-orange.is-bordered {
  border-color: #FFA981;
}
.h-icon.is-rotated.is-orange i {
  color: #FFA981;
}
.h-icon.is-rotated.is-orange svg {
  stroke: #FFA981;
  color: #FFA981;
}
.h-icon.is-rotated.is-green {
  background: rgb(90.7670588235%, 97.3498039216%, 89.8266666667%);
}
.h-icon.is-rotated.is-green.is-bordered {
  border-color: #93E088;
}
.h-icon.is-rotated.is-green i {
  color: #93E088;
}
.h-icon.is-rotated.is-green svg {
  stroke: #93E088;
  color: #93E088;
}
.h-icon.is-rotated.is-red {
  background: rgb(99.7388019428%, 90.7710019788%, 93.0782514841%);
}
.h-icon.is-rotated.is-red.is-bordered {
  border-color: #F92B60;
}
.h-icon.is-rotated.is-red i {
  color: #F92B60;
}
.h-icon.is-rotated.is-red svg {
  stroke: #F92B60;
  color: #F92B60;
}
.h-icon.is-small {
  height: 32px;
  width: 32px;
  min-width: 32px;
}
.h-icon.is-small .fas, .h-icon.is-small .fab, .h-icon.is-small .far, .h-icon.is-small .fal {
  font-size: 1rem;
}
.h-icon.is-small .lnil, .h-icon.is-small .lnir {
  font-size: 1.2rem;
}
.h-icon.is-small svg {
  height: 16px;
  width: 16px;
  stroke-width: 1.4px;
}
body.is-dark .h-icon.is-small svg {
  color: #a2a5b9;
}
.h-icon.is-medium {
  height: 50px;
  width: 50px;
  min-width: 50px;
}
.h-icon.is-medium.is-bordered {
  border-width: 1.6px;
}
.h-icon.is-medium .fas, .h-icon.is-medium .fab, .h-icon.is-medium .far, .h-icon.is-medium .fal {
  font-size: 1.5rem;
}
.h-icon.is-medium .lnil, .h-icon.is-medium .lnir {
  font-size: 1.7rem;
}
.h-icon.is-medium svg {
  height: 25px;
  width: 25px;
  stroke-width: 1.4px;
}
.h-icon.is-large {
  height: 68px;
  width: 68px;
  min-width: 68px;
}
.h-icon.is-large.is-bordered {
  border-width: 2px;
}
.h-icon.is-large .fas, .h-icon.is-large .fab, .h-icon.is-large .far, .h-icon.is-large .fal {
  font-size: 2rem;
}
.h-icon.is-large .lnil, .h-icon.is-large .lnir {
  font-size: 2.2rem;
}
.h-icon.is-large svg {
  height: 34px;
  width: 34px;
  stroke-width: 2px;
}
.h-icon.is-big {
  height: 80px;
  width: 80px;
  min-width: 80px;
}
.h-icon.is-big.is-bordered {
  border-width: 2px;
}
.h-icon.is-big .fas, .h-icon.is-big .fab, .h-icon.is-big .far, .h-icon.is-big .fal {
  font-size: 2.4rem;
}
.h-icon.is-big .lnil, .h-icon.is-big .lnir {
  font-size: 2.6rem;
}
.h-icon.is-big svg {
  height: 40px;
  width: 40px;
  stroke-width: 3px;
}
.h-icon.is-xl {
  height: 100px;
  width: 100px;
  min-width: 100px;
}
.h-icon.is-xl.is-bordered {
  border-width: 2px;
}
.h-icon.is-xl .fas, .h-icon.is-xl .fab, .h-icon.is-xl .far, .h-icon.is-xl .fal {
  font-size: 3rem;
}
.h-icon.is-xl .lnil, .h-icon.is-xl .lnir {
  font-size: 3.4rem;
}
.h-icon.is-xl svg {
  height: 50px;
  width: 50px;
  stroke-width: 3px;
}
.h-icon.is-rounded {
  border-radius: 50%;
}
.h-icon.is-primary {
  background: rgb(73.3787114846%, 38.9019607843%, 100%);
}
.h-icon.is-primary.is-bordered {
  border-color: #4f008c;
}
.h-icon.is-primary i {
  color: #4f008c;
}
.h-icon.is-primary svg {
  stroke: #4f008c;
  color: #4f008c;
}
.h-icon.is-light-primary {
  background: rgb(96.0358543417%, 90.9019607843%, 100%);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  color: #4f008c;
}
.h-icon.is-light-primary.is-bordered {
  border-color: #4f008c;
}
.h-icon.is-light-primary i {
  color: #4f008c;
}
.h-icon.is-light-primary svg {
  stroke: #4f008c;
  color: #4f008c;
}
.h-icon.is-light-default {
  background: #f2f2f1;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  color: #4f008c;
}
.h-icon.is-light-default i {
  color: #4f008c;
}
.h-icon.is-light-default svg {
  stroke: #4f008c;
  color: #4f008c;
}
body.is-dark .h-icon.is-light-default svg {
  stroke: #cecece;
  color: #cecece;
}
.h-icon.is-light-default.is-community svg {
  stroke: #1d252d;
  color: #1d252d;
}
body.is-dark .h-icon.is-light-default.is-community svg {
  stroke: #cecece;
  color: #cecece;
}
.h-icon.is-light-app-icon {
  background: transparent;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.15);
  color: #4f008c;
}
.h-icon.is-light-app-icon i {
  color: #4f008c;
}
.h-icon.is-light-app-icon svg {
  stroke: #4f008c;
  color: #4f008c;
}
body.is-dark .h-icon.is-light-app-icon svg {
  stroke: #cecece;
  color: #cecece;
}
.h-icon.is-secondary {
  background: white;
}
.h-icon.is-secondary.is-bordered {
  border-color: #ff375e;
}
.h-icon.is-secondary i {
  color: #ff375e;
}
.h-icon.is-secondary svg {
  stroke: #ff375e;
  color: #ff375e;
}
.h-icon.is-accent {
  background: white;
}
.h-icon.is-accent.is-bordered {
  border-color: #797bf2;
}
.h-icon.is-accent i {
  color: #797bf2;
}
.h-icon.is-accent svg {
  stroke: #797bf2;
  color: #797bf2;
}
.h-icon.is-success {
  background: rgb(76.9215686275%, 99.3529411765%, 93.5294117647%);
}
.h-icon.is-success.is-bordered {
  border-color: #06d6a0;
}
.h-icon.is-success i {
  color: #06d6a0;
}
.h-icon.is-success svg {
  stroke: #06d6a0;
  color: #06d6a0;
}
body.is-dark .h-icon.is-success svg {
  color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  stroke: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
.h-icon.is-info {
  background: rgb(81.2263353617%, 93.6874577417%, 99.7540567951%);
}
.h-icon.is-info.is-bordered {
  border-color: #039BE5;
}
.h-icon.is-info i {
  color: #039BE5;
}
.h-icon.is-info svg {
  stroke: #039BE5;
  color: #039BE5;
}
body.is-dark .h-icon.is-info svg {
  color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  stroke: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
.h-icon.is-warning {
  background: rgb(99.6887002224%, 94.9569436022%, 88.2328684051%);
}
.h-icon.is-warning.is-bordered {
  border-color: #faae42;
}
.h-icon.is-warning i {
  color: #faae42;
}
.h-icon.is-warning svg {
  stroke: #faae42;
  color: #faae42;
}
.h-icon.is-danger {
  background: rgb(97.7274591845%, 80.5470506194%, 86.0011485766%);
}
.h-icon.is-danger.is-bordered {
  border-color: #e62965;
}
.h-icon.is-danger i {
  color: #e62965;
}
.h-icon.is-danger svg {
  stroke: #e62965;
  color: #e62965;
}
.h-icon.is-purple {
  background: rgb(90.6279692494%, 88.7535630992%, 94.2268290576%);
}
.h-icon.is-purple.is-bordered {
  border-color: #8269B2;
}
.h-icon.is-purple i {
  color: #8269B2;
}
.h-icon.is-purple svg {
  stroke: #8269B2;
  color: #8269B2;
}
body.is-dark .h-icon.is-purple svg {
  color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  stroke: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
.h-icon.is-blue {
  background: rgb(89.568627451%, 96.8705882353%, 100%);
}
.h-icon.is-blue.is-bordered {
  border-color: #37C3FF;
}
.h-icon.is-blue i {
  color: #37C3FF;
}
.h-icon.is-blue svg {
  stroke: #37C3FF;
  color: #37C3FF;
}
.h-icon.is-yellow {
  background: rgb(100%, 96.3629479378%, 87.137254902%);
}
.h-icon.is-yellow.is-bordered {
  border-color: #FFD66E;
}
.h-icon.is-yellow i {
  color: #FFD66E;
}
.h-icon.is-yellow svg {
  stroke: #FFD66E;
  color: #FFD66E;
}
.h-icon.is-orange {
  background: rgb(100%, 93.5760971055%, 90.5882352941%);
}
.h-icon.is-orange.is-bordered {
  border-color: #FFA981;
}
.h-icon.is-orange i {
  color: #FFA981;
}
.h-icon.is-orange svg {
  stroke: #FFA981;
  color: #FFA981;
}
.h-icon.is-green {
  background: rgb(90.7670588235%, 97.3498039216%, 89.8266666667%);
}
.h-icon.is-green.is-bordered {
  border-color: #93E088;
}
.h-icon.is-green i {
  color: #93E088;
}
.h-icon.is-green svg {
  stroke: #93E088;
  color: #93E088;
}
.h-icon.is-red {
  background: rgb(99.7388019428%, 90.7710019788%, 93.0782514841%);
}
.h-icon.is-red.is-bordered {
  border-color: #F92B60;
}
.h-icon.is-red i {
  color: #F92B60;
}
.h-icon.is-red svg {
  stroke: #F92B60;
  color: #F92B60;
}
.h-icon.is-bordered {
  border: 1px solid #999;
}
.h-icon .fas, .h-icon .fab, .h-icon .far, .h-icon .fal {
  font-size: 1.2rem;
  color: #999;
  transition: color 0.3s;
}
.h-icon .lnil, .h-icon .lnir {
  font-size: 1.4rem;
  color: #999;
  transition: color 0.3s;
}
.h-icon svg {
  height: 20px;
  width: 20px;
  stroke-width: 1.4px;
}

/* ==========================================================================
2. Icons Dark Mode
========================================================================== */
body.is-dark .h-icon.is-primary {
  background: #797bf2;
}
body.is-dark .h-icon.is-primary.is-bordered {
  border-color: #797bf2;
}
body.is-dark .h-icon.is-primary i {
  color: #fff;
}
body.is-dark .h-icon.is-primary svg {
  stroke: #fcfcfc;
}
body.is-dark .h-icon.is-light-primary {
  background: #797bf2;
}
body.is-dark .h-icon.is-light-primary.is-bordered {
  border-color: #797bf2;
}
body.is-dark .h-icon.is-light-primary i {
  color: #fff;
}
body.is-dark .h-icon.is-light-primary svg {
  stroke: #fcfcfc;
  color: #fcfcfc;
}
body.is-dark .h-icon.is-accent {
  background: #797bf2;
}
body.is-dark .h-icon.is-accent.is-bordered {
  border-color: #797bf2;
}
body.is-dark .h-icon.is-accent i {
  color: #fff;
}
body.is-dark .h-icon.is-accent svg {
  stroke: #fcfcfc;
}
body.is-dark .h-icon.is-success {
  background: #06d6a0;
}
body.is-dark .h-icon.is-success.is-bordered {
  border-color: #06d6a0;
}
body.is-dark .h-icon.is-success i {
  color: #fff;
}
body.is-dark .h-icon.is-success svg {
  stroke: #fcfcfc;
}
body.is-dark .h-icon.is-info {
  background: #039BE5;
}
body.is-dark .h-icon.is-info.is-bordered {
  border-color: #039BE5;
}
body.is-dark .h-icon.is-info i {
  color: #fff;
}
body.is-dark .h-icon.is-info svg {
  stroke: #fcfcfc;
}
body.is-dark .h-icon.is-warning {
  background: #faae42;
}
body.is-dark .h-icon.is-warning.is-bordered {
  border-color: #faae42;
}
body.is-dark .h-icon.is-warning i {
  color: #fff;
}
body.is-dark .h-icon.is-warning svg {
  stroke: #fcfcfc;
}
body.is-dark .h-icon.is-danger {
  background: #e62965;
}
body.is-dark .h-icon.is-danger.is-bordered {
  border-color: #e62965;
}
body.is-dark .h-icon.is-danger i {
  color: #fff;
}
body.is-dark .h-icon.is-danger svg {
  stroke: #fcfcfc;
}
body.is-dark .h-icon.is-purple {
  background: #8269B2;
}
body.is-dark .h-icon.is-purple.is-bordered {
  border-color: #8269B2;
}
body.is-dark .h-icon.is-purple i {
  color: #fff;
}
body.is-dark .h-icon.is-purple svg {
  stroke: #fcfcfc;
}
body.is-dark .h-icon.is-blue {
  background: #37C3FF;
}
body.is-dark .h-icon.is-blue.is-bordered {
  border-color: #37C3FF;
}
body.is-dark .h-icon.is-blue i {
  color: #fff;
}
body.is-dark .h-icon.is-blue svg {
  stroke: #fcfcfc;
}
body.is-dark .h-icon.is-yellow {
  background: #FFD66E;
}
body.is-dark .h-icon.is-yellow.is-bordered {
  border-color: #FFD66E;
}
body.is-dark .h-icon.is-yellow i {
  color: #fff;
}
body.is-dark .h-icon.is-yellow svg {
  stroke: #fcfcfc;
  color: #fcfcfc;
}
body.is-dark .h-icon.is-orange {
  background: #FFA981;
}
body.is-dark .h-icon.is-orange.is-bordered {
  border-color: #FFA981;
}
body.is-dark .h-icon.is-orange i {
  color: #fff;
}
body.is-dark .h-icon.is-orange svg {
  stroke: #fcfcfc;
}
body.is-dark .h-icon.is-green {
  background: #93E088;
}
body.is-dark .h-icon.is-green.is-bordered {
  border-color: #93E088;
}
body.is-dark .h-icon.is-green i {
  color: #fff;
}
body.is-dark .h-icon.is-green svg {
  stroke: #fcfcfc;
  color: #fcfcfc;
}
body.is-dark .h-icon.is-red {
  background: #F92B60;
}
body.is-dark .h-icon.is-red.is-bordered {
  border-color: #F92B60;
}
body.is-dark .h-icon.is-red i {
  color: #fff;
}
body.is-dark .h-icon.is-red svg {
  stroke: #fcfcfc;
  color: #fcfcfc;
}

/*! _links.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Action Link
    2. Action Link Dark Mode
*/
/* ==========================================================================
1. Action Link
========================================================================== */
/*! purgecss start ignore */
.action-link {
  position: relative;
  display: inline-block;
  font-weight: 500;
  color: #4f008c;
  transition: opacity 0.3s;
}
.action-link:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 0.09rem dotted #4f008c;
}
.action-link:hover {
  color: #4f008c;
  opacity: 0.6;
}

.action-link-prime {
  position: relative;
  display: inline-block;
  font-weight: 500;
  color: #4f008c;
  transition: opacity 0.3s;
}
.action-link-prime:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 0.09rem dotted #4f008c;
}
.action-link-prime:hover {
  color: #4f008c;
  opacity: 0.6;
}

.action-link-white {
  position: relative;
  display: inline-block;
  font-weight: 500;
  color: #ffffff;
  transition: opacity 0.3s;
}
.action-link-white:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 0.09rem dotted #ffffff;
}
.action-link-white:hover {
  color: #ffffff;
  opacity: 0.6;
}

/*! purgecss end ignore */
/* ==========================================================================
2. Action Link Dark Mode
========================================================================== */
/*! purgecss start ignore */
body.is-dark .action-link {
  color: #797bf2;
}
body.is-dark .action-link:after {
  border-bottom-color: #797bf2;
}

/*! purgecss end ignore */
/*! _lists.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. User List
    2. User List Dark mode
*/
/* ==========================================================================
1. User List
========================================================================== */
.user-list li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 0;
}
.user-list .user-list-avatar img {
  width: 40px;
  height: 40px;
  border-radius: 100px;
}
.user-list .user-list-info {
  margin: 0 10px;
  overflow: hidden;
}
.user-list .user-list-info .name {
  font-family: "STC Forward", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: #1d252d;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.user-list .user-list-info .position {
  font-size: 12px;
  color: #a2a5b9;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.user-list .user-list-status {
  height: 10px;
  width: 10px;
  border-radius: 100px;
  background: #ededed;
  margin-left: auto;
  margin-right: 1rem;
}
.user-list .user-list-status.is-offline {
  background: #ededed;
}
.user-list .user-list-status.is-online {
  background: #06d6a0;
}
.user-list .user-list-status.is-busy {
  background: #faae42;
}
.user-list .user-list-icons {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
}
[dir=rtl] .user-list .user-list-icons {
  margin-right: auto;
  margin-left: 0;
}
.user-list .user-list-icons a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  color: rgb(80.6459761819%, 81.2702995309%, 85.4324551907%);
  font-size: 0.9rem;
  transition: all 0.3s;
}
.user-list .user-list-icons a:hover {
  color: #a2a5b9;
  background: rgb(95.9411764706%, 95.9411764706%, 95.9411764706%);
}

/* ==========================================================================
2. User List Dark mode
========================================================================== */
body.is-dark .user-list .user-list-icons a:hover {
  background: rgb(23.314531292%, 23.314531292%, 25.3129196884%);
}

/*! _tags.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Tags
    2. Tags Dark mode
*/
/* ==========================================================================
1. Tags
========================================================================== */
[dir=rtl] .tags.has-addons {
  flex-direction: row-reverse;
}

.new-tag {
  background: #daf7ec;
  padding: 4px 4px;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 0.6rem !important;
  z-index: 3;
  display: flex;
  font-weight: 600;
  flex-direction: row;
  justify-content: center;
  color: #06d6a0 !important;
  align-items: flex-start;
  margin: 0 5px;
}
body.is-dark .new-tag {
  background-color: #424748;
}

.beta-tag {
  background: #fff5e0;
  padding: 4px 4px;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 0.6rem !important;
  z-index: 3;
  display: flex;
  font-weight: 600;
  flex-direction: row;
  justify-content: center;
  color: #ff6a39 !important;
  align-items: flex-start;
  margin: 0 5px;
}
body.is-dark .beta-tag {
  background-color: rgba(255, 106, 57, 0.25);
}

.tag:not(body) {
  display: inline-block;
  line-height: 2.5;
  height: 2.4em;
}
body.is-dark .tag:not(body).is-success, body.is-dark .tag:not(body).is-danger, body.is-dark .tag:not(body).is-info, body.is-dark .tag:not(body).is-primary, body.is-dark .tag:not(body).is-warning {
  color: #232326 !important;
}
.tag:not(body).is-delete:before {
  height: 2px;
  width: 12px;
}
.tag:not(body).is-delete:after {
  height: 12px;
  width: 2px;
}
.tag:not(body).is-delete.white {
  background: #fff;
}
.tag:not(body).is-rounded {
  padding-left: 1em;
  padding-right: 1em;
}
.tag:not(body).is-curved {
  padding-left: 0.85em;
  padding-right: 0.85em;
  line-height: 2.5;
  height: 2.6em;
  border-radius: 8px;
}
.tag:not(body).is-elevated {
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.tag:not(body).is-solid {
  background: #fff;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  color: #a2a5b9;
}
.tag:not(body).is-primary.is-elevated {
  box-shadow: 0 14px 26px -12px rgba(79, 0, 140, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 0, 140, 0.2);
}
.tag:not(body).is-primary.is-outlined {
  background: none !important;
  color: #4f008c;
  border: 1px solid #4f008c;
}
.tag:not(body).is-success.is-elevated {
  box-shadow: 0 14px 26px -12px rgba(6, 214, 160, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(6, 214, 160, 0.2) !important;
}
.tag:not(body).is-success.is-outlined {
  background: none !important;
  color: #06d6a0;
  border: 1px solid #06d6a0;
}
.tag:not(body).is-info.is-elevated {
  box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important;
}
.tag:not(body).is-info.is-outlined {
  background: none !important;
  color: #039BE5;
  border: 1px solid #039BE5;
}
.tag:not(body).is-warning.is-elevated {
  box-shadow: 0 14px 26px -12px rgba(250, 174, 66, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(250, 174, 66, 0.2) !important;
}
.tag:not(body).is-warning.is-outlined {
  background: none !important;
  color: #faae42;
  border: 1px solid #faae42;
}
.tag:not(body).is-danger.is-elevated {
  box-shadow: 0 14px 26px -12px rgba(230, 41, 101, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(230, 41, 101, 0.2) !important;
}
.tag:not(body).is-danger.is-outlined {
  background: none !important;
  color: #e62965;
  border: 1px solid #e62965;
}
.tag:not(body).is-secondary {
  background: #ff375e;
  color: #fff;
}
.tag:not(body).is-secondary.is-elevated {
  box-shadow: 0 14px 26px -12px rgba(255, 55, 94, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 55, 94, 0.2);
}
.tag:not(body).is-secondary.is-outlined {
  background: none !important;
  color: #ff375e;
  border: 1px solid #ff375e;
}
.tag:not(body).is-green {
  background: #93E088;
  color: #fff;
}
.tag:not(body).is-green.is-elevated {
  box-shadow: 0 14px 26px -12px rgba(28.09%, 77.91%, 45.527%, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(28.09%, 77.91%, 45.527%, 0.2) !important;
}
.tag:not(body).is-green.is-outlined {
  background: none !important;
  color: #93E088;
  border: 1px solid #93E088;
}
.tag:not(body).is-blue {
  background: #37C3FF;
  color: #fff;
}
.tag:not(body).is-blue.is-elevated {
  box-shadow: 0 14px 26px -12px rgba(55, 195, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(55, 195, 255, 0.2) !important;
}
.tag:not(body).is-blue.is-outlined {
  background: none !important;
  color: #37C3FF;
  border: 1px solid #37C3FF;
}
.tag:not(body).is-green {
  background: #93E088;
  color: #fff;
}
.tag:not(body).is-green.is-elevated {
  box-shadow: 0 14px 26px -12px rgba(28.09%, 77.91%, 45.527%, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(28.09%, 77.91%, 45.527%, 0.2) !important;
}
.tag:not(body).is-green.is-outlined {
  background: none !important;
  color: #93E088;
  border: 1px solid #93E088;
}
.tag:not(body).is-purple {
  background: #8269B2;
  color: #fff;
}
.tag:not(body).is-purple.is-elevated {
  box-shadow: 0 14px 26px -12px rgba(130, 105, 178, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(130, 105, 178, 0.2) !important;
}
.tag:not(body).is-purple.is-outlined {
  background: none !important;
  color: #8269B2;
  border: 1px solid #8269B2;
}
.tag:not(body).is-orange {
  background: #FFA981;
  color: #fff;
}
.tag:not(body).is-orange.is-elevated {
  box-shadow: 0 14px 26px -12px rgba(255, 169, 129, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 169, 129, 0.2) !important;
}
.tag:not(body).is-orange.is-outlined {
  background: none !important;
  color: #FFA981;
  border: 1px solid #FFA981;
}
.tag:not(body).is-orange-secondary {
  background: #ff6a39;
  color: #fff;
}

/* ==========================================================================
2. Tags Dark mode
========================================================================== */
body.is-dark .tag:not(.is-primary):not(.is-secondary):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger):not(.is-orange):not(.is-green):not(.is-blue):not(.is-purple) {
  background: rgb(23.314531292%, 23.314531292%, 25.3129196884%);
  border-color: rgb(23.314531292%, 23.314531292%, 25.3129196884%);
  color: #cecece;
}
body.is-dark .tag.is-primary {
  background: #797bf2;
}
body.is-dark .tag.is-primary.is-outlined {
  border-color: #797bf2;
  color: #797bf2;
}
body.is-dark .tag.is-primary.is-light {
  background: rgb(87.5598239296%, 87.7454981993%, 98.7931172469%);
  color: #797bf2;
}

/*! _lists.scss | Solutions | Solutions By STC 2020-2022 */
/*
    1. Brand Logo
    2. Brand logo Dark mode
    3. App Logo
    4. App Logo Dark mode
*/
/* ==========================================================================
1. Brand Logo
========================================================================== */
.brand-logo svg .fill-none {
  fill: none;
}
.brand-logo svg .fill-primary {
  fill: #4f008c;
}
.brand-logo svg .fill-secondary {
  fill: #ff375e;
}

/* ==========================================================================
2. Brand Logo Dark mode
========================================================================== */
body.is-dark .brand-logo svg .fill-none {
  fill: none;
}
body.is-dark .brand-logo svg .fill-primary {
  fill: #fff;
}
body.is-dark .brand-logo svg .fill-secondary {
  fill: #ff375e;
}

/* ==========================================================================
3. App Logo
========================================================================== */
.app-logo svg .fill-none {
  fill: none;
}
.app-logo svg .fill-primary {
  fill: #4f008c;
}
.app-logo svg .fill-secondary {
  fill: #ff375e;
}

/* ==========================================================================
3. App Logo Dark mode
========================================================================== */
body.is-dark .app-logo svg .fill-none {
  fill: none;
}
body.is-dark .app-logo svg .fill-primary {
  fill: #fff;
}
body.is-dark .app-logo svg .fill-secondary {
  fill: #ff375e;
}

/*! _accordion.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Accordion
    2. Accordion Dark mode
    3. Collapse
    4. Collapse Dark mode
    5. Image Accordion
*/
/* ==========================================================================
1. Accordion
========================================================================== */
.single-accordion {
  background: #fff;
  background: #fff;
  margin: 0 auto;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  overflow: hidden;
}
.single-accordion .accordion-header {
  border-bottom: 1px solid #DDE0E7;
  color: #1d252d;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.95rem;
  font-family: "STC Forward", sans-serif;
  padding: 1.5rem;
}
.single-accordion .accordion-header:hover {
  background: #F6F7F9;
}
.single-accordion .accordion-header.is-active:before {
  background-color: #4f008c;
}
.single-accordion .accordion-header:before {
  content: "";
  vertical-align: middle;
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background-color: #B1B5BE;
  margin-right: 0.75rem;
}
.single-accordion .accordion-content {
  display: none;
  border-bottom: 1px solid #DDE0E7;
  background: #F6F7F9;
  padding: 1.5rem;
  color: #a2a5b9;
  font-family: "STC Forward", sans-serif;
}

/* ==========================================================================
2. Accordion Dark mode
========================================================================== */
body.is-dark .single-accordion {
  background: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .single-accordion .accordion-header {
  color: #cecece;
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .single-accordion .accordion-header:hover {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
body.is-dark .single-accordion .accordion-header:before {
  background: #232326;
}
body.is-dark .single-accordion .accordion-header.is-active:before {
  background-color: #797bf2;
}
body.is-dark .single-accordion .accordion-content {
  background: #232326;
  border-color: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%);
}

/* ==========================================================================
3. Collapse
========================================================================== */
.collapse {
  padding: 0;
  margin-bottom: 1.5rem;
}
.collapse.has-plus.is-active .collapse-header .collapse-icon {
  transform: rotate(45deg);
}
.collapse.has-chevron.is-active .collapse-header .collapse-icon {
  transform: rotate(180deg);
}
.collapse.is-active .collapse-icon {
  border-color: rgb(89.9411764706%, 89.9411764706%, 89.9411764706%) !important;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.collapse .collapse-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  padding: 0 20px;
  cursor: pointer;
}
.collapse .collapse-header h3 {
  font-family: "STC Forward", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  color: #1d252d;
}
.collapse .collapse-header .collapse-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid transparent;
  transition: all 0.3s;
}
.collapse .collapse-header .collapse-icon svg {
  height: 16px;
  width: 16px;
  stroke: #a2a5b9;
}
.collapse .collapse-content {
  display: none;
  padding: 0 20px 20px 20px;
  color: #a2a5b9;
  font-family: "STC Forward", sans-serif;
}
.collapse .collapse-content p:not(:last-child) {
  margin-bottom: 12px;
}

/* ==========================================================================
4. Collapse Dark mode
========================================================================== */
body.is-dark .collapse.is-active .collapse-header .collapse-icon {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
}
body.is-dark .collapse .collapse-header h3 {
  color: #cecece;
}
body.is-dark .collapse .collapse-header .collapse-icon {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
  border-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}

/* ==========================================================================
5. Image Accordion
========================================================================== */
.image-accordion {
  width: 100%;
  max-width: 1080px;
  height: 250px;
  overflow: hidden;
  margin: 50px auto;
}
.image-accordion ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}
.image-accordion ul li {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  width: 16.666%;
  height: 250px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 500ms ease;
}
.image-accordion ul li div {
  display: block;
  overflow: hidden;
  width: 100%;
}
.image-accordion ul li div a {
  display: block;
  height: 250px;
  width: 100%;
  position: relative;
  z-index: 3;
  vertical-align: bottom;
  padding: 15px 20px;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  font-family: Open Sans, sans-serif;
  transition: all 200ms ease;
}
.image-accordion ul li div a * {
  opacity: 0;
  margin: 0;
  width: 100%;
  text-overflow: ellipsis;
  position: relative;
  z-index: 5;
  white-space: nowrap;
  overflow: hidden;
  transform: translateX(-20px);
  transition: all 400ms ease;
}
.image-accordion ul li div a h2 {
  font-family: "STC Forward", sans-serif;
  font-weight: 300;
  text-overflow: clip;
  font-size: 1.4rem;
  text-transform: uppercase;
  margin-bottom: 0;
  top: 160px;
}
.image-accordion ul li div a p {
  top: 160px;
  font-size: 13.5px;
  color: #fff;
}
.image-accordion ul:hover li, .image-accordion ul:focus-within li {
  width: 8%;
}
.image-accordion ul li:focus {
  outline: none;
}
.image-accordion ul:hover li:hover,
.image-accordion ul li:focus, .image-accordion ul:focus-within li:focus {
  width: 60%;
}
.image-accordion ul:hover li:hover a,
.image-accordion ul li:focus a, .image-accordion ul:focus-within li:focus a {
  background: rgba(0, 0, 0, 0.4);
}
.image-accordion ul:hover li:hover a *,
.image-accordion ul li:focus a *, .image-accordion ul:focus-within li:focus a * {
  opacity: 1;
  transform: translateX(0);
}
.image-accordion ul:hover li {
  width: 8% !important;
}
.image-accordion ul:hover li a * {
  opacity: 0 !important;
}
.image-accordion ul:hover li:hover {
  width: 60% !important;
}
.image-accordion ul:hover li:hover a {
  background: rgba(0, 0, 0, 0.4);
}
.image-accordion ul:hover li:hover a * {
  opacity: 1 !important;
  transform: translateX(0);
}

@media screen and (max-width: 600px) {
  .image-accordion {
    height: auto;
  }
  .image-accordion ul li, .image-accordion ul li:hover, .image-accordion ul:hover li, .image-accordion ul:hover li:hover {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100% !important;
    transition: none;
  }
}
/*! _breadcrumbs.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Breadcrumbs
    2. Breadcrumbs Dark mode
*/
/* ==========================================================================
1. Breadcrumbs
========================================================================== */
.breadcrumb.is-narrow {
  margin-bottom: 10px;
}
.breadcrumb ul li {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-right: 10px;
}
[dir=rtl] .breadcrumb ul li {
  margin-right: 0;
  margin-left: 10px;
}
.breadcrumb ul li a {
  font-family: "STC Forward", sans-serif;
  color: #a2a5b9;
}
.breadcrumb ul li a:hover {
  color: #4f008c;
}
.breadcrumb ul li a .icon.is-solo svg {
  top: 2px;
}
.breadcrumb ul li a .icon svg {
  position: relative;
  top: 0;
  height: 16px;
  min-width: 16px;
}

/* ==========================================================================
2. Breadcrumbs Dark mode
========================================================================== */
body.is-dark .breadcrumb ul li a:hover {
  color: #797bf2;
}

/*! _datepicker.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Pickaday Datepicker
    2. Pickaday Datepicker Dark mode
    3. Bulma Datetimepickers
    4. Bulma Datetimepickers Dark mode
    5. Clock Timepicker
    6. Clock Timepicker Dark mode
*/
/* ==========================================================================
1. Pickaday Datepicker
========================================================================== */
.pika-single {
  margin-top: 6px;
  border-radius: 6px;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  transition: all 0.3s;
}
.pika-single.is-bound {
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.pika-single .pika-lendar {
  padding: 16px;
}
.pika-single .pika-lendar .pika-title {
  font-family: "STC Forward", sans-serif;
  color: #1d252d;
}
.pika-single .pika-lendar .pika-title .pika-prev, .pika-single .pika-lendar .pika-title .pika-next {
  height: 30px;
  width: 30px;
  font-size: 0;
}
.pika-single .pika-lendar .pika-table thead th {
  font-weight: 400;
  font-family: "STC Forward", sans-serif;
  color: #1d252d;
}
.pika-single .pika-lendar .pika-table tbody td.is-selected .pika-day, .pika-single .pika-lendar .pika-table tbody td.is-selected .pika-button {
  box-shadow: none;
  background: #4f008c;
  box-shadow: 0 14px 26px -12px rgba(79, 0, 140, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 0, 140, 0.2);
  color: #fff;
}
.pika-single .pika-lendar .pika-table tbody td:hover .pika-day, .pika-single .pika-lendar .pika-table tbody td:hover .pika-button {
  box-shadow: none;
  background: #ededed;
  color: #1d252d;
}
.pika-single .pika-lendar .pika-table tbody td .pika-day, .pika-single .pika-lendar .pika-table tbody td .pika-button {
  text-align: center;
  background: #fff;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  color: #a2a5b9;
}

/* ==========================================================================
2. Pickaday Datepicker Dark mode
========================================================================== */
body.is-dark .pika-single {
  background: #232326 !important;
  border-color: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%) !important;
}
body.is-dark .pika-single .pika-title {
  color: #cecece !important;
}
body.is-dark .pika-single .pika-title .pika-label {
  background: #232326 !important;
  color: #cecece !important;
}
body.is-dark .pika-single .pika-table thead th {
  color: #cecece;
}
body.is-dark .pika-single .pika-table tbody td.is-selected .pika-day, body.is-dark .pika-single .pika-table tbody td.is-selected .pika-button {
  background: #797bf2;
  box-shadow: 0 14px 26px -12px rgba(121, 123, 242, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(121, 123, 242, 0.2);
}
body.is-dark .pika-single .pika-table tbody td:hover .pika-day, body.is-dark .pika-single .pika-table tbody td:hover .pika-button {
  background: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%) !important;
  color: #fff;
}
body.is-dark .pika-single .pika-table tbody td .pika-day, body.is-dark .pika-single .pika-table tbody td .pika-button {
  background: #232326;
}

/* ==========================================================================
3. Bulma Datetimepickers
========================================================================== */
.is-bulma-timepicker .datetimepicker-dummy:before {
  content: "\f017" !important;
}

.datetimepicker-dummy {
  height: 38px;
}
.datetimepicker-dummy:before {
  content: "\f133";
  -webkit-mask: none !important;
          mask: none !important;
  background-color: transparent;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #a2a5b9;
}
.datetimepicker-dummy .datetimepicker-dummy-wrapper {
  border-color: #e3e3e3;
  border-radius: 4px;
}
.datetimepicker-dummy .datetimepicker-clear-button {
  height: 28px;
  margin: 0.3rem 0.2rem 0 0 !important;
  color: #a2a5b9 !important;
}

.datetimepicker-wrapper .is-datetimepicker-default .datetimepicker-container .datepicker .datepicker-body .datepicker-years::-webkit-scrollbar, .datetimepicker-wrapper .is-datetimepicker-default .datetimepicker-container .datepicker .datepicker-body .datepicker-months::-webkit-scrollbar, .datetimepicker-wrapper .is-datetimepicker-default .datetimepicker-container .datepicker .datepicker-body .datepicker-dates::-webkit-scrollbar {
  width: 6px !important;
}
.datetimepicker-wrapper .is-datetimepicker-default .datetimepicker-container .datepicker .datepicker-body .datepicker-years::-webkit-scrollbar-thumb, .datetimepicker-wrapper .is-datetimepicker-default .datetimepicker-container .datepicker .datepicker-body .datepicker-months::-webkit-scrollbar-thumb, .datetimepicker-wrapper .is-datetimepicker-default .datetimepicker-container .datepicker .datepicker-body .datepicker-dates::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  background: rgba(0, 0, 0, 0.2) !important;
}
.datetimepicker-wrapper .datetimepicker-footer {
  padding: 20px 10px !important;
}

/* ==========================================================================
4. Bulma Datetimepickers Dark mode
========================================================================== */
body.is-dark .datetimepicker-dummy .datetimepicker-dummy-wrapper {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
body.is-dark .datetimepicker-dummy .datetimepicker-dummy-wrapper .datetimepicker-dummy-input {
  color: #cecece;
}
body.is-dark .datetimepicker-container {
  background: rgb(11.8076819769%, 11.8076819769%, 12.8197690035%);
}
body.is-dark .datetimepicker-container:after {
  border-bottom-color: rgb(11.8076819769%, 11.8076819769%, 12.8197690035%) !important;
}
body.is-dark .datetimepicker-container .datetimepicker-header .datetimepicker-selection-details .datetimepicker-selection-start .datetimepicker-selection-wrapper .datetimepicker-selection-day {
  color: #797bf2;
}
body.is-dark .datetimepicker-container .datetimepicker-header .datetimepicker-selection-details .datetimepicker-selection-start .datetimepicker-selection-wrapper .datetimepicker-selection-date .datetimepicker-selection-month {
  color: #cecece;
}
body.is-dark .datetimepicker-container .datetimepicker-header .datetimepicker-selection-details .datetimepicker-selection-start .datetimepicker-selection-wrapper .datetimepicker-selection-date .datetimepicker-selection-weekday {
  color: #797bf2;
}
body.is-dark .datetimepicker-container .datetimepicker-header .datetimepicker-selection-details .datetimepicker-selection-start .datetimepicker-selection-time .datetimepicker-selection-hour {
  color: #cecece;
}
body.is-dark .datetimepicker-container .datepicker .datepicker-nav {
  background: #797bf2 !important;
}
body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-years .datepicker-year:hover {
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
  background: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
}
body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-years .datepicker-year.is-active {
  border-color: #797bf2 !important;
  background: #797bf2 !important;
}
body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-years .datepicker-year.is-active .item {
  color: #fff !important;
}
body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-years .datepicker-year .item {
  color: #cecece;
}
body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-months .datepicker-month {
  color: #cecece;
}
body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-months .datepicker-month:hover {
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
  background: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
}
body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-months .datepicker-month.is-active {
  border-color: #797bf2 !important;
  background: #797bf2 !important;
  color: #fff !important;
}
body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date:not(.is-current-month) {
  border-color: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%) !important;
  background: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%) !important;
}
body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date:not(.is-current-month) .date-item {
  color: #a2a5b9 !important;
}
body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item {
  color: #cecece;
}
body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
  border-color: #797bf2 !important;
  color: #797bf2 !important;
  background: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%) !important;
}
body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
  border-color: #797bf2 !important;
  color: #797bf2 !important;
}
body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
  border-color: #797bf2 !important;
  background: #797bf2 !important;
  color: #fff !important;
}
body.is-dark .datetimepicker-container .timepicker .timepicker-start .timepicker-hours .timepicker-input .timepicker-input-number, body.is-dark .datetimepicker-container .timepicker .timepicker-start .timepicker-minutes .timepicker-input .timepicker-input-number, body.is-dark .datetimepicker-container .timepicker .timepicker-end .timepicker-hours .timepicker-input .timepicker-input-number, body.is-dark .datetimepicker-container .timepicker .timepicker-end .timepicker-minutes .timepicker-input .timepicker-input-number {
  color: #cecece;
}
body.is-dark .datetimepicker-container .timepicker .timepicker-start .timepicker-hours .timepicker-next:hover, body.is-dark .datetimepicker-container .timepicker .timepicker-start .timepicker-hours .timepicker-previous:hover, body.is-dark .datetimepicker-container .timepicker .timepicker-start .timepicker-minutes .timepicker-next:hover, body.is-dark .datetimepicker-container .timepicker .timepicker-start .timepicker-minutes .timepicker-previous:hover, body.is-dark .datetimepicker-container .timepicker .timepicker-end .timepicker-hours .timepicker-next:hover, body.is-dark .datetimepicker-container .timepicker .timepicker-end .timepicker-hours .timepicker-previous:hover, body.is-dark .datetimepicker-container .timepicker .timepicker-end .timepicker-minutes .timepicker-next:hover, body.is-dark .datetimepicker-container .timepicker .timepicker-end .timepicker-minutes .timepicker-previous:hover {
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
  background: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
}
body.is-dark .datetimepicker-container .timepicker .timepicker-start .timepicker-time-divider, body.is-dark .datetimepicker-container .timepicker .timepicker-end .timepicker-time-divider {
  color: #797bf2 !important;
}
body.is-dark .datetimepicker-container .timepicker .timepicker-end:before {
  background: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%) !important;
}
body.is-dark .datetimepicker-footer {
  background: rgb(11.8076819769%, 11.8076819769%, 12.8197690035%);
}

/* ==========================================================================
5. Clock Timepicker
========================================================================== */
.is-clock-timepicker {
  position: relative;
}
.is-clock-timepicker .control {
  position: relative;
}
.is-clock-timepicker .control .chevron {
  position: absolute;
  top: 3px;
  right: 2px;
  height: 34px;
  width: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: #a2a5b9;
  pointer-events: none;
}
.is-clock-timepicker .control .chevron svg {
  height: 18px;
  width: 18px;
}
.is-clock-timepicker input {
  --size: 1.2rem;
  --margin: calc(var(--size) * 0.5);
  --marginLeft: calc(var(--size) + calc(var(--size) * 0.5));
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><circle cx='20' cy='20' r='18.5' fill='none' stroke='grey' stroke-width='3' /><path d='M20,4 20,8 M4,20 8,20 M36,20 32,20 M20,36 20,32' stroke='grey' stroke-width='1' /><circle cx='20' cy='20' r='2' fill='grey' stroke='grey' stroke-width='2' /></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><path d='M18.5,24.5 19.5,4 20.5,4 21.5,24.5 Z' fill='grey' style='transform:rotate(120deg); transform-origin: 50% 50%;' /></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><path d='M18.5,24.5 19.5,8.5 20.5,8.5 21.5,24.5 Z' fill='grey' style='transform:rotate(20deg); transform-origin: 50% 50%;' /></svg>");
  background-position: var(--margin) 52%;
  background-repeat: no-repeat;
  background-size: var(--size) var(--size);
  padding-bottom: 4px;
  padding-left: 34px;
  line-height: 2;
  color: #a2a5b9;
  font-family: "STC Forward", sans-serif;
  transition: backgroundImage 0.25s;
}

/* ==========================================================================
5. Clock Timepicker Dark mode
========================================================================== */
body.is-dark .is-clock-timepicker .control .chevron {
  background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}

/*! _dropdowns.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Dropdown class
    2. Dropdown Dark mode
*/
/* ==========================================================================
1. Dropdown class
========================================================================== */
.dropdown.is-dots:hover .dropdown-trigger, .dropdown.is-dots:hover .is-trigger, .dropdown.is-dots.is-active .dropdown-trigger, .dropdown.is-dots.is-active .is-trigger {
  background: rgb(94.9411764706%, 94.9411764706%, 94.9411764706%);
}
.dropdown.is-dots:hover .dropdown-trigger svg, .dropdown.is-dots:hover .is-trigger svg, .dropdown.is-dots.is-active .dropdown-trigger svg, .dropdown.is-dots.is-active .is-trigger svg {
  stroke: rgb(58.9649945868%, 60.2887044388%, 69.1134367858%);
}
.dropdown.is-dots .dropdown-divider {
  margin: 0;
}
.dropdown.is-dots .dropdown-trigger, .dropdown.is-dots .is-trigger {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  min-width: 30px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s;
}
.dropdown.is-dots .dropdown-trigger svg, .dropdown.is-dots .is-trigger svg {
  height: 20px;
  width: 20px;
  stroke: #a2a5b9;
  stroke-width: 1.6px;
  transition: stroke 0.3s;
}
.dropdown.is-dots .dropdown-menu {
  margin-top: 6px;
  padding-bottom: 0;
  text-align: left;
}
.dropdown.is-modern.is-active .caret {
  transform: rotate(180deg);
}
.dropdown.is-modern .dropdown-trigger .dropdown-menu {
  margin-top: 6px;
}
.dropdown.is-modern .dropdown-content {
  padding-bottom: 0;
  padding-top: 0;
  overflow: hidden;
  border: 0;
}
.dropdown.is-modern .dropdown-content .dropdown-divider {
  margin: 0;
}
.dropdown.is-modern .dropdown-content .dropdown-item {
  padding: 0.5rem 1rem;
}
.dropdown.is-spaced .dropdown-menu {
  box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.05);
  border-color: #ededed;
  padding-top: 0;
  min-width: 260px;
  border-radius: 8px;
  z-index: 115 !important;
}
.dropdown.is-spaced .dropdown-menu.has-margin {
  margin-top: 10px;
}
.dropdown.is-spaced .dropdown-menu .dropdown-content {
  border: 1px solid #ededed;
  box-shadow: none;
  border-radius: 8px;
  padding: 0;
  overflow: hidden;
}
.dropdown.is-spaced .dropdown-item {
  padding-right: 1rem !important;
  padding: 0.85rem;
  font-size: 0.95rem;
  color: #a2a5b9;
  transition: transform 0.3s;
}
.dropdown.is-spaced .dropdown-item:not(.is-button):hover, .dropdown.is-spaced .dropdown-item:not(.is-button).is-active {
  background: rgb(95.9411764706%, 95.9411764706%, 95.9411764706%);
  color: #1d252d;
}
body.is-dark .dropdown.is-spaced .dropdown-item:not(.is-button):hover, body.is-dark .dropdown.is-spaced .dropdown-item:not(.is-button).is-active {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
.dropdown.is-spaced .dropdown-item.no-hover:hover {
  background: #fff;
}
body.is-dark .dropdown.is-spaced .dropdown-item.no-hover:hover {
  background: transparent;
}
.dropdown.is-spaced .dropdown-item.is-media {
  display: flex;
  align-items: flex-start;
}
.dropdown.is-spaced .dropdown-item.is-media:hover .icon svg, .dropdown.is-spaced .dropdown-item.is-media.is-active .icon svg {
  stroke: #4f008c;
}
.dropdown.is-spaced .dropdown-item.is-media:hover .icon .lnir, .dropdown.is-spaced .dropdown-item.is-media:hover .icon .lnil, .dropdown.is-spaced .dropdown-item.is-media.is-active .icon .lnir, .dropdown.is-spaced .dropdown-item.is-media.is-active .icon .lnil {
  color: #4f008c;
}
.dropdown.is-spaced .dropdown-item.is-media .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  width: 28px;
}
.dropdown.is-spaced .dropdown-item.is-media .icon svg {
  height: 18px;
  width: 18px;
  transition: stroke 0.3s;
}
.dropdown.is-spaced .dropdown-item.is-media .icon .lnir, .dropdown.is-spaced .dropdown-item.is-media .icon .lnil {
  font-size: 16px;
  transition: color 0.3s;
}
.dropdown.is-spaced .dropdown-item.is-media .item-img {
  display: block;
  height: 32px;
  width: 32px;
  border-radius: 6px;
}
.dropdown.is-spaced .dropdown-item.is-media .item-img.is-rounded {
  border-radius: 50%;
}
.dropdown.is-spaced .dropdown-item.is-media .meta {
  text-align: start;
  margin-left: 10px;
  width: 100%;
}
[dir=rtl] .dropdown.is-spaced .dropdown-item.is-media .meta {
  margin-left: 0;
  margin-right: 10px;
}
.dropdown.is-spaced .dropdown-item.is-media .meta span {
  display: block;
  line-height: 1.3;
}
.dropdown.is-spaced .dropdown-item.is-media .meta span:first-child {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 5px;
  color: #1d252d;
}
.dropdown.is-spaced .dropdown-item.is-media .meta span:last-child {
  margin-bottom: 0;
}
.dropdown.is-spaced .dropdown-item.is-media .meta span:nth-child(2) {
  color: #a2a5b9;
  font-size: 0.9rem;
}
.dropdown .dropdown-menu .close-container {
  display: none;
}
.dropdown .dropdown-menu .dropdown-item {
  color: #a2a5b9;
  padding-right: 1rem;
}
[dir=rtl] .dropdown .dropdown-menu .dropdown-item {
  padding-right: 1rem;
  padding-left: 1rem;
}
.dropdown .dropdown-menu .dropdown-item.is-active {
  background: #fcfcfc;
  color: #4f008c;
}
.dropdown .dropdown-menu .dropdown-item.is-active:hover {
  color: rgb(37.7518207283%, 0%, 66.9019607843%);
}
.dropdown .dropdown-menu .dropdown-item:hover {
  color: #1d252d;
}
.dropdown .dropdown-menu .dropdown-item.has-child {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 1rem;
}
.dropdown .dropdown-menu .dropdown-item.has-child svg {
  height: 16px;
  width: 16px;
  stroke: #999;
}
.dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown {
  position: absolute;
  right: -282px;
  top: 0;
  width: 280px;
  transition: all 0.3s;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
}
.dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown .inner {
  position: relative;
  height: 100%;
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 8px 0;
}
.dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown .inner .column-setting {
  padding: 0 6px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown .inner .column-setting label {
  transform: scale(0.7);
}
.dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown .inner .column-setting .text span {
  display: block;
  font-size: 0.8rem;
}
.dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown .inner .column-setting .text span:first-child {
  color: #1d252d;
  font-weight: 500;
}
.dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown .inner .column-setting .text span:nth-child(2) {
  color: #999;
}
.dropdown .dropdown-menu .dropdown-item.has-child:hover .child-dropdown {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}
.dropdown .background {
  z-index: 115;
}
.dropdown-more-trigger {
  cursor: pointer;
  z-index: 601;
}
.dropdown-more.dropdown.is-spaced .dropdown-menu {
  border-radius: 0;
}
.dropdown-more.dropdown.is-spaced .dropdown-menu .dropdown-content {
  background-color: transparent !important;
}
body.is-dark .dropdown-more.dropdown.is-spaced .dropdown-menu .dropdown-content {
  background-color: transparent !important;
  border: none !important;
}
.dropdown-more .dropdown-dragwrapper {
  background-color: #fff;
  border-radius: 12px 12px 0 0;
}
body.is-dark .dropdown-more .dropdown-dragwrapper {
  background: #232326;
  border-color: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%);
}

/* ==========================================================================
2. Dropdown Dark mode
========================================================================== */
body.is-dark .toolbar-link:hover {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
}
body.is-dark .toolbar-link svg {
  stroke: #cecece;
}
body.is-dark .dropdown.is-spaced.is-dots:hover .dropdown-trigger, body.is-dark .dropdown.is-spaced.is-dots:hover .is-trigger, body.is-dark .dropdown.is-spaced.is-dots.is-active .dropdown-trigger, body.is-dark .dropdown.is-spaced.is-dots.is-active .is-trigger {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
}
body.is-dark .dropdown.is-spaced.is-dots:hover .dropdown-trigger svg, body.is-dark .dropdown.is-spaced.is-dots:hover .is-trigger svg, body.is-dark .dropdown.is-spaced.is-dots.is-active .dropdown-trigger svg, body.is-dark .dropdown.is-spaced.is-dots.is-active .is-trigger svg {
  stroke: #cecece;
}
body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content {
  background: #232326 !important;
  border-color: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%) !important;
  border: none;
}
body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading {
  border-color: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%) !important;
}
body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading:hover, body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading *:hover {
  background: #232326 !important;
}
body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading .heading-right .notification-link {
  color: #797bf2 !important;
}
body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .notification-list li .notification-item:hover, body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .notification-list li .notification-item *:hover {
  background: #232326 !important;
}
body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .notification-list li .notification-item .user-content .user-info {
  color: #cecece !important;
}
body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media:hover .icon svg {
  stroke: #797bf2 !important;
}
body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media:hover .icon .lnir, body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media:hover .icon .lnil {
  color: #797bf2;
}
body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media .icon svg {
  stroke: #a2a5b9;
}
body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media .icon .lnir, body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media .icon .lnil {
  color: #a2a5b9;
}
body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media .meta span:first-child {
  color: #cecece;
}
body.is-dark .dropdown .dropdown-menu .dropdown-content {
  background: #232326;
  border-color: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%) !important;
}
body.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-item {
  color: #a2a5b9;
}
body.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-item.is-active {
  background: #797bf2 !important;
  color: #1d252d;
}
body.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-divider {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
body.is-dark .dropdown .dropdown-menu .dropdown-content a:hover {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%) !important;
}
body.is-dark .child-dropdown .inner {
  background: #232326 !important;
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
}
body.is-dark .child-dropdown .inner:hover {
  background: #232326 !important;
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
}
body.is-dark .child-dropdown .inner ul li .text span:first-child {
  color: #cecece !important;
}

@media only screen and (max-width: 1024px) {
  .dropdown.is-mobile-modal .dropdown-menu {
    width: 100%;
    border: 0 !important;
    bottom: 0px !important;
    top: auto !important;
    z-index: 1112 !important;
    max-height: 95%;
    overflow-x: hidden;
    transform: translate3d(-50%, 100%, 0);
    border-radius: 24px 24px 0px 0px;
    padding: 0;
    display: block !important;
    transition: transform 400ms ease-in-out !important;
    -webkit-transition: transform 400ms ease-in-out !important;
  }
  .dropdown.is-mobile-modal .dropdown-menu .dropdown-divider {
    margin: 0 0 0 auto;
    width: calc(100% - 48px);
  }
  [dir=rtl] .dropdown.is-mobile-modal .dropdown-menu .dropdown-divider {
    margin: 0 auto 0 0;
  }
  .dropdown.is-mobile-modal .dropdown-menu .dropdown-divider.full-width {
    width: 100%;
  }
  @supports (padding-bottom: max(0px)) {
    .dropdown.is-mobile-modal .dropdown-menu .close-container {
      padding-bottom: calc(env(safe-area-inset-bottom) + 0px) !important;
    }
  }
  .dropdown.is-mobile-modal .dropdown-menu .close-container {
    display: inherit;
  }
  .dropdown.is-mobile-modal .dropdown-menu .close-container a {
    align-items: center;
    height: 50px;
    padding: 5px !important;
  }
  .dropdown.is-mobile-modal .dropdown-menu .close-container a svg {
    width: 22px;
    display: block;
    margin: auto;
    height: 22px;
    stroke: none;
    transform: rotate(45deg);
  }
  .dropdown.is-mobile-modal .dropdown-menu .close-container a span {
    font-weight: 400;
    font-size: 0.7rem;
    color: #1d252d;
    display: block;
    margin-top: 3px;
    text-align: center;
  }
  body.is-dark .dropdown.is-mobile-modal .dropdown-menu .close-container a span {
    color: #a2a5b9;
  }
  .dropdown.is-mobile-modal .dropdown-menu .close-container a.done {
    display: none;
  }
  .dropdown.is-mobile-modal .dropdown-menu .dropdown-content {
    border: 0 !important;
    border-radius: 0;
    transition: transform 0.3s ease;
    animation-fill-mode: both;
  }
  .dropdown.is-mobile-modal .dropdown-menu .dropdown-content .dropdown-item {
    padding: 1.08rem;
  }
  .dropdown.is-mobile-modal .dropdown-menu .dropdown-content .dropdown-item.is-bottom {
    padding: 1.08rem;
  }
  .dropdown.is-mobile-modal.done-btn .dropdown-menu {
    padding: 0;
    max-width: none;
  }
  .dropdown.is-mobile-modal.done-btn .dropdown-menu .dropdown-content {
    background: transparent !important;
  }
  body.is-dark .dropdown.is-mobile-modal.done-btn .dropdown-menu .dropdown-content {
    background: transparent !important;
    border-color: transparent !important;
  }
  .dropdown.is-mobile-modal.done-btn .dropdown-menu .dropdown-content .dropdown-list {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
  }
  body.is-dark .dropdown.is-mobile-modal.done-btn .dropdown-menu .dropdown-content .dropdown-list {
    background: #232326;
    border-color: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%);
  }
  .dropdown.is-mobile-modal.done-btn .dropdown-menu .dropdown-content .close-container a {
    background: #fff;
    border-radius: 12px;
    margin-top: 10px;
  }
  body.is-dark .dropdown.is-mobile-modal.done-btn .dropdown-menu .dropdown-content .close-container a {
    background: #232326;
    border-color: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%);
  }
  .dropdown.is-mobile-modal.done-btn .dropdown-menu .dropdown-content .close-container a.close {
    display: none;
  }
  .dropdown.is-mobile-modal.done-btn .dropdown-menu .dropdown-content .close-container a.done {
    display: flex;
    place-content: center;
    height: 48px;
  }
  .dropdown.is-mobile-modal.done-btn .dropdown-menu .dropdown-content .close-container a.done span {
    font-weight: 600;
    margin: 0;
    font-size: 0.9rem;
  }
  .dropdown.is-mobile-modal .background {
    background-color: rgba(40, 40, 43, 0.65);
  }
  body.is-dark .dropdown.is-mobile-modal .background {
    background-color: rgba(0, 0, 0, 0.65);
  }
  .dropdown.is-mobile-modal.is-active .dropdown-menu {
    transform: translate3d(-50%, 0, 0);
  }
  .dropdown.is-mobile-modal.is-active .dropdown-menu .dropdown-content {
    padding: 0;
  }
  .dropdown.is-mobile-modal.is-mobile-modal-overflow-hidden {
    overflow: hidden !important;
    touch-action: none;
  }
}
.is-mobile-modal-overflow-hidden {
  overflow: hidden !important;
}

/*! _editors.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Summernote Editor
    2. Summernote Dark mode
    3. Sun Editor Dark mode
*/
/*! _message.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Message
    2. Message Dark mode
*/
/* ==========================================================================
1. Message
========================================================================== */
.message {
  position: relative;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  padding-right: 20px;
}
.message.is-primary {
  border-color: rgb(57.6929971989%, 2.9019607843%, 100%);
}
.message.is-primary .delete:before, .message.is-primary .delete:after {
  background-color: #4f008c;
}
.message.is-info {
  border-color: rgb(39.76943881%, 79.7478025693%, 99.2109533469%);
}
.message.is-info .delete:before, .message.is-info .delete:after {
  background-color: #039BE5;
}
.message.is-success {
  border-color: rgb(36.0670231729%, 98.207486631%, 82.0748663102%);
}
.message.is-success .delete:before, .message.is-success .delete:after {
  background-color: #06d6a0;
}
.message.is-warning {
  border-color: rgb(99.2763290883%, 88.276531231%, 72.6452395391%);
}
.message.is-warning .delete:before, .message.is-warning .delete:after {
  background-color: #faae42;
}
.message.is-danger {
  border-color: rgb(95.2169989335%, 59.0575108705%, 70.5367134301%);
}
.message.is-danger .delete:before, .message.is-danger .delete:after {
  background-color: #e62965;
}
.message .delete {
  position: absolute;
  background-color: transparent;
  top: 6px;
  right: 6px;
}
.message .delete:before {
  height: 1px;
  background-color: #a2a5b9;
}
.message .delete:after {
  width: 1px;
  background-color: #a2a5b9;
}
.message .message-body {
  border: none;
}

/* ==========================================================================
2. Message Dark mode
========================================================================== */
body.is-dark .message:not(.is-primary):not(.is-info):not(.is-success):not(.is-warning):not(.is-danger) {
  background-color: #232326;
  border-color: rgb(16.6022025248%, 16.6022025248%, 18.0252484555%);
}
body.is-dark .message:not(.is-primary):not(.is-info):not(.is-success):not(.is-warning):not(.is-danger) .message-body {
  color: #a2a5b9;
}
body.is-dark .message.is-primary {
  background: #797bf2;
  border-color: #797bf2;
}
body.is-dark .message.is-primary .message-body {
  color: #fff;
}
body.is-dark .message.is-primary .delete:before, body.is-dark .message.is-primary .delete:after {
  background-color: #fff;
}
body.is-dark .message.is-success {
  background: #06d6a0;
  border-color: #06d6a0;
}
body.is-dark .message.is-success .message-body {
  color: #fff;
}
body.is-dark .message.is-success .delete:before, body.is-dark .message.is-success .delete:after {
  background-color: #fff;
}
body.is-dark .message.is-info {
  background: #039BE5;
  border-color: #039BE5;
}
body.is-dark .message.is-info .message-body {
  color: #fff;
}
body.is-dark .message.is-info .delete:before, body.is-dark .message.is-info .delete:after {
  background-color: #fff;
}
body.is-dark .message.is-warning {
  background: #faae42;
  border-color: #faae42;
}
body.is-dark .message.is-warning .message-body {
  color: #fff;
}
body.is-dark .message.is-warning .delete:before, body.is-dark .message.is-warning .delete:after {
  background-color: #fff;
}
body.is-dark .message.is-danger {
  background: #e62965;
  border-color: #e62965;
}
body.is-dark .message.is-danger .message-body {
  color: #fff;
}
body.is-dark .message.is-danger .delete:before, body.is-dark .message.is-danger .delete:after {
  background-color: #fff;
}

/*! _media.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Light Gallery (Lightbox plugin)
*/
/* ==========================================================================
1. Light Gallery (Lightbox plugin)
========================================================================== */
.light-gallery-wrap {
  display: flex;
  flex-wrap: wrap;
}
.light-gallery-wrap > a {
  position: relative;
  display: block;
  margin: 8px;
  max-width: calc(33.3% - 16px);
  overflow: hidden;
}
.light-gallery-wrap > a:hover .video-overlay {
  background: rgba(35, 35, 38, 0.7);
}
.light-gallery-wrap > a .video-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(35, 35, 38, 0.95);
  background-size: cover;
  border-radius: 18px;
  transition: all 0.3s;
  z-index: 1;
}
.light-gallery-wrap > a .video-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.light-gallery-wrap > a .video-button:after {
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: #4f008c;
  animation: wave 1.6s infinite;
  animation-duration: 2s;
  transform-origin: center center;
  z-index: 0;
}
.light-gallery-wrap > a img {
  display: block;
  border-radius: 18px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 250px;
}

body .blueimp-gallery > .slides > .slide > .video-content video {
  display: block;
  z-index: -1;
}
body .blueimp-gallery > .slides > .slide > .video-content.video-playing > video {
  display: block;
  opacity: 1;
  z-index: 1;
}
body .blueimp-gallery > .slides > .slide > .video-content a {
  height: 80px;
  width: 80px;
  border-radius: 1rem;
  background-color: white;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  opacity: 1;
  color: #283252;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-play'%3E%3Cpolygon points='5 3 19 12 5 21 5 3'%3E%3C/polygon%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
}
body .blueimp-gallery > .slides > .slide > .video-content a svg {
  fill: #283252;
  stroke: #283252;
  transition: all 0.3s;
}

@media only screen and (max-width: 767px) {
  .light-gallery-wrap a {
    max-width: calc(100% - 16px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .light-gallery-wrap a {
    max-width: calc(50% - 16px);
  }
  .light-gallery-wrap a img {
    height: 230px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .light-gallery-wrap a img {
    height: 200px;
  }
}
/*! _charts.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Apex Charts
*/
/* ==========================================================================
1. Apex Charts
========================================================================== */
/*! purgecss start ignore */
.apexcharts-title-text {
  font-family: "STC Forward", sans-serif !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: #1d252d;
}

.apexcharts-legend-marker {
  margin: 0 5px;
}

.apexcharts-yaxis {
  direction: ltr;
}

.apexcharts-legend .apexcharts-legend-text {
  font-family: "STC Forward", sans-serif !important;
}

.apexcharts-text {
  font-family: "STC Forward", sans-serif !important;
}

.apexcharts-datalabels-group .apexcharts-text {
  /* purgecss ignore current */
  font-family: "STC Forward", sans-serif !important;
  font-weight: 600;
  fill: #1d252d;
  font-size: 15px;
}

body.is-dark .apexcharts-title-text {
  /* purgecss ignore current */
  fill: #cecece !important;
}
body.is-dark .apexcharts-subtitle-text {
  fill: #797bf2;
}
body.is-dark .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-text, body.is-dark .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label {
  /* purgecss ignore current */
  fill: #cecece;
}
body.is-dark .apexcharts-svg .apexcharts-inner .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-text, body.is-dark .apexcharts-svg .apexcharts-inner .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-xaxis-label, body.is-dark .apexcharts-svg .apexcharts-graphical .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-text, body.is-dark .apexcharts-svg .apexcharts-graphical .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-xaxis-label {
  /* purgecss ignore current */
  fill: #cecece;
}
body.is-dark .apexcharts-svg .apexcharts-inner .apexcharts-xaxis line, body.is-dark .apexcharts-svg .apexcharts-graphical .apexcharts-xaxis line {
  stroke: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .apexcharts-svg .apexcharts-inner .apexcharts-grid .apexcharts-gridlines-horizontal .apexcharts-gridline, body.is-dark .apexcharts-svg .apexcharts-graphical .apexcharts-grid .apexcharts-gridlines-horizontal .apexcharts-gridline {
  stroke: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .apexcharts-gridlines-vertical .apexcharts-gridline {
  stroke: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .apexcharts-series-markers .apexcharts-marker, body.is-dark .apexcharts-series-bubble .apexcharts-marker {
  stroke: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark .apexcharts-pie-area, body.is-dark .apexcharts-pie-slice-0 {
  stroke: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .apexcharts-datalabels-group .apexcharts-text, body.is-dark .apexcharts-datalabels-group .apexcharts-datalabel-value {
  /* purgecss ignore current */
  fill: #cecece;
}
body.is-dark .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text {
  /* purgecss ignore current */
  color: #cecece !important;
}
body.is-dark .apexcharts-yaxis line, body.is-dark .apexcharts-xaxis-inversed line {
  stroke: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .apexcharts-radar-series > polygon, body.is-dark .apexcharts-radar-series > line, body.is-dark .apexcharts-plot-series > polygon, body.is-dark .apexcharts-plot-series > line {
  fill: none !important;
  stroke: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .apexcharts-text, body.is-dark .apexcharts-yaxis-title-text {
  fill: #cecece;
}
body.is-dark .apexcharts-data-labels text {
  fill: #fafafa;
  font-family: "STC Forward", sans-serif;
  font-weight: 400;
}
body.is-dark .apexcharts-bar-area {
  stroke: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .apexcharts-slices .apexcharts-pie-label {
  fill: #fafafa !important;
}
body.is-dark .apexcharts-tooltip {
  box-shadow: 2px 2px 6px -4px #232326 !important;
}
body.is-dark .apexcharts-tooltip.apexcharts-theme-light {
  border: 1px solid rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  color: #cecece !important;
}
body.is-dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-bottom: 1px solid rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
  color: #cecece;
}
body.is-dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text-value,
body.is-dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text-z-value,
body.is-dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-series-group,
body.is-dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-marker {
  color: #cecece !important;
}
body.is-dark .apexcharts-tooltip * {
  font-family: "STC Forward", sans-serif;
  color: inherit;
}
body.is-dark .apexcharts-tooltip .apexcharts-yaxistooltip-text {
  color: #cecece !important;
}
body.is-dark .apexcharts-xaxistooltip {
  border: 1px solid rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  color: #cecece !important;
}
body.is-dark .apexcharts-xaxistooltip.apexcharts-xaxistooltip-bottom:after {
  border-bottom-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark .apexcharts-xaxistooltip.apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .apexcharts-xaxistooltip * {
  font-family: "STC Forward", sans-serif;
  color: inherit;
}

/*! purgecss end ignore */
/* ==========================================================================
2. Billboard js
========================================================================== */
.bb-title {
  font-family: "STC Forward", sans-serif !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: #1d252d;
}

.bb-axis line, .bb-axis .domain {
  stroke: rgb(88.9411764706%, 88.9411764706%, 88.9411764706%);
}

.tick text tspan {
  fill: rgb(57.8238902923%, 59.1844099603%, 68.2545410802%);
}

body.is-dark .bb-title {
  fill: #cecece !important;
}
body.is-dark .bb-axis line, body.is-dark .bb-axis .domain {
  stroke: rgb(32.9035723879%, 32.9035723879%, 35.7238785925%) !important;
}
body.is-dark .bb-legend .bb-legend-background rect {
  fill: rgb(11.8076819769%, 11.8076819769%, 12.8197690035%) !important;
  stroke: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%) !important;
}
body.is-dark .bb-legend .bb-legend-item text {
  fill: #cecece;
}
body.is-dark .bb-chart-arc path {
  stroke: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%) !important;
}
body.is-dark .bb-chart-arcs .bb-chart-arcs-background {
  stroke: rgb(23.314531292%, 23.314531292%, 25.3129196884%) !important;
  fill: rgb(11.8076819769%, 11.8076819769%, 12.8197690035%) !important;
}
body.is-dark .bb-chart-arcs-title, body.is-dark .bb-gauge-value, body.is-dark .bb-axis text {
  fill: #cecece;
}
body.is-dark .bb-tooltip {
  border: 1px solid rgb(23.314531292%, 23.314531292%, 25.3129196884%) !important;
}
body.is-dark .bb-tooltip th {
  border-color: rgb(23.314531292%, 23.314531292%, 25.3129196884%) !important;
  background-color: rgb(11.8076819769%, 11.8076819769%, 12.8197690035%) !important;
  color: #fffdfd !important;
  font-family: "STC Forward", sans-serif !important;
  font-weight: 400 !important;
}
body.is-dark .bb-tooltip th span {
  font-family: "STC Forward", sans-serif !important;
  font-weight: 400 !important;
  color: #fffdfd !important;
}
body.is-dark .bb-tooltip tr {
  border-color: rgb(23.314531292%, 23.314531292%, 25.3129196884%) !important;
}
body.is-dark .bb-tooltip td {
  background-color: rgb(11.8076819769%, 11.8076819769%, 12.8197690035%) !important;
  border-color: rgb(23.314531292%, 23.314531292%, 25.3129196884%) !important;
  color: #a2a5b9 !important;
}
body.is-dark .bb-tooltip td > span, body.is-dark .bb-tooltip td > svg {
  color: #fffdfd !important;
  border-color: rgb(23.314531292%, 23.314531292%, 25.3129196884%) !important;
  fill: #fff !important;
  stroke: #fff !important;
}
body.is-dark .bb-tooltip .bb-tooltip-title {
  color: #fffdfd !important;
}
body.is-dark .bb-tooltip .bb-tooltip-detail .bb-tooltip-name, body.is-dark .bb-tooltip .bb-tooltip-detail .bb-tooltip-value {
  color: #fffdfd !important;
}
body.is-dark .bb-tooltip .bb-tooltip-detail .bb-tooltip-name span, body.is-dark .bb-tooltip .bb-tooltip-detail .bb-tooltip-value span {
  color: #fffdfd !important;
}

/*! _loader.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Infinite Srcoll Loader
    2. H Loader
*/
/* ==========================================================================
1. Infinite Srcoll Loader
========================================================================== */
.infinite-scroll-loader {
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
}
.infinite-scroll-loader.is-active {
  pointer-events: all;
  opacity: 1;
}
.infinite-scroll-loader .infinite-scroll-loader-inner {
  height: 180px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.infinite-scroll-loader .infinite-scroll-loader-inner .loader {
  height: 5rem;
  width: 5rem;
}
.infinite-scroll-loader .infinite-scroll-loader-inner .loader-end span {
  font-family: "STC Forward", sans-serif;
  color: #a2a5b9;
}

/* ==========================================================================
2. H Loader
========================================================================== */
.has-loader {
  position: relative;
}
.has-loader.has-loader-active {
  overflow: hidden;
}
.has-loader.has-loader-active .h-loader-wrapper {
  opacity: 1;
  pointer-events: all;
}
.has-loader .h-loader-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  background: #fff;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  z-index: 5;
}
.has-loader .h-loader-wrapper .loader {
  height: 3rem;
  width: 3rem;
}
.has-loader .h-loader-wrapper .loader.is-small {
  height: 2rem;
  width: 2rem;
}
.has-loader .h-loader-wrapper .loader.is-large {
  height: 5rem;
  width: 5rem;
}
.has-loader .h-loader-wrapper .loader.is-xl {
  height: 7rem;
  width: 7rem;
}

body.is-dark .has-loader .h-loader-wrapper {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}

@keyframes spinAroundLoader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
/*! _toggles.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Sliding Switch
    2. Special Checkbox
*/
/* ==========================================================================
1. Sliding Switch
========================================================================== */
.sliding-toggle {
  width: 86px;
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.sliding-toggle input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.sliding-toggle input:checked ~ .toggler {
  border-color: #797bf2;
}
.sliding-toggle input:checked ~ .toggler .dark, .sliding-toggle input:checked ~ .toggler .light {
  transform: translateX(100%) rotate(360deg);
}
.sliding-toggle input:checked ~ .toggler .dark {
  opacity: 1 !important;
}
.sliding-toggle input:checked ~ .toggler .light {
  opacity: 0 !important;
}
.sliding-toggle .toggler {
  position: relative;
  display: block;
  height: 31px;
  width: 53px;
  border: 2px solid #4f008c;
  border-radius: 100px;
  transition: all 0.3s;
}
.sliding-toggle .toggler .dark, .sliding-toggle .toggler .light {
  position: absolute;
  top: 2px;
  left: 2px;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  background: black;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateX(0) rotate(0);
  transition: all 0.3s ease;
}
.sliding-toggle .toggler .dark svg, .sliding-toggle .toggler .light svg {
  stroke: #fff !important;
  height: 14px !important;
  width: 14px !important;
  opacity: 1 !important;
}
.sliding-toggle .toggler .light {
  background: #4f008c;
  border-color: #4f008c;
  opacity: 1;
  z-index: 1;
}
.sliding-toggle .toggler .dark {
  background: #797bf2;
  border-color: #797bf2;
  opacity: 0;
  z-index: 0;
}
.sliding-toggle .toggler .dark svg {
  stroke: #fff !important;
}

/* =====================================================
2. Special Checkbox
===================================================== */
.special-checkbox {
  position: relative;
}
.special-checkbox label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  width: 28px;
}
.special-checkbox label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 7px;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 12px;
}
.special-checkbox input[type=checkbox] {
  visibility: hidden;
}
.special-checkbox input[type=checkbox]:checked + label {
  background-color: #4f008c;
  border-color: #4f008c;
}
.special-checkbox input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.special-checkbox.is-small label {
  height: 20px;
  width: 20px;
}
.special-checkbox.is-small label:after {
  left: 4px;
  top: 5px;
  width: 11px;
  height: 6px;
  transform: rotate(-45deg) scale(0.8);
}
.special-checkbox.is-small span {
  position: relative;
  top: -2px;
  padding: 0 10px;
  cursor: default;
}

/*! _placeholders.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Section Placeholder
    2. Page Placeholder
*/
/* ==========================================================================
1 Section Placeholder
========================================================================== */
.section-placeholder {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.section-placeholder .placeholder-content {
  text-align: center;
}
.section-placeholder .placeholder-content > img {
  display: block;
  max-width: 300px;
  min-width: 300px;
  margin: 0 auto 10px auto;
}
.section-placeholder .placeholder-content .h-avatar {
  margin: 0 auto 10px auto;
}
.section-placeholder .placeholder-content h3 {
  font-family: "STC Forward", sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  color: #1d252d;
}
.section-placeholder .placeholder-content p {
  font-family: "STC Forward", sans-serif;
  font-size: 1rem;
  color: #a2a5b9;
  margin: 0 auto 12px auto;
}
.section-placeholder .main {
  box-shadow: 0 14px 26px -12px rgba(79, 0, 140, 0.06), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 0, 140, 0.02);
}

/* ==========================================================================
2. Page placeholder
========================================================================== */
.page-placeholder {
  min-height: 350px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
}
.page-placeholder.is-wider .placeholder-content > p {
  font-size: 1rem;
  max-width: 420px;
}
.work-list .page-placeholder {
  padding: 20px;
}
.work-list .page-placeholder .placeholder-content {
  width: 100%;
}
.work-list .page-placeholder .placeholder-content img {
  max-width: 500px;
  margin-bottom: 15px;
}
.page-placeholder .placeholder-content {
  text-align: center;
}
.page-placeholder .placeholder-content img {
  display: block;
  max-width: 340px;
  margin: 0 auto 12px auto;
}
.page-placeholder .placeholder-content img.is-larger {
  max-width: 440px;
}
.page-placeholder .placeholder-content h3 {
  font-size: 1.3rem;
  font-weight: 600;
  color: #1d252d;
}
.page-placeholder .placeholder-content p {
  font-size: 1.1rem;
  max-width: 440px;
  margin: 0 auto 12px auto;
  color: #a2a5b9;
}
.page-placeholder .placeholder-content p.is-larger {
  max-width: 620px;
}
.page-placeholder .placeholder-content .btn {
  margin-bottom: 8px;
}

body.is-dark .page-placeholder .placeholder-content h3 {
  color: #cecece;
}

@media (max-width: 767px) {
  .page-placeholder .placeholder-content img {
    max-width: 300px;
  }
}
/*! _popovers.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Web UI Popover
    2. Web UI Popover Dark mode
    3. User profile popovers
    4. User profile popovers Dark mode
    5. Simple popover
*/
/* ==========================================================================
1. Web UI Popover
========================================================================== */
.webui-popover {
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 10px 4px !important;
  background: #fff !important;
  color: #1d252d !important;
  margin-top: -20px !important;
  border: 1px solid #ededed;
}
.webui-popover.top > .webui-arrow {
  border-top-color: #fff !important;
}
.webui-popover.bottom-right > .webui-arrow {
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
}
.webui-popover.top-right > .webui-arrow {
  border-right-color: transparent !important;
}
.webui-popover.top-right > .webui-arrow:after {
  border-top-color: #fff !important;
}
.webui-popover.top-left > .webui-arrow {
  border-top-color: #fff !important;
}
.webui-popover.left > .webui-arrow {
  border-left-color: transparent !important;
}
.webui-popover .webui-arrow {
  border-top-color: transparent !important;
  border-right-color: transparent !important;
}
.webui-popover .webui-arrow:after {
  border-top-color: transparent !important;
}
.webui-popover .webui-popover-title {
  background-color: #fff !important;
  border-bottom: none !important;
  font-weight: 500;
}
.webui-popover .webui-popover-content {
  font-size: 0.75rem !important;
}
.webui-popover .webui-popover-content .popover-flex-block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 0;
}
.webui-popover .webui-popover-content .popover-flex-block .staff-avatar {
  height: 38px;
  width: 38px;
  border-radius: 50%;
}
.webui-popover .webui-popover-content .popover-flex-block .content-block {
  margin-left: 10px;
}
.webui-popover .webui-popover-content .popover-flex-block .content-block label, .webui-popover .webui-popover-content .popover-flex-block .content-block span {
  display: block;
}
.webui-popover .webui-popover-content .popover-flex-block .content-block label {
  color: rgb(38.804981452%, 49.5098039216%, 60.2146263911%);
  text-transform: uppercase;
  font-size: 70%;
}
.webui-popover .webui-popover-content .popover-flex-block .fa.fa-star, .webui-popover .webui-popover-content .popover-flex-block .fa.fa-star-half {
  color: #FFD700;
}
.webui-popover .webui-popover-content .popover-flex-block .icon-block {
  height: 38px;
  width: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.webui-popover .webui-popover-content .popover-flex-block .icon-block svg {
  height: 18px;
  width: 18px;
  stroke: #1d252d;
  stroke-width: 1.3px;
}
.webui-popover .webui-popover-content .popover-flex-block .icon-block svg.is-medium {
  height: 26px;
  width: 26px;
}

/* ==========================================================================
1. Web UI Popover
========================================================================== */
.webui-popover {
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 10px 4px !important;
  background: #fff !important;
  color: #1d252d !important;
  margin-top: -20px !important;
  border: 1px solid #ededed;
}
.webui-popover.top > .webui-arrow {
  border-top-color: #fff !important;
}
.webui-popover.bottom-right > .webui-arrow {
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
}
.webui-popover.top-right > .webui-arrow {
  border-right-color: transparent !important;
}
.webui-popover.top-right > .webui-arrow:after {
  border-top-color: #fff !important;
}
.webui-popover.top-left > .webui-arrow {
  border-top-color: #fff !important;
}
.webui-popover.left > .webui-arrow {
  border-left-color: transparent !important;
}
.webui-popover .webui-arrow {
  border-top-color: transparent !important;
  border-right-color: transparent !important;
}
.webui-popover .webui-arrow:after {
  border-top-color: transparent !important;
}
.webui-popover .webui-popover-title {
  background-color: #fff !important;
  border-bottom: none !important;
  font-weight: 500;
}
.webui-popover .webui-popover-content {
  font-size: 0.75rem !important;
}
.webui-popover .webui-popover-content .popover-flex-block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 0;
}
.webui-popover .webui-popover-content .popover-flex-block .staff-avatar {
  height: 38px;
  width: 38px;
  border-radius: 50%;
}
.webui-popover .webui-popover-content .popover-flex-block .content-block {
  margin-left: 10px;
}
.webui-popover .webui-popover-content .popover-flex-block .content-block label, .webui-popover .webui-popover-content .popover-flex-block .content-block span {
  display: block;
}
.webui-popover .webui-popover-content .popover-flex-block .content-block label {
  color: rgb(38.804981452%, 49.5098039216%, 60.2146263911%);
  text-transform: uppercase;
  font-size: 70%;
}
.webui-popover .webui-popover-content .popover-flex-block .fa.fa-star, .webui-popover .webui-popover-content .popover-flex-block .fa.fa-star-half {
  color: #FFD700;
}
.webui-popover .webui-popover-content .popover-flex-block .icon-block {
  height: 38px;
  width: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.webui-popover .webui-popover-content .popover-flex-block .icon-block svg {
  height: 18px;
  width: 18px;
  stroke: #1d252d;
  stroke-width: 1.3px;
}
.webui-popover .webui-popover-content .popover-flex-block .icon-block svg.is-medium {
  height: 26px;
  width: 26px;
}

/* ==========================================================================
2. Web UI Popover Dark mode
========================================================================== */
body.is-dark .webui-popover {
  background: #232326 !important;
  border-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
body.is-dark .webui-popover.top .webui-arrow {
  border-top-color: #232326 !important;
}
body.is-dark .webui-popover.right .webui-arrow {
  border-top-color: transparent !important;
  border-right-color: #232326 !important;
}
body.is-dark .webui-popover.right .webui-arrow:after {
  border-right-color: #232326 !important;
}
body.is-dark .webui-popover.left .webui-arrow:after {
  border-left-color: #232326 !important;
}
body.is-dark .webui-popover.bottom .webui-arrow:after {
  border-bottom-color: #232326 !important;
}
body.is-dark .webui-popover.bottom-right .webui-arrow:after, body.is-dark .webui-popover.bottom-left .webui-arrow:after {
  border-bottom-color: #232326 !important;
}
body.is-dark .webui-popover.top-right .webui-arrow:after {
  border-top-color: #232326 !important;
}
body.is-dark .webui-popover.top-left .webui-arrow {
  border-top-color: #232326 !important;
}
body.is-dark .webui-popover .webui-popover-inner {
  background: #232326 !important;
  border-color: #232326 !important;
}
body.is-dark .webui-popover .title {
  color: rgb(75%, 75%, 75%) !important;
}
body.is-dark .webui-popover .country img, body.is-dark .webui-popover .primary-skill img {
  border-color: #232326 !important;
}
body.is-dark .webui-popover .notification-content a {
  color: #797bf2 !important;
}
body.is-dark .webui-popover .notification-content span {
  color: rgb(70%, 70%, 70%) !important;
}
body.is-dark .webui-popover .media + .media {
  border-top-color: rgb(23.314531292%, 23.314531292%, 25.3129196884%) !important;
}
body.is-dark .webui-popover .loader-overlay {
  background: rgba(42, 42, 44, 0.95) !important;
}

/* ==========================================================================
3. User profile popovers
========================================================================== */
.profile-popover-block .profile-popover-wrapper, .profile-popover-block .skill-popover-wrapper, .skill-popover-block .profile-popover-wrapper, .skill-popover-block .skill-popover-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  padding: 16px 16px 0;
}
.profile-popover-block .profile-popover-wrapper .popover-avatar, .profile-popover-block .profile-popover-wrapper .popover-fake-avatar, .profile-popover-block .skill-popover-wrapper .popover-avatar, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar, .skill-popover-block .profile-popover-wrapper .popover-avatar, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar, .skill-popover-block .skill-popover-wrapper .popover-avatar, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar {
  position: relative;
  width: 44px;
  height: 44px;
  min-width: 44px;
  z-index: 0;
}
.profile-popover-block .profile-popover-wrapper .popover-avatar img, .profile-popover-block .profile-popover-wrapper .popover-fake-avatar img, .profile-popover-block .skill-popover-wrapper .popover-avatar img, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar img, .skill-popover-block .profile-popover-wrapper .popover-avatar img, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar img, .skill-popover-block .skill-popover-wrapper .popover-avatar img, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar img {
  display: block;
}
.profile-popover-block .profile-popover-wrapper .popover-avatar .avatar, .profile-popover-block .profile-popover-wrapper .popover-fake-avatar .avatar, .profile-popover-block .skill-popover-wrapper .popover-avatar .avatar, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar .avatar, .skill-popover-block .profile-popover-wrapper .popover-avatar .avatar, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar .avatar, .skill-popover-block .skill-popover-wrapper .popover-avatar .avatar, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar .avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
}
.profile-popover-block .profile-popover-wrapper .popover-avatar .badge, .profile-popover-block .profile-popover-wrapper .popover-fake-avatar .badge, .profile-popover-block .skill-popover-wrapper .popover-avatar .badge, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar .badge, .skill-popover-block .profile-popover-wrapper .popover-avatar .badge, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar .badge, .skill-popover-block .skill-popover-wrapper .popover-avatar .badge, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar .badge {
  position: absolute;
  right: -2px;
  bottom: 0;
  width: 20px;
  height: 20px;
  border: 1.6px solid #fff;
  border-radius: 50%;
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar {
  background: rgb(95.9411764706%, 95.9411764706%, 95.9411764706%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-primary, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-primary, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-primary, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-primary {
  background: rgb(73.3787114846%, 38.9019607843%, 100%);
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-primary span, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-primary span, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-primary span, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-primary span {
  color: #4f008c;
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-accent, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-accent, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-accent, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-accent {
  background: white;
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-accent span, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-accent span, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-accent span, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-accent span {
  color: #797bf2;
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-success, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-success, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-success, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-success {
  background: rgb(76.9215686275%, 99.3529411765%, 93.5294117647%);
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-success span, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-success span, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-success span, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-success span {
  color: #06d6a0;
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-info, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-info, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-info, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-info {
  background: rgb(81.2263353617%, 93.6874577417%, 99.7540567951%);
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-info span, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-info span, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-info span, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-info span {
  color: #039BE5;
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-warning, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-warning, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-warning, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-warning {
  background: rgb(99.6887002224%, 94.9569436022%, 88.2328684051%);
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-warning span, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-warning span, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-warning span, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-warning span {
  color: #faae42;
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-danger, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-danger, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-danger, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-danger {
  background: rgb(97.7274591845%, 80.5470506194%, 86.0011485766%);
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-danger span, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-danger span, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-danger span, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-danger span {
  color: #e62965;
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-purple, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-purple, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-purple, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-purple {
  background: rgb(90.6279692494%, 88.7535630992%, 94.2268290576%);
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-purple span, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-purple span, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-purple span, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-purple span {
  color: #8269B2;
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-orange, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-orange, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-orange, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-orange {
  background: rgb(100%, 90.8459383754%, 86.5882352941%);
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-orange span, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-orange span, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-orange span, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-orange span {
  color: #FFA981;
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-blue, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-blue, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-blue, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-blue {
  background: rgb(85.568627451%, 95.6705882353%, 100%);
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-blue span, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-blue span, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-blue span, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-blue span {
  color: #37C3FF;
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-red, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-red, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-red, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-red {
  background: rgb(99.7388019428%, 90.7710019788%, 93.0782514841%);
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-red span, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-red span, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-red span, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-red span {
  color: #F92B60;
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-green, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-green, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-green, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-green {
  background: rgb(89.3270588235%, 96.9364705882%, 88.24%);
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-green span, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-green span, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-green span, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-green span {
  color: #93E088;
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-yellow, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-yellow, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-yellow, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-yellow {
  background: rgb(100%, 96.3629479378%, 87.137254902%);
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-yellow span, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-yellow span, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-yellow span, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-yellow span {
  color: rgb(100%, 79.3974306964%, 27.137254902%);
}
.profile-popover-block .profile-popover-wrapper .popover-fake-avatar span, .profile-popover-block .skill-popover-wrapper .popover-fake-avatar span, .skill-popover-block .profile-popover-wrapper .popover-fake-avatar span, .skill-popover-block .skill-popover-wrapper .popover-fake-avatar span {
  font-size: 1.1rem;
  text-transform: uppercase;
  font-weight: 500;
  color: #1d252d;
}
.profile-popover-block .profile-popover-wrapper .popover-meta, .profile-popover-block .skill-popover-wrapper .popover-meta, .skill-popover-block .profile-popover-wrapper .popover-meta, .skill-popover-block .skill-popover-wrapper .popover-meta {
  margin-left: 10px;
  min-width: 245px;
}
[dir=rtl] .profile-popover-block .profile-popover-wrapper .popover-meta, [dir=rtl] .profile-popover-block .skill-popover-wrapper .popover-meta, [dir=rtl] .skill-popover-block .profile-popover-wrapper .popover-meta, [dir=rtl] .skill-popover-block .skill-popover-wrapper .popover-meta {
  margin-left: 0;
  margin-right: 10px;
}
.profile-popover-block .profile-popover-wrapper .popover-meta span, .profile-popover-block .skill-popover-wrapper .popover-meta span, .skill-popover-block .profile-popover-wrapper .popover-meta span, .skill-popover-block .skill-popover-wrapper .popover-meta span {
  display: block;
}
.profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta, .profile-popover-block .profile-popover-wrapper .popover-meta span.skill-meta, .profile-popover-block .skill-popover-wrapper .popover-meta span.user-meta, .profile-popover-block .skill-popover-wrapper .popover-meta span.skill-meta, .skill-popover-block .profile-popover-wrapper .popover-meta span.user-meta, .skill-popover-block .profile-popover-wrapper .popover-meta span.skill-meta, .skill-popover-block .skill-popover-wrapper .popover-meta span.user-meta, .skill-popover-block .skill-popover-wrapper .popover-meta span.skill-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta .username, .profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta .skill-name, .profile-popover-block .profile-popover-wrapper .popover-meta span.skill-meta .username, .profile-popover-block .profile-popover-wrapper .popover-meta span.skill-meta .skill-name, .profile-popover-block .skill-popover-wrapper .popover-meta span.user-meta .username, .profile-popover-block .skill-popover-wrapper .popover-meta span.user-meta .skill-name, .profile-popover-block .skill-popover-wrapper .popover-meta span.skill-meta .username, .profile-popover-block .skill-popover-wrapper .popover-meta span.skill-meta .skill-name, .skill-popover-block .profile-popover-wrapper .popover-meta span.user-meta .username, .skill-popover-block .profile-popover-wrapper .popover-meta span.user-meta .skill-name, .skill-popover-block .profile-popover-wrapper .popover-meta span.skill-meta .username, .skill-popover-block .profile-popover-wrapper .popover-meta span.skill-meta .skill-name, .skill-popover-block .skill-popover-wrapper .popover-meta span.user-meta .username, .skill-popover-block .skill-popover-wrapper .popover-meta span.user-meta .skill-name, .skill-popover-block .skill-popover-wrapper .popover-meta span.skill-meta .username, .skill-popover-block .skill-popover-wrapper .popover-meta span.skill-meta .skill-name {
  display: block;
  line-height: 1.2;
  font-size: 0.9rem;
  font-weight: 600;
}
.profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta .location, .profile-popover-block .profile-popover-wrapper .popover-meta span.skill-meta .location, .profile-popover-block .skill-popover-wrapper .popover-meta span.user-meta .location, .profile-popover-block .skill-popover-wrapper .popover-meta span.skill-meta .location, .skill-popover-block .profile-popover-wrapper .popover-meta span.user-meta .location, .skill-popover-block .profile-popover-wrapper .popover-meta span.skill-meta .location, .skill-popover-block .skill-popover-wrapper .popover-meta span.user-meta .location, .skill-popover-block .skill-popover-wrapper .popover-meta span.skill-meta .location {
  font-size: 0.75rem;
  color: #a2a5b9;
}
.profile-popover-block .profile-popover-wrapper .popover-meta span.job-title, .profile-popover-block .profile-popover-wrapper .popover-meta span.skill-type, .profile-popover-block .skill-popover-wrapper .popover-meta span.job-title, .profile-popover-block .skill-popover-wrapper .popover-meta span.skill-type, .skill-popover-block .profile-popover-wrapper .popover-meta span.job-title, .skill-popover-block .profile-popover-wrapper .popover-meta span.skill-type, .skill-popover-block .skill-popover-wrapper .popover-meta span.job-title, .skill-popover-block .skill-popover-wrapper .popover-meta span.skill-type {
  font-size: 0.8rem;
  color: #4f008c;
  font-weight: 500;
  min-height: 15px;
  margin-top: 2px;
}
.profile-popover-block .profile-popover-wrapper .popover-meta span.bio, .profile-popover-block .profile-popover-wrapper .popover-meta span.skill-description, .profile-popover-block .skill-popover-wrapper .popover-meta span.bio, .profile-popover-block .skill-popover-wrapper .popover-meta span.skill-description, .skill-popover-block .profile-popover-wrapper .popover-meta span.bio, .skill-popover-block .profile-popover-wrapper .popover-meta span.skill-description, .skill-popover-block .skill-popover-wrapper .popover-meta span.bio, .skill-popover-block .skill-popover-wrapper .popover-meta span.skill-description {
  margin-top: 10px;
  font-size: 0.8rem;
  color: #a2a5b9;
}
.profile-popover-block .profile-popover-wrapper .popover-meta .contact-block, .profile-popover-block .skill-popover-wrapper .popover-meta .contact-block, .skill-popover-block .profile-popover-wrapper .popover-meta .contact-block, .skill-popover-block .skill-popover-wrapper .popover-meta .contact-block {
  display: flex;
  flex-direction: column;
  margin-left: -50px;
}
[dir=rtl] .profile-popover-block .profile-popover-wrapper .popover-meta .contact-block, [dir=rtl] .profile-popover-block .skill-popover-wrapper .popover-meta .contact-block, [dir=rtl] .skill-popover-block .profile-popover-wrapper .popover-meta .contact-block, [dir=rtl] .skill-popover-block .skill-popover-wrapper .popover-meta .contact-block {
  margin-left: 0;
  margin-right: -50px;
}
.profile-popover-block .profile-popover-wrapper .popover-meta .contact-block .title-wrap, .profile-popover-block .skill-popover-wrapper .popover-meta .contact-block .title-wrap, .skill-popover-block .profile-popover-wrapper .popover-meta .contact-block .title-wrap, .skill-popover-block .skill-popover-wrapper .popover-meta .contact-block .title-wrap {
  margin: 15px 0 10px;
}
.profile-popover-block .profile-popover-wrapper .popover-meta .contact-block .title-wrap h3, .profile-popover-block .skill-popover-wrapper .popover-meta .contact-block .title-wrap h3, .skill-popover-block .profile-popover-wrapper .popover-meta .contact-block .title-wrap h3, .skill-popover-block .skill-popover-wrapper .popover-meta .contact-block .title-wrap h3 {
  font-weight: 600;
  color: #1d252d;
}
.profile-popover-block .profile-popover-wrapper .popover-meta .contact-block .info-block-line, .profile-popover-block .skill-popover-wrapper .popover-meta .contact-block .info-block-line, .skill-popover-block .profile-popover-wrapper .popover-meta .contact-block .info-block-line, .skill-popover-block .skill-popover-wrapper .popover-meta .contact-block .info-block-line {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.profile-popover-block .profile-popover-wrapper .popover-meta .contact-block .info-block-line:last-child, .profile-popover-block .skill-popover-wrapper .popover-meta .contact-block .info-block-line:last-child, .skill-popover-block .profile-popover-wrapper .popover-meta .contact-block .info-block-line:last-child, .skill-popover-block .skill-popover-wrapper .popover-meta .contact-block .info-block-line:last-child {
  margin-bottom: 0;
}
.profile-popover-block .profile-popover-wrapper .popover-meta .contact-block .info-block-line h4, .profile-popover-block .skill-popover-wrapper .popover-meta .contact-block .info-block-line h4, .skill-popover-block .profile-popover-wrapper .popover-meta .contact-block .info-block-line h4, .skill-popover-block .skill-popover-wrapper .popover-meta .contact-block .info-block-line h4 {
  font-weight: 500;
}
.profile-popover-block .profile-popover-wrapper .popover-meta .contact-block .info-block-line span, .profile-popover-block .skill-popover-wrapper .popover-meta .contact-block .info-block-line span, .skill-popover-block .profile-popover-wrapper .popover-meta .contact-block .info-block-line span, .skill-popover-block .skill-popover-wrapper .popover-meta .contact-block .info-block-line span {
  color: #a2a5b9;
  direction: ltr;
}
.profile-popover-block .popover-actions, .skill-popover-block .popover-actions {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 5px 10px 5px 10px;
  border-top: 1px solid #e3e3e3;
  margin-top: 10px;
}
body.is-dark .profile-popover-block .popover-actions, body.is-dark .skill-popover-block .popover-actions {
  border-top: 1px solid #2f2f33;
}
.profile-popover-block .popover-actions .popover-icon, .skill-popover-block .popover-actions .popover-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  max-width: 30px;
  margin: 0 2px;
  border-radius: 50%;
  transition: all 0.3s;
  cursor: pointer;
}
.profile-popover-block .popover-actions .popover-icon:hover, .skill-popover-block .popover-actions .popover-icon:hover {
  background: rgb(95.9411764706%, 95.9411764706%, 95.9411764706%);
}
.profile-popover-block .popover-actions .popover-icon:hover svg, .skill-popover-block .popover-actions .popover-icon:hover svg {
  stroke: #a2a5b9;
  color: #a2a5b9;
}
.profile-popover-block .popover-actions .popover-icon svg, .skill-popover-block .popover-actions .popover-icon svg {
  width: 16px;
  height: 16px;
  stroke: #a2a5b9;
  color: #a2a5b9;
}
.profile-popover-block .popover-actions .popover-icon.profile-icon, .skill-popover-block .popover-actions .popover-icon.profile-icon {
  width: unset;
  height: unset;
  max-width: unset;
  cursor: pointer;
  padding: 8px;
  border-radius: 4px;
  margin-left: auto;
  margin-right: 0;
  color: #a2a5b9;
}
[dir=rtl] .profile-popover-block .popover-actions .popover-icon.profile-icon, [dir=rtl] .skill-popover-block .popover-actions .popover-icon.profile-icon {
  margin-right: auto;
  margin-left: 0;
}
.profile-popover-block .popover-actions .popover-icon.profile-icon svg, .skill-popover-block .popover-actions .popover-icon.profile-icon svg {
  margin-right: 4px;
}
[dir=rtl] .profile-popover-block .popover-actions .popover-icon.profile-icon svg, [dir=rtl] .skill-popover-block .popover-actions .popover-icon.profile-icon svg {
  margin-left: 4px;
  margin-right: 0;
}
.profile-popover-block .popover-actions .popover-icon.profile-icon span, .skill-popover-block .popover-actions .popover-icon.profile-icon span {
  font-size: 0.7rem;
  color: #a2a5b9;
}
.profile-popover-block .loader-overlay, .skill-popover-block .loader-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: flex;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.95);
  opacity: 0;
  transition: all 0.3s;
  z-index: 0;
}
.profile-popover-block .loader-overlay.is-active, .skill-popover-block .loader-overlay.is-active {
  opacity: 1;
  z-index: 1;
}
.profile-popover-block .loader-overlay .loader.is-loading, .skill-popover-block .loader-overlay .loader.is-loading {
  height: 24px;
  width: 24px;
  min-height: 24px;
  min-width: 24px;
}

[data-tippy-root] {
  z-index: 99999 !important;
}

/* ==========================================================================
4. User profile popovers Dark mode
========================================================================== */
body.is-dark .profile-popover-block .badge {
  border-color: #232326 !important;
}
body.is-dark .profile-popover-block .user-meta .username, body.is-dark .profile-popover-block .user-meta .skill-name, body.is-dark .profile-popover-block .skill-meta .username, body.is-dark .profile-popover-block .skill-meta .skill-name {
  color: rgb(75%, 75%, 75%);
}
body.is-dark .profile-popover-block .job-title, body.is-dark .profile-popover-block .skill-type {
  color: #797bf2 !important;
}
body.is-dark .profile-popover-block .popover-actions .popover-icon:hover {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%) !important;
}
body.is-dark .profile-popover-block .popover-actions .popover-icon:hover svg {
  stroke: #797bf2;
  color: #797bf2;
}

/* ==========================================================================
5. Simple popover
========================================================================== */
.webui-popover.webui-popover-default .webui-popover-content .popover-head {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.webui-popover.webui-popover-default .webui-popover-content .popover-head .h-avatar, .webui-popover.webui-popover-default .webui-popover-content .popover-head .h-icon {
  margin-right: 10px;
}
.webui-popover.webui-popover-default .webui-popover-content .popover-head h4 {
  font-family: "STC Forward", sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  color: hsl(0, 0%, 21%);
  margin-bottom: 0;
}
.webui-popover.webui-popover-default .webui-popover-content .popover-body {
  padding: 0;
}
.webui-popover.webui-popover-default .webui-popover-content .popover-body p {
  font-family: "STC Forward", sans-serif;
  font-size: 0.9rem;
  color: #a2a5b9;
}
.webui-popover.webui-popover-default .webui-popover-content .popover-body p:last-child {
  margin-bottom: 8px;
}

/*! _progress.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Progress Bar

*/
/* ==========================================================================
1. Progress Bar
========================================================================== */
.progress {
  margin-bottom: 0;
}
.progress::-webkit-progress-value {
  border-radius: 50px;
}
.progress::-moz-progress-bar {
  border-radius: 50px;
}
.progress::-ms-fill {
  border-radius: 50px;
}
.progress.is-secondary {
  background-color: #ff375e;
  background-image: linear-gradient(to right, #4f008c 30%, #ff375e 30%);
}
.progress.is-secondary::-webkit-progress-bar {
  background: transparent;
}
.progress.is-secondary::-moz-progress-bar {
  background: transparent;
}
.progress.is-smaller {
  height: 0.5rem !important;
}
.progress.is-tiny {
  height: 0.35rem !important;
}

/* ==========================================================================
2. Progress Bar Dark mode
========================================================================== */
body.is-dark .progress {
  background-color: rgb(23.314531292%, 23.314531292%, 25.3129196884%);
}
body.is-dark .progress::-webkit-progress-bar {
  background-color: rgb(23.314531292%, 23.314531292%, 25.3129196884%);
}
body.is-dark .progress.is-primary::-webkit-progress-value {
  background: #797bf2;
}
body.is-dark .progress.is-primary::-moz-progress-bar {
  background: #797bf2;
}
body.is-dark .progress.is-primary::-ms-fill {
  background: #797bf2;
}
body.is-dark .progress.is-secondary {
  background-color: #797bf2;
  background-image: linear-gradient(to right, rgb(19.4789148536%, 19.4789148536%, 21.1485361268%) 30%, #797bf2 30%);
}
body.is-dark .progress.is-secondary::-webkit-progress-value {
  background: #797bf2;
}
body.is-dark .progress.is-secondary::-moz-progress-bar {
  background: #797bf2;
}
body.is-dark .progress.is-secondary::-ms-fill {
  background: #797bf2;
}
body.is-dark .progress:indeterminate.is-primary {
  background-color: #797bf2;
  background-image: linear-gradient(to right, #232326 30%, #797bf2 30%);
}
body.is-dark .progress:indeterminate.is-primary::-webkit-progress-bar {
  background: transparent;
}
body.is-dark .progress:indeterminate.is-primary::-moz-progress-bar {
  background: transparent;
}
body.is-dark .progress:indeterminate.is-secondary {
  background-color: #797bf2;
  background-image: linear-gradient(to right, rgb(19.4789148536%, 19.4789148536%, 21.1485361268%) 30%, #797bf2 30%);
}
body.is-dark .progress:indeterminate.is-secondary::-webkit-progress-bar {
  background: transparent;
}
body.is-dark .progress:indeterminate.is-secondary::-moz-progress-bar {
  background: transparent;
}
body.is-dark .progress:indeterminate.is-success {
  background-color: #06d6a0;
  background-image: linear-gradient(to right, #232326 30%, #06d6a0 30%);
}
body.is-dark .progress:indeterminate.is-success::-webkit-progress-bar {
  background: transparent;
}
body.is-dark .progress:indeterminate.is-success::-moz-progress-bar {
  background: transparent;
}
body.is-dark .progress:indeterminate.is-info {
  background-color: #039BE5;
  background-image: linear-gradient(to right, #232326 30%, #039BE5 30%);
}
body.is-dark .progress:indeterminate.is-info::-webkit-progress-bar {
  background: transparent;
}
body.is-dark .progress:indeterminate.is-info::-moz-progress-bar {
  background: transparent;
}
body.is-dark .progress:indeterminate.is-warning {
  background-color: #faae42;
  background-image: linear-gradient(to right, #232326 30%, #faae42 30%);
}
body.is-dark .progress:indeterminate.is-warning::-webkit-progress-bar {
  background: transparent;
}
body.is-dark .progress:indeterminate.is-warning::-moz-progress-bar {
  background: transparent;
}
body.is-dark .progress:indeterminate.is-danger {
  background-color: #e62965;
  background-image: linear-gradient(to right, #232326 30%, #e62965 30%);
}
body.is-dark .progress:indeterminate.is-danger::-webkit-progress-bar {
  background: transparent;
}
body.is-dark .progress:indeterminate.is-danger::-moz-progress-bar {
  background: transparent;
}
body.is-dark .b-skeleton > .b-skeleton-item {
  background: linear-gradient(90deg, #404046 25%, rgba(64, 64, 70, 0.5215686275) 50%, #404046 75%);
  background-size: 400% 100%;
  width: 100%;
}

/*! _theme-switch.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Theme Switch

*/
/* ==========================================================================
1. Theme Switch
========================================================================== */
.dark-mode {
  cursor: pointer;
  transform: translate3D(0, 0, 0);
}
.dark-mode input {
  display: none;
}
.dark-mode input + span {
  display: block;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  position: relative;
  box-shadow: inset 16px -16px 0 0 #ffd22e;
  transform: scale(1) rotate(-2deg);
  transition: box-shadow 0.5s ease 0s, transform 0.4s ease 0.1s;
}
.dark-mode input + span:before {
  content: "";
  width: inherit;
  height: inherit;
  border-radius: inherit;
  position: absolute;
  left: 0;
  top: 0;
  backface-visibility: hidden;
  transition: background-color 0.3s ease;
}
.dark-mode input + span:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: -4px 0 0 -4px;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0 -23px 0 #ffb62e, 0 23px 0 #ffb62e, 23px 0 0 #ffb62e, -23px 0 0 #ffb62e, 15px 15px 0 #ffb62e, -15px 15px 0 #ffb62e, 15px -15px 0 #ffb62e, -15px -15px 0 #ffb62e;
  transform: scale(0);
  transition: all 0.3s ease;
}
.dark-mode input:checked + span {
  box-shadow: inset 32px -32px 0 0 #ffd22e;
  transform: scale(0.5) rotate(0deg);
  transition: transform 0.3s ease 0.1s, box-shadow 0.2s ease 0s;
}
.dark-mode input:checked + span:before {
  background: #ffb62e;
  backface-visibility: hidden;
  transition: background-color 0.3s ease 0.1s;
}
.dark-mode input:checked + span:after {
  transform: scale(1.5);
  transition: transform 0.5s ease 0.15s;
}

/*! _avatar.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Avatar
    2. Avatar Dark Mode
*/
/* ==========================================================================
1. Avatar
========================================================================== */
.h-avatar {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
}
.h-avatar .status-indicator {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.8px solid #fff;
  background: #06d6a0;
  z-index: 1;
}
.h-avatar .status-indicator.bigger-avatar {
  top: 10px;
  left: 10px;
  width: 12px;
  height: 12px;
}
.h-avatar .status-indicator.offline {
  background: #a2a5b9;
}
body.is-dark .h-avatar .status-indicator {
  border: 1.8px solid #232326;
}
.h-avatar.has-dot:after {
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: #06d6a0;
  border: 1.8px solid #fff;
}
.h-avatar.has-dot.has-dot-squared:after {
  top: -3px;
  right: -3px;
}
.h-avatar.has-dot.dot-primary:after {
  background: #4f008c;
}
.h-avatar.has-dot.dot-info:after {
  background: #039BE5;
}
.h-avatar.has-dot.dot-warning:after {
  background: #faae42;
}
.h-avatar.has-dot.dot-danger:after {
  background: #e62965;
}
.h-avatar.has-dot.dot-grey:after {
  background: #a2a5b9;
}
.h-avatar .avatar {
  width: 40px;
  min-width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
}
.h-avatar .avatar.is-squared {
  border-radius: 6px !important;
}
.h-avatar .avatar.is-fake {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ededed;
}
.h-avatar .avatar.is-fake.is-primary {
  background: rgb(73.3787114846%, 38.9019607843%, 100%);
}
.h-avatar .avatar.is-fake.is-primary span {
  color: #4f008c;
}
.h-avatar .avatar.is-fake.is-accent {
  background: white;
}
.h-avatar .avatar.is-fake.is-accent span {
  color: #797bf2;
}
.h-avatar .avatar.is-fake.is-success {
  background: rgb(76.9215686275%, 99.3529411765%, 93.5294117647%);
}
.h-avatar .avatar.is-fake.is-success span {
  color: #06d6a0;
}
.h-avatar .avatar.is-fake.is-info {
  background: rgb(81.2263353617%, 93.6874577417%, 99.7540567951%);
}
.h-avatar .avatar.is-fake.is-info span {
  color: #039BE5;
}
.h-avatar .avatar.is-fake.is-warning {
  background: rgb(99.6887002224%, 94.9569436022%, 88.2328684051%);
}
.h-avatar .avatar.is-fake.is-warning span {
  color: #faae42;
}
.h-avatar .avatar.is-fake.is-danger {
  background: rgb(97.7274591845%, 80.5470506194%, 86.0011485766%);
}
.h-avatar .avatar.is-fake.is-danger span {
  color: #e62965;
}
.h-avatar .avatar.is-fake.is-h-purple {
  background: rgb(90.6279692494%, 88.7535630992%, 94.2268290576%);
}
.h-avatar .avatar.is-fake.is-h-purple span {
  color: #8269B2;
}
.h-avatar .avatar.is-fake.is-h-orange {
  background: rgb(100%, 90.8459383754%, 86.5882352941%);
}
.h-avatar .avatar.is-fake.is-h-orange span {
  color: #FFA981;
}
.h-avatar .avatar.is-fake.is-h-blue {
  background: rgb(85.568627451%, 95.6705882353%, 100%);
}
.h-avatar .avatar.is-fake.is-h-blue span {
  color: #37C3FF;
}
.h-avatar .avatar.is-fake.is-h-red {
  background: rgb(99.7388019428%, 90.7710019788%, 93.0782514841%);
}
.h-avatar .avatar.is-fake.is-h-red span {
  color: #F92B60;
}
.h-avatar .avatar.is-fake.is-h-green {
  background: rgb(89.3270588235%, 96.9364705882%, 88.24%);
}
.h-avatar .avatar.is-fake.is-h-green span {
  color: #93E088;
}
.h-avatar .avatar.is-fake.is-h-yellow {
  background: rgb(100%, 96.3629479378%, 87.137254902%);
}
.h-avatar .avatar.is-fake.is-h-yellow span {
  color: rgb(100%, 79.3974306964%, 27.137254902%);
}
.h-avatar .avatar.is-fake span {
  position: relative;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  color: #999;
  padding-top: 1px;
}
.h-avatar .avatar.is-more {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.h-avatar .avatar.is-more .inner {
  width: 40px;
  min-width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: rgb(94.9411764706%, 94.9411764706%, 94.9411764706%);
  border: 1px solid #ededed;
}
.h-avatar .avatar.is-more .inner span {
  line-height: 1;
  position: relative;
  left: -3px;
  display: block;
  font-size: 0.9rem;
  font-weight: 500;
  color: #a2a5b9;
}
.h-avatar .badge {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 16px;
  width: 16px;
  border: 1px solid #fff;
}
.h-avatar img {
  display: block;
  border-radius: 50%;
  width: 100%;
}
.h-avatar.is-small {
  max-width: 32px;
  min-width: 32px;
  max-height: 32px;
}
.h-avatar.is-small.has-dot:after {
  content: "";
  top: 0;
  right: 0;
  height: 8px;
  width: 8px;
  border-width: 1.4px;
}
.h-avatar.is-small.has-dot.has-dot-squared:after {
  top: -2px;
  right: -2px;
}
.h-avatar.is-small .avatar {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
}
.h-avatar.is-small .avatar.is-squared {
  border-radius: 8px !important;
}
.h-avatar.is-small .avatar.is-fake, .h-avatar.is-small .avatar.is-more {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
}
.h-avatar.is-small .avatar.is-fake .inner, .h-avatar.is-small .avatar.is-more .inner {
  width: 30px;
  min-width: 30px;
  height: 30px;
}
.h-avatar.is-small .avatar.is-fake span, .h-avatar.is-small .avatar.is-more span {
  font-size: 0.85rem;
}
.h-avatar.is-small .badge {
  border-width: 1px;
  width: 12px;
  height: 12px;
}
.h-avatar.is-medium {
  max-width: 50px !important;
  min-width: 50px !important;
}
.h-avatar.is-medium.has-dot:after {
  content: "";
  top: 1px;
  right: 1px;
  height: 12px;
  width: 12px;
  border-width: 2px;
}
.h-avatar.is-medium.has-dot.has-dot-squared:after {
  top: -3px;
  right: -3px;
}
.h-avatar.is-medium .avatar {
  width: 50px !important;
  min-width: 50px !important;
  height: 50px !important;
}
.h-avatar.is-medium .avatar.is-squared {
  border-radius: 12px !important;
}
.h-avatar.is-medium .avatar.is-fake, .h-avatar.is-medium .avatar.is-more {
  width: 50px;
  min-width: 50px;
  height: 50px;
}
.h-avatar.is-medium .avatar.is-fake .inner, .h-avatar.is-medium .avatar.is-more .inner {
  width: 50px;
  min-width: 50px;
  height: 50px;
}
.h-avatar.is-medium .avatar.is-fake span, .h-avatar.is-medium .avatar.is-more span {
  font-size: 1.2rem;
}
.h-avatar.is-medium .badge {
  border-width: 2px;
  height: 20px;
  width: 20px;
}
.h-avatar.is-large {
  max-width: 68px;
  min-width: 68px;
}
.h-avatar.is-large.has-dot:after {
  content: "";
  top: 4px;
  right: 4px;
  height: 14px;
  width: 14px;
  border-width: 2.6px;
}
.h-avatar.is-large.has-dot.has-dot-squared:after {
  top: -4px;
  right: -1px;
}
.h-avatar.is-large .avatar {
  width: 68px;
  min-width: 68px;
  height: 68px;
}
.h-avatar.is-large .avatar.is-squared {
  border-radius: 16px !important;
}
.h-avatar.is-large .avatar.is-fake {
  width: 68px;
  min-width: 68px;
  height: 68px;
}
.h-avatar.is-large .avatar.is-fake span {
  font-size: 1.4rem;
}
.h-avatar.is-large .badge {
  border-width: 2px;
  height: 24px;
  width: 24px;
}
.h-avatar.is-big {
  max-width: 80px;
  min-width: 80px;
}
.h-avatar.is-big.has-dot:after {
  content: "";
  top: 4px;
  right: 4px;
  height: 16px;
  width: 16px;
  border-width: 2.8px;
}
.h-avatar.is-big.has-dot.has-dot-squared:after {
  top: -4px;
  right: -1px;
}
.h-avatar.is-big .avatar {
  width: 80px !important;
  min-width: 80px !important;
  height: 80px !important;
}
.h-avatar.is-big .avatar.is-squared {
  border-radius: 18px !important;
}
.h-avatar.is-big .avatar.is-fake {
  width: 80px;
  min-width: 80px;
  height: 80px;
}
.h-avatar.is-big .avatar.is-fake span {
  font-size: 1.4rem;
}
.h-avatar.is-big .badge {
  border-width: 2.4px;
  height: 28px;
  width: 28px;
}
.h-avatar.is-xl {
  max-width: 100px !important;
  min-width: 100px !important;
}
.h-avatar.is-xl.has-dot:after {
  content: "";
  top: 6px;
  right: 5px;
  height: 18px;
  width: 18px;
  border-width: 2.8px;
}
.h-avatar.is-xl.has-dot.has-dot-squared:after {
  top: -3px;
  right: -3px;
}
.h-avatar.is-xl .avatar {
  width: 100px !important;
  min-width: 100px !important;
  height: 100px !important;
}
.h-avatar.is-xl .avatar.is-squared {
  border-radius: 6px !important;
}
.h-avatar.is-xl .avatar.is-fake {
  width: 100px !important;
  min-width: 100px !important;
  height: 100px !important;
}
.h-avatar.is-xl .avatar.is-fake span {
  font-size: 1.6rem;
}
.h-avatar.is-xl .badge {
  border-width: 3px;
  height: 34px;
  width: 34px;
}
.h-avatar.is-sm {
  max-width: 64px;
  min-width: 64px;
}
.h-avatar.is-sm .avatar {
  width: 64px !important;
  min-width: 64px !important;
  height: 64px !important;
}
.h-avatar.is-sm .avatar.is-squared {
  border-radius: 6px !important;
}
.h-avatar.is-sm .avatar.is-fake {
  width: 100px;
  min-width: 100px;
  height: 100px;
}
.h-avatar.is-sm .avatar.is-fake span {
  font-size: 1.6rem;
}

.service-avatar {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
}
.service-avatar.has-dot:after {
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: #06d6a0;
  border: 1.8px solid #fff;
}
.service-avatar.has-dot.has-dot-squared:after {
  top: -3px;
  right: -3px;
}
.service-avatar.has-dot.dot-primary:after {
  background: #4f008c;
}
.service-avatar.has-dot.dot-info:after {
  background: #039BE5;
}
.service-avatar.has-dot.dot-warning:after {
  background: #faae42;
}
.service-avatar.has-dot.dot-danger:after {
  background: #e62965;
}
.service-avatar.has-dot.dot-grey:after {
  background: #a2a5b9;
}
.service-avatar.is-task .svg-icon.is-fake span {
  transition: all 0.3s;
  margin: 0 !important;
}
.service-avatar.is-task .svg-icon.is-fake span:nth-child(2) {
  top: 0px;
}
.service-avatar.is-task .svg-icon.is-fake span:nth-child(3) {
  font-size: 0.8rem;
  top: 2px;
  opacity: 0;
}
.service-avatar .svg-icon {
  width: auto;
  min-width: auto;
  height: auto;
}
.service-avatar .svg-icon.is-squared {
  border-radius: 6px !important;
}
.service-avatar .svg-icon.is-fake {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: auto;
  height: auto;
}
.service-avatar .svg-icon.is-fake:before {
  content: "";
  position: absolute;
  transform: rotate(225deg) rotateX(360deg);
  width: 45px;
  height: 45px;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  border-radius: 8px;
}
[dir=rtl] .service-avatar .svg-icon.is-fake:before {
  transform: rotate(-45deg) rotateX(180deg);
}
.service-avatar .svg-icon.is-fake svg {
  transform: rotate(225deg) rotateX(360deg);
  width: 45px;
  height: 45px;
}
[dir=rtl] .service-avatar .svg-icon.is-fake svg {
  transform: rotate(-45deg) rotateX(180deg);
}
.service-avatar .svg-icon.is-fake svg .progress-bar {
  stroke: #06d6a0;
  stroke-width: 2.5px;
}
.service-avatar .svg-icon.is-fake svg .progress-bg {
  stroke: #ededed;
  stroke-width: 2.5px;
}
.service-avatar .svg-icon.is-fake svg .progress-icon {
  fill: #ededed;
}
body.is-dark .service-avatar .svg-icon.is-fake svg .progress-bar {
  stroke: #06d6a0;
}
body.is-dark .service-avatar .svg-icon.is-fake svg .progress-bg {
  stroke: rgb(42.4926134837%, 42.4926134837%, 46.1348374966%);
}
body.is-dark .service-avatar .svg-icon.is-fake svg .progress-icon {
  fill: rgb(42.4926134837%, 42.4926134837%, 46.1348374966%);
}
.service-avatar .svg-icon.is-fake {
  /*&:before {
      content: '';
      width: 35px;
      min-width: 35px;
      height: 35px;
      object-fit: cover;
      background: $fade-grey;
      transform: rotate(45deg);
      border-radius: 8px;
      transition: all .3s;
  }*/
}
.service-avatar .svg-icon.is-fake .inner {
  width: 35px;
  min-width: 35px;
  height: 35px;
}
.service-avatar .svg-icon.is-fake span {
  font-size: 0.85rem;
  font-weight: 500;
}
.service-avatar .svg-icon.is-fake.is-primary:before {
  background: #4f008c;
}
.service-avatar .svg-icon.is-fake.is-primary span {
  color: #fff;
}
.service-avatar .svg-icon.is-fake.is-light-primary svg .progress-bar {
  stroke: #06d6a0;
  stroke-width: 2.5px;
}
.service-avatar .svg-icon.is-fake.is-light-primary svg .progress-bg {
  stroke: rgb(90.8072829132%, 78.9019607843%, 100%);
  stroke-width: 2.5px;
}
.service-avatar .svg-icon.is-fake.is-light-primary svg .progress-icon {
  fill: rgb(96.0358543417%, 90.9019607843%, 100%);
}
body.is-dark .service-avatar .svg-icon.is-fake.is-light-primary svg .progress-bar {
  stroke: #06d6a0;
}
body.is-dark .service-avatar .svg-icon.is-fake.is-light-primary svg .progress-bg {
  stroke: rgb(42.4926134837%, 42.4926134837%, 46.1348374966%);
}
body.is-dark .service-avatar .svg-icon.is-fake.is-light-primary svg .progress-icon {
  fill: rgb(42.4926134837%, 42.4926134837%, 46.1348374966%);
}
.service-avatar .svg-icon.is-fake.is-light-primary {
  color: #4f008c;
}
.service-avatar .svg-icon.is-fake.is-light-primary:before {
  background: #4f008c;
}
.service-avatar .svg-icon.is-fake.is-light-primary span {
  color: #4f008c;
}
.service-avatar .svg-icon.is-fake.is-accent {
  background: white;
}
.service-avatar .svg-icon.is-fake.is-accent span {
  color: #797bf2;
}
.service-avatar .svg-icon.is-fake.is-success {
  background: rgb(76.9215686275%, 99.3529411765%, 93.5294117647%);
}
.service-avatar .svg-icon.is-fake.is-success span {
  color: #06d6a0;
}
.service-avatar .svg-icon.is-fake.is-info {
  background: rgb(81.2263353617%, 93.6874577417%, 99.7540567951%);
}
.service-avatar .svg-icon.is-fake.is-info span {
  color: #039BE5;
}
.service-avatar .svg-icon.is-fake.is-warning {
  background: rgb(99.6887002224%, 94.9569436022%, 88.2328684051%);
}
.service-avatar .svg-icon.is-fake.is-warning span {
  color: #faae42;
}
.service-avatar .svg-icon.is-fake.is-danger {
  background: rgb(97.7274591845%, 80.5470506194%, 86.0011485766%);
}
.service-avatar .svg-icon.is-fake.is-danger span {
  color: #e62965;
}
.service-avatar .svg-icon.is-fake.is-h-purple {
  background: rgb(90.6279692494%, 88.7535630992%, 94.2268290576%);
}
.service-avatar .svg-icon.is-fake.is-h-purple span {
  color: #8269B2;
}
.service-avatar .svg-icon.is-fake.is-h-orange {
  background: rgb(100%, 90.8459383754%, 86.5882352941%);
}
.service-avatar .svg-icon.is-fake.is-h-orange span {
  color: #FFA981;
}
.service-avatar .svg-icon.is-fake.is-h-blue {
  background: rgb(85.568627451%, 95.6705882353%, 100%);
}
.service-avatar .svg-icon.is-fake.is-h-blue span {
  color: #37C3FF;
}
.service-avatar .svg-icon.is-fake.is-h-red {
  background: rgb(99.7388019428%, 90.7710019788%, 93.0782514841%);
}
.service-avatar .svg-icon.is-fake.is-h-red span {
  color: #F92B60;
}
.service-avatar .svg-icon.is-fake.is-h-green {
  background: rgb(89.3270588235%, 96.9364705882%, 88.24%);
}
.service-avatar .svg-icon.is-fake.is-h-green span {
  color: #93E088;
}
.service-avatar .svg-icon.is-fake.is-h-yellow {
  background: rgb(100%, 96.3629479378%, 87.137254902%);
}
.service-avatar .svg-icon.is-fake.is-h-yellow span {
  color: rgb(100%, 79.3974306964%, 27.137254902%);
}
.service-avatar .svg-icon.is-fake.is-secondary:before {
  background: #ff375e;
}
.service-avatar .svg-icon.is-fake.is-secondary span {
  color: #fff;
}
.service-avatar .svg-icon.is-fake.is-color5 {
  background: #ffdd40;
}
.service-avatar .svg-icon.is-fake.is-color5 span {
  color: #4f008c;
}
.service-avatar .svg-icon.is-fake span {
  position: absolute;
  display: block;
  font-size: 0.9rem;
  font-weight: 500;
  color: #4f008c;
  line-height: 50px;
}
body.is-dark .service-avatar .svg-icon.is-fake span {
  color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
.service-avatar .svg-icon.is-more {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.service-avatar .svg-icon.is-more .inner {
  width: 40px;
  min-width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: rgb(94.9411764706%, 94.9411764706%, 94.9411764706%);
  border: 1px solid #ededed;
}
.service-avatar .svg-icon.is-more .inner span {
  line-height: 1;
  position: relative;
  left: -3px;
  display: block;
  font-size: 0.9rem;
  font-weight: 500;
  color: #a2a5b9;
}
.service-avatar .badge {
  position: absolute;
  bottom: -14px;
  right: 2px;
  height: 26px;
  width: 26px;
}
[dir=rtl] .service-avatar .badge {
  right: unset;
  left: 2px;
}
.service-avatar .badge.h-avatar img {
  width: 26px;
  height: 26px;
  min-width: 26px;
  border-radius: 50%;
  border: 1px solid #fff;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimizeQuality;
}
.service-avatar .badge.h-avatar .is-fake {
  width: 22px;
  height: 22px;
  min-width: 22px;
  border-radius: 50%;
  border: 0.5px solid #fff;
}
.service-avatar .badge.h-avatar .is-fake span {
  font-size: 0.65rem;
  font-weight: 500;
}
.service-avatar img {
  display: block;
  border-radius: 50%;
  width: 100%;
}
.service-avatar.is-small {
  max-width: 32px;
  min-width: 32px;
  max-height: 32px;
}
.service-avatar.is-small.has-dot:after {
  content: "";
  top: 0;
  right: 0;
  height: 8px;
  width: 8px;
  border-width: 1.4px;
}
.service-avatar.is-small.has-dot.has-dot-squared:after {
  top: -2px;
  right: -2px;
}
.service-avatar.is-small .avatar {
  width: 32px;
  min-width: 32px;
  height: 32px;
}
.service-avatar.is-small .avatar.is-squared {
  border-radius: 8px !important;
}
.service-avatar.is-small .avatar.is-fake, .service-avatar.is-small .avatar.is-more {
  width: 32px;
  min-width: 32px;
  height: 32px;
}
.service-avatar.is-small .avatar.is-fake .inner, .service-avatar.is-small .avatar.is-more .inner {
  width: 30px;
  min-width: 30px;
  height: 30px;
}
.service-avatar.is-small .avatar.is-fake span, .service-avatar.is-small .avatar.is-more span {
  font-size: 0.85rem;
}
.service-avatar.is-small .badge {
  border-width: 1px;
  width: 12px;
  height: 12px;
}
.service-avatar.is-medium {
  max-width: 50px;
  min-width: 50px;
}
.service-avatar.is-medium.has-dot:after {
  content: "";
  top: 1px;
  right: 1px;
  height: 12px;
  width: 12px;
  border-width: 2px;
}
.service-avatar.is-medium.has-dot.has-dot-squared:after {
  top: -3px;
  right: -3px;
}
.service-avatar.is-medium .avatar {
  width: 50px;
  min-width: 50px;
  height: 50px;
}
.service-avatar.is-medium .avatar.is-squared {
  border-radius: 6px !important;
}
.service-avatar.is-medium .avatar.is-fake, .service-avatar.is-medium .avatar.is-more {
  width: 50px;
  min-width: 50px;
  height: 50px;
}
.service-avatar.is-medium .avatar.is-fake .inner, .service-avatar.is-medium .avatar.is-more .inner {
  width: 50px;
  min-width: 50px;
  height: 50px;
}
.service-avatar.is-medium .avatar.is-fake span, .service-avatar.is-medium .avatar.is-more span {
  font-size: 1.2rem;
}
.service-avatar.is-medium .badge {
  height: 20px;
  width: 20px;
  bottom: -3px;
  right: -3px;
}
.service-avatar.is-medium .badge.h-avatar .is-fake {
  width: 20px;
  height: 20px;
  min-width: 20px;
  border-radius: 50%;
  border: 1px solid #fff;
}
body.is-dark .service-avatar.is-medium .badge.h-avatar .is-fake {
  border: 1px solid rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
.service-avatar.is-medium .badge.h-avatar .is-fake span {
  font-size: 0.7rem;
}
.service-avatar.is-large {
  max-width: 68px;
  min-width: 68px;
}
.service-avatar.is-large.has-dot:after {
  content: "";
  top: 4px;
  right: 4px;
  height: 14px;
  width: 14px;
  border-width: 2.6px;
}
.service-avatar.is-large.has-dot.has-dot-squared:after {
  top: -4px;
  right: -1px;
}
.service-avatar.is-large .avatar {
  width: 68px;
  min-width: 68px;
  height: 68px;
}
.service-avatar.is-large .avatar.is-squared {
  border-radius: 12px !important;
}
.service-avatar.is-large .avatar.is-fake {
  width: 68px;
  min-width: 68px;
  height: 68px;
}
.service-avatar.is-large .avatar.is-fake span {
  font-size: 1.4rem;
}
.service-avatar.is-large .badge {
  border-width: 2px;
  height: 24px;
  width: 24px;
}
.service-avatar.is-big {
  max-width: 80px;
  min-width: 80px;
}
.service-avatar.is-big.has-dot:after {
  content: "";
  top: 4px;
  right: 4px;
  height: 16px;
  width: 16px;
  border-width: 2.8px;
}
.service-avatar.is-big.has-dot.has-dot-squared:after {
  top: -4px;
  right: -1px;
}
.service-avatar.is-big .avatar {
  width: 80px;
  min-width: 80px;
  height: 80px;
}
.service-avatar.is-big .avatar.is-squared {
  border-radius: 14px !important;
}
.service-avatar.is-big .avatar.is-fake {
  width: 80px;
  min-width: 80px;
  height: 80px;
}
.service-avatar.is-big .avatar.is-fake span {
  font-size: 1.4rem;
}
.service-avatar.is-big .badge {
  border-width: 2.4px;
  height: 28px;
  width: 28px;
}
.service-avatar.is-xl {
  max-width: 100px;
  min-width: 100px;
}
.service-avatar.is-xl.has-dot:after {
  content: "";
  top: 6px;
  right: 5px;
  height: 18px;
  width: 18px;
  border-width: 2.8px;
}
.service-avatar.is-xl.has-dot.has-dot-squared:after {
  top: -3px;
  right: -3px;
}
.service-avatar.is-xl .avatar {
  width: 100px;
  min-width: 100px;
  height: 100px;
}
.service-avatar.is-xl .avatar.is-squared {
  border-radius: 22px !important;
}
.service-avatar.is-xl .avatar.is-fake {
  width: 70px;
  min-width: 70px;
  height: 70px;
}
.service-avatar.is-xl .avatar.is-fake span {
  font-size: 1.6rem;
}
.service-avatar.is-xl .badge {
  border-width: 3px;
  height: 34px;
  width: 34px;
}

.avatar-stack {
  display: flex;
}
.avatar-stack .h-avatar {
  border-radius: 50%;
}
.avatar-stack .h-avatar:hover {
  z-index: 2;
}
.avatar-stack .h-avatar.is-small {
  border-radius: 50%;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(1) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(1) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(2) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(2) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(3) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(3) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(4) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(4) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(5) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(5) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(6) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(6) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(7) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(7) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(8) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(8) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(9) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(9) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(10) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(10) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(11) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(11) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(12) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(12) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(13) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(13) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(14) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(14) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(15) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(15) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(16) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(16) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(17) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(17) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(18) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(18) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(19) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(19) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(20) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(20) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(21) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(21) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(22) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(22) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(23) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(23) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(24) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(24) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(25) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(25) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(26) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(26) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(27) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(27) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(28) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(28) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(29) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(29) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(30) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(30) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(31) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(31) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(32) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(32) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(33) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(33) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(34) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(34) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(35) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(35) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(36) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(36) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(37) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(37) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(38) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(38) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(39) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(39) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(40) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(40) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(41) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(41) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(42) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(42) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(43) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(43) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(44) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(44) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(45) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(45) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(46) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(46) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(47) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(47) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(48) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(48) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(49) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(49) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(50) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(50) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(51) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(51) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(52) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(52) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(53) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(53) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(54) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(54) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(55) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(55) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(56) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(56) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(57) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(57) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(58) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(58) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(59) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(59) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(60) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(60) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(61) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(61) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(62) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(62) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(63) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(63) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(64) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(64) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(65) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(65) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(66) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(66) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(67) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(67) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(68) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(68) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(69) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(69) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(70) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(70) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(71) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(71) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(72) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(72) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(73) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(73) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(74) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(74) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(75) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(75) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(76) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(76) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(77) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(77) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(78) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(78) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(79) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(79) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(80) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(80) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(81) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(81) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(82) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(82) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(83) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(83) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(84) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(84) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(85) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(85) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(86) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(86) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(87) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(87) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(88) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(88) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(89) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(89) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(90) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(90) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(91) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(91) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(92) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(92) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(93) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(93) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(94) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(94) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(95) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(95) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(96) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(96) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(97) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(97) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(98) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(98) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(99) {
  margin-left: -12px;
}
[dir=rtl] .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(99) {
  margin-left: unset;
  margin-right: -12px;
}
.avatar-stack .h-avatar.is-small img, .avatar-stack .h-avatar.is-small .is-fake, .avatar-stack .h-avatar.is-small .is-more .inner {
  border: 2px solid #fff;
}
.avatar-stack .h-avatar.is-medium {
  border-radius: 50%;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(1) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(1) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(2) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(2) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(3) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(3) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(4) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(4) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(5) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(5) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(6) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(6) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(7) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(7) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(8) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(8) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(9) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(9) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(10) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(10) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(11) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(11) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(12) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(12) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(13) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(13) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(14) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(14) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(15) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(15) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(16) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(16) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(17) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(17) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(18) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(18) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(19) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(19) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(20) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(20) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(21) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(21) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(22) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(22) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(23) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(23) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(24) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(24) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(25) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(25) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(26) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(26) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(27) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(27) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(28) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(28) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(29) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(29) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(30) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(30) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(31) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(31) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(32) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(32) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(33) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(33) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(34) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(34) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(35) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(35) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(36) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(36) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(37) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(37) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(38) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(38) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(39) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(39) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(40) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(40) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(41) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(41) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(42) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(42) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(43) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(43) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(44) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(44) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(45) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(45) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(46) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(46) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(47) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(47) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(48) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(48) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(49) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(49) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(50) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(50) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(51) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(51) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(52) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(52) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(53) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(53) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(54) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(54) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(55) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(55) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(56) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(56) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(57) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(57) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(58) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(58) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(59) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(59) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(60) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(60) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(61) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(61) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(62) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(62) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(63) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(63) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(64) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(64) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(65) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(65) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(66) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(66) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(67) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(67) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(68) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(68) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(69) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(69) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(70) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(70) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(71) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(71) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(72) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(72) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(73) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(73) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(74) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(74) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(75) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(75) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(76) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(76) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(77) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(77) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(78) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(78) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(79) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(79) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(80) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(80) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(81) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(81) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(82) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(82) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(83) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(83) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(84) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(84) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(85) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(85) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(86) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(86) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(87) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(87) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(88) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(88) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(89) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(89) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(90) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(90) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(91) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(91) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(92) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(92) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(93) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(93) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(94) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(94) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(95) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(95) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(96) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(96) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(97) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(97) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(98) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(98) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(99) {
  margin-left: -16px;
}
[dir=rtl] .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(99) {
  margin-left: inherit;
  margin-right: -16px;
}
.avatar-stack .h-avatar.is-medium img, .avatar-stack .h-avatar.is-medium .is-fake, .avatar-stack .h-avatar.is-medium .is-more .inner {
  border: 4px solid #fff;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(1) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(1) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(2) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(2) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(3) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(3) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(4) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(4) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(5) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(5) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(6) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(6) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(7) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(7) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(8) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(8) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(9) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(9) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(10) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(10) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(11) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(11) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(12) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(12) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(13) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(13) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(14) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(14) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(15) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(15) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(16) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(16) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(17) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(17) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(18) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(18) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(19) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(19) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(20) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(20) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(21) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(21) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(22) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(22) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(23) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(23) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(24) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(24) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(25) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(25) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(26) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(26) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(27) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(27) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(28) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(28) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(29) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(29) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(30) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(30) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(31) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(31) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(32) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(32) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(33) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(33) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(34) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(34) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(35) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(35) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(36) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(36) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(37) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(37) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(38) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(38) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(39) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(39) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(40) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(40) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(41) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(41) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(42) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(42) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(43) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(43) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(44) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(44) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(45) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(45) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(46) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(46) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(47) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(47) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(48) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(48) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(49) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(49) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(50) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(50) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(51) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(51) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(52) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(52) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(53) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(53) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(54) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(54) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(55) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(55) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(56) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(56) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(57) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(57) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(58) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(58) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(59) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(59) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(60) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(60) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(61) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(61) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(62) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(62) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(63) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(63) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(64) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(64) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(65) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(65) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(66) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(66) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(67) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(67) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(68) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(68) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(69) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(69) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(70) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(70) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(71) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(71) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(72) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(72) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(73) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(73) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(74) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(74) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(75) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(75) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(76) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(76) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(77) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(77) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(78) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(78) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(79) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(79) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(80) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(80) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(81) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(81) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(82) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(82) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(83) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(83) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(84) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(84) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(85) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(85) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(86) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(86) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(87) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(87) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(88) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(88) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(89) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(89) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(90) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(90) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(91) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(91) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(92) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(92) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(93) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(93) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(94) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(94) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(95) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(95) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(96) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(96) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(97) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(97) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(98) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(98) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar:not(:first-child):nth-child(99) {
  margin-left: -14px;
}
[dir=rtl] .avatar-stack .h-avatar:not(:first-child):nth-child(99) {
  margin-left: inherit;
  margin-right: -14px;
}
.avatar-stack .h-avatar img, .avatar-stack .h-avatar .is-fake, .avatar-stack .h-avatar .is-more .inner {
  border: 2px solid #fff;
}

/* ==========================================================================
2. Avatar Dark Mode
========================================================================== */
body.is-dark .h-avatar .avatar {
  border-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
body.is-dark .h-avatar .avatar.is-fake.is-primary {
  background: rgb(53.5518207283%, 0%, 94.9019607843%);
}
body.is-dark .h-avatar .avatar.is-fake.is-primary span {
  color: #232326;
}
body.is-dark .h-avatar .avatar.is-fake.is-accent {
  background: #797bf2;
}
body.is-dark .h-avatar .avatar.is-fake.is-accent span {
  color: #232326;
}
body.is-dark .h-avatar .avatar.is-fake.is-success {
  background: #06d6a0;
}
body.is-dark .h-avatar .avatar.is-fake.is-success span {
  color: #232326;
}
body.is-dark .h-avatar .avatar.is-fake.is-info {
  background: #039BE5;
}
body.is-dark .h-avatar .avatar.is-fake.is-info span {
  color: #232326 !important;
}
body.is-dark .h-avatar .avatar.is-fake.is-warning {
  background: #faae42;
}
body.is-dark .h-avatar .avatar.is-fake.is-warning span {
  color: #232326;
}
body.is-dark .h-avatar .avatar.is-fake.is-danger {
  background: #e62965;
}
body.is-dark .h-avatar .avatar.is-fake.is-danger span {
  color: #232326;
}
body.is-dark .h-avatar .avatar.is-fake.is-h-purple {
  background: #8269B2;
}
body.is-dark .h-avatar .avatar.is-fake.is-h-purple span {
  color: #232326;
}
body.is-dark .h-avatar .avatar.is-fake.is-h-orange {
  background: #FFA981;
}
body.is-dark .h-avatar .avatar.is-fake.is-h-orange span {
  color: #232326;
}
body.is-dark .h-avatar .avatar.is-fake.is-h-blue {
  background: #37C3FF;
}
body.is-dark .h-avatar .avatar.is-fake.is-h-blue span {
  color: #232326;
}
body.is-dark .h-avatar .avatar.is-fake.is-h-red {
  background: #F92B60;
}
body.is-dark .h-avatar .avatar.is-fake.is-h-red span {
  color: #232326;
}
body.is-dark .h-avatar .avatar.is-fake.is-h-green {
  background: #93E088;
}
body.is-dark .h-avatar .avatar.is-fake.is-h-green span {
  color: #232326;
}
body.is-dark .h-avatar .avatar.is-fake.is-h-yellow {
  background: #FFD66E;
}
body.is-dark .h-avatar .avatar.is-fake.is-h-yellow span {
  color: #232326;
}
body.is-dark .h-avatar .avatar.is-more .inner {
  background: rgb(23.314531292%, 23.314531292%, 25.3129196884%);
  border-color: rgb(11.8076819769%, 11.8076819769%, 12.8197690035%);
}
body.is-dark .h-avatar .avatar.is-fake {
  border-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}

/*! _snacks.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Snacks
    2. Snacks Dark mode
*/
/* ==========================================================================
1. Snacks
========================================================================== */
.snacks {
  display: flex;
  flex-wrap: wrap;
}
.snacks .snack {
  margin: 0 8px 16px 8px;
}

.snack {
  display: inline-block;
  background: rgb(94.9411764706%, 94.9411764706%, 94.9411764706%);
  height: 38px;
  width: auto;
  border-radius: 500px;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  transition: all 0.3s;
}
.snack:hover {
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.snack.is-white {
  background: #fff;
}
.snack.is-small {
  height: 30px;
}
.snack.is-small .snack-media {
  height: 32px;
  width: 32px;
  margin-right: 4px;
}
[dir=rtl] .snack.is-small .snack-media {
  margin-right: 0;
  margin-left: 4px;
}
.snack.is-small .snack-media.is-icon {
  height: 30px;
  width: 30px;
}
.snack.is-small .snack-media.is-icon svg {
  height: 15px;
  width: 15px;
}
.snack.is-small .snack-media.is-icon .fas, .snack.is-small .snack-media.is-icon .far, .snack.is-small .snack-media.is-icon .fad, .snack.is-small .snack-media.is-icon .fal, .snack.is-small .snack-media.is-icon .fab {
  font-size: 13px;
}
.snack.is-small .snack-media.is-icon .lnil, .snack.is-small .snack-media.is-icon .lnir {
  font-size: 16px;
}
.snack.is-small .snack-media img {
  height: 30px;
  width: 30px;
}
.snack.is-small .snack-text {
  font-size: 0.9rem;
  top: -12px;
}
.snack.is-small .snack-action {
  top: -9px;
  margin: 0 10px 0 6px;
}
[dir=rtl] .snack.is-small .snack-action {
  margin: 0 6px 0 10px;
}
.snack .snack-media {
  position: relative;
  top: -1px;
  height: 40px;
  width: 40px;
  display: inline-block;
  margin-right: 6px;
}
[dir=rtl] .snack .snack-media {
  margin-right: 0;
  margin-left: 6px;
}
.snack .snack-media.is-icon {
  position: relative;
  left: -1px;
  height: 38px;
  width: 38px;
  background: #fff;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  border-radius: 50%;
}
[dir=rtl] .snack .snack-media.is-icon {
  right: -1px;
  left: unset;
}
.snack .snack-media.is-icon.is-solid .fas, .snack .snack-media.is-icon.is-solid .far, .snack .snack-media.is-icon.is-solid .fad, .snack .snack-media.is-icon.is-solid .fal, .snack .snack-media.is-icon.is-solid .fab, .snack .snack-media.is-icon.is-solid .lnil, .snack .snack-media.is-icon.is-solid .lnir {
  color: #fff !important;
}
.snack .snack-media.is-icon.is-primary {
  border-color: #4f008c;
}
.snack .snack-media.is-icon.is-primary.is-solid {
  background: #4f008c;
}
.snack .snack-media.is-icon.is-primary.is-solid svg {
  stroke: #fff;
}
.snack .snack-media.is-icon.is-primary svg {
  stroke: #4f008c;
}
.snack .snack-media.is-icon.is-primary .fas, .snack .snack-media.is-icon.is-primary .far, .snack .snack-media.is-icon.is-primary .fad, .snack .snack-media.is-icon.is-primary .fal, .snack .snack-media.is-icon.is-primary .fab, .snack .snack-media.is-icon.is-primary .lnil, .snack .snack-media.is-icon.is-primary .lnir {
  color: #4f008c;
}
.snack .snack-media.is-icon.is-success {
  border-color: #06d6a0;
}
.snack .snack-media.is-icon.is-success.is-solid {
  background: #06d6a0;
}
.snack .snack-media.is-icon.is-success.is-solid svg {
  stroke: #fff;
}
.snack .snack-media.is-icon.is-success svg {
  stroke: #06d6a0;
}
.snack .snack-media.is-icon.is-success .fas, .snack .snack-media.is-icon.is-success .far, .snack .snack-media.is-icon.is-success .fad, .snack .snack-media.is-icon.is-success .fal, .snack .snack-media.is-icon.is-success .fab, .snack .snack-media.is-icon.is-success .lnil, .snack .snack-media.is-icon.is-success .lnir {
  color: #06d6a0;
}
.snack .snack-media.is-icon.is-info {
  border-color: #039BE5;
}
.snack .snack-media.is-icon.is-info.is-solid {
  background: #039BE5;
}
.snack .snack-media.is-icon.is-info.is-solid svg {
  stroke: #fff;
}
.snack .snack-media.is-icon.is-info svg {
  stroke: #039BE5;
}
.snack .snack-media.is-icon.is-info .fas, .snack .snack-media.is-icon.is-info .far, .snack .snack-media.is-icon.is-info .fad, .snack .snack-media.is-icon.is-info .fal, .snack .snack-media.is-icon.is-info .fab, .snack .snack-media.is-icon.is-info .lnil, .snack .snack-media.is-icon.is-info .lnir {
  color: #039BE5;
}
.snack .snack-media.is-icon.is-warning {
  border-color: #faae42;
}
.snack .snack-media.is-icon.is-warning.is-solid {
  background: #faae42;
}
.snack .snack-media.is-icon.is-warning.is-solid svg {
  stroke: #fff;
}
.snack .snack-media.is-icon.is-warning svg {
  stroke: #faae42;
}
.snack .snack-media.is-icon.is-warning .fas, .snack .snack-media.is-icon.is-warning .far, .snack .snack-media.is-icon.is-warning .fad, .snack .snack-media.is-icon.is-warning .fal, .snack .snack-media.is-icon.is-warning .fab, .snack .snack-media.is-icon.is-warning .lnil, .snack .snack-media.is-icon.is-warning .lnir {
  color: #faae42;
}
.snack .snack-media.is-icon.is-danger {
  border-color: #e62965;
}
.snack .snack-media.is-icon.is-danger.is-solid {
  background: #e62965;
}
.snack .snack-media.is-icon.is-danger.is-solid svg {
  stroke: #fff;
}
.snack .snack-media.is-icon.is-danger svg {
  stroke: #e62965;
}
.snack .snack-media.is-icon.is-danger .fas, .snack .snack-media.is-icon.is-danger .far, .snack .snack-media.is-icon.is-danger .fad, .snack .snack-media.is-icon.is-danger .fal, .snack .snack-media.is-icon.is-danger .fab, .snack .snack-media.is-icon.is-danger .lnil, .snack .snack-media.is-icon.is-danger .lnir {
  color: #e62965;
}
.snack .snack-media.is-icon .snack-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.snack .snack-media.is-icon svg {
  height: 18px;
  width: 18px;
  stroke-width: 1.6px;
  stroke: #a2a5b9;
}
.snack .snack-media.is-icon .fas, .snack .snack-media.is-icon .far, .snack .snack-media.is-icon .fad, .snack .snack-media.is-icon .fal, .snack .snack-media.is-icon .fab {
  font-size: 15px;
  color: #a2a5b9;
}
.snack .snack-media.is-icon .lnil, .snack .snack-media.is-icon .lnir {
  font-size: 18px;
  color: #a2a5b9;
}
.snack .snack-media img {
  display: inline-block;
  height: 38px;
  width: 38px;
  border-radius: 50%;
}
.snack .snack-text {
  display: inline-block;
  position: relative;
  top: -15px;
  color: #1d252d;
}
.snack .snack-action {
  position: relative;
  top: -12px;
  display: inline-block;
  margin: 0 16px 0 10px;
  cursor: pointer;
}
.snack .snack-action svg {
  height: 14px;
  width: 14px;
  stroke: #a2a5b9;
}

/* ==========================================================================
2. Snacks Dark mode
========================================================================== */
body.is-dark .snack {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
}
body.is-dark .snack .snack-media.is-icon:not(.is-solid) {
  background: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
}
body.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) {
  border-color: #797bf2;
}
body.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) svg {
  stroke: #797bf2;
}
body.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .fas, body.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .far, body.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .fad, body.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .fab, body.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .fal, body.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .lnil, body.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .lnir {
  color: #797bf2;
}
body.is-dark .snack .snack-media.is-icon.is-primary.is-solid {
  background: #797bf2;
  border-color: #797bf2;
}
body.is-dark .snack .snack-text {
  color: #cecece;
}

/*! _tabs.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Tabs
    2. Tabs Dark mode
    3. Tab Content
    4. Sliding tabs 2X
    5. Sliding tabs 3X
    6. Sliding tabs Dark mode
    7. VTabs VTabs animations
    8. VTabs
    9. VTabs Dark mode
*/
/* ==========================================================================
1. Tabs
========================================================================== */
.tabs {
  margin-bottom: 20px;
}
.tabs.is-toggle li:first-child a {
  border-right: none;
}
.tabs.is-toggle li:last-child a {
  border-left: none;
}
.tabs.is-toggle li.is-active a {
  background: #4f008c;
  border-color: #4f008c;
}
.tabs.is-toggle li.is-active a:hover {
  color: #fff;
}
.tabs.is-toggle li a {
  transition: all 0.3s;
}
.tabs.is-toggle li a:hover {
  border-color: #dbdbdb;
}
.tabs li.is-active a {
  border-bottom-color: #4f008c !important;
  color: #4f008c;
}
.tabs li.is-active a:hover {
  border-bottom-color: #4f008c;
  color: #4f008c;
}
.tabs li a {
  font-family: "STC Forward", sans-serif;
  border-bottom-width: 2px;
  color: #a2a5b9;
  border-bottom-color: transparent;
}
.tabs li a:hover {
  color: #a2a5b9;
  border-bottom-color: transparent;
}
.tabs li a svg {
  height: 16px;
  width: 16px;
  margin-right: 6px;
}
.tabs li a .fas,
.tabs li a .fal,
.tabs li a .far,
.tabs li a .fad,
.tabs li a .fab {
  margin-right: 6px;
}
.tabs li a .lnil,
.tabs li a .lnir {
  font-size: 20px;
  margin-right: 6px;
}
.tabs li a small {
  margin-left: 5px;
}
.tabs.tabs-list {
  display: flex;
  justify-content: flex-start;
  border-bottom: none;
}
.tabs.tabs-list .tab-item {
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  padding-bottom: 0.7em;
  text-transform: capitalize;
  color: #8269B2;
  padding-left: 0.8em;
  padding-right: 0.8em;
  padding-top: 0.4em;
  position: relative;
  transition: color 0.3s ease-in-out;
}
.tabs.tabs-list .tab-item:hover {
  background-color: rgb(33.237535014%, 0%, 58.9019607843%);
  color: #fff;
}
.tabs.tabs-list .tab-item.is-active {
  border-bottom-color: #fff;
  color: #fff;
  border-bottom-width: 2px;
}
.tabs.tabs-list .tab-indicator {
  position: absolute;
  bottom: 0;
  height: 3px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

/* ==========================================================================
2. Tabs Dark mode
========================================================================== */
body.is-dark .tabs.is-boxed li.is-active a,
body.is-dark .tabs.is-boxed li.is-active a:hover {
  background: rgb(14.6843943057%, 14.6843943057%, 15.9430566747%) !important;
}
body.is-dark .tabs.is-boxed li a {
  border-color: rgb(29.0679559495%, 29.0679559495%, 31.5594950309%) !important;
}
body.is-dark .tabs.is-boxed li a:hover {
  background: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
}
body.is-dark .tabs.is-toggle li.is-active a,
body.is-dark .tabs.is-toggle li.is-active a:hover {
  background: #797bf2 !important;
  border-color: #797bf2;
  color: #fff;
}
body.is-dark .tabs.is-toggle li a {
  border-color: rgb(29.0679559495%, 29.0679559495%, 31.5594950309%) !important;
}
body.is-dark .tabs.is-toggle li a:hover {
  background: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
}
body.is-dark .tabs ul {
  border-bottom-color: rgb(29.0679559495%, 29.0679559495%, 31.5594950309%);
}
body.is-dark .tabs li.is-active a {
  border-bottom-color: #797bf2;
  color: #797bf2;
}
body.is-dark .tabs .tab-item {
  color: #a2a5b9;
}
body.is-dark .tabs .tab-item.is-active {
  color: #8269B2 !important;
  border-bottom-color: #8269B2 !important;
}
body.is-dark .tabs .tab-item:hover {
  background-color: #4a4a50;
  border-bottom: none;
  color: #a2a5b9;
}

/* ==========================================================================
3. Tab Content
========================================================================== */
.tab-content {
  display: none;
  animation-name: fadeInLeft;
  animation-duration: 0.5s;
  margin-top: 8px;
}
.tab-content.is-active {
  display: block;
}
.tab-content.is-active.is-spaced {
  margin-top: 10px !important;
}
.tab-content.is-spaced {
  margin-top: 40px;
}
.tab-content.is-spaced-lg {
  margin-top: 40px !important;
}

/* ==========================================================================
4. Sliding tabs 2X
========================================================================== */
.tabs-wrapper.is-slider.is-inverted .tabs,
.tabs-wrapper-alt.is-slider.is-inverted .tabs {
  background: #fff;
}
.tabs-wrapper.is-slider.is-squared .tabs,
.tabs-wrapper.is-slider.is-squared .tab-naver,
.tabs-wrapper-alt.is-slider.is-squared .tabs,
.tabs-wrapper-alt.is-slider.is-squared .tab-naver {
  border-radius: 8px;
}
.tabs-wrapper.is-slider .tabs,
.tabs-wrapper-alt.is-slider .tabs {
  position: relative;
  background: rgb(94.9411764706%, 94.9411764706%, 94.9411764706%);
  border: 1px solid #ededed;
  max-width: 185px;
  height: 35px;
  border-bottom: none;
  border-radius: 500px;
}
.tabs-wrapper.is-slider .tabs ul,
.tabs-wrapper-alt.is-slider .tabs ul {
  border-bottom: none;
}
.tabs-wrapper.is-slider .tabs ul.is-profile li a,
.tabs-wrapper-alt.is-slider .tabs ul.is-profile li a {
  color: #fcfcfc !important;
}
.tabs-wrapper.is-slider .tabs ul.is-profile li.is-active a,
.tabs-wrapper-alt.is-slider .tabs ul.is-profile li.is-active a {
  color: #1d252d !important;
}
.tabs-wrapper.is-slider .tabs li,
.tabs-wrapper-alt.is-slider .tabs li {
  width: 50%;
}
.tabs-wrapper.is-slider .tabs li a,
.tabs-wrapper-alt.is-slider .tabs li a {
  color: #a2a5b9;
  font-family: "STC Forward", sans-serif;
  height: 40px;
  border-bottom: none;
  position: relative;
  z-index: 5;
}
.tabs-wrapper.is-slider .tabs li a span,
.tabs-wrapper-alt.is-slider .tabs li a span {
  position: relative;
  top: -1px;
  display: block;
}
.tabs-wrapper.is-slider .tabs li.is-active a,
.tabs-wrapper-alt.is-slider .tabs li.is-active a {
  color: #fff;
  font-weight: 400;
}
.tabs-wrapper.is-slider .tabs li:first-child.is-active ~ .tab-naver,
.tabs-wrapper-alt.is-slider .tabs li:first-child.is-active ~ .tab-naver {
  margin-left: 0;
}
[dir=rtl] .tabs-wrapper.is-slider .tabs li:first-child.is-active ~ .tab-naver,
[dir=rtl] .tabs-wrapper-alt.is-slider .tabs li:first-child.is-active ~ .tab-naver {
  margin-left: auto;
  margin-right: 0;
}
.tabs-wrapper.is-slider .tabs li:nth-child(2).is-active ~ .tab-naver,
.tabs-wrapper-alt.is-slider .tabs li:nth-child(2).is-active ~ .tab-naver {
  margin-left: 50% !important;
}
[dir=rtl] .tabs-wrapper.is-slider .tabs li:nth-child(2).is-active ~ .tab-naver,
[dir=rtl] .tabs-wrapper-alt.is-slider .tabs li:nth-child(2).is-active ~ .tab-naver {
  margin-left: auto !important;
  margin-right: 50% !important;
}
.tabs-wrapper.is-slider .tab-naver,
.tabs-wrapper-alt.is-slider .tab-naver {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 50%;
  height: 20px;
  background: #4f008c;
  z-index: 1;
  position: absolute;
  top: 0.5px;
  left: 0;
  display: block;
  width: 50%;
  height: 32px;
  transition: all 0.3s;
  z-index: 4;
  border-radius: 50px;
}
[dir=rtl] .tabs-wrapper.is-slider .tab-naver,
[dir=rtl] .tabs-wrapper-alt.is-slider .tab-naver {
  left: auto;
  right: 0;
}
.tabs-wrapper.is-slider .tab-naver.is-profile,
.tabs-wrapper-alt.is-slider .tab-naver.is-profile {
  background: #fcfcfc !important;
}
.tabs-wrapper.is-slider .tab-naver.is-active,
.tabs-wrapper-alt.is-slider .tab-naver.is-active {
  margin-left: 50%;
}
[dir=rtl] .tabs-wrapper.is-slider .tab-naver.is-active,
[dir=rtl] .tabs-wrapper-alt.is-slider .tab-naver.is-active {
  margin-left: auto;
  margin-right: 50%;
}

/* ==========================================================================
5. Sliding tabs 3X
========================================================================== */
.tabs-wrapper.is-triple-slider.is-inverted .tabs,
.tabs-wrapper-alt.is-triple-slider.is-inverted .tabs {
  background: #fff;
}
.tabs-wrapper.is-triple-slider.is-squared .tabs,
.tabs-wrapper.is-triple-slider.is-squared .tab-naver,
.tabs-wrapper-alt.is-triple-slider.is-squared .tabs,
.tabs-wrapper-alt.is-triple-slider.is-squared .tab-naver {
  border-radius: 8px;
}
.tabs-wrapper.is-triple-slider .tabs,
.tabs-wrapper-alt.is-triple-slider .tabs {
  position: relative;
  background: rgb(94.9411764706%, 94.9411764706%, 94.9411764706%);
  border: 1px solid #ededed;
  max-width: 280px;
  height: 35px;
  border-bottom: none;
  border-radius: 500px;
}
.tabs-wrapper.is-triple-slider .tabs ul,
.tabs-wrapper-alt.is-triple-slider .tabs ul {
  border-bottom: none;
}
.tabs-wrapper.is-triple-slider .tabs ul.is-profile li a,
.tabs-wrapper-alt.is-triple-slider .tabs ul.is-profile li a {
  color: #fcfcfc !important;
}
.tabs-wrapper.is-triple-slider .tabs ul.is-profile li.is-active a,
.tabs-wrapper-alt.is-triple-slider .tabs ul.is-profile li.is-active a {
  color: #1d252d !important;
}
.tabs-wrapper.is-triple-slider .tabs li,
.tabs-wrapper-alt.is-triple-slider .tabs li {
  width: 33.3%;
}
.tabs-wrapper.is-triple-slider .tabs li a,
.tabs-wrapper-alt.is-triple-slider .tabs li a {
  color: #a2a5b9;
  font-family: "STC Forward", sans-serif;
  font-weight: 400;
  height: 40px;
  border-bottom: none;
  position: relative;
  z-index: 5;
}
.tabs-wrapper.is-triple-slider .tabs li a span,
.tabs-wrapper-alt.is-triple-slider .tabs li a span {
  position: relative;
  top: -1px;
  display: block;
}
.tabs-wrapper.is-triple-slider .tabs li.is-active a,
.tabs-wrapper-alt.is-triple-slider .tabs li.is-active a {
  color: #fff;
  font-weight: 400;
}
.tabs-wrapper.is-triple-slider .tabs li:first-child.is-active ~ .tab-naver,
.tabs-wrapper-alt.is-triple-slider .tabs li:first-child.is-active ~ .tab-naver {
  margin-left: 0;
}
.tabs-wrapper.is-triple-slider .tabs li:nth-child(2).is-active ~ .tab-naver,
.tabs-wrapper-alt.is-triple-slider .tabs li:nth-child(2).is-active ~ .tab-naver {
  margin-left: 33% !important;
}
.tabs-wrapper.is-triple-slider .tabs li:nth-child(3).is-active ~ .tab-naver,
.tabs-wrapper-alt.is-triple-slider .tabs li:nth-child(3).is-active ~ .tab-naver {
  margin-left: 66.6%;
}
.tabs-wrapper.is-triple-slider .tab-naver,
.tabs-wrapper-alt.is-triple-slider .tab-naver {
  position: absolute;
  top: 0.5px;
  left: 0;
  display: block;
  width: 33.3% !important;
  height: 20px;
  background: #4f008c;
  z-index: 1;
  position: absolute;
  left: 0;
  display: block;
  height: 32px;
  transition: all 0.3s;
  z-index: 4;
  border-radius: 50px;
}
.tabs-wrapper.is-triple-slider .tab-naver.is-profile,
.tabs-wrapper-alt.is-triple-slider .tab-naver.is-profile {
  background: #fcfcfc !important;
}
.tabs-wrapper.is-triple-slider .tab-naver.is-active,
.tabs-wrapper-alt.is-triple-slider .tab-naver.is-active {
  margin-left: 48%;
}

/* ==========================================================================
6. Sliding tabs Dark mode
========================================================================== */
body.is-dark .tabs-wrapper.is-slider.is-inverted .tabs, body.is-dark .tabs-wrapper.is-triple-slider.is-inverted .tabs {
  border: 1px solid rgb(29.0679559495%, 29.0679559495%, 31.5594950309%) !important;
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
}
body.is-dark .tabs-wrapper.is-slider .tabs, body.is-dark .tabs-wrapper.is-triple-slider .tabs {
  border: 1px solid rgb(29.0679559495%, 29.0679559495%, 31.5594950309%) !important;
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
}
body.is-dark .tabs-wrapper.is-slider .tabs .tab-naver, body.is-dark .tabs-wrapper.is-triple-slider .tabs .tab-naver {
  background: #797bf2 !important;
}
body.is-dark .tabs-wrapper.is-slider .tabs ul, body.is-dark .tabs-wrapper.is-triple-slider .tabs ul {
  border: none;
}
body.is-dark .tabs-wrapper.is-slider .tabs li.is-active a, body.is-dark .tabs-wrapper.is-triple-slider .tabs li.is-active a {
  color: #232326;
}

/* ==========================================================================
4. Vertical tabs
========================================================================== */
@media only screen and (max-width: 767px) {
  .vertical-tabs-wrapper .tabs ul li.is-active a {
    color: #4f008c;
    border-bottom-color: #4f008c;
  }
  .vertical-tabs-wrapper .tabs ul li a {
    color: #a2a5b9;
  }
  .vertical-tabs-wrapper .content-wrap .tab-content {
    padding-top: 12px;
    display: none;
    animation: fadeInLeft 0.5s;
  }
  .vertical-tabs-wrapper .content-wrap .tab-content.is-active {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .vertical-tabs-wrapper {
    display: flex;
  }
  .vertical-tabs-wrapper .tabs {
    min-width: 25%;
    max-width: 25%;
    margin-right: 30px;
  }
  .vertical-tabs-wrapper .tabs ul {
    display: block;
    text-align: left;
    border-bottom-color: transparent !important;
  }
  .vertical-tabs-wrapper .tabs ul li {
    display: block;
  }
  .vertical-tabs-wrapper .tabs ul li.is-active a {
    color: #4f008c;
    border-right-color: #4f008c;
  }
  .vertical-tabs-wrapper .tabs ul li a {
    display: block;
    border-bottom-color: transparent !important;
    border-right: 2px solid #dbdbdb;
    color: #a2a5b9;
  }
  .vertical-tabs-wrapper .content-wrap {
    flex-grow: 2;
  }
  .vertical-tabs-wrapper .content-wrap .tab-content {
    display: none;
    animation: fadeInLeft 0.5s;
  }
  .vertical-tabs-wrapper .content-wrap .tab-content.is-active {
    display: block;
  }
}
/* ==========================================================================
7. Tabs VTabs animations
========================================================================== */
.v-window__container {
  height: inherit;
  position: relative;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.v-window__container--is-active {
  overflow: hidden;
}

.v-window__prev,
.v-window__next {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  position: absolute;
  margin: 0 16px;
  top: calc(50% - 20px);
  z-index: 1;
}

.v-window__prev .v-btn:hover,
.v-window__next .v-btn:hover {
  background: none;
}

.v-application--is-ltr .v-window__prev {
  left: 0;
}
[dir=rtl] .v-application--is-ltr .v-window__prev {
  right: 0;
  left: inherit;
}

.v-application--is-rtl .v-window__prev {
  right: 0;
}

.v-application--is-ltr .v-window__next {
  right: 0;
}
[dir=rtl] .v-application--is-ltr .v-window__next {
  right: inherit;
  left: 0;
}

.v-application--is-rtl .v-window__next {
  left: 0;
}

.v-window--show-arrows-on-hover {
  overflow: hidden;
}

.v-window--show-arrows-on-hover .v-window__next,
.v-window--show-arrows-on-hover .v-window__prev {
  transition: 0.2s transform cubic-bezier(0.25, 0.8, 0.5, 1);
}

.v-application--is-ltr .v-window--show-arrows-on-hover .v-window__prev {
  transform: translateX(-200%);
}
[dir=rtl] .v-application--is-ltr .v-window--show-arrows-on-hover .v-window__prev {
  transform: translateX(200%);
}

.v-application--is-rtl .v-window--show-arrows-on-hover .v-window__prev {
  transform: translateX(200%);
}

.v-application--is-ltr .v-window--show-arrows-on-hover .v-window__next {
  transform: translateX(200%);
}
[dir=rtl] .v-application--is-ltr .v-window--show-arrows-on-hover .v-window__next {
  transform: translateX(-200%);
}

.v-application--is-rtl .v-window--show-arrows-on-hover .v-window__next {
  transform: translateX(-200%);
}

.v-window--show-arrows-on-hover:hover .v-window__next,
.v-window--show-arrows-on-hover:hover .v-window__prev {
  transform: translateX(0);
}

.v-window-x-transition-enter-active,
.v-window-x-transition-leave-active,
.v-window-x-reverse-transition-enter-active,
.v-window-x-reverse-transition-leave-active,
.v-window-y-transition-enter-active,
.v-window-y-transition-leave-active,
.v-window-y-reverse-transition-enter-active,
.v-window-y-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.v-window-x-transition-leave,
.v-window-x-transition-leave-to,
.v-window-x-reverse-transition-leave,
.v-window-x-reverse-transition-leave-to,
.v-window-y-transition-leave,
.v-window-y-transition-leave-to,
.v-window-y-reverse-transition-leave,
.v-window-y-reverse-transition-leave-to {
  position: absolute !important;
  top: 0;
  width: 100%;
}

.v-window-x-transition-enter {
  transform: translateX(100%);
}

.v-window-x-transition-leave-to {
  transform: translateX(-100%);
}

.v-window-x-reverse-transition-enter {
  transform: translateX(-100%);
}

.v-window-x-reverse-transition-leave-to {
  transform: translateX(100%);
}

.v-window-y-transition-enter {
  transform: translateY(100%);
}

.v-window-y-transition-leave-to {
  transform: translateY(-100%);
}

.v-window-y-reverse-transition-enter {
  transform: translateY(-100%);
}

.v-window-y-reverse-transition-leave-to {
  transform: translateY(100%);
}

/* ==========================================================================
8. Tabs VTabs
========================================================================== */
/*! purgecss start ignore */
.tabs-wrapper .tab-contents {
  margin: -12px;
  margin-top: 8px;
}

body .theme--light.v-tabs-items {
  background: unset;
  overflow: unset;
  contain: paint;
  padding: 12px;
}

body.modal-open .theme--light.v-tabs-items {
  contain: none;
}

.tabs .v-slide-group {
  display: flex;
}
.tabs .v-item-group {
  flex: 0 1 auto;
  position: relative;
  max-width: 100%;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.tabs .v-slide-group.v-item-group > .v-slide-group__next,
.tabs .v-slide-group.v-item-group > .v-slide-group__prev {
  cursor: pointer;
}
.tabs .v-slide-item {
  display: inline-flex;
  flex: 0 1 auto;
}
.tabs .v-slide-group__next,
.tabs .v-slide-group__prev {
  align-items: center;
  display: flex;
  flex: 0 1 10px;
  justify-content: center;
  min-width: 10px;
}
.tabs .v-slide-group__content {
  display: flex;
  flex: 1 0 auto;
  position: relative;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  white-space: nowrap;
}
.tabs .v-slide-group__wrapper {
  contain: content;
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  touch-action: none;
}
.tabs .v-slide-group__next--disabled,
.tabs .v-slide-group__prev--disabled {
  pointer-events: none;
}
.tabs .theme--light.v-tabs > .v-tabs-bar {
  background: unset;
}
.tabs .theme--light.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active),
.tabs .theme--light.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active) > .v-icon,
.tabs .theme--light.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active) > .v-btn,
.tabs .theme--light.v-tabs > .v-tabs-bar .v-tab--disabled {
  color: rgba(255, 255, 255, 0.54);
}
.tabs .theme--light.v-tabs .v-tab:hover::before {
  opacity: 0.04;
}
.tabs .theme--light.v-tabs .v-tab:focus::before {
  opacity: 0.12;
}
.tabs .theme--light.v-tabs .v-tab--active:hover::before,
.tabs .theme--light.v-tabs .v-tab--active::before {
  opacity: 0.12;
}
.tabs .theme--light.v-tabs .v-tab--active:focus::before {
  opacity: 0.16;
}
.tabs .theme--dark.v-tabs > .v-tabs-bar {
  background-color: #fff;
}
.tabs .theme--dark.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active),
.tabs .theme--dark.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active) > .v-icon,
.tabs .theme--dark.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active) > .v-btn,
.tabs .theme--dark.v-tabs > .v-tabs-bar .v-tab--disabled {
  color: rgba(255, 255, 255, 0.6);
}
.tabs .theme--dark.v-tabs .v-tab:hover::before {
  opacity: 0.08;
}
.tabs .theme--dark.v-tabs .v-tab:focus::before {
  opacity: 0.24;
}
.tabs .theme--dark.v-tabs .v-tab--active:hover::before,
.tabs .theme--dark.v-tabs .v-tab--active::before {
  opacity: 0.24;
}
.tabs .theme--dark.v-tabs .v-tab--active:focus::before {
  opacity: 0.32;
}
.tabs .theme--dark.v-tabs-items {
  background-color: #fff;
}
.tabs .v-tabs-bar.primary .v-tab,
.tabs .v-tabs-bar.primary .v-tabs-slider,
.tabs .v-tabs-bar.secondary .v-tab,
.tabs .v-tabs-bar.secondary .v-tabs-slider,
.tabs .v-tabs-bar.accent .v-tab,
.tabs .v-tabs-bar.accent .v-tabs-slider,
.tabs .v-tabs-bar.success .v-tab,
.tabs .v-tabs-bar.success .v-tabs-slider,
.tabs .v-tabs-bar.error .v-tab,
.tabs .v-tabs-bar.error .v-tabs-slider,
.tabs .v-tabs-bar.warning .v-tab,
.tabs .v-tabs-bar.warning .v-tabs-slider,
.tabs .v-tabs-bar.info .v-tab,
.tabs .v-tabs-bar.info .v-tabs-slider {
  color: #FFFFFF;
}
.tabs .v-tabs {
  flex: 1 1 auto;
  width: 100%;
}
.tabs .v-tabs .v-menu__activator {
  height: 100%;
}
.tabs .v-tabs:not(.v-tabs--vertical) .v-tab {
  white-space: normal;
}
.tabs .v-tabs:not(.v-tabs--vertical).v-tabs--right > .v-slide-group--is-overflowing.v-tabs-bar--is-mobile:not(.v-slide-group--has-affixes) .v-slide-group__next {
  display: initial;
  visibility: hidden;
}
.tabs .v-tabs:not(.v-tabs--vertical):not(.v-tabs--right) > .v-slide-group--is-overflowing.v-tabs-bar--is-mobile:not(.v-slide-group--has-affixes) .v-slide-group__prev {
  display: initial;
  visibility: hidden;
}
.tabs .v-tabs-bar {
  border-radius: inherit;
  height: 39px;
}
.tabs .v-tabs-bar.v-item-group > * {
  cursor: initial;
}
.tabs .v-tab {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex: 0 1 auto;
  font-size: 1rem;
  font-weight: 500;
  justify-content: center;
  letter-spacing: unset;
  line-height: normal;
  min-width: 90px;
  max-width: 360px;
  outline: none;
  padding: 0.5em 1em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  transition: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.tabs .v-tab.v-tab {
  color: #fff;
}
.tabs .v-tab:before {
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.tabs .v-tabs-slider {
  height: 100%;
  width: 100%;
  background-color: #fff;
}
.tabs .v-tabs-slider-wrapper {
  bottom: 0;
  margin: 0 !important;
  position: absolute;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  z-index: 1;
}
.tabs .v-application--is-ltr .v-tabs--align-with-title > .v-tabs-bar:not(.v-tabs-bar--show-arrows):not(.v-slide-group--is-overflowing) > .v-slide-group__wrapper > .v-tabs-bar__content > .v-tab:first-child,
.tabs .v-application--is-ltr .v-tabs--align-with-title > .v-tabs-bar:not(.v-tabs-bar--show-arrows):not(.v-slide-group--is-overflowing) > .v-slide-group__wrapper > .v-tabs-bar__content > .v-tabs-slider-wrapper + .v-tab {
  margin-left: 42px;
}
.tabs .v-application--is-rtl .v-tabs--align-with-title > .v-tabs-bar:not(.v-tabs-bar--show-arrows):not(.v-slide-group--is-overflowing) > .v-slide-group__wrapper > .v-tabs-bar__content > .v-tab:first-child,
.tabs .v-application--is-rtl .v-tabs--align-with-title > .v-tabs-bar:not(.v-tabs-bar--show-arrows):not(.v-slide-group--is-overflowing) > .v-slide-group__wrapper > .v-tabs-bar__content > .v-tabs-slider-wrapper + .v-tab {
  margin-right: 42px;
}
.tabs .v-application--is-ltr .v-tabs--fixed-tabs > .v-tabs-bar .v-tabs-bar__content > *:last-child,
.tabs .v-application--is-ltr .v-tabs--centered > .v-tabs-bar .v-tabs-bar__content > *:last-child {
  margin-right: auto;
}
.tabs .v-application--is-rtl .v-tabs--fixed-tabs > .v-tabs-bar .v-tabs-bar__content > *:last-child,
.tabs .v-application--is-rtl .v-tabs--centered > .v-tabs-bar .v-tabs-bar__content > *:last-child {
  margin-left: auto;
}
.tabs .v-application--is-ltr .v-tabs--fixed-tabs > .v-tabs-bar .v-tabs-bar__content > *:first-child:not(.v-tabs-slider-wrapper),
.tabs .v-application--is-ltr .v-tabs--fixed-tabs > .v-tabs-bar .v-tabs-slider-wrapper + *,
.tabs .v-application--is-ltr .v-tabs--centered > .v-tabs-bar .v-tabs-bar__content > *:first-child:not(.v-tabs-slider-wrapper),
.tabs .v-application--is-ltr .v-tabs--centered > .v-tabs-bar .v-tabs-slider-wrapper + * {
  margin-left: auto;
}
.tabs .v-application--is-rtl .v-tabs--fixed-tabs > .v-tabs-bar .v-tabs-bar__content > *:first-child:not(.v-tabs-slider-wrapper),
.tabs .v-application--is-rtl .v-tabs--fixed-tabs > .v-tabs-bar .v-tabs-slider-wrapper + *,
.tabs .v-application--is-rtl .v-tabs--centered > .v-tabs-bar .v-tabs-bar__content > *:first-child:not(.v-tabs-slider-wrapper),
.tabs .v-application--is-rtl .v-tabs--centered > .v-tabs-bar .v-tabs-slider-wrapper + * {
  margin-right: auto;
}
.tabs .v-tabs--fixed-tabs > .v-tabs-bar .v-tab {
  flex: 1 1 auto;
  width: 100%;
}
.tabs .v-tabs--grow > .v-tabs-bar .v-tab {
  flex: 1 0 auto;
  max-width: none;
}
.tabs .v-tabs--icons-and-text > .v-tabs-bar {
  height: 72px;
}
.tabs .v-tabs--icons-and-text > .v-tabs-bar .v-tab {
  flex-direction: column-reverse;
}
.tabs .v-tabs--icons-and-text > .v-tabs-bar .v-tab > *:first-child {
  margin-bottom: 6px;
}
.tabs .v-tabs--overflow > .v-tabs-bar .v-tab {
  flex: 1 0 auto;
}
.tabs .v-application--is-ltr .v-tabs--right > .v-tabs-bar .v-tab:first-child,
.tabs .v-application--is-ltr .v-tabs--right > .v-tabs-bar .v-tabs-slider-wrapper + .v-tab {
  margin-left: auto;
}
.tabs .v-application--is-rtl .v-tabs--right > .v-tabs-bar .v-tab:first-child,
.tabs .v-application--is-rtl .v-tabs--right > .v-tabs-bar .v-tabs-slider-wrapper + .v-tab {
  margin-right: auto;
}
.tabs .v-application--is-ltr .v-tabs--right > .v-tabs-bar .v-tab:last-child {
  margin-right: 0;
}
.tabs .v-application--is-rtl .v-tabs--right > .v-tabs-bar .v-tab:last-child {
  margin-left: 0;
}
.tabs .v-tabs--vertical {
  display: flex;
}
.tabs .v-tabs--vertical > .v-tabs-bar {
  flex: 1 0 auto;
  height: auto;
}
.tabs .v-tabs--vertical > .v-tabs-bar .v-slide-group__next,
.tabs .v-tabs--vertical > .v-tabs-bar .v-slide-group__prev {
  display: none;
}
.tabs .v-tabs--vertical > .v-tabs-bar .v-tabs-bar__content {
  flex-direction: column;
}
.tabs .v-tabs--vertical > .v-tabs-bar .v-tab {
  height: 48px;
}
.tabs .v-tabs--vertical > .v-tabs-bar .v-tabs-slider {
  height: 100%;
}
.tabs .v-tabs--vertical > .v-window {
  flex: 0 1 100%;
}
.tabs .v-tabs--vertical.v-tabs--icons-and-text > .v-tabs-bar .v-tab {
  height: 72px;
}
.tabs .v-tab--active {
  color: inherit;
}
.tabs .v-tab--active.v-tab:not(:focus)::before {
  opacity: 0;
}
.tabs .v-tab--active .v-icon,
.tabs .v-tab--active .v-btn.v-btn--flat {
  color: inherit;
}
.tabs .v-tab--disabled {
  pointer-events: none;
  opacity: 0.5;
}

@media only screen and (max-width: 767px) {
  .tabs-wrapper .tabs-inner.mobile-sticky {
    margin-bottom: 0;
    margin-left: -12px;
    margin-right: -12px;
    position: sticky;
    top: 49px;
    z-index: 50;
  }
  @supports (top: max(49px)) {
    .tabs-wrapper .tabs-inner.mobile-sticky {
      top: calc(env(safe-area-inset-top) + 49px);
    }
  }
  .tabs-wrapper .tabs-inner.mobile-sticky .tabs {
    background-color: #4f008c;
  }
  body.is-dark .tabs-wrapper .tabs-inner.mobile-sticky .tabs {
    background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  }
  .tabs-wrapper .tabs-inner.mobile-sticky .tabs ul {
    text-align: center;
    justify-content: center;
  }
}
/*! purgecss end ignore */
/* ==========================================================================
8. Tabs VTabs Dark mode
========================================================================== */
body.is-dark .tabs .theme--light.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active),
body.is-dark .tabs .theme--light.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active) > .v-icon,
body.is-dark .tabs .theme--light.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active) > .v-btn,
body.is-dark .tabs .theme--light.v-tabs > .v-tabs-bar .v-tab--disabled {
  color: #cecece;
}
body.is-dark .tabs .theme--light.v-tabs .v-tab:hover::before {
  opacity: 0.04;
}
body.is-dark .tabs .theme--light.v-tabs .v-tab:focus::before {
  opacity: 0.12;
}
body.is-dark .tabs .theme--light.v-tabs .v-tab--active:hover::before,
body.is-dark .tabs .theme--light.v-tabs .v-tab--active::before {
  opacity: 0.12;
}
body.is-dark .tabs .theme--light.v-tabs .v-tab--active:focus::before {
  opacity: 0.16;
}
body.is-dark .tabs .theme--dark.v-tabs > .v-tabs-bar {
  background-color: #797bf2;
}
body.is-dark .tabs .theme--dark.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active),
body.is-dark .tabs .theme--dark.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active) > .v-icon,
body.is-dark .tabs .theme--dark.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active) > .v-btn,
body.is-dark .tabs .theme--dark.v-tabs > .v-tabs-bar .v-tab--disabled {
  color: rgba(255, 255, 255, 0.6);
}
body.is-dark .tabs .theme--dark.v-tabs .v-tab:hover::before {
  opacity: 0.08;
}
body.is-dark .tabs .theme--dark.v-tabs .v-tab:focus::before {
  opacity: 0.24;
}
body.is-dark .tabs .theme--dark.v-tabs .v-tab--active:hover::before,
body.is-dark .tabs .theme--dark.v-tabs .v-tab--active::before {
  opacity: 0.24;
}
body.is-dark .tabs .theme--dark.v-tabs .v-tab--active:focus::before {
  opacity: 0.32;
}
body.is-dark .tabs .theme--dark.v-tabs-items {
  background-color: #797bf2;
}
body.is-dark .tabs .v-tabs-bar.primary .v-tab,
body.is-dark .tabs .v-tabs-bar.primary .v-tabs-slider,
body.is-dark .tabs .v-tabs-bar.secondary .v-tab,
body.is-dark .tabs .v-tabs-bar.secondary .v-tabs-slider,
body.is-dark .tabs .v-tabs-bar.accent .v-tab,
body.is-dark .tabs .v-tabs-bar.accent .v-tabs-slider,
body.is-dark .tabs .v-tabs-bar.success .v-tab,
body.is-dark .tabs .v-tabs-bar.success .v-tabs-slider,
body.is-dark .tabs .v-tabs-bar.error .v-tab,
body.is-dark .tabs .v-tabs-bar.error .v-tabs-slider,
body.is-dark .tabs .v-tabs-bar.warning .v-tab,
body.is-dark .tabs .v-tabs-bar.warning .v-tabs-slider,
body.is-dark .tabs .v-tabs-bar.info .v-tab,
body.is-dark .tabs .v-tabs-bar.info .v-tabs-slider {
  color: #797bf2;
}
body.is-dark .tabs .v-tab.v-tab {
  color: #797bf2;
}
body.is-dark .tabs .v-tabs-slider {
  background-color: #797bf2;
}

/*! _table.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Flex Table
    2. Flex Table Dark mode
    3. Table Pagination
    4. Table Pagination Dark mode
    5. Flex Table Advanced wrapper
    6. Flex Table Advanced wrapper Dark mode
    7. Bulma Table
    8. Bulma Table Dark mode
    9. Media Queries
*/
/* ==========================================================================
1. Flex Table
========================================================================== */
.flex-table.is-compact .flex-table-item {
  margin-bottom: 0;
  border-radius: 0;
}
.flex-table.is-compact .flex-table-item:not(:last-child) {
  border-bottom: none;
}
.flex-table.is-compact .flex-table-item:nth-child(2) {
  border-radius: 8px 8px 0 0;
}
.flex-table.is-compact .flex-table-item:last-child {
  margin-bottom: 6px;
  border-radius: 0 0 8px 8px;
}
.flex-table .flex-table-header {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.flex-table .flex-table-header span {
  flex: 1 1 0px;
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  font-weight: 600;
  color: #999;
  text-transform: uppercase;
  padding: 0 10px 10px 10px;
}
.flex-table .flex-table-header span.is-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  max-width: 30px;
}
.flex-table .flex-table-header span.is-checkbox .checkbox {
  padding: 0;
}
.flex-table .flex-table-header span.is-checkbox .checkbox > span {
  height: 22px;
}
.flex-table .flex-table-header span.cell-center {
  justify-content: center;
}
.flex-table .flex-table-header span.cell-end {
  justify-content: flex-end;
}
.flex-table .flex-table-header span.is-grow {
  flex-grow: 2;
}
.flex-table .flex-table-header span.is-grow2 {
  flex-grow: 2;
}
.flex-table .flex-table-header span.is-grow-lg {
  flex-grow: 3;
}
.flex-table .flex-table-item {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: 60px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid rgb(95.9411764706%, 95.9411764706%, 95.9411764706%);
  padding: 10px;
  margin-bottom: 15px;
  transition: all 0.3s;
  box-shadow: #dbd8d8 0 0 22px -6px;
}
.work-list .flex-table .flex-table-item:hover {
  border-color: #4f008c;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
body.is-dark .work-list .flex-table .flex-table-item:hover {
  border-color: #797bf2;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.work-list .flex-table .flex-table-item:hover .flex-table-cell .item-name {
  color: #4f008c;
}
body.is-dark .work-list .flex-table .flex-table-item:hover .flex-table-cell .item-name {
  color: #797bf2;
}
.work-list .flex-table .flex-table-item:hover .flex-table-cell .service-avatar .svg-icon.is-fake span:nth-child(2) {
  top: 2px;
  opacity: 0;
}
.work-list .flex-table .flex-table-item:hover .flex-table-cell .service-avatar .svg-icon.is-fake span:nth-child(3) {
  top: 0px;
  opacity: 1;
}
body.is-dark .work-list .flex-table .flex-table-item {
  background: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
  border: 1px solid rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  box-shadow: none;
}
body.is-dark .work-list .flex-table .flex-table-item .h-avatar .avatar {
  border: 1px solid rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
.flex-table .flex-table-item.is-row {
  border: none;
  background: transparent;
}
.flex-table .flex-table-item.is-disabled {
  pointer-events: none;
  opacity: 0.8;
}
.flex-table .flex-table-item .flex-table-cell {
  flex: 1 0;
  -webkit-flex: 1 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  padding: 5px 10px;
  font-family: "STC Forward", sans-serif;
  gap: 10px;
}
.flex-table .flex-table-item .flex-table-cell.is-grow {
  flex-grow: 2;
}
.flex-table .flex-table-item .flex-table-cell.is-grow2 {
  flex-grow: 2;
}
.flex-table .flex-table-item .flex-table-cell.cell-center {
  justify-content: center;
}
.flex-table .flex-table-item .flex-table-cell.cell-end {
  justify-content: flex-end;
}
.flex-table .flex-table-item .flex-table-cell.cell-end .action-link {
  font-size: 0.9rem;
}
.flex-table .flex-table-item .flex-table-cell.is-bold > span {
  font-family: "STC Forward", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
}
.flex-table .flex-table-item .flex-table-cell.is-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  max-width: 30px;
}
.flex-table .flex-table-item .flex-table-cell.is-checkbox .checkbox {
  padding: 0;
  margin-left: 4px;
}
.flex-table .flex-table-item .flex-table-cell.is-user.is-grow, .flex-table .flex-table-item .flex-table-cell.is-media.is-grow {
  flex-grow: 2;
}
.flex-table .flex-table-item .flex-table-cell.is-user.is-grow2, .flex-table .flex-table-item .flex-table-cell.is-media.is-grow2 {
  flex-grow: 2;
}
.flex-table .flex-table-item .flex-table-cell.is-user.is-grow-lg, .flex-table .flex-table-item .flex-table-cell.is-media.is-grow-lg {
  flex-grow: 3;
}
.flex-table .flex-table-item .flex-table-cell.is-user > div span:not(.avatar, .svg-icon), .flex-table .flex-table-item .flex-table-cell.is-media > div span:not(.avatar, .svg-icon) {
  display: block;
  margin-left: 10px;
  line-break: anywhere;
}
[dir=rtl] .flex-table .flex-table-item .flex-table-cell.is-user > div span:not(.avatar, .svg-icon), [dir=rtl] .flex-table .flex-table-item .flex-table-cell.is-media > div span:not(.avatar, .svg-icon) {
  margin-left: 0;
  margin-right: 10px;
}
.flex-table .flex-table-item .flex-table-cell.is-user .service-avatar:hover .svg-icon.is-fake span:nth-child(2), .flex-table .flex-table-item .flex-table-cell.is-media .service-avatar:hover .svg-icon.is-fake span:nth-child(2) {
  top: 2px;
  opacity: 0;
}
.flex-table .flex-table-item .flex-table-cell.is-user .service-avatar:hover .svg-icon.is-fake span:nth-child(3), .flex-table .flex-table-item .flex-table-cell.is-media .service-avatar:hover .svg-icon.is-fake span:nth-child(3) {
  top: 0px;
  opacity: 1;
}
.flex-table .flex-table-item .flex-table-cell.is-user > div, .flex-table .flex-table-item .flex-table-cell.is-media > div {
  line-height: 1.2;
}
.flex-table .flex-table-item .flex-table-cell.is-user > div .item-name, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-name {
  font-size: 0.9rem;
  font-weight: 500;
  color: hsl(0, 0%, 21%);
  margin-left: 10px;
  display: inline-flex;
}
[dir=rtl] .flex-table .flex-table-item .flex-table-cell.is-user > div .item-name, [dir=rtl] .flex-table .flex-table-item .flex-table-cell.is-media > div .item-name {
  margin-left: 0;
  margin-right: 10px;
}
body.is-dark .flex-table .flex-table-item .flex-table-cell.is-user > div .item-name, body.is-dark .flex-table .flex-table-item .flex-table-cell.is-media > div .item-name {
  color: #cecece;
}
.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta {
  color: #a2a5b9;
}
.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta svg, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta svg {
  position: relative;
  top: 2px;
  height: 14px;
  width: 14px;
  stroke-width: 1.6px;
  margin-right: 4px;
}
.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta span, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta span {
  display: inline-block;
  font-size: 0.9rem;
}
.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta .flex-media, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta .flex-media {
  margin-left: 10px;
}
[dir=rtl] .flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta .flex-media, [dir=rtl] .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta .flex-media {
  margin-left: 0;
  margin-right: 10px;
}
.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta .flex-media, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta .flex-media {
  margin-top: 4px;
}
.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta .flex-media .h-avatar, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta .flex-media .h-avatar {
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
}
.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta .flex-media .h-avatar .avatar, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta .flex-media .h-avatar .avatar {
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
}
.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta .separator, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta .separator {
  padding: 0 8px;
}
.flex-table .flex-table-item .flex-table-cell.is-user .h-avatar .avatar.is-fake span, .flex-table .flex-table-item .flex-table-cell.is-media .h-avatar .avatar.is-fake span {
  margin: 0;
}
.flex-table .flex-table-item .flex-table-cell.is-user .media, .flex-table .flex-table-item .flex-table-cell.is-media .media {
  display: block;
  width: 100%;
  max-width: 130px;
  min-height: 95px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.flex-table .flex-table-item .flex-table-cell.is-user .cell-image, .flex-table .flex-table-item .flex-table-cell.is-media .cell-image {
  display: block;
  width: 100%;
  max-width: 80px;
}
.flex-table .flex-table-item .flex-table-cell.is-user .cell-image.is-mini, .flex-table .flex-table-item .flex-table-cell.is-media .cell-image.is-mini {
  max-width: 40px;
}
.flex-table .flex-table-item .flex-table-cell .cell-icon {
  margin-right: 4px;
  color: #a2a5b9;
}
[dir=rtl] .flex-table .flex-table-item .flex-table-cell .cell-icon {
  margin-right: 0;
  margin-left: 4px;
}
.flex-table .flex-table-item .flex-table-cell .tag {
  margin-bottom: 0 !important;
  line-height: 1.8;
  height: 1.8em;
}
.flex-table .flex-table-item .flex-table-cell .flex-media {
  display: flex;
  align-items: center;
}
.flex-table .flex-table-item .flex-table-cell .flex-media .meta {
  margin-left: 6px;
  line-height: 1.3;
}
.flex-table .flex-table-item .flex-table-cell .flex-media .meta span {
  display: block !important;
  font-size: 0.8rem;
  color: #a2a5b9;
  font-family: "STC Forward", sans-serif;
}
.flex-table .flex-table-item .flex-table-cell .dot-levels {
  display: flex;
  align-items: center;
}
.flex-table .flex-table-item .flex-table-cell .dot-levels .dot {
  font-size: 8px;
  color: rgb(70.3760375316%, 71.3316492241%, 77.702393841%);
  margin: 0 6px;
}
.flex-table .flex-table-item .flex-table-cell .dot-levels .dot.active {
  color: #4f008c;
}

/* ==========================================================================
2. Flex Table Dark mode
========================================================================== */
body.is-dark .flex-table .flex-table-item {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .flex-table .flex-table-item .flex-table-cell.is-user .h-avatar .badge, body.is-dark .flex-table .flex-table-item .flex-table-cell.is-media .h-avatar .badge {
  border-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%) !important;
}
body.is-dark .flex-table .flex-table-item .flex-table-cell .dark-text {
  color: #cecece !important;
}
body.is-dark .flex-table .flex-table-item .flex-table-cell .avatar-stack .h-avatar {
  border-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
body.is-dark .flex-table .flex-table-item .flex-table-cell .avatar-stack .h-avatar .is-more .inner {
  border-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%) !important;
}
body.is-dark .flex-table .flex-table-item .flex-table-cell .dot-levels .dot.active {
  color: #797bf2;
}

/* ==========================================================================
3. Table Pagination
========================================================================== */
.pagination {
  padding: 12px 0;
}
.pagination .pagination-next, .pagination .pagination-previous {
  background: #fff;
  min-width: 85px;
}
.pagination .pagination-next.has-chevron, .pagination .pagination-previous.has-chevron {
  min-width: 55px;
}
.pagination .pagination-next.has-chevron svg, .pagination .pagination-previous.has-chevron svg {
  height: 16px;
  width: 16px;
  stroke-width: 3px;
  stroke: #4f008c;
}
[dir=rtl] .pagination .pagination-next .fa-angle-right, [dir=rtl] .pagination .pagination-next .fa-angle-left, [dir=rtl] .pagination .pagination-previous .fa-angle-right, [dir=rtl] .pagination .pagination-previous .fa-angle-left {
  transform: rotate(180deg);
}
.pagination .pagination-list li .pagination-link {
  background: #fff;
  font-family: "STC Forward", sans-serif;
  font-size: 0.9em;
}
.pagination .pagination-list li .pagination-link.is-current {
  background: #4f008c;
  border-color: #4f008c;
  box-shadow: 0 14px 26px -12px rgba(79, 0, 140, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 0, 140, 0.2);
}

/* ==========================================================================
4. Table Pagination Dark mode
========================================================================== */
body.is-dark .pagination .pagination-next, body.is-dark .pagination .pagination-previous {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
  color: #cecece;
}
body.is-dark .pagination .pagination-next svg, body.is-dark .pagination .pagination-previous svg {
  stroke: #797bf2;
}
body.is-dark .pagination .pagination-list li .pagination-link {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
  color: #cecece;
}
body.is-dark .pagination .pagination-list li .pagination-link.is-current {
  background: #797bf2;
  color: #fcfcfc;
  border-color: #797bf2;
  box-shadow: 0 14px 26px -12px rgba(121, 123, 242, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(121, 123, 242, 0.2);
}

/* ==========================================================================
5. Flex Table advanced wrapper
========================================================================== */
.flex-table-wrapper {
  background: #fff;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  border-radius: 8px;
  padding: 20px;
}
.flex-table-wrapper .flex-table-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.flex-table-wrapper .flex-table .flex-table-item {
  margin-bottom: 0;
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-top: none;
}
.flex-table-wrapper .flex-table .flex-table-item:last-child {
  margin-bottom: 6px;
  border-bottom: none;
}

/* ==========================================================================
6. Flex Table advanced wrapper Dark mode
========================================================================== */
body.is-dark .flex-table-wrapper {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}

/* ==========================================================================
7. Bulma Table
========================================================================== */
.demo-table {
  margin-bottom: 3rem;
}

.table tbody th {
  font-family: "STC Forward", sans-serif;
  color: #1d252d;
}
.table tbody th.is-media {
  width: 40px;
}
.table tbody th.is-end > div {
  display: flex;
  justify-content: flex-end;
}
.table tbody td {
  font-family: "STC Forward", sans-serif;
  vertical-align: middle;
}
.table tbody td:not(:first-child) {
  color: #a2a5b9;
}
.table tbody td.is-media {
  width: 40px;
}
.table tbody td.is-end > div {
  display: flex;
  justify-content: flex-end;
}

/* ==========================================================================
8. Bulma Table Dark mode
========================================================================== */
body.is-dark .table {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .table.is-hoverable tr:not(.is-selected):hover {
  background: rgb(22.3556271824%, 22.3556271824%, 24.271823798%);
}
body.is-dark .table.is-hoverable tr:not(.is-selected):hover:nth-child(even) {
  background: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .table.is-hoverable tr:not(.is-selected):hover:nth-child(even) :hover {
  background: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .table.is-striped tr:not(.is-selected):nth-child(even) {
  background: rgb(22.3556271824%, 22.3556271824%, 24.271823798%);
}
body.is-dark .table.is-striped tr:not(.is-selected):nth-child(even) :hover {
  background: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .table tbody th, body.is-dark .table tbody td {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .table tbody th {
  color: #cecece;
}
body.is-dark .table tbody td:first-child {
  color: #cecece;
}

/* ==========================================================================
9. Media Queries
========================================================================== */
@media (max-width: 767px) {
  .flex-table-wrapper .flex-table-toolbar {
    margin-bottom: 10px;
  }
  .flex-table-wrapper .flex-table-toolbar .left {
    flex-grow: 2;
  }
  .flex-table-wrapper .flex-table-toolbar .right {
    display: none;
  }
  .flex-table-wrapper .flex-table .flex-table-header .is-checkbox {
    display: none;
  }
  .flex-table-wrapper .flex-table .flex-table-item {
    padding-left: 0;
    padding-right: 0;
  }
  .flex-table-wrapper .flex-table .flex-table-item .is-checkbox {
    display: none;
  }
  .flex-table .flex-table-header {
    display: none;
  }
  .flex-table .flex-table-cell {
    position: relative;
    margin-bottom: 12px;
  }
  .flex-table .flex-table-cell:before {
    content: attr(data-th);
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: 500;
    color: #999;
  }
  .flex-table .flex-table-cell.no-label-mobile:before {
    display: none !important;
  }
  .flex-table .flex-table-cell.is-mobile-absolute {
    position: absolute;
    top: 4px;
    right: 0;
  }
  [dir=rtl] .flex-table .flex-table-cell.is-mobile-absolute {
    right: unset;
    left: 0;
  }
  .flex-table .flex-table-cell.is-mobile-absolute:before {
    display: none !important;
  }
  .flex-table .flex-table-cell.cell-end {
    justify-content: flex-start !important;
  }
  .flex-table .flex-table-cell.cell-end .btn-group {
    margin-left: auto;
  }
  .flex-table .flex-table-cell.is-user span {
    font-size: 1.2rem;
  }
  .flex-table .flex-table-cell > span, .flex-table .flex-table-cell > .is-pushed-mobile {
    margin-left: auto;
  }
  [dir=rtl] .flex-table .flex-table-cell > span, [dir=rtl] .flex-table .flex-table-cell > .is-pushed-mobile {
    margin-left: 0;
    margin-right: auto;
  }
  .flex-table .flex-table-cell > span.no-push, .flex-table .flex-table-cell > .is-pushed-mobile.no-push {
    margin-left: 0 !important;
  }
  [dir=rtl] .flex-table .flex-table-cell > span.no-push, [dir=rtl] .flex-table .flex-table-cell > .is-pushed-mobile.no-push {
    margin-right: 0 !important;
  }
  .flex-table .flex-table-item {
    flex-direction: column;
    justify-content: center;
    width: 100% !important;
    padding: 10px;
    margin-bottom: 16px;
    position: relative;
  }
  .flex-table .flex-table-item:last-child {
    margin-bottom: 0;
  }
  .flex-table .flex-table-item > div {
    border: none !important;
  }
  .flex-table .flex-table-item .is-pending-with {
    margin-left: auto;
  }
  [dir=rtl] .flex-table .flex-table-item .is-pending-with {
    margin-right: auto;
    margin-left: 0;
  }
  .pagination-next.has-chevron, .pagination-previous.has-chevron {
    min-width: 55px;
    max-width: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .flex-table .flex-table-cell.is-user img {
    min-width: 50px;
  }
  .pagination-next.has-chevron, .pagination-previous.has-chevron {
    min-width: 55px;
    max-width: 55px;
  }
  .pagination-next {
    margin-right: auto;
  }
}
/*! _datatable.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Datatable Toolbar
    2. Datatable Toolbar Dark mode
    3. Datatable pagination
    4. Datatable pagination Dark mode
    5. Datatable sorting
    6. Ajax Loading bar
    7. Datatable
*/
/* ==========================================================================
1. Datatable Toolbar
========================================================================== */
.datatable-toolbar {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.datatable-toolbar.is-webapp {
  padding-top: 30px;
}
.datatable-toolbar.is-reversed {
  flex-direction: row-reverse;
}
.datatable-toolbar .field {
  margin-bottom: 0;
}
.datatable-toolbar .buttons {
  margin-left: auto;
  margin-bottom: 0;
}
.datatable-toolbar .buttons .h-button {
  margin-bottom: 0;
}

/* ==========================================================================
2. Datatable Toolbar Dark mode
========================================================================== */
/* ==========================================================================
3. Datatable pagination
========================================================================== */
.pagination {
  text-align: center;
}
.pagination li {
  list-style-type: none;
  float: left;
}
.pagination li a {
  padding: 0 5px;
  cursor: pointer;
}
.pagination li.active {
  background: #4f008c !important;
}
.pagination li.active a {
  cursor: default;
  color: #fcfcfc !important;
}

.pagination.datatable-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 10px;
}
.pagination.datatable-pagination .datatable-info {
  font-family: "STC Forward", sans-serif;
  color: #a2a5b9;
}
.pagination.datatable-pagination ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50%;
  margin: 4px;
  background: #ededed;
  transition: all 0.3s;
}
.pagination.datatable-pagination ul li.is-selected {
  background: #4f008c;
}
.pagination.datatable-pagination ul li.is-selected a {
  color: #fff;
}
.pagination.datatable-pagination ul li:hover {
  background: #fff;
  border-color: rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.pagination.datatable-pagination ul li a {
  font-family: "STC Forward", sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  color: #1d252d;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination.datatable-pagination ul li a i {
  font-size: 14px;
}

/* ==========================================================================
4. Datatable pagination Dark mode
========================================================================== */
body.is-dark .pagination.datatable-pagination ul li {
  background: #232326;
}
body.is-dark .pagination.datatable-pagination ul li.is-selected {
  background: #797bf2;
}
body.is-dark .pagination.datatable-pagination ul li.is-selected a {
  color: #fff;
}
body.is-dark .pagination.datatable-pagination ul li.active {
  background: #797bf2 !important;
}
body.is-dark .pagination.datatable-pagination ul li.active a {
  color: #fff;
}
body.is-dark .pagination.datatable-pagination ul li:hover {
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
}
body.is-dark .pagination.datatable-pagination ul li a {
  color: #fcfcfc;
}

/* ==========================================================================
5. Datatable sorting
========================================================================== */
.sorting {
  cursor: pointer;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPhJREFUeNqcUsENwjAMTFAGKBPACHQC6It330io2QAmgA0KE1Ah8W6/vOgGlBE6AdkA7iRXQlUaEJGudm3HdnzW6odzvlxziBmQrldLR5uB8QkZeeJrBCXwZ9A3YjvxMhUNx2KgkJMqDG4kOVEhodWB9njpxkCgBebAESiBLVt99Ssh4xgyl3YtYvZ0QK+gW3Zh8Il7b3QSlPg6gb2AKEYeX8R3A9PQpFnxHnhnPVTZwKHVH8d46OBwGiG9hX7wTDs3MvI+f5zqg9NDoPNRpL+sGmnYkZaPBWBHsQlsjhLyJ0Am/9ygpJtqObCrStYrlRZJj+2W/C3AAHMRYY3NVj3DAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: center right;
}

.sorting-desc {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALZJREFUeNpiXLR053sGBgYBBuxgQ1y0eyBQTQOQbQ9kO8IkWIA4kAE3+IBLggVoygEGMgAL0Bn/8cgfQHYeikYgdhw6TjXEEx0PcNqIzV9AWy4QdCoQn8cSIIJAL+yHGoISz0DxBCA1nxGXiUAFBkAKpHkDED8EpRwgngjE64G4kBGowAFPVIA0zwfiC9BwEIAmw0QWqAkCuEIUaDADVDMs7SaCGIzExBlQcz/U9kCgRnCiAAgwACXfQK9tSD4hAAAAAElFTkSuQmCC");
}

.sorting-asc {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALRJREFUeNpiZICCRUt3CgCp9UB8IS7avZCBAGBE0gjSFADlJgI1LwCK7QeyHbDo+8AI1TQfqukDFBuANINsB2IBrDYCNRUA6X4gDgTifCA+CMTyUIMcgTZfwKaRBaoJ5LQNQENAGhmA7ESon0FyjkD2e3SbWYCKGLGZCBQPROI6omn8wIIr1IC2KAApBVzyLHhCfD6OEMWvEehUR3zxiM+pBriigpBT+4eOU+uR0i5GWgUIMACYtjftxR4oXgAAAABJRU5ErkJggg==");
}

/* ==========================================================================
6. Ajax Loading bar
========================================================================== */
.datatable-load-bar {
  width: 100%;
  margin: 8px 0;
}

.datatable-load-bar {
  border: 1px solid gray;
  height: 10px;
}

.datatable-load-bar .bar {
  height: 10px;
  background-color: #aef;
}

.datatable-filter-line {
  background: #fcfcfc;
}

/* ==========================================================================
7. Datatable
========================================================================== */
.table-wrapper {
  overflow-x: auto;
  overflow-y: visible;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  border-radius: 8px;
  min-height: 500px;
  background: #fff;
}
.table-wrapper.has-margin-bottom {
  margin-bottom: 40px;
}
.table-wrapper .section-placeholder {
  margin-top: -30px;
}
.table-wrapper .table {
  display: table;
  width: 100%;
}
.table-wrapper .table.is-datatable {
  overflow: visible;
}
.table-wrapper .table.is-datatable .sorting {
  background-position: 90% 48%;
}
.table-wrapper .table.is-datatable tr.is-selected {
  background: rgb(96.9411764706%, 96.9411764706%, 96.9411764706%);
}
.table-wrapper .table.is-datatable tr.is-selected td {
  border-color: rgb(88.9411764706%, 88.9411764706%, 88.9411764706%);
}
.table-wrapper .table.is-datatable tr.datatable-filter-line td {
  border-bottom: 1px solid #ededed;
}
.table-wrapper .table.is-datatable th,
.table-wrapper .table.is-datatable td {
  vertical-align: middle;
}
.table-wrapper .table.is-datatable th {
  padding: 16px 20px;
  font-family: "STC Forward", sans-serif;
  font-size: 0.8rem;
  color: #1d252d;
  text-transform: uppercase;
  border: 1px solid #ededed;
}
.table-wrapper .table.is-datatable th .checkbox {
  padding: 0;
}
.table-wrapper .table.is-datatable td {
  padding: 12px 20px;
}
.table-wrapper .table.is-datatable td.datatable-filter-cell .control .input {
  padding-left: 40px;
}
[dir=rtl] .table-wrapper .table.is-datatable td.datatable-filter-cell .control .input {
  padding-right: 40px;
  padding-left: 0;
}
.table-wrapper .table.is-datatable td .checkbox {
  padding: 0;
}
.table-wrapper .table.is-datatable input {
  padding: 6px 8px;
  border-radius: 4px;
  border: 1px solid #cecece;
  box-shadow: none;
}
.table-wrapper .table.is-datatable input:focus {
  border-color: rgb(88.9411764706%, 88.9411764706%, 88.9411764706%);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.table-wrapper .table.is-datatable .datatable-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.table-wrapper .table.is-datatable .product-photo {
  width: 80px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
.table-wrapper .table.is-datatable .file-icon {
  width: 46px;
  height: 46px;
  -o-object-fit: contain;
     object-fit: contain;
}
.table-wrapper .table.is-datatable .status {
  display: flex;
  align-items: center;
}
.table-wrapper .table.is-datatable .status.is-available i {
  color: #06d6a0;
}
.table-wrapper .table.is-datatable .status.is-busy i {
  color: #e62965;
}
.table-wrapper .table.is-datatable .status.is-offline i {
  color: #a2a5b9;
}
.table-wrapper .table.is-datatable .status i {
  margin-right: 8px;
  font-size: 8px;
}
[dir=rtl] .table-wrapper .table.is-datatable .status i {
  margin-right: 0;
  margin-left: 8px;
}
.table-wrapper .table.is-datatable .status span {
  font-family: "STC Forward", sans-serif;
  font-size: 0.9rem;
  color: #a2a5b9;
}
.table-wrapper .table.is-datatable .flex-media {
  display: flex;
  align-items: center;
}
.table-wrapper .table.is-datatable .flex-media .meta {
  margin-left: 10px;
  line-height: 1.3;
}
.table-wrapper .table.is-datatable .flex-media .meta span {
  display: block;
  font-size: 0.8rem;
  color: #a2a5b9;
}
.table-wrapper .table.is-datatable .flex-media .meta span:first-child {
  color: #1d252d;
}
.table-wrapper .table.is-datatable .row-action {
  display: flex;
  justify-content: flex-end;
}

/* ==========================================================================
8. Datatable Dark mode
========================================================================== */
body.is-dark .table-wrapper {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
body.is-dark .table-wrapper .table.is-datatable tr:first-child:hover {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%) !important;
}
body.is-dark .table-wrapper .table.is-datatable tr.is-selected {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%) !important;
}
body.is-dark .table-wrapper .table.is-datatable tr.is-selected td {
  border-color: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%) !important;
}
body.is-dark .table-wrapper .table.is-datatable tr.datatable-filter-line {
  background: rgb(16.6022025248%, 16.6022025248%, 18.0252484555%);
}
body.is-dark .table-wrapper .table.is-datatable tr.datatable-filter-line td {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .table-wrapper .table.is-datatable tr.datatable-filter-line td .control .input {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .table-wrapper .table.is-datatable {
  /* ✅ FIX: make header text visible in dark mode */
}
body.is-dark .table-wrapper .table.is-datatable th {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
  color: #a2a5b9 !important; /* ✅ كان $dark-dark-text */
  opacity: 0.95;
}
body.is-dark .table-wrapper .table.is-datatable td .h-button:hover {
  border-color: #797bf2 !important;
  color: #797bf2 !important;
}
body.is-dark .table-wrapper .table.is-datatable .flex-media .meta span:first-child {
  color: #cecece;
}

/* =========================================================
   Promotion Approval - NEW UI (Desktop table + Mobile cards)
   ========================================================= */
/* =========================================================
   Responsive helpers
========================================================= */
.is-mobile-only {
  display: none;
}

.is-desktop-only {
  display: block;
}

@media (max-width: 768px) {
  .is-mobile-only {
    display: block;
  }
  .is-desktop-only {
    display: none;
  }
}
/* =========================================================
   Desktop table styles
========================================================= */
.pa-desktop-table thead.pa-sticky-head {
  position: sticky;
  top: 0;
  z-index: 3;
  background: #fff;
}
.pa-desktop-table thead.pa-sticky-head th {
  background: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.pa-desktop-table td:first-child {
  font-weight: 700;
  color: #1d252d;
}
.pa-desktop-table {
  /* employee name cell nicer */
}
.pa-desktop-table td:nth-child(3) .has-dark-text {
  font-size: 1rem;
  font-weight: 800;
}
.pa-desktop-table td:nth-child(3) span[style*="display: block"] {
  margin-top: 4px;
  color: #a2a5b9;
  font-size: 0.85rem;
}

/* =========================================================
   Mobile cards
========================================================= */
.pa-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 6px 2px;
}

article.pa-card {
  margin: 0;
}

article.pa-card + article.pa-card {
  margin-top: 6px !important;
}

.pa-card {
  background: #fff;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  border-radius: 16px;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  padding: 14px;
  /* -------- Top area -------- */
}
.pa-card .pa-card-top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}
.pa-card .pa-card-top .pa-left {
  display: flex;
  gap: 10px;
  flex: 1;
  min-width: 0;
}
.pa-card .pa-card-top .pa-index {
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: #ededed;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  color: #1d252d;
  flex: 0 0 auto;
}
.pa-card .pa-card-top .pa-status {
  width: 30px;
  height: 30px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.pa-card .pa-card-top .pa-status.is-success {
  background: rgba(22, 163, 74, 0.1019607843);
  color: #16a34a;
}
.pa-card .pa-card-top .pa-status.is-warning {
  background: rgba(250, 174, 66, 0.12);
  color: rgb(97.7299373358%, 63.2249848393%, 14.1916312917%);
}
.pa-card .pa-card-top .pa-status.is-danger {
  background: rgba(230, 41, 101, 0.12);
  color: #e62965;
}
.pa-card .pa-card-top .pa-status i {
  font-size: 13px;
}
.pa-card .pa-card-top .pa-emp {
  min-width: 0;
}
.pa-card .pa-card-top .pa-emp .pa-name {
  font-weight: 900;
  color: #1d252d;
  font-size: 1rem;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.pa-card .pa-card-top .pa-emp .pa-name .pa-label {
  font-size: 0.72rem;
  color: #a2a5b9;
  margin-bottom: 6px;
  font-weight: 700;
}
.pa-card .pa-card-top {
  /* Chip (Light mode base) */
}
.pa-card .pa-card-top .pa-chip {
  background: #f5f6fa;
  border: 1px solid rgb(90.9411764706%, 90.9411764706%, 90.9411764706%);
  border-radius: 12px;
  padding: 8px 10px;
  text-align: center;
  min-width: 84px;
}
.pa-card .pa-card-top .pa-chip .pa-chip-title {
  display: block;
  font-size: 0.72rem;
  color: #a2a5b9;
  opacity: 0.85;
}
.pa-card .pa-card-top .pa-chip .pa-chip-value {
  display: block;
  font-weight: 900;
  color: #1d252d;
  font-size: 1.05rem;
}
.pa-card {
  /* -------- Grid fields -------- */
}
.pa-card .pa-card-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 12px;
  /* ✅ pa-sub - Full width and aligned to grid start */
}
.pa-card .pa-card-grid .pa-sub {
  grid-column: 1/-1;
  margin: 0;
  padding: 0;
  text-align: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
.pa-card .pa-card-grid {
  /* ✅ pa-sub-item same as pa-label */
}
.pa-card .pa-card-grid .pa-sub-item {
  font-size: 0.72rem;
  color: #1d252d;
  font-weight: 700;
  line-height: 1.35;
  display: block;
}
.pa-card .pa-card-grid {
  /* ✅ pa-sub-label same as pa-value */
}
.pa-card .pa-card-grid .pa-sub-label {
  font-weight: 700;
  color: #a2a5b9;
  font-size: 0.72rem;
  margin-inline-end: 6px;
}
[dir=rtl] .pa-card .pa-card-grid .pa-sub-label {
  margin-inline-end: 0;
  margin-inline-start: 6px;
}
.pa-card .pa-card-grid {
  /* LTR (English) */
}
.pa-card .pa-card-grid [dir=ltr] .pa-card .pa-card-grid .pa-sub {
  align-items: flex-start;
  text-align: left;
}
.pa-card .pa-card-grid {
  /* RTL (Arabic) */
}
.pa-card .pa-card-grid [dir=rtl] .pa-card .pa-card-grid .pa-sub {
  align-items: flex-end;
  text-align: right;
}
.pa-card .pa-card-grid .pa-field .pa-label {
  font-size: 0.72rem;
  color: #a2a5b9;
  margin-bottom: 6px;
  font-weight: 700;
}
.pa-card .pa-card-grid .pa-field .pa-value {
  font-weight: 800;
  color: #1d252d;
  font-size: 0.7rem;
  gap: 6px;
}
.pa-card {
  /* -------- Badges -------- */
}
.pa-card .pa-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 0.78rem;
  font-weight: 800;
  width: -moz-fit-content;
  width: fit-content;
}
.pa-card .pa-badge.is-success {
  background: rgba(22, 163, 74, 0.1019607843);
  color: #16a34a;
}
.pa-card .pa-badge.is-info {
  background: rgba(3, 155, 229, 0.14);
  color: #039BE5;
}
.pa-card .pa-badge.is-warning {
  background: rgba(250, 174, 66, 0.14);
  color: rgb(97.7299373358%, 63.2249848393%, 14.1916312917%);
}
.pa-card .pa-badge.is-danger {
  background: rgba(230, 41, 101, 0.14);
  color: #e62965;
}
.pa-card .pa-badge.is-flagged {
  background: #eef2ff;
  color: #3730a3;
}
.pa-card {
  /* -------- Approval section -------- */
}
.pa-card .pa-approval {
  padding-top: 10px;
  border-top: 1px dashed rgb(88.9411764706%, 88.9411764706%, 88.9411764706%);
  margin-top: 10px;
}
.pa-card .pa-approval .pa-label {
  font-size: 0.78rem;
  color: #a2a5b9;
  margin-bottom: 8px;
  font-weight: 800;
}
.pa-card .pa-approval .pa-approval-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.pa-card .pa-approval .pa-radio,
.pa-card .pa-approval .pa-check {
  display: block;
}
.pa-card .pa-approval .pa-radio input,
.pa-card .pa-approval .pa-check input {
  display: none;
}
.pa-card .pa-approval .pa-radio-ui,
.pa-card .pa-approval .pa-check-ui {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid rgb(88.9411764706%, 88.9411764706%, 88.9411764706%);
  background: #fff;
  font-weight: 900;
  color: #1d252d;
  transition: all 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.pa-card .pa-approval {
  /* Light mode checked radio uses #4f008c */
}
.pa-card .pa-approval .pa-radio input:checked + .pa-radio-ui {
  border-color: #4f008c;
  background: #4f008c;
  color: #fff;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.pa-card .pa-approval .pa-check input:checked + .pa-check-ui {
  border-color: rgba(250, 174, 66, 0.35);
  background: rgba(250, 174, 66, 0.1);
  color: rgb(97.7299373358%, 63.2249848393%, 14.1916312917%);
}
.pa-card {
  /* -------- Actions -------- */
}
.pa-card .pa-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px dashed rgb(88.9411764706%, 88.9411764706%, 88.9411764706%);
  margin-top: 12px;
  flex-wrap: wrap;
  /* ===== Action Pills ===== */
}
.pa-card .pa-actions .pa-action-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 0.92rem;
  line-height: 1;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 0.18s ease;
  -webkit-tap-highlight-color: transparent;
  /* ✅ UX: نفس المقاس */
  min-width: 150px;
  /* ✅ base look (Light) */
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.06);
}
.pa-card .pa-actions .pa-action-pill .pa-action-ico {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.06);
}
.pa-card .pa-actions .pa-action-pill .pa-action-ico i {
  font-size: 14px;
}
.pa-card .pa-actions .pa-action-pill:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.pa-card .pa-actions .pa-action-pill:active {
  transform: translateY(0);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.06);
}
.pa-card .pa-actions {
  /* ===== Primary (Edit) ===== */
}
.pa-card .pa-actions .pa-action-pill.is-primary {
  color: #4f008c;
  border-color: rgba(79, 0, 140, 0.25);
}
.pa-card .pa-actions .pa-action-pill.is-primary .pa-action-ico {
  background: rgba(79, 0, 140, 0.12);
  color: #4f008c;
}
.pa-card .pa-actions .pa-action-pill.is-primary:hover {
  border-color: rgba(79, 0, 140, 0.55);
}
.pa-card .pa-actions {
  /* ===== Danger (Delete) ===== */
}
.pa-card .pa-actions .pa-action-pill.is-danger {
  color: #e62965;
  border-color: rgba(230, 41, 101, 0.22);
}
.pa-card .pa-actions .pa-action-pill.is-danger .pa-action-ico {
  background: rgba(230, 41, 101, 0.12);
  color: #e62965;
}
.pa-card .pa-actions .pa-action-pill.is-danger:hover {
  border-color: rgba(230, 41, 101, 0.5);
}
.pa-card .pa-actions {
  /* Decision */
}
.pa-card .pa-actions .pa-decision {
  margin-left: auto;
  color: #a2a5b9;
  font-weight: 800;
}
[dir=rtl] .pa-card .pa-actions .pa-decision {
  margin-left: 0;
  margin-right: auto;
}
.pa-card .pa-actions {
  /* ✅ Mobile: جنب بعض زي الصورة + سكرول لو ضاقت */
}
@media (max-width: 768px) {
  .pa-card .pa-actions {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 6px;
    -webkit-overflow-scrolling: touch;
  }
  .pa-card .pa-actions .pa-action-pill {
    flex: 0 0 auto;
  }
}
@media (max-width: 380px) {
  .pa-card .pa-actions {
    flex-wrap: wrap;
  }
}
.pa-card {
  /* =========================
     Dark mode fixes ✅
  ========================= */
}
.pa-card body.is-dark .pa-actions {
  border-top-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
.pa-card body.is-dark .pa-actions .pa-action-pill {
  background: rgb(16.6022025248%, 16.6022025248%, 18.0252484555%); /* ✅ بدل الأبيض */
  border-color: rgba(255, 255, 255, 0.16);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.35);
  color: #cecece;
}
.pa-card body.is-dark .pa-actions .pa-action-pill .pa-action-ico {
  background: rgba(255, 255, 255, 0.08);
  color: inherit;
}
.pa-card body.is-dark .pa-actions .pa-action-pill:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.45);
  border-color: rgba(255, 255, 255, 0.22);
}
.pa-card body.is-dark .pa-actions {
  /* ✅ keep your dark accent */
}
.pa-card body.is-dark .pa-actions .pa-action-pill.is-primary {
  color: #797bf2;
  border-color: rgba(121, 123, 242, 0.32);
}
.pa-card body.is-dark .pa-actions .pa-action-pill.is-primary .pa-action-ico {
  background: rgba(121, 123, 242, 0.14);
  color: #797bf2;
}
.pa-card body.is-dark .pa-actions .pa-action-pill.is-primary:hover {
  border-color: rgba(121, 123, 242, 0.55);
}
.pa-card body.is-dark .pa-actions .pa-action-pill.is-danger {
  color: rgb(92.2881286406%, 33.9863811633%, 52.494872426%);
  border-color: rgba(230, 41, 101, 0.3);
}
.pa-card body.is-dark .pa-actions .pa-action-pill.is-danger .pa-action-ico {
  background: rgba(230, 41, 101, 0.16);
  color: rgb(92.2881286406%, 33.9863811633%, 52.494872426%);
}
.pa-card body.is-dark .pa-actions .pa-action-pill.is-danger:hover {
  border-color: rgba(230, 41, 101, 0.55);
}
.pa-card {
  /* Overlay */
}
.pa-card .pa-sheet-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.14);
  z-index: 998;
}
.pa-card {
  /* Bottom Sheet */
}
.pa-card .pa-bottom-sheet {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 20px 20px 0 0;
  padding: 14px 16px 20px;
  z-index: 999;
  animation: slideUp 0.25s ease;
}
.pa-card {
  /* Handle */
}
.pa-card .pa-sheet-handle {
  width: 36px;
  height: 4px;
  background: #d1d1d1;
  border-radius: 999px;
  margin: 0 auto 12px;
}
.pa-card {
  /* Action item */
}
.pa-card .pa-sheet-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 14px;
  background: transparent;
  border: none;
  font-size: 1rem;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}
.pa-card .pa-sheet-item i {
  font-size: 18px;
}
.pa-card .pa-sheet-item:hover {
  background: #f5f5f5;
}
.pa-card {
  /* Colors */
}
.pa-card .pa-sheet-item.is-primary {
  color: #4f008c;
}
.pa-card .pa-sheet-item.is-danger {
  color: #e62965;
}
.pa-card .pa-sheet-item.is-info {
  color: #039BE5;
}
.pa-card {
  /* Animation */
}
@keyframes slideUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.pa-card {
  /* Dark mode */
}
.pa-card body.is-dark .pa-bottom-sheet {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
.pa-card body.is-dark .pa-sheet-handle {
  background: rgba(255, 255, 255, 0.25);
}
.pa-card body.is-dark .pa-sheet-item {
  color: #a2a5b9;
}
.pa-card body.is-dark .pa-sheet-item:hover {
  background: rgba(255, 255, 255, 0.06);
}

/* =========================================================
   Toolbars become cleaner on mobile
========================================================= */
@media (max-width: 768px) {
  .datatable-toolbar {
    flex-wrap: wrap;
    gap: 10px;
  }
  .datatable-toolbar .control.has-icon {
    width: 100%;
  }
  .datatable-toolbar > div {
    width: 100%;
  }
  .datatable-toolbar.justify-between, .datatable-toolbar.xl\:justify-end {
    align-items: stretch;
  }
  .datatable-toolbar.justify-between > div:first-child, .datatable-toolbar.xl\:justify-end > div:first-child {
    width: 100%;
    display: flex;
    gap: 8px;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .datatable-toolbar.justify-between > div:first-child > *, .datatable-toolbar.xl\:justify-end > div:first-child > * {
    flex: 0 0 auto;
    white-space: nowrap;
  }
  .datatable-toolbar.justify-between > div:last-child, .datatable-toolbar.xl\:justify-end > div:last-child {
    width: 100%;
  }
}
/* Mobile small screens */
@media (max-width: 520px) {
  .pa-card .pa-card-grid {
    grid-template-columns: 1fr;
  }
  .pa-card .pa-approval .pa-approval-actions {
    grid-template-columns: 1fr;
  }
}
/* =========================================================
   Approval pills (desktop table cell)
========================================================= */
.pa-approval-cell {
  min-width: 220px;
}

.pa-approval-inline {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

/* hide native inputs */
.pa-radio-pill input,
.pa-check-pill input {
  display: none;
}

.pa-radio-pill .pa-pill-ui,
.pa-check-pill .pa-pill-ui {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 7px;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 800;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.14);
  color: #a2a5b9;
  transition: all 0.2s ease;
}

.pa-pill-ui i {
  font-size: 1rem;
}

/* Hover (light) */
.pa-radio-pill:hover .pa-pill-ui,
.pa-check-pill:hover .pa-pill-ui {
  border-color: #4f008c;
  color: #4f008c;
}

/* Approve checked */
.pa-radio-pill.is-approve input:checked + .pa-pill-ui {
  background: #4f008c;
  border-color: #4f008c;
  color: #fff;
  box-shadow: 0 6px 14px rgba(79, 0, 140, 0.22);
}

/* Reject checked */
.pa-radio-pill.is-reject input:checked + .pa-pill-ui {
  background: #4f008c;
  border-color: #4f008c;
  color: #fff;
}

/* Hold checked */
.pa-radio-pill.is-hold input:checked + .pa-pill-ui {
  background: rgba(250, 174, 66, 0.18);
  border-color: rgba(250, 174, 66, 0.45);
  color: rgb(97.6268445523%, 61.5548817465%, 10.2947240752%);
}

/* Return Stage checked (checkbox) */
.pa-check-pill input:checked + .pa-pill-ui {
  background: rgba(3, 155, 229, 0.16);
  border-color: rgba(3, 155, 229, 0.4);
  color: rgb(1.0212981744%, 52.7670723462%, 77.9590939824%);
}

/* =========================================================
   Dark mode
========================================================= */
body.is-dark .pa-desktop-table thead.pa-sticky-head {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
body.is-dark .pa-desktop-table thead.pa-sticky-head th {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
  /* ✅ FIX: sticky head header text visible */
  color: #a2a5b9 !important;
  opacity: 0.95;
}
body.is-dark .pa-card {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .pa-card .pa-index {
  background: #232326;
  color: #cecece;
}
body.is-dark .pa-card .pa-emp .pa-name {
  color: #cecece;
}
body.is-dark .pa-card .pa-card-grid .pa-field .pa-value {
  color: #cecece;
}
body.is-dark .pa-card {
  /* ✅ Dark mode: pa-sub colors match label/value */
}
body.is-dark .pa-card .pa-card-grid .pa-sub-item {
  color: #a2a5b9;
}
body.is-dark .pa-card .pa-card-grid .pa-sub-label {
  color: #cecece;
}
body.is-dark .pa-card {
  /* Chip in dark + ✅ chip value color */
}
body.is-dark .pa-card .pa-chip {
  background: rgb(16.6022025248%, 16.6022025248%, 18.0252484555%);
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .pa-card .pa-chip .pa-chip-value {
  color: #cecece;
}
body.is-dark .pa-card .pa-approval {
  border-top-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .pa-card .pa-approval .pa-radio-ui,
body.is-dark .pa-card .pa-approval .pa-check-ui {
  background: #232326;
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
  color: #cecece;
}
body.is-dark .pa-card .pa-approval {
  /* dark checked radio keeps using $accent */
}
body.is-dark .pa-card .pa-approval .pa-radio input:checked + .pa-radio-ui {
  background: #797bf2;
  border-color: #797bf2;
}
body.is-dark .pa-card .pa-actions {
  border-top-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .pa-card .pa-actions .pa-decision {
  color: #a2a5b9;
}
body.is-dark {
  /* Default pill (unchecked) */
}
body.is-dark .pa-radio-pill .pa-pill-ui,
body.is-dark .pa-check-pill .pa-pill-ui {
  border-color: rgba(255, 255, 255, 0.25);
  color: #a2a5b9;
}
body.is-dark {
  /* ✅ Checked radio → #797bf2 */
}
body.is-dark .pa-radio-pill input:checked + .pa-pill-ui {
  background: #797bf2;
  border-color: #797bf2;
  color: #fff;
  box-shadow: 0 6px 14px rgba(121, 123, 242, 0.35);
}
body.is-dark {
  /* Optional: hover in dark */
}
body.is-dark .pa-radio-pill:hover .pa-pill-ui,
body.is-dark .pa-check-pill:hover .pa-pill-ui {
  border-color: #797bf2;
  color: #797bf2;
}
body.is-dark .pa-check-pill input:checked + .pa-pill-ui {
  background: #797bf2;
  border-color: #797bf2;
  color: #fff;
  box-shadow: 0 6px 14px rgba(121, 123, 242, 0.35);
}
body.is-dark .tag.is-rounded {
  font-size: 0.78rem;
}
body.is-dark .tag.is-rounded.is-success {
  background: #06d6a0 !important; /* أخضر واضح */
  color: #fff !important;
}
body.is-dark .tag.is-rounded.is-info {
  background: #039be5 !important; /* أزرق واضح */
  color: #fff !important;
}
body.is-dark .tag.is-rounded.is-warning {
  background: #ffd166 !important; /* أصفر واضح */
  color: #1d252d !important; /* داكن عشان التباين */
}
body.is-dark .tag.is-rounded.is-danger {
  background: #ef476f !important; /* أحمر واضح */
  color: #fff !important;
}
body.is-dark .tag.is-rounded {
  border: 0 !important;
}
body.is-dark .pa-badge.is-success {
  background: #06d6a0 !important;
  color: #fff !important;
}
body.is-dark .pa-badge.is-info {
  background: #039be5 !important;
  color: #fff !important;
}
body.is-dark .pa-badge.is-warning {
  background: rgba(250, 174, 66, 0.14);
  color: rgb(97.7299373358%, 63.2249848393%, 14.1916312917%);
}
body.is-dark .pa-badge.is-danger {
  background: #ef476f !important;
  color: #fff !important;
}
body.is-dark .pa-badge.is-flagged {
  background: #eef2ff;
  color: #3730a3;
}

/* Make Bulma tag match pa-badge colors */
.tag.is-rounded.is-success {
  background: rgba(22, 163, 74, 0.1019607843) !important;
  color: #16a34a !important;
  border: 0 !important;
}
.tag.is-rounded.is-info {
  background: rgba(3, 155, 229, 0.14) !important;
  color: #039BE5 !important;
  border: 0 !important;
}
.tag.is-rounded.is-warning {
  background: rgba(250, 174, 66, 0.14) !important;
  color: rgb(97.7299373358%, 63.2249848393%, 14.1916312917%) !important;
  border: 0 !important;
}
.tag.is-rounded.is-danger {
  background: rgba(230, 41, 101, 0.14) !important;
  color: #e62965 !important;
  border: 0 !important;
}

.price .tag.is-rounded {
  font-size: 0.78rem;
}

/*! _toasts.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Notyf Toasts
    2. Special Checkbox
*/
/* ==========================================================================
1. Notyf Toasts
========================================================================== */
/*! purgecss start ignore */
.notyf .notyf__toast .notyf__wrapper .notyf__icon .fas, .notyf .notyf__toast .notyf__wrapper .notyf__icon .fal, .notyf .notyf__toast .notyf__wrapper .notyf__icon .far, .notyf .notyf__toast .notyf__wrapper .notyf__icon .fad, .notyf .notyf__toast .notyf__wrapper .notyf__icon .fab {
  color: #fff !important;
  font-size: 1.6rem !important;
}
.notyf .notyf__toast .notyf__wrapper .notyf__message {
  color: #fff !important;
}

.notices {
  z-index: 11120;
}
.notices .toast {
  border-radius: 5px;
}
.notices .toast.is-success {
  background: #08d69f;
  opacity: 1;
  min-height: 40px;
}
.notices .toast div {
  color: #fff !important;
  font-size: 1rem !important;
  font-weight: 500;
  align-self: center;
  text-align: center;
  width: 100%;
}

.notification {
  top: calc(max(34px, env(safe-area-inset-top)) - 0px);
}
.notification.is-push {
  width: calc(100% - 20px);
  min-height: 61px;
  background: rgba(255, 255, 255, 0.87);
  margin-left: 10px !important;
  margin-right: 10px !important;
  backdrop-filter: blur(21px);
  padding: 14px !important;
  border-radius: 12px !important;
}
body.is-dark .notification.is-push {
  background: rgba(50, 50, 54, 0.8392156863);
  backdrop-filter: blur(29px);
  color: #fff;
}
.notification.is-push .media-content h3 {
  font-weight: 600;
}
body.is-dark .notification.is-push .media-content h3 {
  color: #fff;
}
.notification.is-push .media-content .push-content {
  display: flex;
  margin-top: 11px;
}
.notification.is-push .media-content .push-content span {
  font-weight: 400;
  max-width: 300px;
}
body.is-dark .notification.is-push .media-content .push-content span {
  color: #fff;
}
.notification.is-push .media-content .action-link {
  color: #4f008c;
}
body.is-dark .notification.is-push .media-content .action-link {
  color: #797bf2;
}
.notification.is-push .media-content .action-link {
  text-decoration: unset;
}
.notification.is-push .media-content img {
  max-width: 60px;
  height: 60px;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-left: auto;
}
[dir=rtl] .notification.is-push .media-content img {
  margin-right: auto;
  margin-left: 0;
}
[dir=rtl] .notification.is-push .delete {
  left: 0.5rem;
  right: unset;
}

/* ==========================================================================
3. Media Queries
========================================================================== */
[dir=rtl] .toasted-container .toasted .action {
  margin: 5px 7px 5px -7px;
}

@media only screen and (max-width: 767px) {
  .notification.is-default.is-push.is-top-left {
    width: -webkit-fill-available;
    margin: calc(10px + env(safe-area-inset-top)) 15px 15px;
  }
  .notices .toast.is-top, .toast.is-top-right, .notices .toast.is-bottom-right, .notices .snackbar.is-top-right, .notices .snackbar.is-bottom-right, .notices .notification.is-top-right, .notices .notification.is-bottom-right {
    align-self: auto !important;
    border-radius: 4px;
    padding: 8px;
    justify-content: center;
    line-height: 1.2;
    margin: calc(10px + env(safe-area-inset-top)) 15px 15px;
  }
  .toasted-container.top-right .toasted {
    padding-top: 10px;
  }
  @supports (padding-top: max(10px)) {
    .toasted-container.top-right .toasted {
      padding-top: calc(env(safe-area-inset-top) + 10px);
      padding-left: max(10px, env(safe-area-inset-left));
      padding-right: max(10px, env(safe-area-inset-right));
      padding-bottom: 10px;
      height: 59px;
      height: calc(env(safe-area-inset-top) + 59px);
    }
  }
  .toasted-container.top-right .toasted span {
    display: flex;
    width: 100%;
  }
  .toasted-container.top-right .toasted.danger {
    background: #ff375e;
  }
  .toasted-container.top-right .toasted .wizard-progress {
    top: calc(59px + env(safe-area-inset-top));
  }
  .toasted-container.top-right .toasted .action {
    color: #fff;
  }
}
/*! purgecss end ignore */
/*! _tooltips.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. CSS Tooltips
    2. CSS Tooltips Dark mode
*/
/* ==========================================================================
1. CSS Tooltips
========================================================================== */
[class*=hint--] {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

[class*=hint--]:before, [class*=hint--]:after {
  position: absolute;
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  transition: 0.3s ease;
  transition-delay: 0ms;
}

[class*=hint--]:hover:before, [class*=hint--]:hover:after {
  visibility: visible;
  opacity: 1;
}

[class*=hint--]:hover:before, [class*=hint--]:hover:after {
  transition-delay: 100ms;
}

[class*=hint--]:before {
  content: "";
  position: absolute;
  background: transparent;
  border: 6px solid transparent;
  z-index: 1000001;
}

[class*=hint--]:after {
  background: #383838;
  color: white;
  padding: 8px 10px;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 12px;
  white-space: nowrap;
}

[class*=hint--][aria-label]:after {
  content: attr(aria-label);
}

[class*=hint--][data-hint]:after {
  content: attr(data-hint);
}

[aria-label=""]:before, [aria-label=""]:after,
[data-hint=""]:before,
[data-hint=""]:after {
  display: none !important;
}

.hint--top-left:before {
  border-top-color: #383838;
}

.hint--top-right:before {
  border-top-color: #383838;
}

.hint--top:before {
  border-top-color: #383838;
}

.hint--bottom-left:before {
  border-bottom-color: #383838;
}

.hint--bottom-right:before {
  border-bottom-color: #383838;
}

.hint--bottom:before {
  border-bottom-color: #383838;
}

.hint--left:before {
  border-left-color: #383838;
}

.hint--right:before {
  border-right-color: #383838;
}

.hint--top:before {
  margin-bottom: -11px;
}

.hint--top:before, .hint--top:after {
  bottom: 100%;
  left: 50%;
}

.hint--top:before {
  left: calc(50% - 6px);
}

.hint--top:after {
  transform: translateX(-50%);
}

.hint--top:hover:before {
  transform: translateY(-8px);
}

.hint--top:hover:after {
  transform: translateX(-50%) translateY(-8px);
}

.hint--bottom:before {
  margin-top: -11px;
}

.hint--bottom:before, .hint--bottom:after {
  top: 100%;
  left: 50%;
}

.hint--bottom:before {
  left: calc(50% - 6px);
}

.hint--bottom:after {
  transform: translateX(-50%);
}

.hint--bottom:hover:before {
  transform: translateY(8px);
}

.hint--bottom:hover:after {
  transform: translateX(-50%) translateY(8px);
}

.hint--right:before {
  margin-left: -11px;
  margin-bottom: -6px;
}

.hint--right:after {
  margin-bottom: -14px;
}

.hint--right:before, .hint--right:after {
  left: 100%;
  bottom: 50%;
}

.hint--right:hover:before {
  transform: translateX(8px);
}

.hint--right:hover:after {
  transform: translateX(8px);
}

.hint--left:before {
  margin-right: -11px;
  margin-bottom: -6px;
}

.hint--left:after {
  margin-bottom: -14px;
}

.hint--left:before, .hint--left:after {
  right: 100%;
  bottom: 50%;
}

.hint--left:hover:before {
  transform: translateX(-8px);
}

.hint--left:hover:after {
  transform: translateX(-8px);
}

.hint--top-left:before {
  margin-bottom: -11px;
}

.hint--top-left:before, .hint--top-left:after {
  bottom: 100%;
  left: 50%;
}

.hint--top-left:before {
  left: calc(50% - 6px);
}

.hint--top-left:after {
  transform: translateX(-100%);
}

.hint--top-left:after {
  margin-left: 12px;
}

.hint--top-left:hover:before {
  transform: translateY(-8px);
}

.hint--top-left:hover:after {
  transform: translateX(-100%) translateY(-8px);
}

.hint--top-right:before {
  margin-bottom: -11px;
}

.hint--top-right:before, .hint--top-right:after {
  bottom: 100%;
  left: 50%;
}

.hint--top-right:before {
  left: calc(50% - 6px);
}

.hint--top-right:after {
  transform: translateX(0);
}

.hint--top-right:after {
  margin-left: -12px;
}

.hint--top-right:hover:before {
  transform: translateY(-8px);
}

.hint--top-right:hover:after {
  transform: translateY(-8px);
}

.hint--bottom-left:before {
  margin-top: -11px;
}

.hint--bottom-left:before, .hint--bottom-left:after {
  top: 100%;
  left: 50%;
}

.hint--bottom-left:before {
  left: calc(50% - 6px);
}

.hint--bottom-left:after {
  transform: translateX(-100%);
}

.hint--bottom-left:after {
  margin-left: 12px;
}

.hint--bottom-left:hover:before {
  transform: translateY(8px);
}

.hint--bottom-left:hover:after {
  transform: translateX(-100%) translateY(8px);
}

.hint--bottom-right:before {
  margin-top: -11px;
}

.hint--bottom-right:before, .hint--bottom-right:after {
  top: 100%;
  left: 50%;
}

.hint--bottom-right:before {
  left: calc(50% - 6px);
}

.hint--bottom-right:after {
  transform: translateX(0);
}

.hint--bottom-right:after {
  margin-left: -12px;
}

.hint--bottom-right:hover:before {
  transform: translateY(8px);
}

.hint--bottom-right:hover:after {
  transform: translateY(8px);
}

.hint--small:after,
.hint--medium:after,
.hint--large:after {
  white-space: normal;
  line-height: 1.4em;
  word-wrap: break-word;
}

.hint--small:after {
  width: 80px;
}

.hint--medium:after {
  width: 150px;
}

.hint--large:after {
  width: 300px;
}

[class*=hint--] {
  /**
  * tooltip body
  */
}

[class*=hint--]:after {
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}

.hint--primary:after {
  background-color: #4f008c;
}

.hint--primary.hint--top-left:before {
  border-top-color: #4f008c;
}

.hint--primary.hint--top-right:before {
  border-top-color: #4f008c;
}

.hint--primary.hint--top:before {
  border-top-color: #4f008c;
}

.hint--primary.hint--bottom-left:before {
  border-bottom-color: #4f008c;
}

.hint--primary.hint--bottom-right:before {
  border-bottom-color: #4f008c;
}

.hint--primary.hint--bottom:before {
  border-bottom-color: #4f008c;
}

.hint--primary.hint--left:before {
  border-left-color: #4f008c;
}

.hint--primary.hint--right:before {
  border-right-color: #4f008c;
}

.hint--error:after {
  background-color: #e62965;
}

.hint--error.hint--top-left:before {
  border-top-color: #e62965;
}

.hint--error.hint--top-right:before {
  border-top-color: #e62965;
}

.hint--error.hint--top:before {
  border-top-color: #e62965;
}

.hint--error.hint--bottom-left:before {
  border-bottom-color: #e62965;
}

.hint--error.hint--bottom-right:before {
  border-bottom-color: #e62965;
}

.hint--error.hint--bottom:before {
  border-bottom-color: #e62965;
}

.hint--error.hint--left:before {
  border-left-color: #e62965;
}

.hint--error.hint--right:before {
  border-right-color: #e62965;
}

.hint--warning:after {
  background-color: #faae42;
}

.hint--warning.hint--top-left:before {
  border-top-color: #faae42;
}

.hint--warning.hint--top-right:before {
  border-top-color: #faae42;
}

.hint--warning.hint--top:before {
  border-top-color: #faae42;
}

.hint--warning.hint--bottom-left:before {
  border-bottom-color: #faae42;
}

.hint--warning.hint--bottom-right:before {
  border-bottom-color: #faae42;
}

.hint--warning.hint--bottom:before {
  border-bottom-color: #faae42;
}

.hint--warning.hint--left:before {
  border-left-color: #faae42;
}

.hint--warning.hint--right:before {
  border-right-color: #faae42;
}

.hint--info:after {
  background-color: #039BE5;
}

.hint--info.hint--top-left:before {
  border-top-color: #039BE5;
}

.hint--info.hint--top-right:before {
  border-top-color: #039BE5;
}

.hint--info.hint--top:before {
  border-top-color: #039BE5;
}

.hint--info.hint--bottom-left:before {
  border-bottom-color: #039BE5;
}

.hint--info.hint--bottom-right:before {
  border-bottom-color: #039BE5;
}

.hint--info.hint--bottom:before {
  border-bottom-color: #039BE5;
}

.hint--info.hint--left:before {
  border-left-color: #039BE5;
}

.hint--info.hint--right:before {
  border-right-color: #039BE5;
}

.hint--success:after {
  background-color: #06d6a0;
}

.hint--success.hint--top-left:before {
  border-top-color: #06d6a0;
}

.hint--success.hint--top-right:before {
  border-top-color: #06d6a0;
}

.hint--success.hint--top:before {
  border-top-color: #06d6a0;
}

.hint--success.hint--bottom-left:before {
  border-bottom-color: #06d6a0;
}

.hint--success.hint--bottom-right:before {
  border-bottom-color: #06d6a0;
}

.hint--success.hint--bottom:before {
  border-bottom-color: #06d6a0;
}

.hint--success.hint--left:before {
  border-left-color: #06d6a0;
}

.hint--success.hint--right:before {
  border-right-color: #06d6a0;
}

.hint--light:after {
  background-color: #fff;
  color: #1d252d !important;
  box-shadow: 0px 5px 15px 0px rgba(39, 26, 54, 0.15);
}

.hint--light.hint--top-left:before {
  border-top-color: #fff;
}

.hint--light.hint--top-right:before {
  border-top-color: #fff;
}

.hint--light.hint--top:before {
  border-top-color: #fff;
}

.hint--light.hint--bottom-left:before {
  border-bottom-color: #fff;
}

.hint--light.hint--bottom-right:before {
  border-bottom-color: #fff;
}

.hint--light.hint--bottom:before {
  border-bottom-color: #fff;
}

.hint--light.hint--left:before {
  border-left-color: #fff;
}

.hint--light.hint--right:before {
  border-right-color: #fff;
}

.hint--bubble:after {
  border-radius: 100px !important;
  font-size: 0.6rem !important;
  text-transform: uppercase !important;
}

.hint--bubble.hint--top-left:before {
  display: none;
}

.hint--bubble.hint--top-right:before {
  display: none;
}

.hint--bubble.hint--top:before {
  display: none;
}

.hint--bubble.hint--bottom-left:before {
  display: none;
}

.hint--bubble.hint--bottom-right:before {
  display: none;
}

.hint--bubble.hint--bottom:before {
  display: none;
}

.hint--bubble.hint--left:before {
  display: none;
}

.hint--bubble.hint--right:before {
  display: none;
}

.hint--always:after, .hint--always:before {
  opacity: 1;
  visibility: visible;
}

.hint--always.hint--top:before {
  transform: translateY(-8px);
}

.hint--always.hint--top:after {
  transform: translateX(-50%) translateY(-8px);
}

.hint--always.hint--top-left:before {
  transform: translateY(-8px);
}

.hint--always.hint--top-left:after {
  transform: translateX(-100%) translateY(-8px);
}

.hint--always.hint--top-right:before {
  transform: translateY(-8px);
}

.hint--always.hint--top-right:after {
  transform: translateY(-8px);
}

.hint--always.hint--bottom:before {
  transform: translateY(8px);
}

.hint--always.hint--bottom:after {
  transform: translateX(-50%) translateY(8px);
}

.hint--always.hint--bottom-left:before {
  transform: translateY(8px);
}

.hint--always.hint--bottom-left:after {
  transform: translateX(-100%) translateY(8px);
}

.hint--always.hint--bottom-right:before {
  transform: translateY(8px);
}

.hint--always.hint--bottom-right:after {
  transform: translateY(8px);
}

.hint--always.hint--left:before {
  transform: translateX(-8px);
}

.hint--always.hint--left:after {
  transform: translateX(-8px);
}

.hint--always.hint--right:before {
  transform: translateX(8px);
}

.hint--always.hint--right:after {
  transform: translateX(8px);
}

.hint--rounded:after {
  border-radius: 4px;
}

.hint--no-animate:before, .hint--no-animate:after {
  transition-duration: 0ms;
}

.hint--bounce:before, .hint--bounce:after {
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}

.hint--no-shadow:before, .hint--no-shadow:after {
  text-shadow: initial;
  box-shadow: initial;
}

/* ==========================================================================
2. CSS Tooltips Dark mode
========================================================================== */
body.is-dark .hint--top-left:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):after {
  background: rgb(9.8898737577%, 9.8898737577%, 10.7375772227%) !important;
}
body.is-dark .hint--top-left:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):before {
  border-top-color: rgb(9.8898737577%, 9.8898737577%, 10.7375772227%);
}
body.is-dark .hint--top-right:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):after {
  background: rgb(9.8898737577%, 9.8898737577%, 10.7375772227%) !important;
}
body.is-dark .hint--top-right:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):before {
  border-top-color: rgb(9.8898737577%, 9.8898737577%, 10.7375772227%);
}
body.is-dark .hint--top:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):after {
  background: rgb(9.8898737577%, 9.8898737577%, 10.7375772227%) !important;
}
body.is-dark .hint--top:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):before {
  border-top-color: rgb(9.8898737577%, 9.8898737577%, 10.7375772227%);
}
body.is-dark .hint--bottom-left:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):after {
  background: rgb(9.8898737577%, 9.8898737577%, 10.7375772227%) !important;
}
body.is-dark .hint--bottom-left:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):before {
  border-bottom-color: rgb(9.8898737577%, 9.8898737577%, 10.7375772227%);
}
body.is-dark .hint--bottom-right:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):after {
  background: rgb(9.8898737577%, 9.8898737577%, 10.7375772227%) !important;
}
body.is-dark .hint--bottom-right:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):before {
  border-bottom-color: rgb(9.8898737577%, 9.8898737577%, 10.7375772227%);
}
body.is-dark .hint--bottom:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):after {
  background: rgb(9.8898737577%, 9.8898737577%, 10.7375772227%) !important;
}
body.is-dark .hint--bottom:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):before {
  border-bottom-color: rgb(9.8898737577%, 9.8898737577%, 10.7375772227%);
}
body.is-dark .hint--left:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):after {
  background: rgb(9.8898737577%, 9.8898737577%, 10.7375772227%) !important;
}
body.is-dark .hint--left:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):before {
  border-left-color: rgb(9.8898737577%, 9.8898737577%, 10.7375772227%);
}
body.is-dark .hint--right:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):after {
  background: rgb(9.8898737577%, 9.8898737577%, 10.7375772227%) !important;
}
body.is-dark .hint--right:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):before {
  border-right-color: rgb(9.8898737577%, 9.8898737577%, 10.7375772227%);
}
body.is-dark .hint--primary:after {
  background-color: #797bf2;
}
body.is-dark .hint--primary.hint--top-left:before {
  border-top-color: #797bf2;
}
body.is-dark .hint--primary.hint--top-right:before {
  border-top-color: #797bf2;
}
body.is-dark .hint--primary.hint--top:before {
  border-top-color: #797bf2;
}
body.is-dark .hint--primary.hint--bottom-left:before {
  border-bottom-color: #797bf2;
}
body.is-dark .hint--primary.hint--bottom-right:before {
  border-bottom-color: #797bf2;
}
body.is-dark .hint--primary.hint--bottom:before {
  border-bottom-color: #797bf2;
}
body.is-dark .hint--primary.hint--left:before {
  border-left-color: #797bf2;
}
body.is-dark .hint--primary.hint--right:before {
  border-right-color: #797bf2;
}

/*! _timeline.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Timeline
    2. Timeline Dark mode
    3. Media Queries
*/
/* ==========================================================================
1. Timeline
========================================================================== */
.timeline-wrapper {
  max-width: 940px;
  margin: 0 auto;
}
.timeline-wrapper .timeline-wrapper-inner {
  padding-top: 30px;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 51px;
  width: 2px;
  height: 100%;
  background: #d1d5db;
}
[dir=rtl] .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item::before {
  left: unset;
  right: 51px;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item:last-child:before {
  display: none;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot {
  position: absolute;
  left: 45px;
  top: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #9333ea;
  z-index: 1;
}
[dir=rtl] .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot {
  left: unset;
  right: 45px;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot.is-info {
  border-color: #039BE5;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot.is-success {
  border-color: #06d6a0;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot.is-warning {
  border-color: #faae42;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot.is-danger {
  border-color: #e62965;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot.is-purple {
  border-color: hsl(271, 100%, 71%);
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content {
  margin-left: 40px;
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item.is-unread .content-wrap .content-box .status {
  background: #F92B60 !important;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .date {
  width: 80px;
  font-family: "STC Forward", sans-serif;
  text-align: right;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .date span {
  font-size: 0.9rem;
  color: #a2a5b9;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap {
  flex-grow: 2;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box {
  display: flex;
  align-items: center;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .status {
  height: 8px;
  width: 8px;
  min-width: 8px;
  border-radius: 50%;
  background: rgb(80.6459761819%, 81.2702995309%, 85.4324551907%);
  margin: 0 16px 0 0;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text {
  display: flex;
  align-items: center;
  margin-left: 12px;
  flex-grow: 2;
  justify-content: flex-start;
  gap: 24px;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .box-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .box-container .meta-text {
  line-height: 1.2;
  direction: ltr;
}
[dir=rtl] .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .box-container .meta-text {
  direction: rtl;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .box-container .meta-text {
  display: flex;
  gap: 4px;
  align-items: center;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .box-container .meta-text p {
  color: rgb(52.1183688199%, 53.6629375677%, 63.9600625526%);
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .box-container .meta-text p span {
  font-family: "STC Forward", sans-serif;
  color: #1d252d;
  font-weight: 600;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .box-container .meta-text p a {
  color: #4f008c;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .box-container .meta-text p .tag {
  position: relative;
  top: -1px;
  font-weight: 500;
  line-height: 1.8;
  height: 1.8em;
  margin: 0 2px;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .box-container .meta-text > span {
  color: #a2a5b9;
  font-size: 0.9rem;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .box-container .box-container-date {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-end {
  margin-left: auto;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-end .h-avatar {
  margin: 0 2px;
}
.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .meta-content {
  padding-left: 78px;
}
.timeline-wrapper .timeline-wrapper-inner .load-more-wrap {
  padding: 40px 0;
}

/* ==========================================================================
2. Timeline Dark mode
========================================================================== */
body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item:before {
  background: rgb(32.9035723879%, 32.9035723879%, 35.7238785925%);
}
body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot {
  border: 2px solid #797bf2;
}
body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .status {
  background: rgb(32.9035723879%, 32.9035723879%, 35.7238785925%);
}
body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .meta-text p span {
  color: #cecece;
}
body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .meta-text p a {
  color: #797bf2;
}
/* ==========================================================================
3. Media Queries
========================================================================== */
@media only screen and (max-width: 767px) {
  .timeline-wrapper .timeline-wrapper-inner {
    padding-top: 0;
  }
  .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item {
    flex-direction: column;
  }
  .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item:before {
    display: none;
  }
  .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot {
    display: none;
  }
  .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .date {
    align-self: flex-end;
    margin-bottom: 4px;
  }
  .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-end {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .timeline-wrapper .timeline-wrapper-inner {
    padding-top: 0;
  }
  .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item {
    flex-direction: column;
  }
  .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item:before {
    display: none;
  }
  .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot {
    display: none;
  }
  .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .date {
    align-self: flex-end;
    margin-bottom: 4px;
  }
}
@media (max-width: 836px) {
  .box-container-date {
    color: red;
  }
}
/*! _stories.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Stories
    2. Stories Dark mode
*/
/* ==========================================================================
1. Stories
========================================================================== */
/*! purgecss start ignore */
.stories.carousel.solutions.is-desktop .story {
  width: 170px;
  max-width: 170px;
}
.stories.carousel.solutions.is-desktop .story .item-preview {
  border-radius: 8px;
  padding: 0;
  max-height: 270px;
  height: 270px;
  overflow: hidden;
  position: relative;
}
.stories.carousel.solutions.is-desktop .story .item-preview img, .stories.carousel.solutions.is-desktop .story .item-preview video {
  border-radius: 0;
  border: none;
}
.stories.carousel.solutions.is-desktop .story .item-preview .reply-story {
  width: 170px;
  height: 270px;
  border-radius: 0;
  border: 0;
}
.stories.carousel.solutions.is-desktop .story .item-preview.seen {
  background: #dee1e6;
}
.stories.carousel.solutions.is-desktop .story .item-preview.seen .reply-story {
  display: flex;
}
.stories.carousel.solutions.is-desktop .story > .item-link > .info {
  margin: auto;
  width: 170px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.71);
  height: 270px;
  border-radius: 7px;
  opacity: 0;
  cursor: pointer;
  transition: opacity 0.3s;
}
.stories.carousel.solutions.is-desktop .story > .item-link > .info .media-flex-center {
  display: flex;
  justify-content: space-around;
  padding: 0 10px;
  text-align: start;
  transform: translateY(-37px);
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
  left: 10px;
  transition: all 0.3s;
  color: #ffffff;
}
[dir=rtl] .stories.carousel.solutions.is-desktop .story > .item-link > .info .media-flex-center {
  left: unset;
  right: 10px;
}
.stories.carousel.solutions.is-desktop .story > .item-link > .info .media-flex-center .flex-meta {
  margin: 0 6px !important;
}
.stories.carousel.solutions.is-desktop .story > .item-link > .info .media-flex-center .flex-meta span {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
}
.stories.carousel.solutions.is-desktop .story > .item-link > .info .media-flex-center .flex-meta span:first-child {
  font-weight: 600;
  color: #fff;
}
.stories.carousel.solutions.is-desktop .story > .item-link > .info .name {
  display: none;
}
.stories.carousel.solutions.is-desktop .story .item-link {
  transition: all 0.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  animation-fill-mode: both;
}
.stories.carousel.solutions.is-desktop .story .item-link.show-info .info {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9803921569) -27%, rgba(0, 0, 0, 0.62) -14%, rgba(0, 0, 0, 0) 35%);
  border-radius: 7px;
  bottom: 0;
  cursor: pointer;
  height: 270px;
  left: 0;
  margin: auto;
  opacity: 1;
  position: absolute;
  right: 0;
  transition: opacity 0.3s;
  width: 170px;
}
.stories.carousel.solutions.is-desktop .story .item-link.show-info .info .media-flex-center {
  color: #fff;
  display: flex;
  font-size: 0.75rem;
  font-weight: 500;
  justify-content: space-around;
  left: 0;
  padding: 0 10px;
  text-align: start;
  text-transform: uppercase;
  transform: translateY(0px);
  transition: all 0.3s;
  bottom: 0;
  width: 100%;
  position: absolute;
}
.stories.carousel.solutions.is-desktop .story .item-link.show-info .info .media-flex-center .flex-meta span {
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 0.65rem;
  font-weight: 700;
}
.stories.carousel.solutions.is-desktop .story .item-link.show-info .info .media-flex-center .flex-meta span:first-child {
  color: #fff;
  font-weight: 600;
  font-size: 0.76rem;
}
.stories.carousel.solutions.is-desktop .story .item-link.active {
  transform: scale(0.98) translateY(0px);
}
.stories.carousel.solutions.is-desktop .story .item-link.active .info {
  opacity: 1;
  pointer-events: all;
}
.stories.carousel.solutions.is-desktop .story .item-link.active .info .media-flex-center {
  transform: translateY(12px);
}
.stories.carousel.solutions.is-desktop .story .item-link.active.show-info .info .media-flex-center {
  transform: translateY(3px);
}
.stories.carousel.solutions.is-desktop .story.seen > .item-link > .info {
  background: none;
}

.stories.carousel {
  white-space: nowrap;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  min-height: auto;
  margin-bottom: 30px;
}
.stories.carousel .story {
  display: inline-block;
  width: 85px;
  max-width: 85px;
  vertical-align: top;
}
.stories.carousel .story > .item-link {
  text-align: center;
  display: block;
}
.stories.carousel .story .tag {
  position: absolute;
  bottom: 35px;
  left: 50%;
  font-size: 0.65rem;
  font-weight: 800;
  transform: translateX(-50%);
  padding: 0px 5px;
  height: 2.4em;
  z-index: 1;
  border-radius: 4px;
}
.stories.carousel .story .tag.is-live {
  bottom: 0;
  background-color: rgb(255, 0, 49) !important;
  color: rgb(255, 255, 255);
}
.stories.carousel .story .tag svg {
  margin-right: 3px;
}
[dir=rtl] .stories.carousel .story .tag svg {
  margin-right: 0;
  margin-left: 3px;
}
.stories .list {
  white-space: nowrap;
  overflow: auto;
}

.stories.carousel .story > .item-link > .item-preview {
  display: block;
  box-sizing: border-box;
  font-size: 0;
  max-height: 85px;
  height: 85px;
  overflow: hidden;
  transition: transform 0.2s;
}

.stories.carousel .story > .item-link > .item-preview img, .stories.carousel .story > .item-link > .item-preview video {
  display: block;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}

.stories.carousel .story > .item-link > .info {
  display: inline-block;
  margin: 0.5em auto;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  height: auto;
}
.stories.carousel .story > .item-link > .info .media-flex-center {
  display: none;
}
.stories.carousel .story > .item-link > .info .name {
  display: block;
  font-weight: 500;
  color: #1d252d;
}
.stories.carousel .story > .item-link > .info .time {
  display: none;
}

.stories.carousel .story > .items {
  display: none;
}

.stories.list .story {
  display: block;
  width: auto;
  margin: 6px;
  padding-bottom: 6px;
}

.stories.list .story > .item-link {
  text-align: left;
  display: block;
}

.stories.list .story > .item-link > .item-preview {
  height: 42px;
  width: 42px;
  max-width: 42px;
  margin-right: 12px;
  vertical-align: top;
  display: inline-block;
  box-sizing: border-box;
  font-size: 0;
  overflow: hidden;
}

.stories.list .story > .item-link > .item-preview img, .stories.list .story > .item-link > .item-preview video {
  display: block;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
}

.stories.list .story > .item-link > .info {
  display: inline-block;
  line-height: 1.6em;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.stories.list .story > .item-link > .info .name {
  font-weight: 500;
  display: block;
  color: #fff;
}
.stories.list .story > .item-link > .info .time {
  display: inline-block;
}

.stories.list .story > .items {
  display: none;
}

.stories.solutions .story > .item-link {
  text-decoration: none;
  color: #ff375e;
}

.stories.solutions .story > .item-link > .item-preview {
  border-radius: 50%;
  padding: 2px;
  background: radial-gradient(ellipse at 70% 70%, #4f008c 8%, #4f008c 42%, #4f008c 58%);
}

.stories.solutions .story > .item-link > .item-preview img, .stories.solutions .story > .item-link > .item-preview video {
  border-radius: 50%;
  border: 2px solid #F2F2F2;
}
body.is-dark .stories.solutions .story > .item-link > .item-preview img, body.is-dark .stories.solutions .story > .item-link > .item-preview video {
  border: 2px solid #323236;
}

.stories.solutions .story > .item-link > .item-preview .reply-story {
  width: 81px;
  height: 81px;
  background: rgba(0, 0, 0, 0.71);
  display: none;
  border-radius: 50%;
  box-sizing: border-box;
  border: 2px solid #f2f2f2;
  position: absolute;
}
.stories.solutions .story > .item-link > .item-preview .reply-story svg {
  width: 25px;
  height: 25px;
  align-self: center;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.85);
}
.stories.solutions .story > .item-link > .item-preview.seen {
  background: #dee1e6;
}
.stories.solutions .story > .item-link > .item-preview.seen .reply-story {
  display: flex;
}

.stories.solutions .story.seen > a {
  color: rgb(42.2661064426%, 0%, 74.9019607843%) !important;
}

@keyframes zuckSlideTime {
  0% {
    max-width: 0;
  }
  100% {
    max-width: 100%;
  }
}
@keyframes zuckLoading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#zuck-modal {
  outline: 0 !important;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100vw;
  height: 100%;
  z-index: 100000;
  font-size: 1rem;
  color: #fff;
  font-family: "STC Forward", -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

#zuck-modal-content .story-viewer {
  transform: scale(0.98);
  transition: 0.25s;
}
#zuck-modal-content .story-viewer.viewing {
  transform: scale(1);
}

#zuck-modal-content,
#zuck-modal-content .story-viewer,
#zuck-modal-content .story-viewer > .slides,
#zuck-modal-content .story-viewer > .slides > * {
  width: 100vw;
  height: 100%;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow: hidden;
}

#zuck-modal * {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  outline: 0;
}

#zuck-modal.with-effects {
  transform: scale(0);
  border-radius: 12px;
  transform-origin: center;
  transition: 0.25s;
}

#zuck-modal.with-effects.animated-story {
  transform: scale(1);
  border-radius: 0;
  margin-top: 0 !important;
  margin-left: 0 !important;
}

#zuck-modal.with-effects.closed {
  transform: translateY(100%);
}

#zuck-modal .slider {
  width: 300vw;
  height: 100%;
  top: 0;
  bottom: 0;
  left: -100vw;
  position: absolute;
  background: black;
}

#zuck-modal .slider > * {
  width: 100vw;
  height: 100%;
  top: calc(0px + env(safe-area-inset-top)) !important;
  height: calc(100% - env(safe-area-inset-bottom)) !important;
  top: 0;
  bottom: 0;
  position: absolute;
}

#zuck-modal .slider > .previous {
  left: 0;
}
[dir=rtl] #zuck-modal .slider > .previous {
  left: unset;
  right: 0;
}

#zuck-modal .slider > .viewing {
  left: 100vw;
}
[dir=rtl] #zuck-modal .slider > .viewing {
  left: unset;
  right: 100vw;
}

#zuck-modal .slider > .next {
  left: 200vw;
}
[dir=rtl] #zuck-modal .slider > .next {
  left: unset;
  right: 200vw;
}

#zuck-modal .slider.animated-story {
  transition: transform 0.25s linear;
}

#zuck-modal.with-cube #zuck-modal-content {
  perspective: 1000vw;
  transform: scale(0.95);
  perspective-origin: 50% 50%;
  overflow: visible;
  transition: 0.3s;
}

#zuck-modal-content .story-viewer.paused.longPress .head,
#zuck-modal-content .story-viewer.paused.longPress .slides-pointers,
#zuck-modal-content .story-viewer.paused.longPress .tip {
  opacity: 0;
}

#zuck-modal-content .story-viewer.viewing.paused .slides-pointers > * > .active > b {
  animation-fill-mode: forwards;
  animation-play-state: paused;
}

#zuck-modal-content .story-viewer.viewing:not(.paused):not(.stopped) .slides-pointers > * > .active > b {
  animation-play-state: running;
}

#zuck-modal-content .story-viewer.next {
  z-index: 10;
}

#zuck-modal-content .story-viewer.viewing {
  z-index: 5;
}

#zuck-modal-content .story-viewer.previous {
  z-index: 0;
}

#zuck-modal-content .story-viewer.muted .tip.muted,
#zuck-modal-content .story-viewer.loading .head .loading {
  display: block;
}

#zuck-modal-content .story-viewer.loading .head .right .time,
#zuck-modal-content .story-viewer.loading .head .right .close {
  display: none;
}

#zuck-modal-content .story-viewer .slides-pagination span {
  position: absolute;
  top: 50vh;
  font-size: 48px;
  color: #fff;
  line-height: 48px;
  width: 48px;
  margin: 6px;
  transform: translateY(-50%);
  z-index: 1;
  text-align: center;
}

#zuck-modal-content .story-viewer .slides-pagination .previous {
  left: 0;
}

#zuck-modal-content .story-viewer .slides-pagination .next {
  right: 0;
}

#zuck-modal-content .story-viewer .slides-pointers {
  display: table;
  table-layout: fixed;
  border-spacing: 6px;
  border-collapse: separate;
  position: absolute;
  width: 100vh;
  top: 0;
  left: calc(50vw - 50vh);
  right: calc(50vw - 50vh);
  z-index: 100020;
}

#zuck-modal-content .story-viewer .slides-pointers > * {
  display: table-row;
}

#zuck-modal-content .story-viewer .slides-pointers > * > * {
  display: table-cell;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 2px;
}

#zuck-modal-content .story-viewer .slides-pointers > * > .seen {
  background: #fff;
}

#zuck-modal-content .story-viewer .slides-pointers > * > * > b {
  background: #fff;
  width: auto;
  max-width: 0;
  height: 2px;
  display: block;
  animation-fill-mode: forwards;
  animation-play-state: paused;
  border-radius: 2px;
}

#zuck-modal-content .story-viewer .slides-pointers > * > .active > b {
  animation-name: zuckSlideTime;
  animation-timing-function: linear;
}

#zuck-modal-content .story-viewer .head {
  position: absolute;
  height: 65px;
  left: 0;
  right: 0;
  z-index: 100010;
  color: #fff;
  font-size: 14px;
  text-shadow: 0 0 9px rgba(0, 0, 0, 0.45), 0 0 6px rgba(0, 0, 0, 0.7);
  padding: 6px 25px;
  display: flex;
  align-items: center;
  margin-top: 20px;
}

#zuck-modal-content .story-viewer .head .item-preview {
  overflow: hidden;
  background-size: cover;
  width: 42px;
  height: 42px;
  display: inline-block;
  margin-right: 9px;
  border-radius: 50%;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
}

#zuck-modal-content .story-viewer .head .item-preview img, #zuck-modal-content .story-viewer .head .item-preview video {
  display: block;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}

#zuck-modal-content .story-viewer .head .time {
  opacity: 0.75;
  font-weight: 500;
  font-size: 1rem;
  color: #fff;
}

#zuck-modal-content .story-viewer .head .left .media-flex-center .flex-meta span:first-child {
  font-size: 0.95rem;
  color: #fff;
  font-weight: 600;
}
#zuck-modal-content .story-viewer .head .left .media-flex-center .flex-meta span:nth-child(2) {
  color: #fff;
  font-size: 0.9rem;
}

#zuck-modal-content .story-viewer .head .left .info {
  display: inline-block;
  max-width: 30vw;
  vertical-align: center;
  width: initial;
  height: initial;
  margin: auto;
}

#zuck-modal-content .story-viewer .head .left .info > * {
  width: 100%;
  display: inline-block;
  line-height: 21px;
}

#zuck-modal-content .story-viewer .head .left .info .name {
  font-weight: 500;
  color: #fff;
  font-size: 0.8rem;
}

#zuck-modal-content .story-viewer .head .right {
  margin-left: auto;
}
[dir=rtl] #zuck-modal-content .story-viewer .head .right {
  margin-left: 0;
  margin-right: auto;
}

#zuck-modal-content .story-viewer .head .right .close,
#zuck-modal-content .story-viewer .head .back {
  font-size: 42px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
  text-align: center;
  color: #fff;
}

#zuck-modal-content .story-viewer .head .left .back {
  display: none;
  width: 24px;
  margin: -9px -6px 0 -6px;
}

#zuck-modal-content .story-viewer .head .right .time {
  display: none;
}

#zuck-modal-content .story-viewer .head .loading {
  display: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin: 9px 0;
  border: 4px solid rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
  border-top-color: #fff;
  animation: zuckLoading 1s infinite linear;
}

#zuck-modal-content .story-viewer .head,
#zuck-modal-content .story-viewer .slides-pointers,
#zuck-modal-content .story-viewer .tip {
  transition: opacity 0.5s;
}

#zuck-modal-content .story-viewer .slides .item {
  display: none;
  overflow: hidden;
  background: #000;
  height: calc(100% - env(safe-area-inset-bottom)) !important;
}

#zuck-modal-content .story-viewer .slides .item:before {
  z-index: 4;
  background: transparent;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

#zuck-modal-content .story-viewer .slides .item > .video-js, #zuck-modal-content .story-viewer .slides .item {
  height: 100vh;
  max-height: calc(100vh - env(safe-area-inset-top));
}
#zuck-modal-content .story-viewer .slides .item > .video-js .media, #zuck-modal-content .story-viewer .slides .item .media {
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  top: 50%;
  max-height: calc(100vh - 30px);
  border-radius: 12px;
  -o-object-fit: contain;
  object-fit: cover;
  contain: paint;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  #zuck-modal-content .story-viewer .slides .item > .video-js .media, #zuck-modal-content .story-viewer .slides .item .media {
    height: auto;
    width: 100%;
    max-height: calc(100vh - 116px);
    -o-object-fit: contain;
       object-fit: contain;
  }
}
#zuck-modal-content .story-viewer .slides .item > .video-js .media .video-js, #zuck-modal-content .story-viewer .slides .item .media .video-js {
  width: auto;
  height: 100%;
  margin: auto;
  padding: 25px;
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  #zuck-modal-content .story-viewer .slides .item > .video-js .media .video-js, #zuck-modal-content .story-viewer .slides .item .media .video-js {
    width: 100%;
    padding: 0;
  }
}
#zuck-modal-content .story-viewer .slides .item > .video-js .media video, #zuck-modal-content .story-viewer .slides .item > .video-js .media.is-img, #zuck-modal-content .story-viewer .slides .item .media video, #zuck-modal-content .story-viewer .slides .item .media.is-img {
  border-radius: 12px;
  -o-object-fit: contain;
     object-fit: contain;
  width: auto;
  contain: paint;
  height: auto;
  max-width: 100%;
  margin: auto;
  max-height: 100%;
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  #zuck-modal-content .story-viewer .slides .item > .video-js .media video, #zuck-modal-content .story-viewer .slides .item > .video-js .media.is-img, #zuck-modal-content .story-viewer .slides .item .media video, #zuck-modal-content .story-viewer .slides .item .media.is-img {
    width: 100%;
  }
}
#zuck-modal-content .story-viewer .slides .item > .video-js .media.is-img, #zuck-modal-content .story-viewer .slides .item .media.is-img {
  height: auto;
  max-height: 100%;
  width: auto;
  max-width: 100%;
  -o-object-fit: unset;
     object-fit: unset;
}

#zuck-modal .video-js {
  height: 100%;
}

#zuck-modal-content .story-viewer .slides .item.active,
#zuck-modal-content .story-viewer .slides .item.active .tip.link {
  display: block;
}

#zuck-modal-content .story-viewer .tip {
  z-index: 5;
  text-decoration: none;
  display: none;
  border-radius: 24px;
  background: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  padding: 12px 24px;
}

#zuck-modal.rtl {
  direction: rtl;
  left: auto;
  right: 0;
}

#zuck-modal.rtl.with-effects {
  transform-origin: top right;
}

#zuck-modal.rtl.with-effects.animated-story {
  margin-left: auto !important;
  margin-right: 0 !important;
}

#zuck-modal.rtl .slider {
  left: auto;
  right: -100vw;
}

#zuck-modal.rtl .slider > .previous {
  left: auto;
  right: 0;
}

#zuck-modal.rtl .slider > .viewing {
  left: auto;
  right: 100vw;
}

#zuck-modal.rtl .slider > .next {
  left: auto;
  right: 200vw;
}

#zuck-modal.rtl.with-cube .slider > .previous {
  left: auto;
  right: 100vw;
  transform-origin: center right;
}

#zuck-modal.rtl.with-cube .slider > .viewing {
  left: auto;
  right: 100vw;
  transform: translateZ(50vw);
}

#zuck-modal.rtl.with-cube .slider > .next {
  left: auto;
  right: 100vw;
  transform-origin: top left;
  transform: rotateY(270deg) translateX(-50%);
}

#zuck-modal.rtl #zuck-modal-content .story-viewer .slides-pagination .previous {
  left: auto;
  right: 0;
}

#zuck-modal.rtl #zuck-modal-content .story-viewer .slides-pagination .next {
  right: auto;
  left: 0;
}

#zuck-modal.rtl #zuck-modal-content .story-viewer .head .item-preview {
  margin-right: auto;
  margin-left: 9px;
}

#zuck-modal.rtl #zuck-modal-content .story-viewer .head .right {
  float: left;
}

#zuck-modal.rtl #zuck-modal-content .story-viewer .tip {
  left: auto;
  right: 50%;
  transform: translateX(50%);
}

@media (max-width: 1024px) {
  .stories.story-preview {
    margin: 0 -12px;
  }
  .stories.story-preview .swiper {
    padding: 0 12px;
  }
  #zuck-modal-content .story-viewer .head {
    top: 3px;
    padding: 6px 12px;
    margin-top: 0;
  }
  #zuck-modal-content .story-viewer .head .loading {
    width: 24px;
    height: 24px;
    margin: 6px 0;
  }
  #zuck-modal-content .story-viewer .head .item-preview {
    width: 30px;
    height: 30px;
    margin-right: 9px;
  }
  [dir=rtl] #zuck-modal-content .story-viewer .head .item-preview {
    margin-right: 0;
    margin-left: 9px;
  }
  #zuck-modal-content .story-viewer .head .left {
    font-size: 0.9rem;
    margin: 15px 0;
  }
  #zuck-modal-content .story-viewer .head .left > div {
    line-height: 30px;
  }
  #zuck-modal-content .story-viewer .head .right .time {
    display: block;
    white-space: nowrap;
    font-size: 0.8rem;
    margin: 15px 0;
    line-height: 30px;
  }
  #zuck-modal-content .story-viewer .head .left > .back {
    display: none;
    background: transparent;
    z-index: 20;
    visibility: visible;
    position: relative;
    height: 42px;
    width: 24px;
    line-height: 36px;
    text-align: left;
    text-shadow: none;
    color: #fff;
    vertical-align: middle;
    align-items: center;
    margin: -8px 0 0;
  }
  #zuck-modal-content .story-viewer.with-back-button .head .left > .back {
    display: none;
  }
  #zuck-modal-content .story-viewer.with-back-button .head .left .item-preview {
    margin-left: 0;
  }
  #zuck-modal-content .story-viewer .slides-pointers {
    width: 100vw;
    left: 0;
    right: 0;
  }
  #zuck-modal-content .story-viewer .tip {
    font-size: 14px;
    padding: 6px 12px;
  }
  #zuck-modal-content .story-viewer .head .left .time,
  #zuck-modal-content .story-viewer .head .right .close {
    display: none;
  }
  #zuck-modal.rtl #zuck-modal-content .story-viewer .head .item-preview {
    margin-right: auto;
    margin-left: 9px;
  }
  #zuck-modal.rtl #zuck-modal-content .story-viewer .head .left > .back {
    text-align: right;
  }
  #zuck-modal.rtl #zuck-modal-content .story-viewer.with-back-button .head .left .item-preview {
    margin-right: auto;
    margin-left: 9px;
  }
}
/*! purgecss end ignore */
/* ==========================================================================
2. Stories Dark mode
========================================================================== */
/*! purgecss start ignore */
body.is-dark .stories.solutions .story > .item-link > .item-preview {
  background: radial-gradient(ellipse at 70% 70%, #797bf2 8%, #797bf2 42%, #797bf2 58%);
}
body.is-dark .stories.carousel .story > .item-link > .info .name {
  color: rgba(255, 255, 255, 0.6);
}
body.is-dark .stories.solutions .story > .item-link > .item-preview .reply-story {
  border: 2px solid rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
body.is-dark .stories.solutions .story.seen > a > .item-preview {
  background: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .stories.solutions .story.seen > a {
  color: rgb(42.2661064426%, 0%, 74.9019607843%) !important;
}

.vimeo-stream {
  padding: 56.25% 0 0 0;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.vimeo-stream iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}

/*! purgecss end ignore */
/*! purgecss start ignore */
.live-story-container {
  width: 100% !important;
  height: 100% !important;
  position: fixed;
  z-index: 123;
  background-color: transparent;
  pointer-events: none;
  display: flex;
  justify-content: flex-end;
  padding-top: calc(13px + env(safe-area-inset-top));
}
@media only screen and (max-width: 1024px) and (orientation: portrait) {
  .live-story-container {
    bottom: calc(50px + env(safe-area-inset-bottom));
    padding-top: calc(71px + env(safe-area-inset-top));
  }
}
.live-story-container .live-story-wrapper {
  max-width: 437px;
  position: fixed;
  flex-direction: column;
  width: 100%;
  display: flex;
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
  pointer-events: all;
  padding: 13px;
}
@media only screen and (max-width: 767px) {
  .live-story-container .live-story-wrapper {
    max-width: 100%;
  }
}
.vjs-full-window .live-story-container .live-story-wrapper {
  transform: unset !important;
}
.live-story-container .live-story-wrapper .video-js {
  border-radius: 6px;
  contain: content;
  height: auto;
}
.live-story-container .live-story-wrapper .video-js canvas {
  overflow: hidden;
  border-radius: 8px;
}
.live-story-container .live-story-wrapper .video-js.vjs-fullscreen .vjs-control-bar {
  position: absolute;
  height: 6em;
  padding: 1.5em 0;
  height: calc(6em + env(safe-area-inset-bottom));
  border-radius: 0 0 8px 8px;
}
.live-story-container .live-story-wrapper .video-js.vjs-fullscreen .vjs-control-bar .vjs-control {
  height: 30px;
}
.live-story-container .live-story-wrapper .video-js .vjs-control-bar {
  height: 4em;
  padding: 0.5em 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));
  color: #fff;
  border-radius: 0 0 8px 8px;
}
.live-story-container .live-story-wrapper .video-js .vjs-control {
  color: #fff;
}
.live-story-container .live-story-wrapper .video-js .vjs-control.vjs-button-vr {
  display: none;
}
.live-story-container .live-story-wrapper .video-js .vjs-control.vjs-vrbtn {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .live-story-container .live-story-wrapper .video-js .vjs-control.vjs-vrbtn {
    display: block;
  }
}
.live-story-container .live-story-wrapper .video-js .vjs-control.vjs-subs-caps-button {
  display: none;
}
.live-story-container .live-story-wrapper .video-js .vjs-control.vjs-fullscreen-control {
  display: block !important;
}
.live-story-container .live-story-wrapper .video-js .vjs-control.vjs-button vjs-quality-selector {
  display: block;
}
.live-story-container .live-story-wrapper .video-js .vjs-play-progress:before {
  color: white;
}
.live-story-container .live-story-wrapper .video-js .vjs-big-vr-play-button, .live-story-container .live-story-wrapper .video-js .vjs-big-play-button {
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  width: 50px;
  border-radius: 50%;
  border: 0;
  height: 50px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cpath fill='%23FFF' d='M334.883 275.78l-6.374-36.198-6.375-36.2-28.16 23.62-28.164 23.62 25.837 9.41C266.247 296.544 224 320.5 176.25 320.5c-77.47 0-140.5-63.03-140.5-140.5 0-77.472 63.03-140.5 140.5-140.5 53.428 0 99.98 29.978 123.733 73.993l13.304-6.923C287.025 57.76 235.45 24.5 176.25 24.5c-85.743 0-155.5 69.757-155.5 155.5 0 85.742 69.757 155.5 155.5 155.5 54.253 0 102.09-27.94 129.922-70.177l28.71 10.457z'/%3E%3Cpath fill='%23FFF' d='M314.492 175.167c-12.98 0-23.54-10.56-23.54-23.54s10.56-23.54 23.54-23.54c12.98 0 23.54 10.56 23.54 23.54s-10.56 23.54-23.54 23.54zm0-38.08c-8.018 0-14.54 6.522-14.54 14.54s6.522 14.54 14.54 14.54c8.017 0 14.54-6.522 14.54-14.54s-6.523-14.54-14.54-14.54z'/%3E%3Cg fill='%23FFF'%3E%3Cpath d='M88.76 173.102h9.395c4.74-.042 8.495-1.27 11.268-3.682 2.77-2.412 4.157-5.903 4.157-10.474 0-4.4-1.153-7.817-3.46-10.25-2.307-2.434-5.83-3.65-10.568-3.65-4.147 0-7.554 1.195-10.22 3.585-2.666 2.392-4 5.514-4 9.364H69.908c0-4.74 1.26-9.055 3.776-12.95 2.518-3.892 6.03-6.928 10.537-9.108 4.508-2.18 9.554-3.27 15.14-3.27 9.225 0 16.472 2.318 21.74 6.952 5.27 4.634 7.903 11.077 7.903 19.33 0 4.147-1.323 8.05-3.967 11.71-2.646 3.66-6.062 6.422-10.252 8.284 5.078 1.736 8.94 4.465 11.584 8.19s3.968 8.166 3.968 13.33c0 8.294-2.847 14.895-8.538 19.804s-13.17 7.363-22.438 7.363c-8.887 0-16.166-2.37-21.836-7.11-5.67-4.74-8.506-11.045-8.506-18.916h15.425c0 4.062 1.365 7.363 4.094 9.902 2.73 2.54 6.4 3.81 11.014 3.81 4.782 0 8.55-1.27 11.3-3.81s4.126-6.22 4.126-11.045c0-4.865-1.44-8.61-4.316-11.235-2.878-2.623-7.152-3.936-12.822-3.936H88.76V173.1zM187.598 133.493v12.76h-1.904c-8.633.126-15.53 2.497-20.693 7.108-5.162 4.614-8.23 11.152-9.203 19.615 4.95-5.205 11.277-7.808 18.98-7.808 8.166 0 14.608 2.878 19.328 8.633 4.718 5.755 7.077 13.182 7.077 22.28 0 9.395-2.76 17.002-8.284 22.82-5.52 5.818-12.77 8.73-21.74 8.73-9.226 0-16.705-3.407-22.44-10.222-5.733-6.812-8.6-15.742-8.6-26.787v-5.267c0-16.208 3.945-28.903 11.84-38.086 7.89-9.182 19.242-13.774 34.054-13.774h1.586zM171.03 177.61c-3.386 0-6.485.95-9.3 2.855-2.814 1.904-4.877 4.443-6.188 7.617v4.697c0 6.854 1.438 12.304 4.316 16.345 2.877 4.04 6.602 6.062 11.172 6.062s8.188-1.715 10.854-5.143 4-7.934 4-13.52-1.355-10.135-4.063-13.648c-2.708-3.51-6.304-5.267-10.79-5.267zM271.136 187.447c0 13.29-2.486 23.307-7.46 30.057s-12.535 10.125-22.69 10.125c-9.988 0-17.51-3.292-22.566-9.872-5.058-6.58-7.65-16.323-7.776-29.23V172.53c0-13.287 2.485-23.252 7.458-29.896 4.973-6.643 12.558-9.966 22.757-9.966 10.112 0 17.655 3.237 22.63 9.712 4.97 6.475 7.52 16.166 7.647 29.072v15.995zm-15.425-17.265c0-8.674-1.185-15.033-3.554-19.075-2.37-4.04-6.137-6.062-11.3-6.062-5.035 0-8.738 1.915-11.107 5.745-2.37 3.83-3.62 9.807-3.746 17.932v20.948c0 8.633 1.206 15.064 3.618 19.297s6.2 6.348 11.362 6.348c4.95 0 8.61-1.957 10.98-5.87 2.37-3.915 3.62-10.04 3.746-18.378v-20.885z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-color: rgba(0, 0, 0, 0.5);
}
.live-story-container .live-story-wrapper .vjs-modal-dialog {
  display: none;
}
.live-story-container .live-story-wrapper .plyrue {
  border-radius: 8px;
  overflow: hidden;
}
.live-story-container .live-story-wrapper .plyrue .plyr {
  border-radius: 8px;
}
.live-story-container .live-story-wrapper .plyrue iframe {
  width: 100%;
  min-height: 228px;
  border-radius: 8px;
}
.live-story-container .live-story-wrapper .drag-spacebar {
  position: relative;
  width: 100%;
  height: 20px;
  bottom: -3px;
  left: unset;
  right: unset;
  background: transparent;
  display: flex;
}
.live-story-container .live-story-wrapper .drag-spacebar .spacebar {
  position: relative;
  width: 47%;
  height: 6px;
  z-index: 1;
  background: rgba(151, 151, 151, 0.6784313725);
  margin: auto;
  backdrop-filter: blur(3px);
  opacity: 0;
  border-radius: 6px;
  transition: opacity 0.3s;
}
.live-story-container .live-story-wrapper .close-stream {
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s;
  left: 20px;
  top: 20px;
  background: rgba(199, 199, 199, 0.3490196078);
  border-radius: 62px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(30px);
  padding: 5px;
}
.live-story-container .live-story-wrapper:hover .drag-spacebar .spacebar {
  opacity: 1;
}
.live-story-container .live-story-wrapper:hover .close-stream {
  opacity: 1;
}
.live-story-container.is-full-screen .live-story-wrapper {
  max-width: 100%;
  transform: unset !important;
  padding: 0;
}
.live-story-container.is-full-screen .live-story-wrapper .video-js {
  border-radius: 0;
  padding-top: calc(100vh - 10em);
}
.live-story-container.is-full-screen .live-story-wrapper .video-js .vjs-control-bar {
  height: 10em;
  padding: 3.5em 0;
}
.live-story-container.is-full-screen .overlay {
  display: none;
}
.live-story-container.is-360 .live-story-wrapper .video-js .vjs-control.vjs-picture-in-picture-control {
  display: none;
}
.live-story-container.is-360 .overlay {
  position: absolute;
  width: calc(100% - (24px + env(safe-area-inset-left)));
  height: calc(100% - (24px + env(safe-area-inset-bottom)));
  opacity: 0.4;
  top: calc(13px + env(safe-area-inset-bottom));
  left: unset;
  right: unset;
  background: #00c4a7;
  padding: 12px;
  padding-top: calc(13px + env(safe-area-inset-bottom));
  padding-bottom: calc(13px + env(safe-area-inset-bottom));
  padding-left: calc(13px + env(safe-area-inset-left));
  padding-right: calc(13px + env(safe-area-inset-right));
}
.live-story-container.is-360 .overlay__trigger {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: -15px;
  z-index: 1;
}

.vjs-loading-spinner .vjs-control-text {
  display: none;
}

.vjs-modal-dialog-description {
  display: none;
}

.vjs-modal-dialog-content {
  color: rgba(255, 255, 255, 0.58);
}

.video-js .vjs-big-vr-play-button .vjs-icon-placeholder {
  display: none;
}

:hover.video-js .vjs-big-vr-play-button {
  transition: border-color 0.4s, outline 0.4s, background-color 0.4s;
}

.video-js .vjs-big-vr-play-button::before {
  content: "";
}

.video-js canvas {
  cursor: move;
}

.video-js .vjs-button-vr .vjs-icon-placeholder {
  height: 30px;
  width: 30px;
  display: inline-block;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI0ZGRkZGRiI+CiAgICA8cGF0aCBkPSJNMjAuNzQgNkgzLjIxQzIuNTUgNiAyIDYuNTcgMiA3LjI4djEwLjQ0YzAgLjcuNTUgMS4yOCAxLjIzIDEuMjhoNC43OWMuNTIgMCAuOTYtLjMzIDEuMTQtLjc5bDEuNC0zLjQ4Yy4yMy0uNTkuNzktMS4wMSAxLjQ0LTEuMDFzMS4yMS40MiAxLjQ1IDEuMDFsMS4zOSAzLjQ4Yy4xOS40Ni42My43OSAxLjExLjc5aDQuNzljLjcxIDAgMS4yNi0uNTcgMS4yNi0xLjI4VjcuMjhjMC0uNy0uNTUtMS4yOC0xLjI2LTEuMjh6TTcuNSAxNC42MmMtMS4xNyAwLTIuMTMtLjk1LTIuMTMtMi4xMiAwLTEuMTcuOTYtMi4xMyAyLjEzLTIuMTMgMS4xOCAwIDIuMTIuOTYgMi4xMiAyLjEzcy0uOTUgMi4xMi0yLjEyIDIuMTJ6bTkgMGMtMS4xNyAwLTIuMTMtLjk1LTIuMTMtMi4xMiAwLTEuMTcuOTYtMi4xMyAyLjEzLTIuMTNzMi4xMi45NiAyLjEyIDIuMTMtLjk1IDIuMTItMi4xMiAyLjEyeiIvPgogICAgPHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+Cjwvc3ZnPgo=) no-repeat left center;
}

.video-js .vjs-vrbtn .vjs-icon-placeholder {
  height: 29px;
  width: 100%;
  display: inline-block;
  background-size: 21px;
  background-position: center center;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"%0Awidth="30" height="30"%0AviewBox="0 0 172 172"%0Astyle=" fill:%23000000;"%3E%3Cg fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"%3E%3Cpath d="M0,172v-172h172v172z" fill="none"%3E%3C/path%3E%3Cg fill="%23ffffff"%3E%3Cpath d="M42.55908,35.73535c-9.78608,0 -15.53649,6.32744 -16.15999,7.04769c-1.92425,2.22525 -1.67168,5.55327 0.5249,7.5026c2.19658,1.94933 5.57343,1.74458 7.55859,-0.42692c0.12542,-0.13616 3.13883,-3.37337 8.0695,-3.37337c3.86642,0 5.82991,1.505 5.82991,4.47917c0,3.65858 -3.92901,4.47917 -5.30501,4.47917h-1.86165c-2.97058,0 -5.375,2.40442 -5.375,5.375c0,2.97058 2.40442,5.375 5.375,5.375c3.32892,0 8.95833,0.94242 8.95833,4.47917c0,3.89508 -4.19317,4.47917 -6.69075,4.47917c-5.805,0 -8.87967,-3.24913 -8.95134,-3.32438c-1.94575,-2.24675 -5.34342,-2.49148 -7.58659,-0.5529c-2.24675,1.94217 -2.49506,5.33284 -0.5529,7.57959c0.6235,0.72025 6.39474,7.04769 17.08382,7.04769c10.43108,0 17.44076,-6.12033 17.44076,-15.22917c0,-4.30358 -1.76793,-7.94111 -4.87109,-10.58203c1.90275,-2.41158 3.08643,-5.4928 3.08643,-9.1263c0,-8.9655 -6.81192,-15.22917 -16.57292,-15.22917zM129,35.73535c-9.87925,0 -17.91667,8.03742 -17.91667,17.91667v14.33333c0,9.87925 8.03742,17.91667 17.91667,17.91667c9.87925,0 17.91667,-8.03742 17.91667,-17.91667v-14.33333c0,-9.87925 -8.03742,-17.91667 -17.91667,-17.91667zM92.92171,35.74235c-8.59283,0.39058 -24.83838,7.44017 -24.83838,31.30518c0,0.10381 0.0292,0.19859 0.03499,0.30094c-0.00758,0.21352 -0.03499,0.42155 -0.03499,0.63688c0,9.87925 8.03742,17.91667 17.91667,17.91667c9.87925,0 17.91667,-8.03742 17.91667,-17.91667c0,-9.87925 -8.03742,-17.91667 -17.91667,-17.91667c-0.31233,0 -0.61538,0.03312 -0.92383,0.04899c3.60555,-3.12936 7.57531,-3.58485 8.37744,-3.63932c2.94192,-0.15767 5.21364,-2.66029 5.08106,-5.61295c-0.13258,-2.96342 -2.63162,-5.20905 -5.61295,-5.12305zM129,46.48535c3.95242,0 7.16667,3.21425 7.16667,7.16667v14.33333c0,3.95242 -3.21425,7.16667 -7.16667,7.16667c-3.95242,0 -7.16667,-3.21425 -7.16667,-7.16667v-14.33333c0,-3.95242 3.21425,-7.16667 7.16667,-7.16667zM86,60.81868c3.95242,0 7.16667,3.21425 7.16667,7.16667c0,3.95242 -3.21425,7.16667 -7.16667,7.16667c-3.95242,0 -7.16667,-3.21425 -7.16667,-7.16667c0,-3.95242 3.21425,-7.16667 7.16667,-7.16667zM18.70052,90.00326c-11.41292,5.14566 -18.70052,12.12533 -18.70052,21.08008c0,20.39643 37.77122,30.5437 76.08285,32.03304l-4.10823,4.10824c-1.87223,1.79752 -2.62641,4.46675 -1.97168,6.97825c0.65472,2.5115 2.61605,4.47282 5.12755,5.12755c2.5115,0.65472 5.18073,-0.09946 6.97825,-1.97168l16.125,-16.125c2.79764,-2.7988 2.79764,-7.33531 0,-10.13411l-16.125,-16.125c-1.35097,-1.38873 -3.2066,-2.17137 -5.14404,-2.1696c-2.91501,0.00361 -5.53745,1.7723 -6.63303,4.47359c-1.09558,2.70129 -0.44601,5.79702 1.64296,7.83012l3.66032,3.66032c-40.44527,-1.66271 -61.3016,-12.73698 -61.3016,-17.68571c0,-3.11033 8.27879,-8.6383 24.43245,-12.73763c-8.37425,-2.25392 -15.21702,-5.10311 -20.06527,-8.34244zM153.30648,90.00326c-4.85183,3.23933 -11.69102,6.08853 -20.06527,8.34244c16.15008,4.09933 24.42545,9.6273 24.42545,12.73763c0,2.24317 -7.8386,9.86945 -33.06885,14.59229c-3.8915,0.72742 -6.45235,4.47194 -5.72493,8.36344c0.72742,3.88792 4.48628,6.46668 8.36344,5.72493c28.86733,-5.40725 44.76367,-15.59075 44.76367,-28.68066c0,-8.95475 -7.28419,-15.93441 -18.69352,-21.08008z"%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
}

.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-square:before {
  content: "\f10a";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-spinner:before {
  content: "\f10b";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-share:before {
  content: "\f10f";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cog:before {
  content: "\f110";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-outline:before {
  content: "\f112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-hd:before {
  content: "\f114";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-facebook:before {
  content: "\f117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-gplus:before {
  content: "\f118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-linkedin:before {
  content: "\f119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-twitter:before {
  content: "\f11a";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-tumblr:before {
  content: "\f11b";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pinterest:before {
  content: "\f11c";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-next-item:before {
  content: "\f11f";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-previous-item:before {
  content: "\f120";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f121";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f122";
}

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  word-break: initial;
}

.video-js:-moz-full-screen {
  position: absolute;
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
  height: 0;
}

.video-js.vjs-16-9 {
  padding-top: 56.25%;
}

.video-js.vjs-4-3 {
  padding-top: 75%;
}

.video-js.vjs-9-16 {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1 {
  padding-top: 100%;
}

.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

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

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.81666em;
  margin-left: -1.5em;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  bottom: 2em;
  max-height: 15em;
  color: #fff;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
}

.vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.vjs-no-flex .vjs-progress-control {
  width: auto;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #9914ff;
}

.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(243, 243, 243, 0);
}

.video-js .vjs-load-progress div {
  background: rgba(243, 243, 243, 0.33);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: rgba(186, 186, 186, 0.44);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: rgba(192, 192, 192, 0.54);
  outline: none;
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  display: none;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  transition: width 0.1s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}

.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-using-native-controls .vjs-poster {
  display: none;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control {
  display: none;
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-live .vjs-time-divider {
  display: none;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 2px solid rgb(156, 41, 236);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -2px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: rgb(156, 41, 236);
  }
  20% {
    border-top-color: rgb(156, 41, 236);
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: rgb(156, 41, 236);
  }
  100% {
    border-top-color: rgb(156, 41, 236);
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f11d";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-chapters-button,
.video-js.vjs-layout-small .vjs-descriptions-button,
.video-js.vjs-layout-small .vjs-captions-button,
.video-js.vjs-layout-small .vjs-subtitles-button,
.video-js.vjs-layout-small .vjs-audio-button,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-chapters-button,
.video-js.vjs-layout-x-small .vjs-descriptions-button,
.video-js.vjs-layout-x-small .vjs-captions-button,
.video-js.vjs-layout-x-small .vjs-subtitles-button,
.video-js.vjs-layout-x-small .vjs-audio-button,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-chapters-button,
.video-js.vjs-layout-tiny .vjs-descriptions-button,
.video-js.vjs-layout-tiny .vjs-captions-button,
.video-js.vjs-layout-tiny .vjs-subtitles-button,
.video-js.vjs-layout-tiny .vjs-audio-button,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}

.video-js.vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js.vjs-layout-tiny .vjs-subs-caps-button {
  display: none;
}

.video-js.vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js.vjs-layout-tiny .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

.video-js.vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js.vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}

.video-js.vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}

.video-js *:focus:not(:focus-visible) {
  outline: none;
}

/*! purgecss end ignore */
.swiper .swiper-pagination {
  position: unset;
  margin-top: 15px;
}

.swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.is-offer .swiper-wrapper {
  height: 250px;
}
.is-offer .swiper-wrapper img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/*! | _categories.scss Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. topics-category
*/
/* ==========================================================================
1. topics-category
========================================================================== */
.topics-category {
  display: flex;
  margin-bottom: 20px;
}
.topics-category.minimal .slider-container {
  width: 100%;
}
.topics-category.minimal .swiper-autoheight, .topics-category.minimal .swiper-autoheight .swiper-slide {
  height: auto;
  width: auto;
}
.topics-category.minimal .category {
  border-radius: 50px;
  border: 1px solid transparent;
  padding: 4px 14px;
  background: #fff;
  flex: unset;
}
.topics-category.minimal .category.is-active {
  border-color: #4f008c;
}
.topics-category.minimal .category .asset {
  display: none;
}
.topics-category.minimal.with-icons .category {
  flex-direction: unset;
}
.topics-category.minimal.with-icons .category .asset {
  display: flex;
}
.topics-category.minimal.with-icons .category .asset .category-icon {
  display: flex;
}
.topics-category.minimal.with-icons .category .asset .category-icon:before {
  display: none;
}
.topics-category.minimal.with-icons .category .asset .category-icon i {
  padding: 5px;
  border-radius: 35px;
  background: inherit;
  color: inherit;
  font-size: 14px;
  width: 14px;
  height: 14px;
  display: flex;
}
.topics-category.minimal.with-icons .category .asset .category-icon i img {
  width: auto;
  height: 100%;
}
.topics-category.minimal.with-icons .category .category-name {
  display: block;
}
.topics-category.minimal.with-icons .category .category-name span:nth-child(2) {
  display: none;
}
.topics-category.minimal.with-icons .category .category-name {
  padding-left: 24px;
}
[dir=rtl] .topics-category.minimal.with-icons .category .category-name {
  padding-right: 24px;
  padding-left: 0;
}
.topics-category.minimal.with-icons .category.is-active {
  opacity: 1;
}
.topics-category.minimal.with-icons .category.is-active .asset .category-icon {
  transform: translateY(0px);
}
.topics-category.minimal.with-icons .category.is-active .asset .category-icon.is-gray {
  background: rgb(94.2929971989%, 86.9019607843%, 100%);
}
body.is-dark .topics-category.minimal.with-icons .category.is-active .asset .category-icon.is-gray {
  background: #797bf2;
}
body.is-dark .topics-category.minimal.with-icons .category.is-active .asset .category-icon.is-gray i {
  color: #1d252d;
}
.topics-category.minimal.with-icons .category.is-active .asset .category-icon.is-gray i {
  color: #4f008c;
}
.topics-category.minimal.with-icons .category.is-active .asset .category-icon.is-gray i img {
  filter: brightness(0) saturate(100%) invert(9%) sepia(81%) saturate(7235%) hue-rotate(277deg) brightness(67%) contrast(114%);
}
.topics-category.minimal.with-icons .category.is-active .asset .category-icon.is-gray svg {
  stroke: #4f008c;
}
.topics-category.minimal.with-icons .category.is-loading .asset .category-icon i:after {
  height: 20px;
  width: 20px;
}
.topics-category.minimal.with-icons .category.is-loading .asset .category-icon i:before {
  opacity: 1;
}
.topics-category.minimal.with-icons .category:hover {
  opacity: 1;
}
.topics-category.minimal.with-icons .category:hover .asset .category-icon {
  transform: translateY(0px);
}
.topics-category.minimal.is-square .category {
  border-radius: 4px;
}
.topics-category.minimal.is-square .category .asset .category-icon.is-gray {
  background: #f2f2f2;
}
body.is-dark .topics-category.minimal.is-square .category .asset .category-icon.is-gray {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
body.is-dark .topics-category.minimal.is-square .category .asset .category-icon.is-gray i {
  color: #cecece;
}
body.is-dark .topics-category.minimal.is-square .category .asset .category-icon.is-gray i img {
  filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(434%) hue-rotate(331deg) brightness(86%) contrast(88%);
}
.topics-category.minimal.is-square .category .asset .category-icon.is-gray.is-bordered {
  border-color: #4f008c;
}
.topics-category.minimal.is-square .category .asset .category-icon.is-gray svg {
  stroke: #1d252d;
}
.topics-category.minimal.is-square .category .asset .category-icon i {
  border-radius: 4px;
}
.topics-category .category {
  flex: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.topics-category .category.is-active .asset .category-icon {
  transform: translateY(-5px);
}
.topics-category .category.is-active .asset .category-icon:before {
  border-color: #4f008c;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.topics-category .category.is-active .asset .category-icon i {
  color: #4f008c;
}
.topics-category .category.is-active .asset .category-icon i img {
  filter: brightness(0) saturate(100%) invert(9%) sepia(81%) saturate(7235%) hue-rotate(277deg) brightness(67%) contrast(114%);
}
.topics-category .category.is-active .category-name span {
  color: #4f008c;
}
body.is-dark .topics-category .category.is-active .category-name span {
  color: #797bf2;
}
.topics-category .category.is-loading {
  pointer-events: none;
}
.topics-category .category.is-loading .asset .category-icon i:after {
  animation: spinAroundLoader 500ms infinite linear;
  border: 2px solid currentColor;
  border-radius: 290486px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  height: 18px;
  width: 18px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.topics-category .category.is-loading .asset .category-icon i:before {
  opacity: 0;
}
.topics-category .category:hover .asset .category-icon {
  transform: translateY(-5px);
}
.topics-category .category:hover .asset .category-icon:before {
  border-color: #1d252d;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.topics-category .category:hover .asset .category-icon i {
  color: #1d252d;
}
.topics-category .category:hover .category-name span {
  color: #4f008c;
}
body.is-dark .topics-category .category:hover .category-name span {
  color: #797bf2;
}
.topics-category .category .asset {
  position: relative;
  display: flex;
  flex-direction: row;
  margin: 10px 0;
}
.topics-category .category .asset .category-icon {
  position: relative;
  display: flex;
  justify-content: center;
  flex: 0;
  transition: all 0.3s;
}
.topics-category .category .asset .category-icon:before {
  content: "";
  width: 46px;
  height: 46px;
  background-color: #fff;
  border: 1px solid #ededed;
  transform: rotate(45deg);
  border-radius: 10px;
  transition: all 0.3s;
}
.topics-category .category .asset .category-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #a2a5b9;
  font-size: 18px;
  transition: color 0.3s;
}
.topics-category .category .category-name {
  color: #1d252d;
  font-size: 0.9rem;
  font-weight: 600;
  transition: color 0.3s;
  width: -moz-max-content;
  width: max-content;
}
.topics-category .category .category-name span:nth-child(2) {
  display: none;
}
body.is-dark .topics-category.minimal .category {
  border: 1px solid rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark .topics-category.minimal .category.is-active {
  opacity: 1;
}
body.is-dark .topics-category.minimal .category .category-name {
  color: rgb(65.8116203537%, 66.91447131%, 74.2668110189%);
}
body.is-dark .topics-category .category:hover .asset .category-icon:before {
  border-color: #797bf2 !important;
}
body.is-dark .topics-category .category:hover .asset .category-icon i {
  color: #797bf2;
}
body.is-dark .topics-category .category.is-active .asset .category-icon:before {
  border-color: #797bf2 !important;
}
body.is-dark .topics-category .category.is-active .asset .category-icon i {
  color: #797bf2;
}
body.is-dark .topics-category .category.is-active .asset .category-icon i img {
  filter: brightness(0) saturate(100%) invert(74%) sepia(79%) saturate(6095%) hue-rotate(218deg) brightness(103%) contrast(90%);
}
body.is-dark .topics-category .category .asset .category-icon:before {
  background: rgb(23.314531292%, 23.314531292%, 25.3129196884%) !important;
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%) !important;
}
body.is-dark .topics-category .category .category-name {
  color: #a2a5b9;
}
@media only screen and (max-width: 1300px) {
  .topics-category {
    padding: 0;
  }
  .topics-category.minimal .category {
    border-radius: 50px;
  }
  .topics-category.minimal .category .asset {
    display: none;
  }
  .topics-category.minimal.with-icons .category {
    flex-direction: unset;
  }
  .topics-category.minimal.with-icons .category .asset .category-icon {
    display: flex;
  }
  .topics-category.minimal.with-icons .category .asset .category-icon:before {
    display: none;
  }
  .topics-category.minimal.with-icons .category .asset .category-icon i {
    padding: 5px;
    font-size: 14px;
  }
  .topics-category.minimal.with-icons .category .category-name {
    padding-left: 20px;
  }
  [dir=rtl] .topics-category.minimal.with-icons .category .category-name {
    padding-right: 20px;
    padding-left: 0;
  }
  .topics-category.minimal.with-icons .category.is-loading .asset .category-icon i:after {
    height: 20px;
    width: 20px;
  }
  .topics-category.minimal.with-icons .category.is-active {
    opacity: 1;
  }
  .topics-category.minimal.with-icons .category.is-active .category-icon {
    transform: translateY(0px);
  }
  .topics-category .category {
    flex: 1;
  }
  .topics-category .category .asset {
    margin: 10px 0;
  }
  .topics-category .category .asset .asset-logo:before {
    content: "";
    width: 36px;
    height: 36px;
    background-color: #fff;
    border: 1px solid #ededed;
    transform: rotate(45deg);
    border-radius: 8px;
    transition: all 0.3s;
  }
  .topics-category .category .asset .asset-logo i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #a2a5b9;
    font-size: 14px;
    transition: color 0.3s;
  }
  .topics-category .category .category-name {
    font-size: 0.8rem;
  }
}

#app .category-icon.is-primary {
  background: rgb(94.2929971989%, 86.9019607843%, 100%);
}
#app .category-icon.is-primary.is-bordered {
  border-color: #4f008c;
}
#app .category-icon.is-primary i {
  color: #4f008c;
}
#app .category-icon.is-primary svg {
  stroke: #4f008c;
}
#app .category-icon.is-secondary {
  background: rgb(100%, 91.568627451%, 93.212745098%);
}
#app .category-icon.is-secondary.is-bordered {
  border-color: #ff375e;
}
#app .category-icon.is-secondary i {
  color: #ff375e;
}
#app .category-icon.is-secondary svg {
  stroke: #ff375e;
}
#app .category-icon.is-accent {
  background: white;
}
#app .category-icon.is-accent.is-bordered {
  border-color: #797bf2;
}
#app .category-icon.is-accent i {
  color: #797bf2;
}
#app .category-icon.is-accent svg {
  stroke: #797bf2;
}
#app .category-icon.is-success {
  background: rgb(76.9215686275%, 99.3529411765%, 93.5294117647%);
}
#app .category-icon.is-success.is-bordered {
  border-color: #06d6a0;
}
#app .category-icon.is-success i {
  color: #06d6a0;
}
#app .category-icon.is-success svg {
  stroke: #06d6a0;
}
#app .category-icon.is-info {
  background: rgb(81.2263353617%, 93.6874577417%, 99.7540567951%);
}
#app .category-icon.is-info.is-bordered {
  border-color: #039BE5;
}
#app .category-icon.is-info i {
  color: #039BE5;
}
#app .category-icon.is-info svg {
  stroke: #039BE5;
}
#app .category-icon.is-warning {
  background: rgb(99.6887002224%, 94.9569436022%, 88.2328684051%);
}
#app .category-icon.is-warning.is-bordered {
  border-color: #faae42;
}
#app .category-icon.is-warning i {
  color: #faae42;
}
#app .category-icon.is-warning svg {
  stroke: #faae42;
}
#app .category-icon.is-danger {
  background: rgb(97.7274591845%, 80.5470506194%, 86.0011485766%);
}
#app .category-icon.is-danger.is-bordered {
  border-color: #e62965;
}
#app .category-icon.is-danger i {
  color: #e62965;
}
#app .category-icon.is-danger svg {
  stroke: #e62965;
}
#app .category-icon.is-purple {
  background: rgb(90.6279692494%, 88.7535630992%, 94.2268290576%);
}
#app .category-icon.is-purple.is-bordered {
  border-color: #8269B2;
}
#app .category-icon.is-purple i {
  color: #8269B2;
}
#app .category-icon.is-purple svg {
  stroke: #8269B2;
}
#app .category-icon.is-blue {
  background: rgb(89.568627451%, 96.8705882353%, 100%);
}
#app .category-icon.is-blue.is-bordered {
  border-color: #37C3FF;
}
#app .category-icon.is-blue i {
  color: #37C3FF;
}
#app .category-icon.is-blue svg {
  stroke: #37C3FF;
}
#app .category-icon.is-yellow {
  background: rgb(100%, 96.3629479378%, 87.137254902%);
}
#app .category-icon.is-yellow.is-bordered {
  border-color: #FFD66E;
}
#app .category-icon.is-yellow i {
  color: #FFD66E;
}
#app .category-icon.is-yellow svg {
  stroke: #FFD66E;
}
#app .category-icon.is-orange {
  background: rgb(100%, 93.5760971055%, 90.5882352941%);
}
#app .category-icon.is-orange.is-bordered {
  border-color: #FFA981;
}
#app .category-icon.is-orange i {
  color: #FFA981;
}
#app .category-icon.is-orange svg {
  stroke: #FFA981;
}
#app .category-icon.is-green {
  background: rgb(90.7670588235%, 97.3498039216%, 89.8266666667%);
}
#app .category-icon.is-green.is-bordered {
  border-color: #93E088;
}
#app .category-icon.is-green i {
  color: #93E088;
}
#app .category-icon.is-green svg {
  stroke: #93E088;
}
#app .category-icon.is-red {
  background: rgb(99.7388019428%, 90.7710019788%, 93.0782514841%);
}
#app .category-icon.is-red.is-bordered {
  border-color: #F92B60;
}
#app .category-icon.is-red i {
  color: #F92B60;
}
#app .category-icon.is-red svg {
  stroke: #F92B60;
}
#app .category-icon.is-aqua {
  /* purgecss ignore current */
  background: rgb(74.4836601307%, 95.6291454854%, 96.8104575163%);
}
#app .category-icon.is-aqua.is-bordered {
  /* purgecss ignore current */
  border-color: #1bced8;
}
#app .category-icon.is-aqua i {
  /* purgecss ignore current */
  color: #1bced8;
}
#app .category-icon.is-aqua svg {
  /* purgecss ignore current */
  stroke: #1bced8;
}
#app .category-icon.is-bordered {
  border: 1px solid #999;
}
body.is-dark #app .category-icon.is-primary {
  background: #797bf2;
}
body.is-dark #app .category-icon.is-primary.is-bordered {
  border-color: #797bf2;
}
body.is-dark #app .category-icon.is-primary i {
  color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark #app .category-icon.is-primary svg {
  stroke: #fcfcfc;
}
body.is-dark #app .category-icon.is-secondary {
  background: #ff375e;
}
body.is-dark #app .category-icon.is-secondary.is-bordered {
  border-color: #ff375e;
}
body.is-dark #app .category-icon.is-secondary i {
  color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark #app .category-icon.is-secondary svg {
  stroke: #fcfcfc;
}
body.is-dark #app .category-icon.is-accent {
  background: #797bf2;
}
body.is-dark #app .category-icon.is-accent.is-bordered {
  border-color: #797bf2;
}
body.is-dark #app .category-icon.is-accent i {
  color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark #app .category-icon.is-accent svg {
  stroke: #fcfcfc;
}
body.is-dark #app .category-icon.is-success {
  background: #06d6a0;
}
body.is-dark #app .category-icon.is-success.is-bordered {
  border-color: #06d6a0;
}
body.is-dark #app .category-icon.is-success i {
  color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark #app .category-icon.is-success svg {
  stroke: #fcfcfc;
}
body.is-dark #app .category-icon.is-info {
  background: #039BE5;
}
body.is-dark #app .category-icon.is-info.is-bordered {
  border-color: #039BE5;
}
body.is-dark #app .category-icon.is-info i {
  color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark #app .category-icon.is-info svg {
  stroke: #fcfcfc;
}
body.is-dark #app .category-icon.is-warning {
  background: #faae42;
}
body.is-dark #app .category-icon.is-warning.is-bordered {
  border-color: #faae42;
}
body.is-dark #app .category-icon.is-warning i {
  color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark #app .category-icon.is-warning svg {
  stroke: #fcfcfc;
}
body.is-dark #app .category-icon.is-danger {
  background: #e62965;
}
body.is-dark #app .category-icon.is-danger.is-bordered {
  border-color: #e62965;
}
body.is-dark #app .category-icon.is-danger i {
  color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark #app .category-icon.is-danger svg {
  stroke: #fcfcfc;
}
body.is-dark #app .category-icon.is-purple {
  background: #8269B2;
}
body.is-dark #app .category-icon.is-purple.is-bordered {
  border-color: #8269B2;
}
body.is-dark #app .category-icon.is-purple i {
  color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark #app .category-icon.is-purple svg {
  stroke: #fcfcfc;
}
body.is-dark #app .category-icon.is-blue {
  background: #37C3FF;
}
body.is-dark #app .category-icon.is-blue.is-bordered {
  border-color: #37C3FF;
}
body.is-dark #app .category-icon.is-blue i {
  color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark #app .category-icon.is-blue svg {
  stroke: #fcfcfc;
}
body.is-dark #app .category-icon.is-yellow {
  background: #FFD66E;
}
body.is-dark #app .category-icon.is-yellow.is-bordered {
  border-color: #FFD66E;
}
body.is-dark #app .category-icon.is-yellow i {
  color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark #app .category-icon.is-yellow svg {
  stroke: #fcfcfc;
}
body.is-dark #app .category-icon.is-orange {
  background: #FFA981;
}
body.is-dark #app .category-icon.is-orange.is-bordered {
  border-color: #FFA981;
}
body.is-dark #app .category-icon.is-orange i {
  color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark #app .category-icon.is-orange svg {
  stroke: #fcfcfc;
}
body.is-dark #app .category-icon.is-green {
  background: #93E088;
}
body.is-dark #app .category-icon.is-green.is-bordered {
  border-color: #93E088;
}
body.is-dark #app .category-icon.is-green i {
  color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark #app .category-icon.is-green svg {
  stroke: #fcfcfc;
}
body.is-dark #app .category-icon.is-red {
  background: #F92B60;
}
body.is-dark #app .category-icon.is-red.is-bordered {
  border-color: #F92B60;
}
body.is-dark #app .category-icon.is-red i {
  color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark #app .category-icon.is-red svg {
  stroke: #fcfcfc;
}
body.is-dark #app .category-icon.is-aqua {
  /* purgecss ignore current */
  background: #1bced8;
}
body.is-dark #app .category-icon.is-aqua.is-bordered {
  /* purgecss ignore current */
  border-color: #1bced8;
}
body.is-dark #app .category-icon.is-aqua i {
  /* purgecss ignore current */
  color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark #app .category-icon.is-aqua svg {
  stroke: #fcfcfc;
}

/*! | _topic-feed-item.scss Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. topic-feed-item
*/
/* ==========================================================================
1. topics-category
========================================================================== */
.topic-feed-item {
  padding: 10px;
}
.topic-feed-item.is-medium {
  max-height: 132px;
}
.topic-feed-item.is-medium .topic-feed-item-inner {
  display: flex;
  height: 100%;
}
.topic-feed-item.is-medium .topic-feed-item-inner > img {
  display: block;
  border-radius: 12px;
  width: 100%;
  max-width: 110px;
  min-width: 110px;
  height: 100%;
  min-height: 110px;
  max-height: 110px;
  -o-object-fit: cover;
     object-fit: cover;
}
.topic-feed-item.is-medium .topic-feed-item-inner .meta {
  margin-left: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.topic-feed-item.is-medium .topic-feed-item-inner .meta .tile-title h3 {
  font-family: "STC Forward", sans-serif;
  font-family: "STC Forward", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #1d252d;
  line-height: 1.3;
}
.topic-feed-item.is-medium .topic-feed-item-inner .meta .tile-meta {
  display: flex;
  align-items: center;
  margin-top: auto;
  padding: 0 0 5px 0;
}
.topic-feed-item.is-medium .topic-feed-item-inner .meta .tile-meta .h-avatar {
  max-width: 26px;
  max-height: 26px;
  min-width: 26px;
}
.topic-feed-item.is-medium .topic-feed-item-inner .meta .tile-meta .h-avatar .avatar {
  max-width: 26px;
  max-height: 26px;
  min-width: 26px;
}
.topic-feed-item.is-medium .topic-feed-item-inner .meta .tile-meta .meta-inner {
  margin: 0 8px;
  line-height: 1.2;
}
.topic-feed-item.is-medium .topic-feed-item-inner .meta .tile-meta .meta-inner span {
  display: block;
  font-weight: 400;
}
.topic-feed-item.is-medium .topic-feed-item-inner .meta .tile-meta .meta-inner span:first-child {
  color: #1d252d;
  font-family: "STC Forward", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
}
.topic-feed-item.is-medium .topic-feed-item-inner .meta .tile-meta .meta-inner span:nth-child(2) {
  font-size: 0.8rem;
  font-family: "STC Forward", sans-serif;
  color: #a2a5b9;
}
.topic-feed-item.is-large .topic-feed-item-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.topic-feed-item.is-large .topic-feed-item-inner > img {
  display: block;
  border-radius: 12px;
  width: 100%;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
}
.topic-feed-item.is-large .topic-feed-item-inner .meta {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 0px;
  padding: 0 5px;
}
.topic-feed-item.is-large .topic-feed-item-inner .meta .tile-title {
  padding-top: 10px;
}
.topic-feed-item.is-large .topic-feed-item-inner .meta .tile-title h3 {
  font-family: "STC Forward", sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  color: #1d252d;
  line-height: 1.1;
}
.topic-feed-item.is-large .topic-feed-item-inner .meta .tile-meta {
  display: flex;
  align-items: center;
  margin-top: auto;
  padding: 0 0 5px 0;
}
.topic-feed-item.is-large .topic-feed-item-inner .meta .tile-meta .h-avatar {
  max-width: 26px;
  max-height: 26px;
  min-width: 26px;
}
.topic-feed-item.is-large .topic-feed-item-inner .meta .tile-meta .h-avatar .avatar {
  max-width: 26px;
  max-height: 26px;
  min-width: 26px;
}
.topic-feed-item.is-large .topic-feed-item-inner .meta .tile-meta .meta-inner {
  margin-left: 8px;
  line-height: 1.2;
}
.topic-feed-item.is-large .topic-feed-item-inner .meta .tile-meta .meta-inner span {
  display: block;
  font-weight: 400;
}
.topic-feed-item.is-large .topic-feed-item-inner .meta .tile-meta .meta-inner span:first-child {
  color: #1d252d;
  font-size: 0.9rem;
  font-weight: 500;
}
.topic-feed-item.is-large .topic-feed-item-inner .meta .tile-meta .meta-inner span:nth-child(2) {
  font-size: 0.8rem;
  color: #a2a5b9;
}
.topic-feed-item.is-wide .topic-feed-item-inner {
  display: flex;
  height: 100%;
}
.topic-feed-item.is-wide .topic-feed-item-inner > img {
  display: block;
  border-radius: 12px;
  width: 100%;
  max-width: 280px;
  height: 100%;
  min-height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
}
.topic-feed-item.is-wide .topic-feed-item-inner .meta {
  margin-left: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.topic-feed-item.is-wide .topic-feed-item-inner .meta .tile-title {
  padding-top: 5px;
}
.topic-feed-item.is-wide .topic-feed-item-inner .meta .tile-title h3 {
  font-family: "STC Forward", sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
  color: #1d252d;
  line-height: 1.1;
}
.topic-feed-item.is-wide .topic-feed-item-inner .meta .tile-title p {
  color: #a2a5b9;
  font-size: 0.95rem;
  padding-top: 5px;
}
.topic-feed-item.is-wide .topic-feed-item-inner .meta .tile-meta {
  display: flex;
  align-items: center;
  margin-top: auto;
  padding: 0 0 5px 0;
}
.topic-feed-item.is-wide .topic-feed-item-inner .meta .tile-meta .h-avatar {
  max-width: 26px;
  max-height: 26px;
  min-width: 26px;
}
.topic-feed-item.is-wide .topic-feed-item-inner .meta .tile-meta .h-avatar .avatar {
  max-width: 26px;
  max-height: 26px;
  min-width: 26px;
}
.topic-feed-item.is-wide .topic-feed-item-inner .meta .tile-meta .meta-inner {
  margin-left: 8px;
  line-height: 1.2;
}
.topic-feed-item.is-wide .topic-feed-item-inner .meta .tile-meta .meta-inner span {
  display: block;
  font-weight: 400;
}
.topic-feed-item.is-wide .topic-feed-item-inner .meta .tile-meta .meta-inner span:first-child {
  color: #1d252d;
  font-size: 0.9rem;
  font-weight: 500;
}
.topic-feed-item.is-wide .topic-feed-item-inner .meta .tile-meta .meta-inner span:nth-child(2) {
  font-size: 0.8rem;
  color: #a2a5b9;
}
.topic-feed-item.is-tall .topic-feed-item-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.topic-feed-item.is-tall .topic-feed-item-inner > img {
  display: block;
  border-radius: 12px;
  width: 100%;
  height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
}
.topic-feed-item.is-tall .topic-feed-item-inner .meta {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 0px;
  padding: 0 5px;
}
.topic-feed-item.is-tall .topic-feed-item-inner .meta .tile-title {
  padding-top: 10px;
}
.topic-feed-item.is-tall .topic-feed-item-inner .meta .tile-title h3 {
  font-family: "STC Forward", sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  color: #1d252d;
  line-height: 1.1;
  margin-bottom: 10px;
}
.topic-feed-item.is-tall .topic-feed-item-inner .meta .tile-title p {
  margin: 0;
}
.topic-feed-item.is-tall .topic-feed-item-inner .meta .tile-meta {
  display: flex;
  align-items: center;
  margin-top: auto;
  padding: 10px 0 5px 0;
}
.topic-feed-item.is-tall .topic-feed-item-inner .meta .tile-meta .h-avatar {
  max-width: 26px;
  max-height: 26px;
  min-width: 26px;
}
.topic-feed-item.is-tall .topic-feed-item-inner .meta .tile-meta .h-avatar .avatar {
  max-width: 26px;
  max-height: 26px;
  min-width: 26px;
}
.topic-feed-item.is-tall .topic-feed-item-inner .meta .tile-meta .meta-inner {
  margin: 0 8px;
  line-height: 1.2;
}
.topic-feed-item.is-tall .topic-feed-item-inner .meta .tile-meta .meta-inner span {
  display: block;
  font-weight: 400;
}
.topic-feed-item.is-tall .topic-feed-item-inner .meta .tile-meta .meta-inner span:first-child {
  color: #1d252d;
  font-size: 0.9rem;
  font-weight: 500;
}
.topic-feed-item.is-tall .topic-feed-item-inner .meta .tile-meta .meta-inner span:nth-child(2) {
  font-size: 0.8rem;
  color: #a2a5b9;
}

/*! _user-list.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. User List
    2. User List Dark Mode
*/
/* ==========================================================================
1. User List
========================================================================== */
.user-list {
  position: relative;
  display: flex;
  flex-direction: column;
}
.user-list__container {
  height: 100%;
  padding-top: 10px;
  padding-right: 5px;
  overflow-y: auto;
  margin-right: -12px;
}
[dir=rtl] .user-list__container {
  padding-right: 0;
  padding-left: 5px;
  margin-right: 0;
  margin-left: -12px;
}
.user-list__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  margin-bottom: 0.75rem;
}
.user-list__avatar {
  flex-basis: 32px;
}
.user-list__avatarx40 {
  flex-basis: 40px;
}
.user-list__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  font-size: 0.95rem;
  font-weight: 500;
  color: #1d252d;
}
.user-list__text a {
  color: #1d252d;
}
.user-list__text span {
  font-size: 0.85rem;
  font-weight: 600;
}
.user-list__text span:last-child {
  color: #a2a5b9;
  font-size: 0.8rem;
  font-weight: 500;
}
.user-list__icons {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 30px;
  max-width: 38px;
  margin: 0 2px;
  border-radius: 50%;
  gap: 6px;
  transition: all 0.3s;
  cursor: pointer;
}
.user-list__icons--isMobile {
  width: 60px;
  max-width: 60px;
}
.user-list__icons svg {
  width: 16px;
  height: 16px;
  stroke: #a2a5b9;
  color: #a2a5b9;
}
.user-list__popper {
  cursor: pointer;
}

/* ==========================================================================
2. User List Dark Mode
========================================================================== */
/*! _skill-badge.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Skill badge
    2. Skill badge Dark Mode
*/
/* ==========================================================================
1. Skill badge
========================================================================== */
.skill-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 14px;
  border-bottom: 1px solid #e5e5e5;
}
.skill-badge__icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  min-width: 42px;
  height: 42px;
  padding: 3px;
  border-radius: 50%;
  border: 1px solid #4f008c;
}
.skill-badge__icon img {
  border-radius: 50%;
  overflow: hidden;
  height: 100%;
}
.skill-badge__icon span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 34px;
  min-width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 1rem;
  background-color: #ededed;
  color: #1d252d;
  padding-top: 2px;
}
.skill-badge__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  font-size: 0.95rem;
  font-weight: 500;
  color: #1d252d;
}
.skill-badge__info span {
  line-height: 1.2;
}
.skill-badge__info span:last-child {
  color: #a2a5b9;
  font-size: 0.9rem;
  font-weight: 300;
}

/* ==========================================================================
2. User List Dark Mode
========================================================================== */
body.is-dark .skill-badge {
  border-bottom: 1px solid #404046;
}
body.is-dark .skill-badge__icon {
  border: 1px solid #797bf2;
}
body.is-dark .skill-badge__icon span {
  background-color: #4a4a50;
  color: #cecece;
}

.employees-table-content {
  padding: 0 3rem;
  max-width: 1200px;
  margin: 0 auto;
}
.employees-table-content .row {
  display: flex;
  justify-content: space-between;
  margin-top: -10px;
}
.employees-table-content .row .search {
  margin: 20px 0px 20px 0px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px;
  gap: 8px;
  width: 250px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #EDEDED;
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
}
body.is-dark .employees-table-content .row .search {
  background: #28282B;
  border: 1px solid #232323;
  border-radius: 4px;
  color: #A2A5B9;
}
.employees-table-content .row .search input {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #A2A5B9;
}
body.is-dark .employees-table-content .row .search input {
  color: #A2A5B9;
}
.employees-table-content .row .search input:valid {
  color: #1D252D;
}
body.is-dark .employees-table-content .row .search input:valid {
  color: #CECECE;
}
.employees-table-content .row .search svg path {
  stroke: #A2A5B9;
}
body.is-dark .employees-table-content .row .search svg path {
  stroke: #A2A5B9;
}
.employees-table-content .row .search:hover {
  background: #F9F9F9;
  border: 1px solid #EDEDED;
}
body.is-dark .employees-table-content .row .search:hover {
  background: #323236;
  border: 1px solid #232323;
}
.employees-table-content .row .search:active {
  background: #FFFFFF;
  border: 1px solid #EDEDED;
}
body.is-dark .employees-table-content .row .search:active {
  background: #28282B;
  border: 1px solid #232323;
}
.employees-table-content .row .buttons {
  margin-left: 2em;
}
.employees-table-content .row .buttons .border-secondary:hover:not([disabled]) {
  color: #BABABA !important;
}
body.is-dark .employees-table-content .row .buttons .border-secondary:hover:not([disabled]) {
  color: #CECECE !important;
  background: #404046 !important;
  border-radius: 4px;
}
.employees-table-content table {
  border: none !important;
  /* width: 90%;
  margin: 1%; */
}
.employees-table-content table .table-header {
  background: #F2F2F2;
}
body.is-dark .employees-table-content table .table-header {
  background: #252529;
}
.employees-table-content table .thContent {
  display: flex;
  flex-direction: row;
}
.employees-table-content table .first-column {
  margin: 0 1em;
}
.employees-table-content table .last-column {
  margin: 0 24px;
}
.employees-table-content table .theadTH {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
}
.employees-table-content table .theadTH span {
  display: flex;
  cursor: pointer;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #575767;
}
body.is-dark .employees-table-content table .theadTH span {
  color: #CECECE;
}
.employees-table-content table .arrowUp {
  margin: 0 2px;
  padding: 2px;
}
body.is-dark .employees-table-content table .arrowUp {
  fill: white;
}
.employees-table-content table .arrowDown {
  margin: 0 2px;
  padding: 2px;
}
body.is-dark .employees-table-content table .arrowDown {
  fill: white;
}
.employees-table-content table .user-id-column {
  display: inline-block;
  width: 40px;
}
body.is-rtl .employees-table-content table .user-id-column {
  width: 90px;
}
.employees-table-content table .user-name-column {
  display: inline-block;
  width: 150px;
}
.employees-table-content table .user-points-column {
  display: inline-block;
  width: 65px;
}
.employees-table-content table .user-rank-column {
  display: inline-block;
  width: 55px;
}
body.is-rtl .employees-table-content table .user-rank-column {
  width: 60px;
}
.employees-table-content table .user-missions-column {
  display: inline-block;
  width: 82px;
}
.employees-table-content table .user-level-column {
  display: inline-block;
  width: 58px;
}
body.is-rtl .employees-table-content table .user-level-column {
  width: 73px;
}
.employees-table-content table .user-badge-column {
  display: inline-block;
  width: 80px;
}
.employees-table-content table .user-email-column {
  display: inline-block;
  width: 200px;
}
.employees-table-content table .user-phone-column {
  display: inline-block;
  width: 160px;
}
.employees-table-content table .date-column {
  width: 150px;
  display: inline-block;
}
.employees-table-content table .description-column {
  width: 250px;
  display: inline-block;
}
.employees-table-content table .amount-column {
  width: 100px;
  display: inline-block;
}
.employees-table-content table .comment-column {
  width: 300px;
  display: inline-block;
}
.employees-table-content table .relateduser-column {
  width: 200px;
  display: inline-block;
}
.employees-table-content table .changedby-column {
  width: 150px;
  display: inline-block;
}
.employees-table-content table td {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D !important;
}
body.is-dark .employees-table-content table td {
  color: #CECECE !important;
}
.employees-table-content table .relatedUserName {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .employees-table-content table .relatedUserName {
  color: #CECECE !important;
}
.employees-table-content table .relatedUserEmail {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #575767;
}
body.is-dark .employees-table-content table .relatedUserEmail {
  color: #CECECE !important;
}
.employees-table-content table .oddTR {
  height: 56px;
  background: #F9F9F9 !important;
}
body.is-dark .employees-table-content table .oddTR {
  background: #323236 !important;
}
.employees-table-content table .oddTR:hover {
  background: #EBEDF5 !important;
}
body.is-dark .employees-table-content table .oddTR:hover {
  background: #28282B !important;
}
.employees-table-content table .oddTR:hover td {
  background: #EBEDF5 !important;
}
body.is-dark .employees-table-content table .oddTR:hover td {
  background: #28282B !important;
}
.employees-table-content table .evenTR {
  height: 56px;
  background: #FFFFFF !important;
}
body.is-dark .employees-table-content table .evenTR {
  background: #28282B !important;
}
.employees-table-content table .evenTR:hover {
  background: #EBEDF5 !important;
}
body.is-dark .employees-table-content table .evenTR:hover {
  background: #28282B !important;
}
.employees-table-content table .evenTR:hover td {
  background: #EBEDF5 !important;
}
body.is-dark .employees-table-content table .evenTR:hover td {
  background: #28282B !important;
}
.employees-table-content table .form-check:hover {
  background: #EBEDF5 !important;
}
body.is-dark .employees-table-content table .form-check:hover {
  background: none !important;
}
.employees-table-content table .form-check {
  margin: 0 25px;
}
.employees-table-content table .form-check label input {
  display: none; /* Hide the default checkbox */
}
.employees-table-content table .form-check label span {
  width: 20px;
  height: 20px;
  background: #FFFFFF;
}
body.is-dark .employees-table-content table .form-check label span {
  background: #28282B;
}
.employees-table-content table .form-check label span {
  border: 1px solid #A2A5B9;
  border-radius: 2px;
  display: inline-block;
  position: relative;
}
.employees-table-content table .form-check [type=checkbox]:checked + span:before {
  content: "✔";
  position: absolute;
  top: -1px;
  left: 4px;
  color: #fff;
}
.employees-table-content table .form-check [type=checkbox]:checked + span {
  background: #3A0066;
}
body.is-dark .employees-table-content table .form-check [type=checkbox]:checked + span {
  background: #797BF2;
}
.employees-table-content table input[type=checkbox] {
  accent-color: #FFFFFF !important;
}
body.is-dark .employees-table-content table input[type=checkbox] {
  background: #28282B;
}
.employees-table-content table input[type=checkbox]:checked {
  background-color: #3A0066 !important;
}
body.is-dark .employees-table-content table input[type=checkbox]:checked {
  background-color: #797BF2 !important;
}
.employees-table-content table .contact-actions p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #1D252D;
}
body.is-dark .employees-table-content table .contact-actions p {
  color: #CECECE;
}
.employees-table-content table .three-dots path {
  stroke: #1D252D;
}
body.is-dark .employees-table-content table .three-dots path {
  stroke: #CECECE;
}
.employees-table-content .side-dropdown {
  padding: 12px;
}
.employees-table-content .side-dropdown .side-dropdown-item p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  cursor: pointer;
}
.employees-table-content .pagination-buttons {
  width: 100%;
  display: flex;
  justify-content: center;
}

.modify-points-content {
  width: 650px !important;
  padding: 3em;
  background: white;
}
.modify-points-content .modalHeader {
  padding: 1em;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  widows: 100%;
  height: 72px;
  background: #F9F9F9;
  border-bottom: 1px solid #DBDBDB;
}
.modify-points-content .modalHeader .title {
  display: flex;
  align-items: center;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 19px;
}
.modify-points-content .modalBody {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.modify-points-content .modalBody.declaration {
  display: flex;
  flex-direction: row;
  padding: 24px;
  width: 100%;
  justify-content: space-around;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.modify-points-content .modalBody.declaration .create-button {
  cursor: pointer;
  display: flex;
  width: 188px;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  border-radius: 8px;
  background: #F9F9F9;
}
body.is-dark .modify-points-content .modalBody.declaration .create-button {
  background: #323236;
}
.modify-points-content .modalBody.declaration .create-button svg path {
  fill: #1D252D;
}
body.is-dark .modify-points-content .modalBody.declaration .create-button svg path {
  fill: #CECECE;
}
.modify-points-content .modalBody.declaration .create-button .label {
  text-align: center;
  font-family: "STC Forward";
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .modify-points-content .modalBody.declaration .create-button .label {
  color: #CECECE;
}
.modify-points-content .modalBody.declaration .create-button .text-button {
  text-align: center;
  font-family: "STC Forward";
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  color: #4F008C;
}
body.is-dark .modify-points-content .modalBody.declaration .create-button .text-button {
  color: #797BF2;
}
.modify-points-content .modalBody.new-modal {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
body.is-dark .modify-points-content .modalBody.new-modal {
  border: none !important;
  background: none !important;
}
.modify-points-content .modalBody.new-modal.center {
  align-items: center !important;
  text-align: center;
}
.modify-points-content .modalBody .modalTitle {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  margin-bottom: 0.5em;
  margin-top: 0px !important;
}
.modify-points-content .modalBody .modalTitle .success-check path {
  fill: #06D6A0;
  stroke: none;
}
body.is-dark .modify-points-content .modalBody .modalTitle .success-check path {
  fill: #06D6A0;
}
.modify-points-content .modalBody .modalUsername {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
}
.modify-points-content .modalBody .success-modalUsername {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #1D252D;
}
body.is-dark .modify-points-content .modalBody .success-modalUsername {
  color: #CECECE;
}
.modify-points-content .modalBody h2 {
  margin-bottom: 8px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 23px;
  line-height: 34px;
  color: #1D252D;
}
body.is-dark .modify-points-content .modalBody h2 {
  color: #CECECE;
}
.modify-points-content .modalBody .sub-msg {
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  color: #1D252D;
}
body.is-dark .modify-points-content .modalBody .sub-msg {
  color: #CECECE;
}
.modify-points-content .modalBody .buttonsOptions {
  display: flex;
  margin: 2em 0;
}
.modify-points-content .modalBody .buttonsOptions .increase {
  padding: 0.5em 3em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 67px;
  height: 30px;
  border-radius: 4px;
}
.modify-points-content .modalBody .buttonsOptions .decrease {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.5em 3em;
  margin: 0 1em;
  gap: 10px;
  width: 67px;
  height: 30px;
  border-radius: 4px;
}
.modify-points-content .modalBody .buttonsOptions .activeOption {
  background: #F3E3FF;
}
.modify-points-content .modalBody .buttonsOptions .dimmedAction {
  background: #FFFFFF;
}
.modify-points-content .modalBody .amount {
  width: 100%;
  margin-bottom: 1em;
}
.modify-points-content .modalBody .file-section {
  width: 100%;
  border-radius: 4px;
}
.modify-points-content .modalBody .file-section p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #A2A5B9;
}
.modify-points-content .modalBody .file-section .file-placeholder {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8.5px 16px;
  gap: 8px;
  height: 38px;
  background: #EBEDF5;
  border: 1.2px dashed #DBDBDB;
  border-radius: 4px;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}
.modify-points-content .modalBody .separator {
  height: 0.1px;
  background: #EDEDED;
}
.modify-points-content .buttonsActions {
  display: flex;
  justify-content: right;
}
.modify-points-content .buttonsActions.ar {
  justify-content: flex-end;
}
.modify-points-content .buttonsActions .modifyButton {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  width: 12em;
  height: 40px;
  color: white;
  background: #4F008C;
  border-radius: 4px;
}
.modify-points-content .buttonsActions .cancelButton {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  width: 138px;
  height: 40px;
  background: white;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  border: 1px solid #4F008C;
  border-radius: 4px;
}
.modify-points-content .buttonsActions .dimmedButton {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #BABABA;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  width: 138px;
  height: 40px;
  background: #DBDBDB;
  border-radius: 4px;
  cursor: no-drop;
}
body.is-dark .modify-points-content .buttonsActions .dimmedButton {
  background: #3b3b41;
  border-color: #404046;
  color: #cecece;
}
.modify-points-content.mobile-survey .modalBody h2 {
  margin-bottom: 8px;
  font-family: "STC Forward";
  font-size: 17px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 25.5px;
  color: #1D252D;
}
body.is-dark .modify-points-content.mobile-survey .modalBody h2 {
  color: #CECECE;
}
.modify-points-content.mobile-survey .modalBody .success-modalUsername {
  font-family: "STC Forward";
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 24px;
  color: #1D252D;
}
body.is-dark .modify-points-content.mobile-survey .modalBody .success-modalUsername {
  color: #CECECE;
}

@media (max-width: 720px) {
  .modify-points-content {
    width: auto !important;
  }
}
.share-badge-content {
  display: flex;
  justify-content: center;
  transform: scale(1) !important;
  opacity: 1 !important;
  overflow-x: hidden;
  animation: fadeInDown 0.5s;
  margin: 0;
  padding: 0 10px;
}
.share-badge-content .modal-card-head {
  background: #F9F9F9;
  border-bottom: 1px solid #DBDBDB;
}
body.is-dark .share-badge-content .modal-card-head {
  background: #323236;
  border-bottom: 1px solid #2D2D31;
}
.share-badge-content .modal-card-head h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #1D252D;
}
body.is-dark .share-badge-content .modal-card-head h3 {
  color: #CECECE;
}
.share-badge-content .modal-card-body {
  padding: 24px;
  background: #FFFFFF;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
body.is-dark .share-badge-content .modal-card-body {
  background: #28282B;
}
.share-badge-content .modal-card-body .content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.share-badge-content .modal-card-body .content .badge-content {
  position: absolute;
  top: 12em;
  z-index: 2;
}
.share-badge-content .modal-card-body .content img {
  height: 128px !important;
  width: 126px !important;
  border-radius: 0px;
}
.share-badge-content .modal-card-body .content h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
}
body.is-dark .share-badge-content .modal-card-body .content h2 {
  color: #FFFFFF;
}
.share-badge-content .modal-card-body .hr-separator {
  width: 300px;
  height: 0px;
  margin-top: 4.4em;
  margin-bottom: 1em;
  border: 1px solid #DBDBDB;
}
body.is-dark .share-badge-content .modal-card-body .hr-separator {
  border: 1px solid #2D2D31;
}
.share-badge-content .congrats {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  color: #1D252D;
}
body.is-dark .share-badge-content .congrats {
  color: #CECECE;
}
.share-badge-content .description {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #575767;
}
body.is-dark .share-badge-content .description {
  color: #CECECE;
}
.share-badge-content .buttons {
  float: right;
  gap: 24px;
  direction: ltr;
  margin-bottom: 2px;
}
.share-badge-content .share {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  width: 196px;
  height: 40px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
  background: #4F008C;
}
body.is-dark .share-badge-content .share {
  background: #797BF2;
}
.share-badge-content .cancel {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  width: 95px;
  height: 40px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #4F008C;
  border: 1px solid #4F008C;
}
body.is-dark .share-badge-content .cancel {
  color: #797BF2;
  border: 1px solid #797BF2;
}
.share-badge-content .share:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .share-badge-content .share:hover {
  background: #797BF2 !important;
  color: #FFFFFF !important;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.share-badge-content .cancel:hover {
  background: #4F008C;
  color: #FFFFFF;
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .share-badge-content .cancel:hover {
  background: #797BF2;
  color: #FFFFFF;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}

.share-badge-modal-content .modal-content {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.share-badge-modal-content .modal-background {
  transform: translate3d(0, 0, 0);
  transition-property: opacity, visibility;
  transition-timing-function: linear;
  transition-duration: 250ms;
  background-color: #1d252d;
  opacity: 0.5;
}
.share-badge-modal-content .modal-close {
  display: none;
}

.share-badge-content-mobile {
  display: flex;
  justify-content: center;
  width: 100%;
  max-height: 560px;
  transform: scale(1) !important;
  opacity: 1 !important;
  overflow-x: hidden;
  animation: fadeInDown 0.5s;
  margin: 0;
}
.share-badge-content-mobile .modal-card {
  padding: 0 24px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.share-badge-content-mobile .modal-card {
  padding: 0 24px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.share-badge-content-mobile .modal-card .modal-card-head {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  background: #F9F9F9;
  border-bottom: 1px solid #DBDBDB;
}
body.is-dark .share-badge-content-mobile .modal-card .modal-card-head {
  background: #323236;
  border-bottom: 1px solid #2D2D31;
}
.share-badge-content-mobile .modal-card .modal-card-head h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #1D252D;
}
body.is-dark .share-badge-content-mobile .modal-card .modal-card-head h3 {
  color: #CECECE;
}
.share-badge-content-mobile .modal-card .modal-card-body {
  background: #FFFFFF;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
body.is-dark .share-badge-content-mobile .modal-card .modal-card-body {
  background: #28282B;
}
.share-badge-content-mobile .modal-card .modal-card-body .content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.share-badge-content-mobile .modal-card .modal-card-body .content .badge-content {
  z-index: 2;
}
.share-badge-content-mobile .modal-card .modal-card-body .content .animation {
  width: 400px;
  height: 200px;
  position: absolute;
  top: 9em;
}
.share-badge-content-mobile .modal-card .modal-card-body .content img {
  max-height: 123.96px !important;
  max-width: 126px !important;
  border-radius: 0px;
}
.share-badge-content-mobile .modal-card .modal-card-body .content h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
}
body.is-dark .share-badge-content-mobile .modal-card .modal-card-body .content h2 {
  color: #FFFFFF;
}
.share-badge-content-mobile .modal-card .modal-card-body .content .hr-separator {
  width: 300px;
  height: 0px;
  margin-top: 16px;
  margin-bottom: 1em;
  border: 1px solid #DBDBDB;
}
body.is-dark .share-badge-content-mobile .modal-card .modal-card-body .content .hr-separator {
  border: 1px solid #2D2D31;
}
.share-badge-content-mobile .modal-card .modal-card-body .content .congrats {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  color: #1D252D;
}
body.is-dark .share-badge-content-mobile .modal-card .modal-card-body .content .congrats {
  color: #CECECE;
}
.share-badge-content-mobile .modal-card .modal-card-body .content .description {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #575767;
  max-width: 340px;
  padding: 0 24px;
}
body.is-dark .share-badge-content-mobile .modal-card .modal-card-body .content .description {
  color: #CECECE;
}
.share-badge-content-mobile .modal-card .buttons {
  gap: 24px;
  direction: ltr;
  float: right;
}
.share-badge-content-mobile .modal-card .buttons .share {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 10px;
  gap: 8px;
  max-width: 196px;
  height: 40px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
  background: #4F008C;
}
body.is-dark .share-badge-content-mobile .modal-card .buttons .share {
  background: #797BF2;
}
.share-badge-content-mobile .modal-card .buttons .share:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .share-badge-content-mobile .modal-card .buttons .share:hover {
  background: #797BF2 !important;
  color: #FFFFFF !important;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.share-badge-content-mobile .modal-card .buttons .cancel {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  width: 95px;
  height: 40px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #4F008C;
  border: 1px solid #4F008C;
}
body.is-dark .share-badge-content-mobile .modal-card .buttons .cancel {
  color: #797BF2;
  border: 1px solid #797BF2;
}
.share-badge-content-mobile .modal-card .buttons .cancel:hover {
  background: #4F008C;
  color: #FFFFFF;
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .share-badge-content-mobile .modal-card .buttons .cancel:hover {
  background: #797BF2;
  color: #FFFFFF;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (width: 375px) {
  .share-badge-content-mobile {
    display: flex;
    justify-content: center;
    max-width: 375px;
    transform: scale(1) !important;
    opacity: 1 !important;
    overflow-x: hidden;
    animation: fadeInDown 0.5s;
    margin: 0;
  }
  .share-badge-content-mobile .modal-card {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  .share-badge-content-mobile .modal-card .modal-card-head {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    margin-top: 30px;
  }
  .share-badge-content-mobile .modal-card .modal-card-head h3 {
    font-size: 16px;
  }
  .share-badge-content-mobile .modal-card .modal-card-body {
    padding: 24px;
    background: #FFFFFF;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  .share-badge-content-mobile .modal-card .modal-card-body .content .description {
    font-size: 16px;
  }
  .share-badge-content-mobile .modal-card .modal-card-body .buttons {
    margin-top: -32px;
  }
}
@media (width: 360px) {
  .share-badge-content-mobile .modal-card .modal-card-head {
    margin: 0 24px;
  }
  .share-badge-content-mobile .modal-card .modal-card-body {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  .share-badge-content-mobile .modal-card .modal-card-body .buttons {
    margin: 0px 24px;
  }
}
.success-story-community-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  gap: 20px;
  width: 100%;
  background: #F3E3FF;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
  border-radius: 8px;
  justify-content: space-between;
}
body.is-dark .success-story-community-card {
  background: #363659;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.success-story-community-card .animation-content {
  max-width: 650px !important;
  height: 96px;
  overflow: hidden;
}
.success-story-community-card .animation-content .defaulte {
  margin-top: 30px;
  margin-left: 15px;
  margin-right: 15px;
}
.success-story-community-card h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 34px;
  color: #1D252D;
}
body.is-dark .success-story-community-card h2 {
  color: #CECECE;
}
.success-story-community-card .bottom {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-end;
  gap: 20px;
}
.success-story-community-card .bottom .line {
  width: 100%;
  height: 0px;
  border: 1px solid #DBDBDB;
}
body.is-dark .success-story-community-card .bottom .line {
  border: 1px solid #2D2D31;
}

.success-story-mobile {
  display: none;
}
@media (max-width: 768px) {
  .success-story-mobile {
    display: flex;
  }
}

.successfull-success-story-modal .animation-content {
  max-width: 650px !important;
}
.successfull-success-story-modal .modal-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 8px;
  background: #FFFFFF;
}
body.is-dark .successfull-success-story-modal .modal-content {
  background: #28282B;
}
.successfull-success-story-modal .modal-background {
  transform: translate3d(0, 0, 0);
  transition-property: opacity, visibility;
  transition-timing-function: linear;
  transition-duration: 250ms;
  background-color: #1d252d;
  opacity: 0.5;
}
.successfull-success-story-modal .modal-close {
  display: none;
}
.successfull-success-story-modal .modalHeader {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  gap: 16px;
  height: 72px;
  width: 100%;
  background: #F9F9F9;
  border-bottom: 1px solid #DBDBDB;
}
body.is-dark .successfull-success-story-modal .modalHeader {
  background: #323236;
  border-bottom: 1px solid #2D2D31;
}
.successfull-success-story-modal .modalHeader h4 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #1D252D;
}
body.is-dark .successfull-success-story-modal .modalHeader h4 {
  color: #CECECE;
}
.successfull-success-story-modal .modalBody {
  width: 100%;
  display: flex;
  padding: 24px;
  flex-direction: column;
  gap: 16px;
}
.successfull-success-story-modal .modalBody .animation-sent {
  margin: 0 !important;
}
.successfull-success-story-modal .modalBody h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 23px;
  line-height: 34px;
  color: #1D252D;
}
body.is-dark .successfull-success-story-modal .modalBody h2 {
  color: #CECECE;
}
.successfull-success-story-modal .modalBody h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  color: #1D252D;
}
body.is-dark .successfull-success-story-modal .modalBody h3 {
  color: #CECECE;
}
.successfull-success-story-modal .buttonsActions {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  padding: 24px;
}
.successfull-success-story-modal .buttonsActions button {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  width: 95px;
  height: 40px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #4F008C;
  border: 1px solid #4F008C;
}
body.is-dark .successfull-success-story-modal .buttonsActions button {
  color: #797BF2;
  border: 1px solid #797BF2;
}
.successfull-success-story-modal .buttonsActions button:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
  background: #4F008C !important;
  color: #FFFFFF !important;
}
body.is-dark .successfull-success-story-modal .buttonsActions button:hover {
  background: #797BF2 !important;
  color: #FFFFFF !important;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}

.cx-submit-form-separator {
  width: 100%;
  height: 1px;
  background: #EDEDED;
}
body.is-dark .cx-submit-form-separator {
  background: #232323;
}

.cx-submit-form-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  margin: 0px;
  background: #4f008c;
  border-radius: 4px;
  cursor: pointer;
}
.cx-submit-form-button span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
}
body.is-dark .cx-submit-form-button {
  background: #797bf2;
}
.cx-submit-form-button:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .cx-submit-form-button:hover {
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}

.wecare-title-with-edit {
  display: flex;
  justify-content: space-between;
}
.wecare-title-with-edit .editWeCarePost {
  z-index: 2;
}
.wecare-title-with-edit .editWeCarePost svg path {
  stroke: #1D252D;
}
body.is-dark .wecare-title-with-edit .editWeCarePost svg path {
  stroke: #CECECE;
}

.admin-edit-wecar-post .success-story-option {
  display: flex;
  gap: 8px;
}
.admin-edit-wecar-post .success-story-option input {
  width: 20px;
  height: 20px;
  border-radius: 2px;
}
.admin-edit-wecar-post .success-story-option input[type=checkbox]:checked + label::before {
  content: "";
  display: block;
  text-align: center;
  height: 20px;
  width: 20px;
  background: #3A0066;
  border-radius: 2px;
}
body.is-dark .admin-edit-wecar-post .success-story-option input[type=checkbox]:checked + label::before {
  background: #797BF2;
}
.admin-edit-wecar-post .success-story-option input[type=checkbox]:checked {
  background: #3A0066;
}
body.is-dark .admin-edit-wecar-post .success-story-option input[type=checkbox]:checked {
  background: #797BF2;
}
.admin-edit-wecar-post .success-story-option span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .admin-edit-wecar-post .success-story-option span {
  background: #CECECE;
}

.sort-icons {
  display: flex;
  margin: 3px 7px;
  width: 32px;
  gap: 2px;
}
.sort-icons svg path {
  fill: #A2A5B9;
}
.sort-icons svg:hover {
  width: 6px;
  height: 12px;
}
.sort-icons svg:hover path {
  fill: #202022;
}
body.is-dark .sort-icons svg:hover path {
  fill: rgb(241, 236, 236);
}
.sort-icons svg.active {
  width: 6px;
  height: 12px;
}
.sort-icons svg.active path {
  fill: #202022;
}
body.is-dark .sort-icons svg.active path {
  fill: rgb(241, 236, 236);
}

.admin-success-stories-list .side-dropdown-item {
  width: auto;
  padding: 0 !important;
}
.admin-success-stories-list .winner-item svg path {
  fill: #1D252D;
}
body.is-dark .admin-success-stories-list .winner-item svg path {
  fill: #CECECE;
}
.admin-success-stories-list .delete-item svg path {
  stroke: #1D252D;
}
body.is-dark .admin-success-stories-list .delete-item svg path {
  stroke: #A2A5B9;
}

.sadarah-topics-back-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  margin: 0px;
  background: #4f008c;
  border-radius: 4px;
  cursor: pointer;
}
.sadarah-topics-back-button span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
}
body.is-dark .sadarah-topics-back-button {
  background: #797bf2;
}
.sadarah-topics-back-button:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .sadarah-topics-back-button:hover {
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}

.general-documents .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.general-documents .header .label {
  font-family: "STC Forward", sans-serif;
  font-size: 0.8rem;
  color: #1d252d;
}
.general-documents .documents-table {
  min-height: unset !important;
}

/*! _list-view.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. List View Toolbar
    2. List View V1
    3. List View V1 Dark mode
    4. List View V2
    5. List View V2 Dark mode
    6. List View V3
    7. List View V3 Dark mode
    8. List View V4
    9. List View V4 Dark mode
    10. Media Queries
*/
/* ==========================================================================
1. List View Toolbar
========================================================================== */
.list-view-toolbar {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.list-view-toolbar.is-webapp {
  padding-top: 30px;
}
.list-view-toolbar.is-reversed {
  flex-direction: row-reverse;
}
.list-view-toolbar.is-reversed .control {
  margin-right: 0;
  margin-left: auto;
}
[dir=rtl] .list-view-toolbar.is-reversed .control {
  margin-left: 0;
  margin-right: auto;
}
.list-view-toolbar.is-reversed .tabs-inner {
  margin-right: 10px;
  margin-left: 0;
}
[dir=rtl] .list-view-toolbar.is-reversed .tabs-inner {
  margin-left: 10px;
  margin-right: 0;
}
.list-view-toolbar .control {
  margin-right: 10px;
}
[dir=rtl] .list-view-toolbar .control {
  margin-left: 10px;
  margin-right: 0;
}
.list-view-toolbar .list-info span {
  font-family: "STC Forward", sans-serif;
  color: #a2a5b9;
}
.list-view-toolbar .buttons {
  margin-left: auto;
  margin-bottom: 0;
}
.list-view-toolbar .buttons .h-button {
  margin-bottom: 0;
}
.list-view-toolbar .tabs-inner {
  margin-left: auto;
}
[dir=rtl] .list-view-toolbar .tabs-inner {
  margin-left: 0;
  margin-right: auto;
}
.list-view-toolbar .tabs-inner .tabs {
  margin-bottom: 0;
  min-width: 170px;
}

/* ==========================================================================
2. List View V1
========================================================================== */
.list-view.list-view-v1 .list-view-item {
  margin-bottom: 16px;
  padding: 16px;
}
.list-view.list-view-v1 .list-view-item .list-view-item-inner {
  display: flex;
  align-items: center;
}
.list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-left {
  margin-left: 16px;
}
.list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-left h3 {
  color: #1d252d;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
}
.list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-left > span:not(.tag) {
  font-size: 0.9rem;
  color: #a2a5b9;
}
.list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-left > span:not(.tag) svg {
  height: 12px;
  width: 12px;
}
.list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .tags {
  margin-right: 30px;
  margin-bottom: 0;
}
[dir=rtl] .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .tags {
  margin-left: 30px;
  margin-right: 0;
}
.list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .tags .tag {
  margin-bottom: 0;
}
.list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .stats {
  display: flex;
  align-items: center;
  margin-right: 30px;
}
.list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .stats .stat {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  color: #a2a5b9;
}
.list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .stats .stat > span {
  font-family: "STC Forward", sans-serif;
}
.list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .stats .stat > span:first-child {
  font-size: 1.2rem;
  font-weight: 600;
  color: #1d252d;
  line-height: 1.4;
}
.list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .stats .stat > span:nth-child(2) {
  text-transform: uppercase;
  font-family: "STC Forward", sans-serif;
  font-size: 0.75rem;
}
.list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .stats .stat svg {
  height: 16px;
  width: 16px;
}
.list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .stats .stat i {
  font-size: 1.4rem;
}
.list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .stats .separator {
  height: 25px;
  width: 2px;
  border-right: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  margin: 0 16px;
}
.list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .network {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 145px;
}
.list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .network > span {
  font-family: "STC Forward", sans-serif;
  font-size: 0.9rem;
  color: #a2a5b9;
  margin-left: 6px;
}
.list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .dropdown {
  margin-left: 30px;
}
[dir=rtl] .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .dropdown {
  margin-left: 0;
  margin-right: 30px;
}

/* ==========================================================================
3. List View V1 Dark mode
========================================================================== */
body.is-dark .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-left h3 {
  color: #cecece !important;
}
body.is-dark .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .stats .stat span:first-child {
  color: #cecece;
}
body.is-dark .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .stats .separator {
  border-color: rgb(29.0679559495%, 29.0679559495%, 31.5594950309%) !important;
}

/* ==========================================================================
4. List View V2
========================================================================== */
.list-view.list-view-v2 .list-view-item {
  margin-bottom: 16px;
  padding: 16px;
}
.list-view.list-view-v2 .list-view-item:hover {
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.list-view.list-view-v2 .list-view-item .list-view-item-inner {
  display: flex;
}
.list-view.list-view-v2 .list-view-item .list-view-item-inner > img {
  display: block;
  min-height: 130px;
  max-height: 130px;
  min-width: 190px;
  max-width: 190px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left {
  display: flex;
  flex-direction: column;
  margin-left: 16px;
}
[dir=rtl] .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left {
  margin-left: 0;
  margin-right: 16px;
}
.list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left h3 {
  font-family: "STC Forward", sans-serif;
  color: #1d252d;
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 1.5;
}
.list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left h3 .rating {
  margin-left: 12px;
}
.list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left h3 .rating i {
  position: relative;
  top: -2px;
  font-size: 12px;
  color: rgb(88.9411764706%, 88.9411764706%, 88.9411764706%);
}
.list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left h3 .rating i.active {
  color: #ffc43b;
}
.list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left p {
  font-size: 0.95rem;
  color: #a2a5b9;
}
.list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left p svg {
  height: 12px;
  width: 12px;
}
.list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left > span {
  display: flex;
  align-items: center;
  margin-top: 10px;
  font-family: "STC Forward", sans-serif;
  font-size: 0.9rem;
  color: #4f008c;
}
.list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left > span .icon-separator {
  font-size: 5px;
  color: #a2a5b9;
  padding: 0 10px;
}
.list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left .icon-list {
  margin-top: auto;
  display: flex;
}
.list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left .icon-list > span {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left .icon-list > span span {
  font-size: 0.85rem;
  font-family: "STC Forward", sans-serif;
  color: #1d252d;
}
.list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left .icon-list > span i {
  font-size: 1.2rem;
  margin-right: 6px;
  color: #a2a5b9;
}
.list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-right {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
[dir=rtl] .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-right {
  margin-left: unset;
  margin-right: auto;
}
[dir=rtl] .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-right .buttons {
  margin-left: 10px;
  margin-right: 0;
}
.list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-right .buttons {
  margin-bottom: 0;
  margin-right: 10px;
}

/* ==========================================================================
5. List View V2 Dark mode
========================================================================== */
body.is-dark .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left h3 {
  color: #cecece !important;
}
body.is-dark .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left h3 .rating i:not(.active) {
  color: rgb(11.8076819769%, 11.8076819769%, 12.8197690035%);
}
body.is-dark .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left > span {
  color: #797bf2;
}
body.is-dark .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left .icon-list > span span {
  color: #cecece;
}
/* ==========================================================================
6. List View V3
========================================================================== */
.list-view.list-view-v3 .list-view-item {
  margin-bottom: 16px;
  padding: 16px;
}
.list-view.list-view-v3 .list-view-item .list-view-item-inner {
  display: flex;
  align-items: center;
}
.list-view.list-view-v3 .list-view-item .list-view-item-inner > img {
  width: 100%;
  max-width: 60px;
  min-width: 60px;
  max-height: 60px;
  min-height: 60px;
  border-radius: 50%;
  border: 1px solid #ededed;
}
.list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-left {
  margin-left: 16px;
}
.list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-left h3 {
  font-family: "STC Forward", sans-serif;
  color: #1d252d;
  font-weight: 500;
  font-size: 1.1rem;
  line-height: 1;
}
.list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-left > span:not(.tag) {
  font-size: 0.9rem;
  color: #a2a5b9;
}
.list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-left > span:not(.tag) svg {
  position: relative;
  top: 1px;
  height: 12px;
  width: 12px;
}
.list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-left > span:not(.tag) .icon-separator {
  position: relative;
  top: -3px;
  font-size: 5px;
  color: #a2a5b9;
  padding: 0 8px;
}
.list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-right {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-right .buttons {
  margin-bottom: 0;
  margin-right: 10px;
}

/* ==========================================================================
7. List View V3 Dark mode
========================================================================== */
body.is-dark .list-view.list-view-v3 .list-view-item .list-view-item-inner > img {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-left h3 {
  color: #cecece !important;
}
/* ==========================================================================
8. List View V4
========================================================================== */
.list-view.list-view-v4 .list-view-item {
  margin-bottom: 16px;
  padding: 16px;
}
.list-view.list-view-v4 .list-view-item .list-view-item-inner {
  display: flex;
  align-items: center;
}
.list-view.list-view-v4 .list-view-item .list-view-item-inner .pre-meta {
  margin-right: 16px;
  width: 160px;
}
.list-view.list-view-v4 .list-view-item .list-view-item-inner .pre-meta h3 {
  font-family: "STC Forward", sans-serif;
  color: #1d252d;
  font-size: 1rem;
  font-weight: 600;
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.list-view.list-view-v4 .list-view-item .list-view-item-inner > img {
  width: 100%;
  max-width: 60px;
  min-width: 60px;
  max-height: 60px;
  min-height: 60px;
  border-radius: 50%;
  border: 1px solid #ededed;
}
.list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left {
  margin-left: 16px;
}
.list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left h3 {
  display: flex;
  align-items: center;
  font-family: "STC Forward", sans-serif;
  font-weight: 600;
  color: #1d252d;
  font-size: 0.75rem;
  line-height: 1;
}
.list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left h3 .avatar {
  display: block;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  margin-right: 6px;
}
.list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left > span:not(.tag) {
  font-size: 0.9rem;
  color: #a2a5b9;
}
.list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left > span:not(.tag) svg {
  position: relative;
  top: 1px;
  height: 12px;
  width: 12px;
}
.list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left > span:not(.tag) .icon-separator {
  position: relative;
  top: -3px;
  font-size: 5px;
  color: #a2a5b9;
  padding: 0 8px;
}
.list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .network {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 145px;
  margin-right: 30px;
}
.list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .network > span {
  font-family: "STC Forward", sans-serif;
  font-size: 0.9rem;
  color: #a2a5b9;
  margin-left: 6px;
}
.list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons {
  margin-bottom: 0;
  margin-right: 10px;
}

/* ==========================================================================
9. List View V4 Dark mode
========================================================================== */
body.is-dark .list-view.list-view-v4 .list-view-item .list-view-item-inner .pre-meta h3 {
  color: #cecece;
}
body.is-dark .list-view.list-view-v4 .list-view-item .list-view-item-inner > img {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left h3 {
  color: #cecece !important;
}
/* ==========================================================================
10. Media Queries
========================================================================== */
@media only screen and (max-width: 767px) {
  .list-view-toolbar .list-info {
    display: none;
  }
  .list-view.list-view-v1 .list-view-item .list-view-item-inner {
    position: relative;
    flex-direction: column;
  }
  .list-view.list-view-v1 .list-view-item .list-view-item-inner .h-avatar {
    margin-bottom: 10px;
  }
  .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-left {
    margin-left: 0;
  }
  .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right {
    flex-direction: column;
    margin-left: 0;
  }
  .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .tags {
    margin: 10px 0;
  }
  .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .stats {
    margin: 10px 0;
  }
  .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .network {
    margin: 10px 0 0 0;
    justify-content: center;
  }
  .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .network > span {
    display: none;
  }
  .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .dropdown {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-left: 0;
  }
  .list-view.list-view-v2 .list-view-item {
    padding: 20px;
  }
  .list-view.list-view-v2 .list-view-item .list-view-item-inner {
    flex-direction: column;
  }
  .list-view.list-view-v2 .list-view-item .list-view-item-inner > img {
    width: 100%;
    max-width: 100%;
    min-height: 160px;
    max-height: 160px;
    margin-bottom: 1rem;
  }
  .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left {
    margin-left: 0;
  }
  .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left > span {
    margin-bottom: 16px;
  }
  .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left .icon-list {
    flex-wrap: wrap;
  }
  .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left .icon-list > span {
    flex-direction: column;
    text-align: center;
    margin: 10px;
    width: calc(33.3% - 20px);
  }
  .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left .icon-list > span i {
    margin: 0;
  }
  .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-right {
    margin: 16px 0 0 0;
  }
  .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-right .buttons {
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .list-view.list-view-v3 .list-view-item {
    position: relative;
    padding: 20px;
  }
  .list-view.list-view-v3 .list-view-item .list-view-item-inner {
    flex-direction: column;
  }
  .list-view.list-view-v3 .list-view-item .list-view-item-inner > img {
    margin-bottom: 1rem;
  }
  .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-left {
    margin-left: 0;
  }
  .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-left h3 {
    text-align: center;
    margin-bottom: 6px;
  }
  .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-left > span {
    margin-bottom: 16px;
  }
  .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-left .icon-list {
    flex-wrap: wrap;
  }
  .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-left .icon-list > span {
    flex-direction: column;
    text-align: center;
    margin: 10px;
    width: calc(33.3% - 20px);
  }
  .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-left .icon-list > span i {
    margin: 0;
  }
  .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-right {
    margin: 16px 0 0 0;
    width: 100%;
  }
  .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-right .buttons {
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .list-view.list-view-v4 .list-view-item {
    position: relative;
    padding: 20px;
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner {
    flex-direction: column;
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner .pre-meta {
    margin: 0 0 16px 0;
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner .pre-meta h3 {
    text-align: center;
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner > img {
    max-width: 90px;
    min-width: 90px;
    max-height: 90px;
    min-height: 90px;
    margin-bottom: 1rem;
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left {
    margin-left: 0;
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left h3 {
    justify-content: center;
    margin-bottom: 6px;
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left > span {
    margin-bottom: 16px;
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left .icon-list {
    flex-wrap: wrap;
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left .icon-list > span {
    flex-direction: column;
    text-align: center;
    margin: 10px;
    width: calc(33.3% - 20px);
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left .icon-list > span i {
    margin: 0;
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right {
    margin: 16px 0 0 0;
    width: 100%;
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .network {
    justify-content: flex-start;
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons {
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .list-view-toolbar {
    padding: 0 10px;
  }
  .list-view.list-view-v1 {
    display: flex;
    flex-wrap: wrap;
  }
  .list-view.list-view-v1 .list-view-item {
    margin: 10px;
    width: calc(50% - 20px);
  }
  .list-view.list-view-v1 .list-view-item .list-view-item-inner {
    position: relative;
    flex-direction: column;
  }
  .list-view.list-view-v1 .list-view-item .list-view-item-inner .h-avatar {
    margin-bottom: 10px;
  }
  .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-left {
    margin-left: 0;
  }
  .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right {
    flex-direction: column;
    margin-left: 0;
  }
  .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .tags {
    margin: 10px 0;
  }
  .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .stats {
    margin: 10px 0;
  }
  .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .network {
    margin: 10px 0 0 0;
    justify-content: center;
  }
  .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .network > span {
    display: none;
  }
  .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .dropdown {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-left: 0;
  }
  .list-view.list-view-v2 .list-view-item .list-view-item-inner {
    position: relative;
    flex-direction: column;
  }
  .list-view.list-view-v2 .list-view-item .list-view-item-inner .h-avatar {
    margin-bottom: 10px;
  }
  .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left {
    margin-left: 0;
  }
  .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-right {
    flex-direction: column;
    margin-left: 0;
  }
  .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-right .tags {
    margin: 10px 0;
  }
  .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-right .stats {
    margin: 10px 0;
  }
  .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-right .network {
    margin: 10px 0 0 0;
    justify-content: center;
  }
  .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-right .network > span {
    display: none;
  }
  .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-right .dropdown {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-left: 0;
  }
  .list-view.list-view-v2 .list-view-inner {
    display: flex;
    flex-wrap: wrap;
  }
  .list-view.list-view-v2 .list-view-inner .list-view-item {
    padding: 20px;
    margin: 10px;
    width: calc(50% - 20px);
  }
  .list-view.list-view-v2 .list-view-inner .list-view-item .list-view-item-inner {
    flex-direction: column;
    height: 100%;
  }
  .list-view.list-view-v2 .list-view-inner .list-view-item .list-view-item-inner > img {
    width: 100%;
    max-width: 100%;
    min-height: 160px;
    max-height: 160px;
    margin-bottom: 1rem;
  }
  .list-view.list-view-v2 .list-view-inner .list-view-item .list-view-item-inner .meta-left {
    margin-left: 0;
  }
  .list-view.list-view-v2 .list-view-inner .list-view-item .list-view-item-inner .meta-left > span {
    margin-bottom: 16px;
  }
  .list-view.list-view-v2 .list-view-inner .list-view-item .list-view-item-inner .meta-left .icon-list {
    flex-wrap: wrap;
  }
  .list-view.list-view-v2 .list-view-inner .list-view-item .list-view-item-inner .meta-left .icon-list > span {
    flex-direction: column;
    text-align: center;
    margin: 10px;
    width: calc(33.3% - 20px);
  }
  .list-view.list-view-v2 .list-view-inner .list-view-item .list-view-item-inner .meta-left .icon-list > span i {
    margin: 0;
  }
  .list-view.list-view-v2 .list-view-inner .list-view-item .list-view-item-inner .meta-right {
    margin: auto 0 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .list-view.list-view-v2 .list-view-inner .list-view-item .list-view-item-inner .meta-right .buttons {
    margin: 16px 0 0 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .list-view.list-view-v4 .list-view-inner {
    display: flex;
    flex-wrap: wrap;
  }
  .list-view.list-view-v4 .list-view-item {
    position: relative;
    margin: 10px;
    width: calc(50% - 20px);
    padding: 20px;
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner {
    flex-direction: column;
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner .pre-meta {
    margin: 0 0 16px 0;
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner .pre-meta h3 {
    margin-right: 0;
    text-align: center;
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner > img {
    max-width: 90px;
    min-width: 90px;
    max-height: 90px;
    min-height: 90px;
    margin-bottom: 1rem;
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left {
    margin-left: 0;
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left h3 {
    justify-content: center;
    margin-bottom: 6px;
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left > span {
    margin-bottom: 16px;
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left .icon-list {
    flex-wrap: wrap;
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left .icon-list > span {
    flex-direction: column;
    text-align: center;
    margin: 10px;
    width: calc(33.3% - 20px);
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left .icon-list > span i {
    margin: 0;
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right {
    margin: 16px 0 0 0;
    width: 100%;
    justify-content: space-between;
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .network {
    justify-content: flex-start;
    margin: 0;
  }
  .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons {
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 0 0 16px;
  }
}
/*! _list-flex.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. List Flex Toolbar
*/
/* ==========================================================================
1. List Flex Toolbar
========================================================================== */
.list-flex-toolbar {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.list-flex-toolbar.is-webapp {
  padding-top: 30px;
  margin: 0 auto 20px auto;
}
.list-flex-toolbar.is-webapp.flex-list-v1 {
  max-width: 880px;
}
.list-flex-toolbar.is-webapp.flex-list-v2 {
  max-width: 940px;
}
.list-flex-toolbar.is-reversed {
  flex-direction: row-reverse;
}
.list-flex-toolbar.is-reversed .control {
  margin-right: 0;
  margin-left: auto;
}
[dir=rtl] .list-flex-toolbar.is-reversed .control {
  margin-right: auto;
  margin-left: 0;
}
.list-flex-toolbar.is-reversed .tabs-inner {
  margin-right: 10px;
  margin-left: 0;
}
[dir=rtl] .list-flex-toolbar.is-reversed .tabs-inner {
  margin-right: 0;
  margin-left: 10px;
}
.list-flex-toolbar .control {
  margin-right: 10px;
}
[dir=rtl] .list-flex-toolbar .control {
  margin-right: 0;
  margin-left: 10px;
}
.list-flex-toolbar .list-info span {
  font-family: "STC Forward", sans-serif;
  color: #a2a5b9;
}
.list-flex-toolbar .buttons {
  margin-left: auto;
  margin-bottom: 0;
}
.list-flex-toolbar .buttons .h-button {
  margin-bottom: 0;
}
.list-flex-toolbar .tabs-inner {
  margin-left: auto;
}
.list-flex-toolbar .tabs-inner .tabs {
  margin-bottom: 0;
  min-width: 170px;
}

.flex-list-wrapper.is-webapp {
  margin: 0 auto;
}
.flex-list-wrapper.is-webapp.flex-list-v1 {
  max-width: 880px;
}
.flex-list-wrapper.is-webapp.flex-list-v2 {
  max-width: 940px;
}
body.is-dark .flex-list-wrapper .more-button .is-light {
  background: rgb(23.314531292%, 23.314531292%, 25.3129196884%);
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
  color: #cecece;
}
body.is-dark .flex-list-wrapper .more-button .is-light:hover {
  border-color: rgb(30.9857641687%, 30.9857641687%, 33.6416868117%);
}

/*! _auth.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Login page
    2. Login page Dark mode
    3. Media Queries
*/
/* ==========================================================================
1. Login Page
========================================================================== */
.auth-wrapper {
  display: flex;
  overflow: hidden;
  height: 100%;
  padding: 0;
  margin: 0;
}
[dir=rtl] .auth-wrapper {
  flex-direction: row-reverse;
}
.auth-wrapper .form-side {
  width: 55%;
  min-height: 100vh;
  background-color: #ffffff;
  padding: 3rem 1.5rem;
  padding: calc(env(safe-area-inset-top) + 3rem) calc(env(safe-area-inset-right) + 1.5rem) 3rem calc(env(safe-area-inset-left) + 1.5rem);
  z-index: 2;
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}
@supports (padding-top: max(3rem)) {
  .auth-wrapper .form-side {
    padding: calc(env(safe-area-inset-top) + 3rem) calc(env(safe-area-inset-right) + 1.5rem) 3rem calc(env(safe-area-inset-left) + 1.5rem);
  }
}
.auth-wrapper .form-side .auth-heading {
  position: relative;
  width: 100%;
}
.auth-wrapper .form-side .auth-heading .dark-mode {
  position: fixed;
  top: 1.5rem;
  right: 1.5rem;
  transform: scale(0.6);
  z-index: 2;
}
[dir=rtl] .auth-wrapper .form-side .auth-heading .dark-mode {
  left: 1.5rem;
  right: unset;
}
@supports (top: max(1.5rem)) {
  .auth-wrapper .form-side .auth-heading .dark-mode {
    top: calc(env(safe-area-inset-top) + 1.5rem);
  }
}
.auth-wrapper .form-side .auth-heading .app-logo {
  display: flex;
  max-width: 450px;
  margin: 0 auto;
}
.auth-wrapper .form-side .auth-heading .app-logo svg {
  height: 35px;
}
.auth-wrapper .form-side .form-body {
  line-height: 1.5;
  display: flex;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 0;
  margin-top: 40px;
}
.auth-wrapper .form-side .form-body .container {
  max-width: 450px;
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto;
  -webkit-box-flex: 1;
}
.auth-wrapper .form-side .form-body .container .login {
  padding: 10px 0;
}
.auth-wrapper .form-side .form-body .container .auth-content {
  width: 100%;
  margin: 0 auto 40px;
}
.auth-wrapper .form-side .form-body .container .auth-content h2 {
  font-size: 2.5rem;
  font-weight: 600;
  color: #1d252d;
}
.auth-wrapper .form-side .form-body .container .auth-content p {
  font-size: 1rem;
  margin-bottom: 8px;
  color: #1d252d;
}
.auth-wrapper .form-side .form-body .container .auth-content a {
  font-size: 0.9rem;
  font-weight: 500;
  color: #4f008c;
}
.auth-wrapper .form-side .form-body .container .auth-form-wrapper {
  width: 100%;
  margin: 0 auto;
}
.auth-wrapper .form-side .forgot-link {
  margin-top: 10px;
}
.auth-wrapper .form-side .forgot-link a {
  font-family: "STC Forward", sans-serif;
  font-size: 0.9rem;
  color: #a2a5b9;
  transition: color 0.3s;
}
.auth-wrapper .form-side .forgot-link a:hover {
  color: #4f008c;
}
.auth-wrapper .form-side .h-button {
  min-height: 44px;
}
.auth-wrapper .form-side .brand-logo {
  width: 115px;
  margin: 40px auto 0;
}
.auth-wrapper .form-side.confirm-page {
  width: 100%;
}
.auth-wrapper .animated-side {
  background: #4f008c;
  width: 45%;
  position: relative;
  direction: ltr;
}
.auth-wrapper .animated-side .cornered-quot {
  width: 65%;
  max-width: 450px;
  position: absolute;
  bottom: 35px;
  left: 60px;
}
.auth-wrapper .animated-side .cornered-quot .quot-1-svg .fill-secondary {
  fill: #ff375e;
}
.auth-wrapper .animated-side .cornered-quot .quot-1-svg .fill-white {
  font-size: 93.84px;
  fill: #ffffff;
  font-family: "STC Forward", sans-serif, STC Forward;
  font-weight: 700;
}
.auth-wrapper .animated-side .cornered-quot .quot-1-svg .stroke-white {
  fill: none;
  stroke: #ffffff;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.auth-wrapper .animated-side .cornered-quot .quot-1-svg .fill-white {
  fill: #ffffff;
}
.auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-1 {
  font-size: 93.84px;
  font-family: "STC Forward", sans-serif, STC Forward;
  font-weight: 700;
}
.auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-1, .auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-3 {
  fill: #ffffff;
}
.auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-2, .auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-5, .auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-6 {
  fill: none;
}
.auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-4 {
  fill: #4f008c;
}
.auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-5, .auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-6, .auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-7 {
  stroke: #ffffff;
  stroke-width: 2px;
}
.auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-5, .auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-7 {
  stroke-miterlimit: 10;
}
.auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-6 {
  stroke-linecap: square;
  stroke-linejoin: round;
}
.auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-7, .auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-8 {
  fill: #ff375e;
}
.auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-1, .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-5, .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-9 {
  fill: #ffffff;
}
.auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-1, .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-6, .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-8 {
  stroke: #ffffff;
}
.auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-1, .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-3, .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-4, .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-5, .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-6, .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-8, .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-9 {
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-2 {
  font-size: 93.84px;
  font-family: "STC Forward", sans-serif;
  font-weight: 700;
}
.auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-2, .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-7 {
  fill: #ffffff;
}
.auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-3, .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-8 {
  fill: #ffffff;
}
.auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-3, .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-4, .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-9 {
  stroke: #4f008c;
}
.auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-4 {
  fill: #ffffff;
}
.auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-5 {
  stroke: #ff375e;
}
.auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-10, .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-6 {
  fill: #4f008c;
}
.auth-wrapper .animated-side .pixels {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.auth-wrapper .animated-side .pixels li {
  position: absolute;
  display: block;
  list-style: none;
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.2);
  animation: animate 25s linear infinite;
  bottom: -150px;
}
.auth-wrapper .animated-side .pixels.white li {
  background: #4f008c;
  animation: animate 80s linear infinite;
  opacity: 0.2;
}
.auth-wrapper .animated-side .pixels li:nth-child(1) {
  left: 25%;
  width: 80px;
  height: 80px;
  animation-delay: 0s;
}
.auth-wrapper .animated-side .pixels li:nth-child(2) {
  left: 10%;
  width: 20px;
  height: 20px;
  animation-delay: 2s;
  animation-duration: 12s;
}
.auth-wrapper .animated-side .pixels li:nth-child(3) {
  left: 70%;
  width: 20px;
  height: 20px;
  animation-delay: 4s;
}
.auth-wrapper .animated-side .pixels li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  animation-delay: 0s;
  animation-duration: 18s;
}
.auth-wrapper .animated-side .pixels li:nth-child(5) {
  left: 65%;
  width: 20px;
  height: 20px;
  animation-delay: 0s;
}
.auth-wrapper .animated-side .pixels li:nth-child(6) {
  left: 75%;
  width: 110px;
  height: 110px;
  animation-delay: 3s;
}
.auth-wrapper .animated-side .pixels li:nth-child(7) {
  left: 35%;
  width: 150px;
  height: 150px;
  animation-delay: 7s;
}
.auth-wrapper .animated-side .pixels li:nth-child(8) {
  left: 50%;
  width: 25px;
  height: 25px;
  animation-delay: 15s;
  animation-duration: 45s;
}
.auth-wrapper .animated-side .pixels li:nth-child(9) {
  left: 20%;
  width: 15px;
  height: 15px;
  animation-delay: 2s;
  animation-duration: 35s;
}
.auth-wrapper .animated-side .pixels li:nth-child(10) {
  left: 85%;
  width: 150px;
  height: 150px;
  animation-delay: 0s;
  animation-duration: 11s;
}
@keyframes animate {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }
  100% {
    transform: translateY(-1000px) rotate(720deg);
    opacity: 0;
  }
}

.hide-nav .main-sidebar {
  opacity: 0 !important;
}
.hide-nav .sidebar-panel {
  opacity: 0 !important;
}
.hide-nav #bottom-nav {
  opacity: 0 !important;
}

/* ==========================================================================
2. Login Page Dark mode
========================================================================== */
body.is-dark .auth-wrapper .form-side {
  background: #19191b;
}
body.is-dark .auth-wrapper .form-side .form-body .auth-content h2, body.is-dark .auth-wrapper .form-side .form-body .auth-content p {
  color: #cecece;
}
body.is-dark .auth-wrapper .form-side .form-body .auth-content a {
  color: #797bf2;
}
body.is-dark .auth-wrapper .form-side .form-body .forgot-link a:hover {
  color: #797bf2;
}
body.is-dark .auth-wrapper .animated-side {
  background: #2d2d31;
}
body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-1-svg .fill-secondary {
  fill: #797bf2;
}
body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-1-svg .fill-white {
  font-size: 93.84px;
  fill: #fcfcfc;
  font-family: "STC Forward", sans-serif;
  font-weight: 700;
}
body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-1-svg .stroke-white {
  fill: none;
  stroke: #fcfcfc;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-1-svg .fill-white {
  fill: #fcfcfc;
}
body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-1 {
  font-size: 93.84px;
  font-family: "STC Forward", sans-serif;
  font-weight: 700;
}
body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-1, body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-3 {
  fill: #ffffff;
}
body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-2, body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-5, body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-6 {
  fill: none;
}
body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-4 {
  fill: #2d2d31;
}
body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-5, body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-6, body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-7 {
  stroke: #ffffff;
  stroke-width: 2px;
}
body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-5, body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-7 {
  stroke-miterlimit: 10;
}
body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-6 {
  stroke-linecap: square;
  stroke-linejoin: round;
}
body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-7, body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-2-svg .cls-8 {
  fill: #797bf2;
}
body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-1, body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-5, body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-9 {
  fill: #ffffff;
}
body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-1, body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-6, body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-8 {
  stroke: #ffffff;
}
body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-1, body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-3, body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-4, body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-5, body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-6, body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-8, body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-9 {
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-2 {
  font-size: 93.84px;
  font-family: "STC Forward", sans-serif, STC Forward;
  font-weight: 700;
}
body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-2, body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-7 {
  fill: #ffffff;
}
body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-3, body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-8 {
  fill: #ffffff;
}
body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-3, body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-4, body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-9 {
  stroke: #2d2d31;
}
body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-4 {
  fill: #ffffff;
}
body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-5 {
  stroke: #797bf2;
}
body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-10, body.is-dark .auth-wrapper .animated-side .cornered-quot .quot-3-svg .cls-6 {
  fill: #2d2d31;
}

/* ==========================================================================
6. Media Queries
========================================================================== */
@media only screen and (max-width: 767px) {
  body .auth-wrapper .form-side {
    width: 100%;
  }
  body .auth-wrapper .form-side .form-body {
    align-items: center;
  }
  body .auth-wrapper .animated-side {
    display: none;
  }
  body .is-mobile .auth-wrapper .form-side .form-body {
    align-items: flex-end;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .auth-wrapper .form-side {
    width: 100%;
  }
  .auth-wrapper .form-side .form-body {
    align-items: flex-end;
  }
}
/*! _forms.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/* ==========================================================================
Form Layouts
========================================================================== */
/*
    1. Form Layout
*/
/* ==========================================================================
1. Form Layout
========================================================================== */
.form-layout {
  max-width: 740px;
  margin: 0 auto;
}
.form-layout.is-webapp {
  margin-top: 30px;
}
.form-layout.is-split {
  max-width: 840px;
}
.form-layout.is-split .form-outer .form-body {
  padding: 0;
}
.form-layout.is-split .form-outer .form-body .form-section {
  display: flex;
  padding: 20px;
}
.form-layout.is-split .form-outer .form-body .form-section.is-grey {
  background: #fafafa;
}
.form-layout.is-split .form-outer .form-body .form-section .left, .form-layout.is-split .form-outer .form-body .form-section .right {
  padding: 20px 40px;
  width: 50%;
}
.form-layout.is-split .form-outer .form-body .form-section .left h3, .form-layout.is-split .form-outer .form-body .form-section .right h3 {
  font-family: "STC Forward", sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  color: #1d252d;
  margin-bottom: 20px;
}
.form-layout.is-split .form-outer .form-body .form-section .left {
  position: relative;
  border-right: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
}
.form-layout.is-split .form-outer .form-body .form-section .left .operator {
  position: absolute;
  top: 17px;
  right: -10px;
  text-transform: uppercase;
  font-family: "STC Forward", sans-serif;
  font-weight: 500;
  color: #1d252d;
  background: #fff;
  padding: 4px 0;
}
.form-layout.is-split .form-outer .form-body .form-section .radio-pills {
  display: flex;
  justify-content: space-between;
}
.form-layout.is-split .form-outer .form-body .form-section .radio-pills .radio-pill {
  position: relative;
}
.form-layout.is-split .form-outer .form-body .form-section .radio-pills .radio-pill input {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.form-layout.is-split .form-outer .form-body .form-section .radio-pills .radio-pill input:checked + .radio-pill-inner {
  background: #4f008c;
  border-color: #4f008c;
  box-shadow: 0 14px 26px -12px rgba(79, 0, 140, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 0, 140, 0.2);
  color: #fff;
}
.form-layout.is-split .form-outer .form-body .form-section .radio-pills .radio-pill .radio-pill-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 40px;
  background: #fff;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  border-radius: 8px;
  font-family: "STC Forward", sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  transition: all 0.3s;
}
.form-layout.is-separate {
  max-width: 1040px;
}
.form-layout.is-separate .form-outer {
  background: none;
  border: none;
}
.form-layout.is-separate .form-outer .form-body {
  display: flex;
}
.form-layout.is-separate .form-outer .form-body .form-section {
  flex-grow: 2;
  padding: 10px;
  width: 50%;
}
.form-layout.is-separate .form-outer .form-body .form-section .form-section-inner {
  padding: 40px;
}
.form-layout.is-separate .form-outer .form-body .form-section .form-section-inner.has-padding-bottom {
  padding-bottom: 60px;
  height: 100%;
}
.form-layout.is-separate .form-outer .form-body .form-section .form-section-inner > h3 {
  font-family: "STC Forward", sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  color: #1d252d;
  margin-bottom: 30px;
}
.form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .columns .column {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes {
  display: flex;
  justify-content: space-between;
  margin-left: -8px;
  margin-right: -8px;
}
.form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box {
  position: relative;
  width: calc(50% - 16px);
  margin: 8px;
}
.form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box input {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box input:checked + .radio-box-inner {
  background: #4f008c;
  border-color: #4f008c;
  box-shadow: 0 14px 26px -12px rgba(79, 0, 140, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 0, 140, 0.2);
}
.form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box input:checked + .radio-box-inner .fee, .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box input:checked + .radio-box-inner p {
  color: #fcfcfc;
}
.form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box .radio-box-inner {
  background: #fff;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  text-align: center;
  border-radius: 4px;
  font-family: "STC Forward", sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  transition: all 0.3s;
  padding: 30px 20px;
}
.form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box .radio-box-inner .fee {
  font-family: "STC Forward", sans-serif;
  font-weight: 700;
  color: #1d252d;
  font-size: 2.4rem;
  line-height: 1;
}
.form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box .radio-box-inner .fee span:after {
  content: "$";
  position: relative;
  top: -10px;
  font-size: 1.5rem;
}
.form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box .radio-box-inner p {
  font-family: "STC Forward", sans-serif;
}
.form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .control > p {
  padding-top: 12px;
}
.form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .control > p > span {
  display: block;
  font-size: 0.9rem;
}
.form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .control > p > span span {
  font-weight: 500;
  color: #1d252d;
}
.form-layout.is-separate .form-outer .form-body .form-section .form-section-outer .checkboxes {
  padding: 16px 0;
}
.form-layout.is-separate .form-outer .form-body .form-section .form-section-outer .checkboxes .checkbox {
  padding: 0;
  font-size: 0.9rem;
}
.form-layout.is-stacked .form-outer .form-body {
  padding: 0;
}
.form-layout.is-stacked .form-outer .form-body .form-section {
  padding: 25px;
  border-bottom: 1px solid rgb(88.9411764706%, 88.9411764706%, 88.9411764706%);
}
.form-layout.is-stacked .form-outer .form-body .form-section.is-grey {
  background: #fafafa;
}
.form-layout.is-stacked .form-outer .form-body .form-section .form-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgb(88.9411764706%, 88.9411764706%, 88.9411764706%);
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.form-layout.is-stacked .form-outer .form-body .form-section .form-section-header .left h3 {
  font-family: "STC Forward", sans-serif;
  font-weight: 600;
  color: #1d252d;
}
.form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner.is-horizontal {
  max-width: 540px;
}
.form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner.has-actions .actions {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
}
.form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner.has-actions .actions .left .summery .label {
  font-weight: 600;
  font-size: 0.9rem;
  margin: 0;
}
body.is-dark .form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner.has-actions .actions .left .summery .label, body.is-dark .form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner.has-actions .actions .left .summery .count {
  color: #cecece;
}
.form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner.has-actions .actions .left .count {
  font-size: 2rem;
  font-weight: 600;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  align-content: flex-start;
}
.form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner.has-actions .actions .left .count .label {
  font-size: 0.8rem;
  color: #a2a5b9;
}
.form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner.has-actions .actions .right {
  width: 25%;
}
.form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner .field.is-horizontal .field-label {
  padding-top: 0.75em;
}
[dir=rtl] .form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner .field.is-horizontal .field-label {
  margin-right: 0;
  margin-left: 1.5rem;
}
.form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner .file-box {
  display: flex;
  align-items: center;
  padding: 8px;
  background: #fff;
  border: 1px solid transparent;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s;
  width: 100%;
}
.form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner .file-box:hover {
  border-color: rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner .file-box img {
  display: block;
  width: 38px;
  min-width: 38px;
  height: 38px;
}
.form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner .file-box .meta {
  margin: 0 12px;
  line-height: 1.3;
  overflow: auto;
}
.form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner .file-box .meta span {
  display: block;
}
.form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner .file-box .meta span:first-child {
  font-size: 0.9rem;
  font-weight: 500;
  color: #1d252d;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner .file-box .meta span:nth-child(2) {
  font-size: 0.85rem;
  color: #a2a5b9;
}
.form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner .file-box .meta span:nth-child(2) i {
  position: relative;
  top: -3px;
  font-size: 0.3rem;
  color: #a2a5b9;
  margin: 0 4px;
}
.form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner .file-box .dropdown {
  margin-left: auto;
}
[dir=rtl] .form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner .file-box .dropdown {
  margin-right: auto;
  margin-left: 0;
}
.form-layout.is-stacked .form-outer .form-body .form-section .columns .column {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.form-layout.is-stacked .form-outer .form-body .form-section .field label {
  font-weight: 500;
  color: #1d252d !important;
  font-family: "STC Forward", sans-serif;
}
body.is-dark .form-layout.is-stacked .form-outer .form-body .form-section .field label {
  color: #cecece !important;
}
.form-layout.is-stacked .form-outer .form-body .form-section .field .control .checkbox {
  padding: 0 10px 0 0;
  font-size: 0.9rem;
}
[dir=rtl] .form-layout.is-stacked .form-outer .form-body .form-section .field .control .checkbox {
  padding: 0 0 0 10px;
}
.form-layout.is-stacked .form-outer .form-body .form-section .field .control .radio {
  padding: 5px 10px 10px 0;
  font-size: 0.9rem;
}
[dir=rtl] .form-layout.is-stacked .form-outer .form-body .form-section .field .control .radio {
  padding: 5px 0 10px 10px;
}
.form-layout.is-stacked .form-outer .form-body .form-section .field .control.select-fullwidth {
  width: 100%;
}
.form-layout.is-stacked .form-outer .form-body .form-section .field .control.select-fullwidth select, .form-layout.is-stacked .form-outer .form-body .form-section .field .control.select-fullwidth .select {
  width: 100%;
}
.form-layout.is-stacked .form-outer .form-body .form-section .participants {
  display: flex;
  padding-bottom: 10px;
}
.form-layout.is-stacked .form-outer .form-body .form-section .participants .h-avatar {
  margin-right: 8px;
}
[dir=rtl] .form-layout.is-stacked .form-outer .form-body .form-section .participants .h-avatar {
  margin-left: 8px;
  margin-right: 0;
}
.form-layout.is-stacked .form-outer .form-body .form-section .participants .add-participant {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  min-width: 40px;
  border-radius: 50%;
  border: 1.6px dashed #a2a5b9;
  color: #a2a5b9;
  outline: none;
  padding: 0;
  background: none;
  margin-left: 4px;
  cursor: pointer;
  transition: all 0.3s;
}
.form-layout.is-stacked .form-outer .form-body .form-section .participants .add-participant:hover {
  border: 1.6px solid #4f008c;
  color: #4f008c;
}
.form-layout.is-stacked .form-outer .form-body .form-section .participants .add-participant svg {
  height: 16px;
  width: 16px;
}
.form-layout.is-stacked .form-outer .form-body .form-section .color-codes {
  display: flex;
  align-items: center;
  height: 38px;
}
.form-layout.is-stacked .form-outer .form-body .form-section .color-codes .color-code {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #fff;
  margin-right: 10px;
  border: 3px solid #a2a5b9;
  cursor: pointer;
  opacity: 0.6;
  transition: all 0.3s;
}
.form-layout.is-stacked .form-outer .form-body .form-section .color-codes .color-code:hover {
  opacity: 1;
}
.form-layout.is-stacked .form-outer .form-body .form-section .color-codes .color-code.is-primary {
  border-color: #4f008c;
}
.form-layout.is-stacked .form-outer .form-body .form-section .color-codes .color-code.is-secondary {
  border-color: #ff375e;
}
.form-layout.is-stacked .form-outer .form-body .form-section .color-codes .color-code.is-info {
  border-color: #039BE5;
}
.form-layout.is-stacked .form-outer .form-body .form-section .color-codes .color-code.is-success {
  border-color: #06d6a0;
}
.form-layout.is-stacked .form-outer .form-body .form-section .color-codes .color-code.is-purple {
  border-color: #8269B2;
}
.form-layout.is-stacked .form-outer .form-body .form-section .add-link {
  display: inline-block;
  padding: 4px 0;
  font-family: "STC Forward", sans-serif;
  font-weight: 500;
  font-size: 0.9rem;
  color: #4f008c;
}
.form-layout .form-outer {
  padding: 0;
  overflow: hidden;
}
.form-layout .form-outer .form-header {
  padding: 12px 20px;
  border-bottom: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  transition: all 0.3s;
}
.form-layout .form-outer .form-header.is-stuck {
  background: #fff;
  padding-right: 80px;
  border-left: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
}
.form-layout .form-outer .form-header .form-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form-layout .form-outer .form-header .form-header-inner .attachments {
  display: flex;
  align-items: center;
  margin: 5px 0;
}
.form-layout .form-outer .form-header .form-header-inner .attachments svg {
  width: 15px;
  height: 15px;
}
.form-layout .form-outer .form-header .form-header-inner .attachments .action-link {
  margin: 0 5px;
}
.form-layout .form-outer .form-header .form-header-inner .attachments .action-link:after {
  bottom: 0;
}
.form-layout .form-outer .form-header .left h3 {
  font-family: "STC Forward", sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.3;
}
.form-layout .form-outer .form-header .left p {
  font-size: 0.95rem;
}
.form-layout .form-outer .form-body {
  padding: 20px 40px 40px 40px;
}
.form-layout {
  /*! purgecss start ignore */
  /*! purgecss end ignore */
}
.form-layout .grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 15px;
  grid-row-gap: 10px;
  padding: 15px 0;
  overflow-x: auto;
}
.form-layout .grid-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 15px;
  grid-row-gap: 10px;
  padding: 10px 5px;
  overflow-x: auto;
}
.form-layout .grid-7 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-column-gap: 15px;
  grid-row-gap: 10px;
  padding: 15px 0;
  overflow-x: auto;
}
.form-layout .flex-warp {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0;
  grid-column-gap: 15px;
  grid-row-gap: 10px;
  align-items: flex-start;
}
.form-layout .max-selected .is-visible input:not(:checked) {
  pointer-events: none;
  cursor: not-allowed !important;
}
.form-layout .max-selected .is-visible input:not(:checked) + .service-card-inner {
  opacity: 0.4;
  cursor: not-allowed !important;
}
.form-layout .service-card {
  position: relative;
}
.form-layout .service-card input {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.form-layout .service-card input:checked + .service-card-inner {
  border-color: #4f008c;
}
body.is-dark .form-layout .service-card input:checked + .service-card-inner {
  border-color: #797bf2;
}
.form-layout .service-card input:checked + .service-card-inner .media-flex-center .h-icon.is-light {
  background: rgb(96.0358543417%, 90.9019607843%, 100%);
}
.form-layout .service-card input:checked + .service-card-inner .media-flex-center .h-icon.is-light.is-bordered {
  border-color: #4f008c;
}
.form-layout .service-card input:checked + .service-card-inner .media-flex-center .h-icon.is-light i {
  color: #4f008c;
}
.form-layout .service-card input:checked + .service-card-inner .media-flex-center .h-icon.is-light svg {
  stroke: #4f008c;
  color: #4f008c;
}
body.is-dark .form-layout .service-card input:checked + .service-card-inner .media-flex-center .h-icon.is-light {
  background: #797bf2;
}
body.is-dark .form-layout .service-card input:checked + .service-card-inner .media-flex-center .h-icon.is-light.is-bordered {
  border-color: #797bf2;
}
body.is-dark .form-layout .service-card input:checked + .service-card-inner .media-flex-center .h-icon.is-light i {
  color: #797bf2;
}
body.is-dark .form-layout .service-card input:checked + .service-card-inner .media-flex-center .h-icon.is-light svg {
  stroke: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
.form-layout .service-card input:checked + .service-card-inner .media-flex-center .flex-end .checkmark {
  opacity: 1;
}
.form-layout .service-card .service-card-inner {
  padding: 10px;
  background: transparent;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  border-radius: 10px;
}
.form-layout .service-card .service-card-inner.is-disabled {
  pointer-events: none;
  opacity: 0.55;
}
body.is-dark .form-layout .service-card .service-card-inner {
  border: 1px solid rgb(8.9309696481%, 8.9309696481%, 9.6964813323%);
}
.form-layout .service-card .service-card-inner .media-flex-center .flex-meta {
  margin: 0 12px;
}
.form-layout .service-card .service-card-inner .media-flex-center .flex-end .checkmark {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  width: 28px;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  border-radius: 50%;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  opacity: 0;
  color: #4f008c;
  transition: all 0.3s;
}
body.is-dark .form-layout .service-card .service-card-inner .media-flex-center .flex-end .checkmark {
  border: 1px solid #797bf2;
  color: #797bf2;
}
.form-layout .service-card .service-card-inner .media-flex-center .flex-end .checkmark svg {
  height: 14px;
  width: 14px;
  stroke-width: 3px;
}
.form-layout .service-card.is-date input:checked + .service-card-inner {
  border-color: #4f008c;
  background: rgb(96.0358543417%, 90.9019607843%, 100%);
}
body.is-dark .form-layout .service-card.is-date input:checked + .service-card-inner {
  border-color: #797bf2;
  background: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%);
}
.form-layout .service-card.is-date input:checked + .service-card-inner .media-flex-center .flex-meta span:nth-child(2), .form-layout .service-card.is-date input:checked + .service-card-inner .media-flex-center .flex-meta > a:nth-child(2) {
  color: #4f008c;
}
body.is-dark .form-layout .service-card.is-date input:checked + .service-card-inner .media-flex-center .flex-meta span:nth-child(2), body.is-dark .form-layout .service-card.is-date input:checked + .service-card-inner .media-flex-center .flex-meta > a:nth-child(2) {
  color: #797bf2;
}
.form-layout .service-card.is-date .service-card-inner {
  padding: 5px;
  min-width: 70px;
}
.form-layout .service-card.is-date .service-card-inner .media-flex-center {
  justify-content: center;
}
.form-layout .service-card.is-date .service-card-inner .media-flex-center .flex-meta {
  margin: 0;
  text-align: center;
}
.form-layout .service-card.is-date .service-card-inner .media-flex-center .flex-end .checkmark {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  width: 28px;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  border-radius: 50%;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  opacity: 0;
  color: #4f008c;
  transition: all 0.3s;
}
.form-layout .service-card.is-date .service-card-inner .media-flex-center .flex-end .checkmark svg {
  height: 14px;
  width: 14px;
  stroke-width: 3px;
}
.form-layout .service-card.is-time input:checked + .service-card-inner {
  border-color: #4f008c;
  background: rgb(96.0358543417%, 90.9019607843%, 100%);
}
body.is-dark .form-layout .service-card.is-time input:checked + .service-card-inner {
  border-color: #797bf2;
  background: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%);
}
.form-layout .service-card.is-time input:checked + .service-card-inner .media-flex-center .flex-meta span:nth-child(2), .form-layout .service-card.is-time input:checked + .service-card-inner .media-flex-center .flex-meta > a:nth-child(2) {
  color: #4f008c;
}
body.is-dark .form-layout .service-card.is-time input:checked + .service-card-inner .media-flex-center .flex-meta span:nth-child(2), body.is-dark .form-layout .service-card.is-time input:checked + .service-card-inner .media-flex-center .flex-meta > a:nth-child(2) {
  color: #797bf2;
}
.form-layout .service-card.is-time .service-card-inner {
  padding: 10px;
  min-width: 72px;
}
.form-layout .service-card.is-time .service-card-inner .media-flex-center {
  justify-content: center;
}
.form-layout .service-card.is-time .service-card-inner .media-flex-center .flex-meta {
  margin: 0;
  text-align: center;
}
.form-layout .service-card.is-time .service-card-inner .media-flex-center .flex-end .checkmark {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  width: 28px;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  border-radius: 50%;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  opacity: 0;
  color: #4f008c;
  transition: all 0.3s;
}
.form-layout .service-card.is-time .service-card-inner .media-flex-center .flex-end .checkmark svg {
  height: 14px;
  width: 14px;
  stroke-width: 3px;
}
.form-layout .service-card.is-visible input:checked + .service-card-inner .media-flex-center .flex-end .checkmark {
  opacity: 1;
}
body.is-dark .form-layout .service-card.is-visible input:checked + .service-card-inner .media-flex-center .flex-end .checkmark {
  border: 1px solid #797bf2;
  color: #797bf2;
}
.form-layout .service-card.is-visible input:checked + .service-card-inner .media-flex-center .flex-end .checkmark svg {
  opacity: 1;
  transition: all 0.3s;
}
.form-layout .service-card.is-visible .service-card-inner .media-flex-center .flex-meta {
  width: 100%;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  text-align: start;
  justify-content: space-between;
  align-items: center;
}
.form-layout .service-card.is-visible .service-card-inner .media-flex-center .flex-end .checkmark {
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  opacity: 1;
  color: #4f008c;
}
body.is-dark .form-layout .service-card.is-visible .service-card-inner .media-flex-center .flex-end .checkmark {
  border: 1px solid #a2a5b9;
  color: #a2a5b9;
}
.form-layout .service-card.is-visible .service-card-inner .media-flex-center .flex-end .checkmark svg {
  height: 14px;
  width: 14px;
  stroke-width: 3px;
  opacity: 0;
  transition: all 0.3s;
}
.form-layout .service-card.is-grid {
  width: calc(50% - 10px);
}
body.is-dark .form-layout .service-card.is-grid .action-link {
  color: #797bf2;
}
.form-layout .service-card.is-grid .action-link:after {
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .form-layout .service-card.is-grid .flex-meta {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.select-fullwidth .select {
  width: 100%;
}
.select-fullwidth .select select {
  width: 100%;
}
[dir=rtl] .select-fullwidth .select select {
  padding-left: 2.5em;
  padding-right: calc(0.75em - 1px);
}

.multi-insert-form .form-fieldset {
  max-width: 100%;
  padding: 0 0 20px;
}
.multi-insert-form .form-section-title {
  font-family: "STC Forward", sans-serif;
  font-weight: 600;
  color: #1d252d;
  margin-bottom: 1rem;
}
.multi-insert-form .form-section-title button {
  position: relative;
  top: 4px;
  padding: 0;
  height: 18px;
  width: 18px;
  border: none;
  background: none;
  cursor: pointer;
  margin-left: 0.25rem;
  outline: none;
}
.multi-insert-form .form-section-title button svg {
  height: 18px;
  width: 18px;
  pointer-events: none;
}
.multi-insert-form .fieldset {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid hsl(0, 0%, 86%);
  background: rgb(92.0784313725%, 92.8705882353%, 96.0392156863%);
  margin-bottom: 1rem;
}
body.is-dark .multi-insert-form .fieldset {
  background: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
  border-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
.multi-insert-form .fieldset .fieldset-separator {
  margin: 1.5rem 0;
  border-top: 1px solid hsl(0, 0%, 86%);
}
.multi-insert-form .field > label {
  margin-bottom: 0.25rem;
  display: inline-block;
}
.multi-insert-form .field > .buttons {
  padding: 2rem 0;
}
.multi-insert-form .flex-label {
  display: flex;
  align-items: center;
  height: 100%;
}
.multi-insert-form .flex-label h4 {
  font-weight: 500;
  color: #1d252d;
}
.multi-insert-form .sub-control {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 175px;
  padding-right: 1rem;
}
.multi-insert-form .sub-control .action button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 38px;
  width: 38px;
  min-width: 38px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  border-radius: 0.5rem;
  transition: background-color 0.3s;
}
.multi-insert-form .sub-control .action button:hover {
  background: rgb(94.7450980392%, 95.2705882353%, 97.3725490196%);
}
.multi-insert-form .sub-control .action button svg {
  height: 18px;
  width: 18px;
  stroke-width: 1.5px;
}
.multi-insert-form .input-button {
  height: 44px;
  width: 100%;
  border: 2px dashed hsl(0, 0%, 86%);
  border-radius: 0.65rem;
  background: rgb(92.0784313725%, 92.8705882353%, 96.0392156863%);
  display: flex;
  align-items: center;
  padding-left: calc(0.75em - 1px);
  padding-right: calc(0.75em - 1px);
  padding-top: 0;
  padding-bottom: 0;
  color: #1d252d;
  cursor: pointer;
  transition: color 0.3s, background-color 0.3s, border 0.3s, box-shadow 0.3s;
}
body.is-dark .multi-insert-form .input-button {
  color: #cecece;
  background: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
  border-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
.multi-insert-form .input-button:hover {
  background: #fff;
  border: 2px solid #4f008c;
  color: #4f008c;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.multi-insert-form .input-button svg {
  height: 18px;
  width: 16px;
}
.multi-insert-form .input-button span {
  margin: 0 0.75rem;
}

body.is-dark .dropdown-content {
  background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
}

[dir=rtl] .control.has-icons-right .input, [dir=rtl] .control.has-icons-right .select select {
  padding-left: 2.5em;
  padding-right: calc(0.75em - 1px);
}

[dir=rtl] .control.has-icons-right .icon.is-right {
  left: 0;
  right: unset;
}

[dir=rtl] .autocomplete .dropdown-item, [dir=rtl] .autocomplete .dropdown .dropdown-menu .has-link a, [dir=rtl] .dropdown .dropdown-menu .has-link .autocomplete a {
  padding-left: 2.5em;
  padding-right: calc(0.75em - 1px);
}

body.is-dark modal .filepond--panel-root {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}

body.is-dark .form-layout.is-split .form-outer .form-body .form-section.is-grey {
  background: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
}
body.is-dark .form-layout.is-split .form-outer .form-body .form-section h3 {
  color: #cecece;
}
body.is-dark .form-layout.is-split .form-outer .form-body .form-section .left {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%) !important;
}
body.is-dark .form-layout.is-split .form-outer .form-body .form-section .left .operator {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%) !important;
  color: #cecece;
}
body.is-dark .form-layout.is-split .form-outer .form-body .form-section .left .radio-pills .radio-pill input:checked + .radio-pill-inner {
  border-color: #797bf2;
  background: #797bf2;
  box-shadow: 0 14px 26px -12px rgba(121, 123, 242, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(121, 123, 242, 0.2);
  color: #fcfcfc;
}
body.is-dark .form-layout.is-split .form-outer .form-body .form-section .left .radio-pills .radio-pill .radio-pill-inner {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
  color: #cecece;
}
body.is-dark .form-layout.is-separate .form-outer {
  background: none !important;
}
body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner > h3 {
  color: #cecece;
}
body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box input:checked + .radio-box-inner {
  background: #797bf2;
  border-color: #797bf2;
  box-shadow: 0 14px 26px -12px rgba(121, 123, 242, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(121, 123, 242, 0.2);
}
body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box input:checked + .radio-box-inner .fee, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box input:checked + .radio-box-inner p {
  color: #fcfcfc;
}
body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box .radio-box-inner {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box .radio-box-inner .fee {
  color: #cecece;
}
body.is-dark .form-layout.is-stacked .form-outer .form-body .form-section {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
body.is-dark .form-layout.is-stacked .form-outer .form-body .form-section.is-grey {
  background: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
}
body.is-dark .form-layout.is-stacked .form-outer .form-body .form-section .form-section-header {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .form-layout.is-stacked .form-outer .form-body .form-section .form-section-header .left h3 {
  color: #cecece;
}
body.is-dark .form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner .add-link {
  color: #797bf2;
}
body.is-dark .form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner .color-codes .color-code {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
body.is-dark .form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner .color-codes .color-code.is-primary {
  border-color: #797bf2;
}
body.is-dark .form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner .participants .add-participant:hover {
  border: 1.6px solid #797bf2;
  color: #797bf2;
}
body.is-dark .form-layout .form-outer .form-header {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .form-layout .form-outer .form-header.is-stuck {
  background: #232326;
  border-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
body.is-dark .form-layout .form-outer .form-header .left h3 {
  color: #cecece;
}
body.is-dark .form-layout .form-outer .form-body .field .control .input:focus, body.is-dark .form-layout .form-outer .form-body .field .control .textarea:focus {
  border-color: #797bf2;
}

@media only screen and (max-width: 767px) {
  .form-layout.is-split .form-outer .form-body .form-section {
    flex-direction: column;
    padding-right: 0;
    padding-left: 0;
  }
  .form-layout.is-split .form-outer .form-body .form-section .left, .form-layout.is-split .form-outer .form-body .form-section .right {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
  }
  .form-layout.is-split .form-outer .form-body .form-section .left {
    border-right: none;
    border-bottom: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
    padding-bottom: 40px;
  }
  .form-layout.is-split .form-outer .form-body .form-section .left .operator {
    top: unset;
    bottom: -14px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    max-width: 60px;
  }
  .form-layout.is-split .form-outer .form-body .form-section .right {
    padding-top: 30px;
  }
  .form-layout.is-separate .form-outer .form-body {
    padding-left: 0;
    padding-right: 0;
    flex-direction: column;
  }
  .form-layout.is-separate .form-outer .form-body .form-section {
    width: 100%;
  }
  .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner {
    padding: 30px;
  }
  .form-layout.is-stacked .form-outer {
    overflow: unset;
    box-shadow: none;
  }
  .form-layout.is-stacked .form-outer .form-body .is-vhidden {
    display: none !important;
  }
  .form-layout.is-stacked .form-outer .form-body .form-section {
    padding: 25px 15px;
  }
  .form-layout.is-stacked .form-outer .form-body .form-section.mobile-narrow {
    padding: 25px;
  }
  .form-layout.is-stacked .form-outer .form-body .form-section.mobile-not-last {
    border-bottom: none;
  }
  .form-layout.is-stacked .form-outer .form-body .form-section.is-mobile-fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 10px 20px;
    z-index: 1200;
    left: 0;
    border-top: 1px solid #ededed;
    background-color: #fff;
    transition: transform 0.3s ease;
    height: auto;
    padding: 10px 20px calc(env(safe-area-inset-bottom) + 10px);
  }
  .form-layout.is-stacked .form-outer .form-body .form-section.is-mobile-fixed .form-section-inner.has-actions .actions .left .summery .label {
    font-weight: 500;
    font-size: 0.85rem;
  }
  .form-layout.is-stacked .form-outer .form-body .form-section.is-mobile-fixed .form-section-inner.has-actions .actions .left .count {
    font-size: 1.2rem;
    font-weight: 600;
  }
  .form-layout.is-stacked .form-outer .form-body .form-section.is-mobile-fixed .form-section-inner.has-actions .actions .right {
    width: 30%;
  }
  .form-layout.is-stacked .form-outer .form-body .form-section.is-mobile-fixed.has-fullwidth-button {
    padding: 0;
    border: 0;
  }
  .form-layout.is-stacked .form-outer .form-body .form-section.is-mobile-fixed.has-fullwidth-button .form-section-inner.has-actions .actions .left {
    display: none;
  }
  .form-layout.is-stacked .form-outer .form-body .form-section.is-mobile-fixed.has-fullwidth-button .form-section-inner.has-actions .actions .right {
    width: 100%;
  }
  .form-layout.is-stacked .form-outer .form-body .form-section.is-grey .form-section-header {
    margin-bottom: 10px;
  }
  .form-layout .form-outer .form-header .form-header-inner {
    flex-direction: column;
  }
  .form-layout .form-outer .form-header .form-header-inner .left {
    text-align: center;
    margin-bottom: 12px;
  }
  .form-layout .form-outer .form-header .form-header-inner .right {
    width: 100%;
  }
  .form-layout .form-outer .form-header .form-header-inner .right .buttons {
    display: flex;
    justify-content: space-between;
    margin: 0;
  }
  .form-layout .is-mobile-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 10px;
    padding: 15px 0;
    overflow-x: auto;
  }
  .form-layout .service-card input {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
  }
  .form-layout .service-card input:checked + .service-card-inner {
    border-color: #4f008c;
  }
  .form-layout .service-card input:checked + .service-card-inner .media-flex-center .h-icon.is-light {
    background: rgb(96.0358543417%, 90.9019607843%, 100%);
  }
  .form-layout .service-card input:checked + .service-card-inner .media-flex-center .h-icon.is-light.is-bordered {
    border-color: #4f008c;
  }
  .form-layout .service-card input:checked + .service-card-inner .media-flex-center .h-icon.is-light i {
    color: #4f008c;
  }
  .form-layout .service-card input:checked + .service-card-inner .media-flex-center .h-icon.is-light svg {
    stroke: #4f008c;
    color: #4f008c;
  }
  .form-layout .service-card input:checked + .service-card-inner .media-flex-center .flex-end .checkmark {
    opacity: 1;
  }
  .form-layout .service-card .service-card-inner {
    padding: 10px;
    border-radius: 10px;
  }
  .form-layout .service-card .service-card-inner .media-flex-center {
    flex-direction: column;
  }
  .form-layout .service-card .service-card-inner .media-flex-center .flex-meta {
    margin: 5px 0 0;
    text-align: center;
  }
  .form-layout .service-card .service-card-inner .media-flex-center .flex-meta span:first-child {
    font-size: 0.85rem;
    font-weight: 500;
  }
  .form-layout .service-card .service-card-inner .media-flex-center .flex-end {
    margin: 0;
  }
  .form-layout .service-card .service-card-inner .media-flex-center .flex-end .checkmark {
    position: absolute;
    background: #fff;
    top: -5px;
    left: -5px;
  }
  body.is-dark .form-layout .service-card .service-card-inner .media-flex-center .flex-end .checkmark {
    background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  }
  [dir=rtl] .form-layout .service-card .service-card-inner .media-flex-center .flex-end .checkmark {
    left: unset;
    right: -5px;
  }
  .form-layout .service-card .service-card-inner .media-flex-center .flex-end .checkmark svg {
    height: 14px;
    width: 14px;
    stroke-width: 3px;
  }
  .form-layout .service-card.is-visible .service-card-inner {
    padding: 10px;
    border-radius: 10px;
  }
  .form-layout .service-card.is-visible .service-card-inner .media-flex-center {
    flex-direction: row;
    gap: 10px;
  }
  .form-layout .service-card.is-visible .service-card-inner .media-flex-center .flex-meta {
    margin: 5px 0 0;
    text-align: start;
  }
  .form-layout .service-card.is-visible .service-card-inner .media-flex-center .flex-meta span:first-child {
    font-size: 0.85rem;
    font-weight: 500;
  }
  .form-layout .service-card.is-visible .service-card-inner .media-flex-center .flex-end {
    margin: 0;
  }
  .form-layout .service-card.is-visible .service-card-inner .media-flex-center .flex-end .checkmark {
    position: relative;
    top: 0;
    left: 0;
  }
  .form-layout .availability_stats {
    background: #f9f9f9;
    padding: 10px;
    border-radius: 6px;
    text-align: center;
    margin-top: 15px;
  }
  body.is-dark .form-layout .availability_stats {
    background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .form-layout.is-split .form-outer .form-body .form-section {
    padding-right: 0;
    padding-left: 0;
  }
  .form-layout.is-separate .form-outer .form-body {
    padding-left: 0;
    padding-right: 0;
  }
  .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner {
    padding: 30px;
  }
}
/* ==========================================================================
2. Stepper Form
========================================================================== */
.is-webapp .stepper-form {
  max-width: 880px;
  margin: 0 auto;
}

.stepper-form {
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: flex-start;
  padding-top: 6rem;
}
.stepper-form .form-sections {
  flex-grow: 2;
  max-width: 560px;
  padding-right: 4rem;
}
[dir=rtl] .stepper-form .form-sections {
  padding-right: 0;
  padding-left: 4rem;
}
.stepper-form .form-sections .form-section {
  display: none;
}
.stepper-form .form-sections .form-section.is-active {
  display: block;
}
.stepper-form .form-sections .form-section + .form-section {
  margin-top: 4rem;
}
.stepper-form .form-sections .form-section .form-section-title {
  font-weight: 600;
  color: #1d252d;
  margin-bottom: 1rem;
}
.stepper-form .form-sections .form-section .form-section-title button {
  position: relative;
  top: 4px;
  padding: 0;
  height: 18px;
  width: 18px;
  border: none;
  background: none;
  cursor: pointer;
  margin-left: 0.25rem;
  outline: none;
}
.stepper-form .form-sections .form-section .form-section-title button svg {
  height: 18px;
  width: 18px;
  pointer-events: none;
}
.stepper-form .form-sections .form-section .fieldset {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid hsl(0, 0%, 86%);
  background: rgb(92.0784313725%, 92.8705882353%, 96.0392156863%);
}
.stepper-form .form-sections .form-section .fieldset .fieldset-separator {
  margin: 1.5rem 0;
  border-top: 1px solid hsl(0, 0%, 86%);
}
.stepper-form .form-sections .form-section .fieldset .filepond-uploader {
  margin-top: -20px;
}
.stepper-form .form-sections .form-section .fieldset .filepond--panel-root {
  background: transparent;
}
.stepper-form .form-sections .form-section .fieldset .filepond--drop-label {
  min-height: 10px;
  height: 10px;
  background: transparent;
}
.stepper-form .form-sections .form-section .fieldset .filepond--drop-label label {
  display: none;
}
.stepper-form .form-sections .form-section .field > label {
  margin-bottom: 0.25rem;
  display: inline-block;
}
.stepper-form .form-sections .form-section .field > .buttons {
  padding: 2rem 0;
}
@media only screen and (max-width: 1024px) {
  .stepper-form .form-sections .form-section .field {
    margin-bottom: 0.75rem;
  }
}
.stepper-form .form-sections .form-section .flex-label {
  display: flex;
  align-items: center;
  height: 100%;
}
.stepper-form .form-sections .form-section .flex-label h4 {
  font-family: "STC Forward", sans-serif;
  font-weight: 500;
  color: #1d252d;
}
.stepper-form .form-sections .form-section .subcontrol {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 175px;
  padding-right: 1rem;
}
.stepper-form .form-sections .form-section .subcontrol .checkbox {
  padding: 0;
}
.stepper-form .form-sections .form-section .switch-segment {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.stepper-form .form-sections .form-section .switch-segment > span {
  font-family: "STC Forward", sans-serif;
  font-size: 0.9rem;
}
.stepper-form .form-sections .form-section .switch-segment > span:first-child {
  color: #1d252d;
}
.stepper-form .form-sections .form-section .switch-segment > span:nth-child(3) {
  color: #a2a5b9;
}
.stepper-form .form-sections .form-section .switch-segment .form-switch {
  transform: scale(0.7);
  margin: 0 0.25rem;
}
.stepper-form .form-sections .form-section .input-button {
  height: 44px;
  width: 100%;
  border: 2px dashed hsl(0, 0%, 86%);
  border-radius: 0.65rem;
  background: rgb(92.0784313725%, 92.8705882353%, 96.0392156863%);
  display: flex;
  align-items: center;
  padding-left: calc(0.75em - 1px);
  padding-right: calc(0.75em - 1px);
  padding-top: 0;
  padding-bottom: 0;
  color: #1d252d;
  cursor: pointer;
  transition: color 0.3s, background-color 0.3s, border 0.3s, box-shadow 0.3s;
}
.stepper-form .form-sections .form-section .input-button:hover {
  background: #fff;
  border: 2px solid #4f008c;
  color: #4f008c;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.stepper-form .form-sections .form-section .input-button svg {
  height: 18px;
  width: 16px;
}
.stepper-form .form-sections .form-section .input-button span {
  margin-left: 0.75rem;
}
[dir=rtl] .stepper-form .form-sections .form-section .input-button span {
  margin-left: 0;
  margin-right: 0.75rem;
}
.stepper-form .form-sections .form-section .options {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.stepper-form .form-sections .form-section .options .option {
  position: relative;
  width: calc(50% - 1rem);
  margin: 0.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.stepper-form .form-sections .form-section .options .option input {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}
.stepper-form .form-sections .form-section .options .option input:checked ~ .indicator {
  transform: scale(1);
}
.stepper-form .form-sections .form-section .options .option input:checked ~ .option-inner {
  border-color: #4f008c;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.stepper-form .form-sections .form-section .options .option input:checked ~ .option-inner i {
  color: #4f008c;
}
.stepper-form .form-sections .form-section .options .option .indicator {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  width: 20px;
  color: #fff;
  background: #4f008c;
  border-radius: 50%;
  transform: scale(0);
  transition: transform 0.3s;
}
[dir=rtl] .stepper-form .form-sections .form-section .options .option .indicator {
  left: 1rem;
  right: unset;
}
.stepper-form .form-sections .form-section .options .option .indicator svg {
  height: 14px;
  width: 14px;
  stroke-width: 3px;
}
.stepper-form .form-sections .form-section .options .option .option-inner {
  padding: 1.5rem;
  height: 100%;
  background: #fff;
  border: 1px solid hsl(0, 0%, 86%);
  border-radius: 0.5rem;
  transition: border 0.3s, box-shadow 0.3s;
}
.stepper-form .form-sections .form-section .options .option .option-inner h4 {
  color: #1d252d;
  font-weight: 600;
  font-family: "STC Forward", sans-serif;
}
.stepper-form .form-sections .form-section .options .option .option-inner p {
  font-size: 0.9rem;
}
.stepper-form .form-sections .form-section .options .option .option-inner i {
  font-size: 2.25rem;
  color: #a2a5b9;
  margin-bottom: 0.25rem;
}
.stepper-form .form-sections .form-section .validation-box {
  display: flex;
  padding: 2rem;
  background: #fff;
  border: 1px solid hsl(0, 0%, 86%);
  border-radius: 0.5rem;
  transition: border 0.3s, box-shadow 0.3s;
}
.stepper-form .form-sections .form-section .validation-box .box-content h3 {
  font-family: "STC Forward", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.stepper-form .form-sections .form-section .validation-box .box-content p {
  font-size: 1rem;
}
.stepper-form .form-sections .form-section .validation-box .box-illustration {
  position: relative;
  height: 100px;
  min-width: 40%;
}
.stepper-form .form-sections .form-section .validation-box .box-illustration img {
  position: absolute;
  right: 0;
  bottom: 0;
  max-height: 180px;
}
.stepper-form .form-sections .form-section .form-section-output {
  margin-top: 1.5rem;
}
.stepper-form .form-sections .form-section .form-section-output .output {
  height: 52px;
  width: 100%;
  border: 1px solid hsl(0, 0%, 86%);
  border-radius: 0.65rem;
  background: #fff;
  display: flex;
  align-items: center;
  padding-left: calc(1em - 1px);
  padding-right: calc(1em - 1px);
  padding-top: 0;
  padding-bottom: 0;
  color: #1d252d;
  cursor: pointer;
  transition: color 0.3s, background-color 0.3s, border 0.3s, box-shadow 0.3s;
}
.stepper-form .form-sections .form-section .form-section-output .output:not(:last-child) {
  margin-bottom: 1rem;
}
.stepper-form .form-sections .form-section .form-section-output .output > svg {
  height: 18px;
  width: 18px;
  margin-right: 0.75rem;
  stroke: #a2a5b9;
}
.stepper-form .form-sections .form-section .form-section-output .output > span {
  font-weight: 500;
  font-family: "STC Forward", sans-serif;
  color: #1d252d;
}
.stepper-form .form-sections .form-section .form-section-output .output .action {
  margin-left: auto;
}
.stepper-form .form-sections .form-section .form-section-output .output .action button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 38px;
  width: 38px;
  min-width: 38px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  border-radius: 0.5rem;
  transition: background-color 0.3s;
}
.stepper-form .form-sections .form-section .form-section-output .output .action button:hover {
  background: rgb(94.7450980392%, 95.2705882353%, 97.3725490196%);
}
.stepper-form .form-sections .form-section .form-section-output .output .action button svg {
  height: 18px;
  width: 18px;
  stroke-width: 1.5px;
}
.stepper-form .form-sections .navigation-buttons {
  padding: 1rem 0;
}
.stepper-form .form-stepper {
  position: sticky;
  top: 6rem;
  max-width: 500px;
  width: 100%;
}
.stepper-form .form-stepper .form-help {
  position: relative;
  max-width: 300px;
  padding: 1.75rem;
  border: 1px solid hsl(0, 0%, 86%);
  border-radius: 0.65rem;
  background: #fff;
}
.stepper-form .form-stepper .form-help .form-help-inner {
  display: none;
}
.stepper-form .form-stepper .form-help .form-help-inner.is-active {
  display: block;
}
.stepper-form .form-stepper .form-help h3 {
  font-family: "STC Forward", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.stepper-form .form-stepper .form-help button {
  position: absolute;
  top: 1rem;
  right: 1rem;
  padding: 0;
  height: 18px;
  width: 18px;
  border: none;
  background: none;
  cursor: pointer;
  margin-left: 0.25rem;
  outline: none;
}
.stepper-form .form-stepper .form-help button svg {
  height: 18px;
  width: 18px;
  pointer-events: none;
}
.stepper-form .form-stepper .form-help .list-wrap {
  padding: 0.75rem 0;
}
.stepper-form .form-stepper .form-help .list-wrap li {
  display: flex;
  align-items: center;
  margin-bottom: 0.15rem;
}
.stepper-form .form-stepper .form-help .list-wrap li span {
  font-family: "STC Forward", sans-serif;
  color: #a2a5b9;
  font-weight: 300;
}
.stepper-form .form-stepper .form-help .list-wrap li svg {
  height: 14px;
  width: 14px;
  stroke-width: 3px;
  margin-right: 0.45rem;
  stroke: #4f008c;
}
.stepper-form .form-stepper .filepond-uploader.topic-poster .filepond--root .filepond--list-scroller {
  margin: 0;
}
.stepper-form .form-stepper .filepond-uploader.topic-poster .filepond--panel[data-scalable=true] {
  display: none;
}
.stepper-form .form-stepper .filepond-uploader.topic-poster .filepond--root {
  margin: 0 -10px;
}
.stepper-form .form-stepper .filepond-uploader.topic-poster .filepond--drop-label {
  min-height: 10px;
}
.stepper-form .form-stepper .filepond-uploader.topic-poster .filepond--drop-label label {
  display: none;
}
body.is-dark .stepper-form .form-stepper .filepond-uploader.topic-poster .filepond--drop-label {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
@media only screen and (max-width: 1024px) {
  .stepper-form .form-sections {
    padding: 0 !important;
    overflow: hidden;
    width: 100%;
  }
  .stepper-form {
    flex-direction: column;
  }
}

body.is-dark .stepper-form .form-sections .form-section .form-section-title span {
  color: #cecece;
}
body.is-dark .stepper-form .form-sections .form-section .form-section-title svg {
  stroke: #cecece;
}
body.is-dark .stepper-form .form-sections .form-section .input-button {
  background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%) !important;
  color: #cecece;
}
body.is-dark .stepper-form .form-sections .form-section .input-button:hover {
  color: #797bf2;
  border: 2px solid #797bf2 !important;
}
body.is-dark .stepper-form .form-sections .form-section .fieldset {
  background: rgb(11.8076819769%, 11.8076819769%, 12.8197690035%);
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .stepper-form .form-sections .form-section .fieldset-separator {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .stepper-form .form-sections .form-section .flex-label h4 {
  color: #cecece;
}
body.is-dark .stepper-form .form-sections .form-section .switch-segment span:first-child {
  color: #cecece;
}
body.is-dark .stepper-form .form-sections .form-section .options .option .indicator {
  background: #797bf2;
}
body.is-dark .stepper-form .form-sections .form-section .options .option input:checked ~ .indicator {
  transform: scale(1);
}
body.is-dark .stepper-form .form-sections .form-section .options .option input:checked ~ .option-inner {
  border-color: #797bf2 !important;
}
body.is-dark .stepper-form .form-sections .form-section .options .option input:checked ~ .option-inner i {
  color: #797bf2;
}
body.is-dark .stepper-form .form-sections .form-section .options .option .option-inner {
  background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%) !important;
}
body.is-dark .stepper-form .form-sections .form-section .options .option .option-inner h4 {
  color: #cecece;
}
body.is-dark .stepper-form .form-sections .form-section .validation-box {
  background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%) !important;
}
body.is-dark .stepper-form .form-sections .form-section .validation-box .box-content h3 {
  color: #cecece;
}
body.is-dark .stepper-form .form-sections .form-section .form-section-output .output {
  background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%) !important;
  color: #cecece;
}
body.is-dark .stepper-form .form-sections .form-section .form-section-output .output > span {
  color: #cecece;
}
body.is-dark .stepper-form .form-sections .form-section .form-section-output .output .action button:hover {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
body.is-dark .stepper-form .form-sections .form-section .form-section-output .output .action button svg {
  stroke: #a2a5b9;
}
body.is-dark .stepper-form .form-stepper .steps:not(.is-hollow) .steps-marker:not(.is-hollow) {
  background-color: #797bf2;
}
body.is-dark .stepper-form .form-stepper .steps .steps-segment.is-active ~ .steps-segment::after {
  background: rgb(8.9309696481%, 8.9309696481%, 9.6964813323%);
}
body.is-dark .stepper-form .form-stepper .steps .steps-segment.is-active ~ .steps-segment .steps-marker:not(.is-hollow) {
  background: rgb(8.9309696481%, 8.9309696481%, 9.6964813323%);
}
body.is-dark .stepper-form .form-stepper .steps .steps-segment.is-active::after {
  background: rgb(8.9309696481%, 8.9309696481%, 9.6964813323%);
}
body.is-dark .stepper-form .form-stepper .steps .steps-segment.is-active .steps-content .step-info {
  color: #cecece;
}
body.is-dark .stepper-form .form-stepper .steps .steps-segment::after {
  background-color: #797bf2;
}

/*! _widgets.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/* ==========================================================================
Widget Styles
========================================================================== */
/*
    1. Widget Toolbar
    2. Gauge Widget
    3. Icon Toolbar Widget
    4. Text Widget
    5. Tags Widget
    6. Calendar Widget
    7. Image Widget
    8. List Widget
    9. Picker Widget
    10. Stat Widget
    11. Search Widget
    12. Icon List Widget
    13. Video Widget
    14. Inbox Widget
*/
/* ==========================================================================
1. Widget Toolbar
========================================================================== */
.widget {
  margin-bottom: 20px;
}

.widget-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.widget-toolbar .left {
  display: flex;
  align-items: center;
}
.widget-toolbar .center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.widget-toolbar .right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.widget-toolbar .right .tag {
  font-family: "STC Forward", sans-serif;
}
.widget-toolbar .right .right-icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 32px;
  min-width: 32px;
  border-radius: 50%;
  color: rgb(77.2226632984%, 77.9574160953%, 82.8557680741%);
  transition: all 0.3s;
}
.widget-toolbar .right .right-icon.has-indicator:after {
  content: "";
  position: absolute;
  top: 3px;
  right: 4px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #ff375e;
  border: 1.8px solid #fff;
}
.widget-toolbar .right .right-icon svg {
  height: 18px;
  width: 18px;
  transition: stroke 0.3s;
}
.widget-toolbar h3 {
  font-family: "STC Forward", sans-serif;
  font-size: 0.9rem;
  color: #1d252d;
  font-weight: 600;
}
.widget-toolbar h3.is-bigger {
  font-size: 1rem;
}
.widget-toolbar .action-icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 32px;
  min-width: 32px;
  border-radius: 50%;
  color: rgb(77.2226632984%, 77.9574160953%, 82.8557680741%);
  transition: all 0.3s;
}
.widget-toolbar .action-icon svg {
  height: 18px;
  width: 18px;
  transition: stroke 0.3s;
}

body.is-dark .widget-toolbar h3 {
  color: #cecece;
}
body.is-dark .widget-toolbar .right .right-icon.has-indicator:after {
  border-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}

/* ==========================================================================
2. Gauge Widget
========================================================================== */
.gauge-widget {
  text-align: center;
}
.gauge-widget .gauge-wrap {
  padding: 30px 0;
}

/* ==========================================================================
3. Icon Toolbar Widget
========================================================================== */
.icon-toolbar-widget {
  padding: 16px;
}
.icon-toolbar-widget .icon-toolbar {
  display: flex;
}
.icon-toolbar-widget .icon-toolbar .toolbar-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 0px;
}
.icon-toolbar-widget .icon-toolbar .toolbar-icon .inner-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 32px;
  min-width: 32px;
  border-radius: 50%;
  color: rgb(77.2226632984%, 77.9574160953%, 82.8557680741%);
  transition: all 0.3s;
}
.icon-toolbar-widget .icon-toolbar .toolbar-icon .inner-icon:hover:not(.is-active) {
  background: rgb(95.9411764706%, 95.9411764706%, 95.9411764706%);
  color: #a2a5b9;
}
.icon-toolbar-widget .icon-toolbar .toolbar-icon .inner-icon.is-active {
  color: #4f008c;
}
.icon-toolbar-widget .icon-toolbar .toolbar-icon .inner-icon svg {
  height: 18px;
  width: 18px;
  transition: stroke 0.3s;
}

body.is-dark .icon-toolbar-widget .icon-toolbar .toolbar-icon .inner-icon {
  color: rgb(49.836160231%, 51.4543486106%, 62.2422711416%);
}
body.is-dark .icon-toolbar-widget .icon-toolbar .toolbar-icon .inner-icon:hover:not(.is-active) {
  background: rgb(16.6022025248%, 16.6022025248%, 18.0252484555%);
}
body.is-dark .icon-toolbar-widget .icon-toolbar .toolbar-icon .inner-icon.is-active {
  color: #797bf2;
}

/* ==========================================================================
4. Text Widget
========================================================================== */
.text-widget .widget-content p {
  font-size: 0.9rem;
}
.text-widget .widget-content p span {
  color: #1d252d;
  font-weight: 500;
}
.text-widget .widget-content .hashtags {
  padding-top: 8px;
  font-family: "STC Forward", sans-serif;
}
.text-widget .widget-content .hashtags a {
  color: #4f008c;
  margin: 0 2px;
}

body.is-dark .text-widget .widget-content p span {
  color: #cecece;
}
body.is-dark .text-widget .hashtags a {
  color: #797bf2;
}

/* ==========================================================================
5. Tags Widget
========================================================================== */
/* ==========================================================================
6. Calendar Widget
========================================================================== */
.calendar-widget .calendar-widget-inner {
  display: flex;
  flex-wrap: wrap;
  margin-top: -6px;
  margin-left: -6px;
  margin-right: -6px;
}
.calendar-widget .calendar-widget-inner .calendar-square {
  flex: 1;
  margin: 6px;
  width: calc(50% - 6px);
}
.calendar-widget .calendar-widget-inner .calendar-square .date {
  text-align: center;
}
.calendar-widget .calendar-widget-inner .calendar-square .date span {
  display: block;
  font-family: "STC Forward", sans-serif;
}
.calendar-widget .calendar-widget-inner .calendar-square .date span:first-child {
  font-weight: 700;
  color: #1d252d;
  font-size: 1.6rem;
}
.calendar-widget .calendar-widget-inner .calendar-square .date span:nth-child(2) {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #a2a5b9;
}

body.is-dark .calendar-widget .calendar-widget-inner .calendar-square .date span:first-child {
  color: #cecece;
}

/* ==========================================================================
7. Image Widget
========================================================================== */
.image-widget {
  position: relative;
  padding: 10px;
  height: 310px;
}
.image-widget > img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 14px;
}
.image-widget .progress-wrap {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  padding: 0 30px;
}
.image-widget .progress-wrap .progress {
  background-color: #000;
  background-image: linear-gradient(to right, #4f008c 30%, #000 30%);
  height: 0.15rem !important;
}

body.is-dark .image-widget .progress-wrap .progress {
  background-image: linear-gradient(to right, #797bf2 30%, #000 30%) !important;
}

/* ==========================================================================
8. List Widget
========================================================================== */
.list-widget ul li:not(:last-child) {
  margin-bottom: 12px;
}
.list-widget ul li a {
  font-family: "STC Forward", sans-serif;
  display: flex;
  justify-content: space-between;
  color: #a2a5b9;
}
.list-widget ul li a:hover {
  color: #4f008c;
}
.list-widget ul li a.router-link-active {
  color: #4f008c;
}
body.is-dark .list-widget ul li a.router-link-active {
  color: #797bf2;
}

body.is-dark .list-widget ul li a:hover {
  color: #797bf2;
}

/* ==========================================================================
9. Picker Widget
========================================================================== */
/*! purgecss start ignore */
.payment-widget.is-important-links,
.picker-widget.is-important-links {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: auto;
}
.payment-widget.is-important-links .card-head,
.picker-widget.is-important-links .card-head {
  margin-bottom: 1rem;
}
.payment-widget.is-important-links .card-head .search-toggle,
.picker-widget.is-important-links .card-head .search-toggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
}
.payment-widget.is-important-links .card-head .search-toggle svg,
.picker-widget.is-important-links .card-head .search-toggle svg {
  stroke: #4f008c;
}
.payment-widget.is-important-links .card-head .search-toggle:hover svg,
.picker-widget.is-important-links .card-head .search-toggle:hover svg {
  stroke: rgb(19.6946778711%, 0%, 34.9019607843%);
}
.payment-widget.is-important-links .search-box,
.picker-widget.is-important-links .search-box {
  position: relative;
  width: 100%;
}
.payment-widget.is-important-links .search-box .search-icon,
.picker-widget.is-important-links .search-box .search-icon {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #A9ABAC;
}
[dir=rtl] .payment-widget.is-important-links .search-box .search-icon,
[dir=rtl] .picker-widget.is-important-links .search-box .search-icon {
  left: 0.75rem;
  right: unset;
}
.payment-widget.is-important-links .search-box .search-input,
.picker-widget.is-important-links .search-box .search-input {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #A9ABAC;
  border-radius: 4px;
  font-size: 0.95rem;
}
.payment-widget.is-important-links .links-list .link-item,
.picker-widget.is-important-links .links-list .link-item {
  border-bottom: 1px dashed #A9ABAC;
}
.payment-widget.is-important-links .links-list .link-item:hover span,
.payment-widget.is-important-links .links-list .link-item span:focus,
.picker-widget.is-important-links .links-list .link-item:hover span,
.picker-widget.is-important-links .links-list .link-item span:focus {
  color: #4f008c;
}
.payment-widget.is-important-links .links-list .link-item a,
.picker-widget.is-important-links .links-list .link-item a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  padding: 0.7rem;
  transition: background 0.2s ease, transform 0.2s ease;
}
.payment-widget.is-important-links .links-list .link-item:hover a,
.payment-widget.is-important-links .links-list .link-item a:focus,
.picker-widget.is-important-links .links-list .link-item:hover a,
.picker-widget.is-important-links .links-list .link-item a:focus {
  background: #ede0fc;
  transform: translateX(6px);
  color: #4f008c;
}
body.is-dark .payment-widget.is-important-links .links-list .link-item:hover a,
body.is-dark .payment-widget.is-important-links .links-list .link-item a:focus,
body.is-dark .picker-widget.is-important-links .links-list .link-item:hover a,
body.is-dark .picker-widget.is-important-links .links-list .link-item a:focus {
  color: #797bf2;
  background: rgba(120, 123, 241, 0.23);
}
[dir=rtl] .payment-widget.is-important-links .links-list .link-item:hover a,
[dir=rtl] .payment-widget.is-important-links .links-list .link-item a:focus,
[dir=rtl] .picker-widget.is-important-links .links-list .link-item:hover a,
[dir=rtl] .picker-widget.is-important-links .links-list .link-item a:focus {
  transform: translateX(-6px);
  color: #4f008c;
}
.payment-widget.is-important-links .links-list .link-item svg,
.picker-widget.is-important-links .links-list .link-item svg {
  font-size: 20px;
  height: 20px;
  width: 20px;
}
.payment-widget.is-important-links .links-list .link-item svg .nav-icon-fill-secondary,
.picker-widget.is-important-links .links-list .link-item svg .nav-icon-fill-secondary {
  fill: #ff375e;
}
.payment-widget.is-important-links .links-list .link-item svg .nav-icon-fill-primary,
.picker-widget.is-important-links .links-list .link-item svg .nav-icon-fill-primary {
  fill: #4f008c;
}
.payment-widget.is-important-links .links-list .link-item svg .nav-icon-fill-dark,
.picker-widget.is-important-links .links-list .link-item svg .nav-icon-fill-dark {
  fill: #1d252d;
}
body.is-dark .payment-widget.is-important-links .links-list .link-item svg .nav-icon-fill-dark,
body.is-dark .picker-widget.is-important-links .links-list .link-item svg .nav-icon-fill-dark {
  fill: #fff;
}
.payment-widget.is-important-links .links-list .link-item:hover .nav-icon-fill-secondary, .payment-widget.is-important-links .links-list .link-item:focus .nav-icon-fill-secondary, .payment-widget.is-important-links .links-list .link-item:focus-within .nav-icon-fill-secondary,
.picker-widget.is-important-links .links-list .link-item:hover .nav-icon-fill-secondary,
.picker-widget.is-important-links .links-list .link-item:focus .nav-icon-fill-secondary,
.picker-widget.is-important-links .links-list .link-item:focus-within .nav-icon-fill-secondary {
  fill: #4f008c;
}
body.is-dark .payment-widget.is-important-links .links-list .link-item:hover .nav-icon-fill-secondary, body.is-dark .payment-widget.is-important-links .links-list .link-item:focus .nav-icon-fill-secondary, body.is-dark .payment-widget.is-important-links .links-list .link-item:focus-within .nav-icon-fill-secondary,
body.is-dark .picker-widget.is-important-links .links-list .link-item:hover .nav-icon-fill-secondary,
body.is-dark .picker-widget.is-important-links .links-list .link-item:focus .nav-icon-fill-secondary,
body.is-dark .picker-widget.is-important-links .links-list .link-item:focus-within .nav-icon-fill-secondary {
  fill: #fff;
}
.payment-widget.is-important-links .links-list .link-item:hover .nav-icon-fill-dark, .payment-widget.is-important-links .links-list .link-item:focus .nav-icon-fill-dark, .payment-widget.is-important-links .links-list .link-item:focus-within .nav-icon-fill-dark,
.picker-widget.is-important-links .links-list .link-item:hover .nav-icon-fill-dark,
.picker-widget.is-important-links .links-list .link-item:focus .nav-icon-fill-dark,
.picker-widget.is-important-links .links-list .link-item:focus-within .nav-icon-fill-dark {
  fill: #4f008c;
}
body.is-dark .payment-widget.is-important-links .links-list .link-item:hover .nav-icon-fill-dark, body.is-dark .payment-widget.is-important-links .links-list .link-item:focus .nav-icon-fill-dark, body.is-dark .payment-widget.is-important-links .links-list .link-item:focus-within .nav-icon-fill-dark,
body.is-dark .picker-widget.is-important-links .links-list .link-item:hover .nav-icon-fill-dark,
body.is-dark .picker-widget.is-important-links .links-list .link-item:focus .nav-icon-fill-dark,
body.is-dark .picker-widget.is-important-links .links-list .link-item:focus-within .nav-icon-fill-dark {
  fill: #fff;
}
.payment-widget.is-important-links .links-list .link-item .title,
.picker-widget.is-important-links .links-list .link-item .title {
  font-size: 0.9rem;
  font-weight: 500;
}
.payment-widget.is-important-links .links-list .link-item .title:hover,
.picker-widget.is-important-links .links-list .link-item .title:hover {
  color: #4f008c;
}
.payment-widget.is-important-links .toggle-btn,
.picker-widget.is-important-links .toggle-btn {
  background: transparent;
  border: none;
  padding-top: 0.5rem;
  cursor: pointer;
  align-self: center;
}
.payment-widget.is-important-links .toggle-btn svg,
.picker-widget.is-important-links .toggle-btn svg {
  transition: transform 0.2s ease;
}
.payment-widget.is-important-links .toggle-btn svg.rotated,
.picker-widget.is-important-links .toggle-btn svg.rotated {
  transform: rotate(180deg);
}
.payment-widget .calendar,
.picker-widget .calendar {
  color: #1d252d;
  font-size: 12px;
  font-family: "STC Forward", sans-serif;
  width: 100%;
  margin-bottom: 5px;
}
.payment-widget .calendar thead,
.payment-widget .calendar tbody,
.picker-widget .calendar thead,
.picker-widget .calendar tbody {
  width: 100%;
}
.payment-widget .calendar thead,
.picker-widget .calendar thead {
  color: #4f008c;
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
}
.payment-widget .calendar td,
.picker-widget .calendar td {
  padding: 0.5em 0;
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
}
.payment-widget .calendar tbody td:hover,
.picker-widget .calendar tbody td:hover {
  background: rgb(95.9411764706%, 95.9411764706%, 95.9411764706%);
  color: #4f008c;
}
.payment-widget .current-day,
.picker-widget .current-day {
  color: #4f008c;
  font-weight: 600;
}
.payment-widget .prev-month,
.payment-widget .next-month,
.picker-widget .prev-month,
.picker-widget .next-month {
  color: #cacaca;
}

.payment-widget .vc-day.is-not-in-month * {
  opacity: 1 !important;
}
.payment-widget .vc-day.is-not-in-month *.b-skeleton-item {
  opacity: 0.5 !important;
}
.payment-widget .border-bottom {
  border-bottom: 1px #cecece solid;
  margin-bottom: 18px;
  padding-bottom: 18px;
}
.payment-widget .level:not(:last-child) {
  margin-bottom: 1.1rem;
}
.payment-widget .is-positive {
  color: rgb(1.6438502674%, 58.6306595365%, 43.8360071301%) !important;
}
.payment-widget .is-positive * {
  color: rgb(1.6438502674%, 58.6306595365%, 43.8360071301%) !important;
}
.is-dark .payment-widget .is-positive {
  color: #06d6a0 !important;
}
.is-dark .payment-widget .is-positive * {
  color: #06d6a0 !important;
}
.payment-widget .is-negative {
  color: #e62965 !important;
}
.payment-widget .is-negative * {
  color: #e62965 !important;
}
.payment-widget .visibility-toggle {
  position: absolute;
  padding: 10px;
  margin-top: -18px;
  margin-left: -8px;
}
[dir=rtl] .payment-widget .visibility-toggle {
  margin-left: unset;
  margin-right: -8px;
}
.payment-widget .eye-svg {
  width: 15px;
}
.payment-widget .eye-svg-crossed {
  margin-top: 1px;
}
.payment-widget .eye-icon-not-filled {
  fill: none;
}
.payment-widget .eye-icon-not-filled,
.payment-widget .eye-icon-filled {
  stroke: #1d252d;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 4px;
}
.is-dark .payment-widget .eye-icon-not-filled,
.is-dark .payment-widget .eye-icon-filled {
  stroke: #cecece;
}
.payment-widget .collapse-button {
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: #ececec 0px 0px 10px 1px;
  width: 32px;
  height: 32px;
  text-align: center;
  left: 50%;
  margin-left: -16px;
  bottom: -15px;
}
.is-dark .payment-widget .collapse-button {
  background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  box-shadow: rgb(11.8076819769%, 11.8076819769%, 12.8197690035%) 0px 0px 10px 1px;
}
.payment-widget .collapse-button svg {
  width: 12px;
  margin: 12px;
}
.payment-widget .collapse-button svg .collapse-icon {
  fill: #9797a5;
}
.payment-widget .collapse-button.is-collapsed svg {
  transform: rotate(180deg);
}

/*! purgecss end ignore */
body.is-dark .picker-widget .calendar {
  color: #cecece;
}
body.is-dark .picker-widget .calendar thead {
  color: #797bf2;
}
body.is-dark .picker-widget .calendar td:hover {
  background: rgb(16.6022025248%, 16.6022025248%, 18.0252484555%);
  color: #797bf2;
}
body.is-dark .picker-widget .current-day {
  color: #797bf2;
}

body {
  --is-primary-600: #4f008c;
  --is-primary-500: #4f008c;
  --is-pink-600: #A54EE1;
  --is-pink-500: #A54EE1;
  --is-green-600: #00C48C;
  --is-green-500: #00C48C;
  --is-grey-600: #8e9aa0;
  --is-grey-500: #8e9aa0;
}
/* ==========================================================================
10. Stat Widget
========================================================================== */
.stats-widget {
  padding: 20px 0 0 0;
}
.stats-widget .widget-toolbar {
  padding: 0 20px;
}
.stats-widget .stat-number span {
  display: block;
  font-family: "STC Forward", sans-serif;
}
.stats-widget .stat-number span:first-child {
  font-size: 2rem;
  font-weight: 700;
  color: #1d252d;
}
.stats-widget .stat-number span:first-child svg {
  stroke: #06d6a0;
}
.stats-widget .stat-number span:nth-child(2) {
  font-size: 0.75rem;
  font-family: "STC Forward", sans-serif;
  text-transform: uppercase;
  color: #a2a5b9;
}
.stats-widget .stat-chart {
  position: relative;
  bottom: -30px;
}

body.is-dark .stats-widget .stat-number span:first-child {
  color: #cecece;
}

/* ==========================================================================
11. Search Widget
========================================================================== */
.search-widget .field .control {
  position: relative;
}
.search-widget .field .control .input {
  height: 42px;
  border-radius: 8px;
  background: #f5f6fa;
  border-color: #f5f6fa;
}
.search-widget .field .control .input:focus {
  border-color: rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  background: #fff;
}
.search-widget .field .control .clear-search-button {
  position: absolute;
  top: 8px;
  right: 50px;
  height: 24px;
  width: 24px;
  border-radius: 200px;
  background: #eee;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  outline: none;
  color: #a2a5b9;
  cursor: pointer;
}
[dir=rtl] .search-widget .field .control .clear-search-button {
  left: 50px;
  right: unset;
}
body.is-dark .search-widget .field .control .clear-search-button {
  background: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
.search-widget .field .control .search-button {
  position: absolute;
  top: 0;
  right: 0;
  height: 42px;
  width: 42px;
  border-radius: 8px;
  background: #4f008c;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  outline: none;
  color: #fff;
  cursor: pointer;
}
[dir=rtl] .search-widget .field .control .search-button {
  left: 0;
  right: unset;
}
.search-widget .field .control .search-button svg {
  height: 18px;
  width: 18px;
}
.search-widget .field .topics {
  display: flex;
  justify-content: flex-start;
  text-align: center;
  padding-top: 12px;
  flex-wrap: wrap;
}
.search-widget .field .topics a {
  font-family: "STC Forward", sans-serif;
  color: #a2a5b9;
  font-size: 0.95rem;
  padding: 0 10px;
}
.search-widget .field .topics a:hover {
  color: #4f008c;
}

body.is-dark .search-widget .field .control .input {
  background: rgb(16.6022025248%, 16.6022025248%, 18.0252484555%);
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .search-widget .field .control .search-button {
  background: #797bf2;
  color: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
body.is-dark .search-widget .field .topics a:hover {
  color: #797bf2;
}

/* ==========================================================================
12. Icon List Widget
========================================================================== */
.icon-list-widget .icon-list .icon-list-item {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.icon-list-widget .icon-list .icon-list-item:not(:last-child) {
  margin-bottom: 20px;
}
.icon-list-widget .icon-list .icon-list-item:hover .icon-wrap {
  background: #4f008c;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(79, 0, 140, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 0, 140, 0.2);
}
.icon-list-widget .icon-list .icon-list-item:hover .item-meta span {
  color: #1d252d;
}
.icon-list-widget .icon-list .icon-list-item .icon-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 42px;
  width: 42px;
  border-radius: 10px;
  background: rgb(93.4117647059%, 94.0705882353%, 96.7058823529%);
  color: rgb(56.6827859978%, 58.0801154818%, 67.3956453747%);
  transition: all 0.3s;
}
.icon-list-widget .icon-list .icon-list-item .icon-wrap svg {
  height: 18px;
  width: 18px;
  transition: stroke 0.3s;
}
.icon-list-widget .icon-list .icon-list-item .item-meta {
  margin-left: 12px;
}
.icon-list-widget .icon-list .icon-list-item .item-meta span {
  font-family: "STC Forward", sans-serif;
  color: #a2a5b9;
}

body.is-dark .icon-list-widget .icon-list .icon-list-item:hover .icon-wrap {
  background: #797bf2;
  box-shadow: 0 14px 26px -12px rgba(121, 123, 242, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(121, 123, 242, 0.2);
  color: #fcfcfc;
}
body.is-dark .icon-list-widget .icon-list .icon-list-item:hover .item-meta span {
  color: #797bf2 !important;
}
body.is-dark .icon-list-widget .icon-list .icon-list-item .icon-wrap {
  background: rgb(16.6022025248%, 16.6022025248%, 18.0252484555%);
  color: rgb(65.8116203537%, 66.91447131%, 74.2668110189%);
}

/* ==========================================================================
13. Video Widget
========================================================================== */
.video-widget {
  padding: 10px;
}
.video-widget .widget-content {
  display: flex;
}
.video-widget .widget-content > img {
  height: 100px;
  width: 100px;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-widget .widget-content .widget-meta {
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  font-family: "STC Forward", sans-serif;
}
.video-widget .widget-content .widget-meta > svg {
  height: 20px;
  width: 20px;
  stroke-width: 1.6px;
  stroke: #4f008c;
  margin-bottom: 6px;
}
.video-widget .widget-content .widget-meta h4 {
  font-weight: 600;
  font-family: "STC Forward", sans-serif;
  font-size: 0.9rem;
  line-height: 1.3;
  color: #1d252d;
}
.video-widget .widget-content .widget-meta .views {
  display: flex;
  align-items: center;
  margin-top: auto;
  color: #a2a5b9;
}
.video-widget .widget-content .widget-meta .views svg {
  height: 14px;
  width: 14px;
  stroke-width: 1.4px;
  margin-right: 6px;
}
.video-widget .widget-content .widget-meta .views span {
  font-size: 0.85rem;
}

body.is-dark .video-widget .widget-meta > svg {
  stroke: #797bf2;
}
body.is-dark .video-widget .widget-meta h4 {
  color: #cecece;
}

/* ==========================================================================
14. Inbox Widget
========================================================================== */
.inbox-widget .sender-block h4 {
  font-family: "STC Forward", sans-serif;
  font-weight: 500;
  color-interpolation-filters: #1d252d;
  font-size: 0.95rem;
}
.inbox-widget .sender-block .sender-block-inner {
  display: flex;
  align-items: center;
  padding: 16px 0;
}
.inbox-widget .sender-block .sender-block-inner .meta {
  margin-left: 10px;
  line-height: 1.2;
}
.inbox-widget .sender-block .sender-block-inner .meta span {
  font-family: "STC Forward", sans-serif;
  font-weight: 600;
  font-size: 0.8rem;
}
.inbox-widget .sender-block .exerpt {
  padding: 10px;
  border-radius: 10px;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  font-family: "STC Forward", sans-serif;
}
.inbox-widget .sender-block .exerpt h5 {
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  font-family: "STC Forward", sans-serif;
  font-weight: 600;
  color: #4f008c;
  margin-bottom: 6px;
}
.inbox-widget .sender-block .exerpt h5 i {
  font-size: 6px;
  margin-right: 6px;
}
.inbox-widget .sender-block .exerpt p {
  font-size: 0.9rem;
  color: #1d252d;
  margin-bottom: 6px;
}
.inbox-widget .sender-block .exerpt small {
  color: #a2a5b9;
}

body.is-dark .inbox-widget .sender-block .sender-block-inner .meta span {
  color: #cecece;
}
body.is-dark .inbox-widget .exerpt {
  background: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .inbox-widget .exerpt h5 {
  color: #797bf2;
}
body.is-dark .inbox-widget .exerpt p {
  color: #cecece;
}

/* ==========================================================================
15. Illustration Widget
========================================================================== */
.illustration-widget.illustration-widget-v1 {
  padding: 40px 30px;
  text-align: center;
  font-family: "STC Forward", sans-serif;
}
.illustration-widget.illustration-widget-v1 .img-container {
  position: relative;
  margin: 0 auto 12px auto;
  max-width: 180px;
}
.illustration-widget.illustration-widget-v1 .img-container .main {
  display: block;
}
.illustration-widget.illustration-widget-v1 .img-container .badge {
  position: absolute;
}
.illustration-widget.illustration-widget-v1 .img-container .badge.badge-1 {
  height: 70px;
  width: 70px;
  top: 0;
  right: 0;
}
.illustration-widget.illustration-widget-v1 .img-container .badge.badge-2 {
  height: 50px;
  width: 50px;
  top: 0;
  left: 0;
}
.illustration-widget.illustration-widget-v1 h3 {
  font-weight: 600;
  font-size: 0.95rem;
  font-family: "STC Forward", sans-serif;
  color: #1d252d;
  margin-bottom: 4px;
}
.illustration-widget.illustration-widget-v1 p {
  font-size: 0.9rem;
}
.illustration-widget.illustration-widget-v2 {
  padding: 16px;
}
.illustration-widget.illustration-widget-v2 img {
  border-radius: 14px;
  margin-bottom: 4px;
}
.illustration-widget.illustration-widget-v2 h3 {
  font-weight: 600;
  font-size: 0.95rem;
  font-family: "STC Forward", sans-serif;
  color: #1d252d;
}
.illustration-widget.illustration-widget-v2 p {
  font-size: 0.9rem;
}
.illustration-widget.illustration-widget-v3 {
  padding: 24px;
}
.illustration-widget.illustration-widget-v3 img {
  border-radius: 18px;
  margin-bottom: 4px;
}
.illustration-widget.illustration-widget-v3 h3 {
  font-weight: 600;
  font-size: 0.95rem;
  font-family: "STC Forward", sans-serif;
  color: #1d252d;
}
.illustration-widget.illustration-widget-v3 p {
  font-size: 0.9rem;
}

body.is-dark .illustration-widget.illustration-widget-v1 h3, body.is-dark .illustration-widget.illustration-widget-v2 h3, body.is-dark .illustration-widget.illustration-widget-v3 h3 {
  color: #cecece;
}

/* ==========================================================================
16. Creative List Widget
========================================================================== */
.creative-list-widget .creative-list .creative-list-item {
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 10px;
  background: rgb(95.9411764706%, 95.9411764706%, 95.9411764706%);
  margin-bottom: 8px;
}
.creative-list-widget .creative-list .creative-list-item.is-orange {
  background: rgb(100%, 93.5760971055%, 90.5882352941%);
}
.creative-list-widget .creative-list .creative-list-item.is-purple {
  background: rgb(92.8306124212%, 91.3967349054%, 95.5836572514%);
}
.creative-list-widget .creative-list .creative-list-item.is-green {
  background: rgb(82.7579322638%, 99.5165775401%, 95.1657754011%);
}
.creative-list-widget .creative-list .creative-list-item .meta {
  font-family: "STC Forward", sans-serif;
  font-size: 0.95rem;
  color: #1d252d;
  font-weight: 500;
  margin-left: 10px;
}

body.is-dark .creative-list-widget .creative-list .creative-list-item {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border: 1px solid rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .creative-list-widget .creative-list .creative-list-item .meta {
  color: #fcfcfc;
}

/* ==========================================================================
17. Social Buttons Widget
========================================================================== */
.social-buttons-widget {
  padding: 16px;
}
.social-buttons-widget .social-buttons {
  display: flex;
}
.social-buttons-widget .social-buttons .social-button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 0px;
}
.social-buttons-widget .social-buttons .social-button .inner-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 32px;
  min-width: 32px;
  border-radius: 8px;
  color: rgb(77.2226632984%, 77.9574160953%, 82.8557680741%);
  transition: all 0.3s;
}
.social-buttons-widget .social-buttons .social-button .inner-button:hover:not(.is-active) {
  background: rgb(95.9411764706%, 95.9411764706%, 95.9411764706%);
  color: #a2a5b9;
}
.social-buttons-widget .social-buttons .social-button .inner-button.is-rounded {
  border-radius: 50%;
}
.social-buttons-widget .social-buttons .social-button .inner-button.is-active.is-facebook {
  background: #3B5998;
  color: #fcfcfc;
  box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2) !important;
}
.social-buttons-widget .social-buttons .social-button .inner-button.is-active.is-linkedin {
  background: #007bb6;
  color: #fcfcfc;
  box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2) !important;
}
.social-buttons-widget .social-buttons .social-button .inner-button.is-active.is-twitter {
  background: #1dcaff;
  color: #fcfcfc;
  box-shadow: 0 14px 26px -12px rgba(29, 202, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(29, 202, 255, 0.2) !important;
}
.social-buttons-widget .social-buttons .social-button .inner-button.is-active.is-instagram {
  background: #e1306c;
  color: #fcfcfc;
  box-shadow: 0 14px 26px -12px rgba(221, 27, 22, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 27, 22, 0.2) !important;
}
.social-buttons-widget .social-buttons .social-button .inner-button.is-active.is-github {
  background: #444;
  color: #fcfcfc;
  box-shadow: 0 14px 26px -12px rgba(68, 68, 68, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(68, 68, 68, 0.2) !important;
}
.social-buttons-widget .social-buttons .social-button .inner-button.is-active.is-invision {
  background: #ff3366;
  color: #fcfcfc;
  box-shadow: 0 14px 26px -12px rgba(255, 51, 102, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 51, 102, 0.2) !important;
}
.social-buttons-widget .social-buttons .social-button .inner-button.is-active.is-atlassian {
  background: #007bb6;
  color: #fcfcfc;
  box-shadow: 0 14px 26px -12px rgba(0, 123, 182, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 123, 182, 0.2) !important;
}
.social-buttons-widget .social-buttons .social-button .inner-button.is-active.is-bootstrap {
  background: #8269B2;
  color: #fcfcfc;
  box-shadow: 0 14px 26px -12px rgba(130, 105, 178, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(130, 105, 178, 0.2) !important;
}
.social-buttons-widget .social-buttons .social-button .inner-button svg {
  height: 18px;
  width: 18px;
  transition: stroke 0.3s;
}

body.is-dark .social-buttons-widget .social-buttons .social-button .inner-button:hover:not(.is-active) {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  color: #a2a5b9;
}

/* ==========================================================================
18. Call Widget
========================================================================== */
.call-widget {
  padding: 40px 30px;
  text-align: center;
  font-family: "STC Forward", sans-serif;
}
.call-widget .img-container {
  position: relative;
  margin: 0 auto 12px auto;
  max-width: 180px;
  max-height: 180px;
}
.call-widget .img-container .main {
  display: block;
}
.call-widget .img-container .badge {
  position: absolute;
  height: 60px;
  width: 60px;
  bottom: 0;
  right: 2px;
  border-radius: 50%;
  border: 6px solid #fff;
}
.call-widget h3 {
  font-weight: 600;
  font-family: "STC Forward", sans-serif;
  font-size: 1rem;
  color: #1d252d;
  margin-bottom: 4px;
}
.call-widget p {
  font-size: 0.9rem;
}
.call-widget .actions {
  display: flex;
  justify-content: center;
  padding-top: 12px;
}
.call-widget .actions .action {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: 36px;
  min-width: 36px;
  border-radius: 50%;
  color: rgb(77.2226632984%, 77.9574160953%, 82.8557680741%);
  transition: all 0.3s;
  margin: 0 6px;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  transition: all 0.3s;
}
.call-widget .actions .action:hover {
  background: #4f008c;
  border-color: #4f008c;
  color: #fcfcfc;
  box-shadow: 0 14px 26px -12px rgba(79, 0, 140, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 0, 140, 0.2);
}
.call-widget .actions .action svg {
  height: 16px;
  width: 16px;
  transition: stroke 0.3s;
}

body.is-dark .call-widget h3 {
  color: #cecece;
}
body.is-dark .call-widget .img-container .badge {
  border-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
body.is-dark .call-widget .actions .action {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border: 1px solid rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
  color: #cecece;
}
body.is-dark .call-widget .actions .action:hover {
  border-color: #797bf2;
  color: #797bf2;
}

/* ==========================================================================
16. Avatar List Widget
========================================================================== */
.avatar-list-widget {
  padding: 14px;
}
.avatar-list-widget .field .control {
  position: relative;
}
.avatar-list-widget .field .control .input {
  height: 42px;
  border-radius: 8px;
  background: #f5f6fa;
  border-color: #f5f6fa;
}
.avatar-list-widget .field .control .input:focus {
  border-color: rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  background: #fff;
}
.avatar-list-widget .field .control .search-button {
  position: absolute;
  top: 0;
  right: 0;
  height: 42px;
  width: 42px;
  border-radius: 8px;
  background: #4f008c;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  outline: none;
  color: #fff;
  cursor: pointer;
}
.avatar-list-widget .field .control .search-button svg {
  height: 18px;
  width: 18px;
}
.avatar-list-widget .avatar-list .avatar-list-item {
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 8px;
  transition: all 0.3s;
}
.avatar-list-widget .avatar-list .avatar-list-item:hover {
  background: rgb(95.9411764706%, 95.9411764706%, 95.9411764706%);
}
.avatar-list-widget .avatar-list .avatar-list-item .meta {
  font-family: "STC Forward", sans-serif;
  font-size: 0.95rem;
  color: #1d252d;
  font-weight: 600;
  margin-left: 10px;
}

body.is-dark .avatar-list-widget .field .control .input {
  background: rgb(16.6022025248%, 16.6022025248%, 18.0252484555%);
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .avatar-list-widget .field .control .search-button {
  background: #797bf2;
}
body.is-dark .avatar-list-widget .field .topics a:hover {
  color: #797bf2;
}
body.is-dark .avatar-list-widget .avatar-list .avatar-list-item:hover {
  background: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%);
}
body.is-dark .avatar-list-widget .avatar-list .avatar-list-item .meta {
  color: #cecece;
}

/* ==========================================================================
17. Contact Widget
========================================================================== */
.contact-widget.is-reversed .widget-content {
  flex-direction: row-reverse;
}
.contact-widget .widget-content {
  display: flex;
  border-bottom: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.contact-widget .widget-content .left {
  text-align: center;
  width: 40%;
}
.contact-widget .widget-content .left .h-avatar {
  display: block;
  margin: 0 auto;
}
.contact-widget .widget-content .left .h-avatar .avatar {
  margin: 0;
}
.contact-widget .widget-content .right {
  width: 60%;
  font-family: "STC Forward", sans-serif;
}
.contact-widget .widget-content .right > h3 {
  font-family: "STC Forward", sans-serif;
  color: #1d252d;
  font-weight: 600;
  margin-bottom: 4px;
}
.contact-widget .widget-content .right .company {
  font-size: 0.9rem;
  line-height: 1.2;
  margin-bottom: 4px;
}
.contact-widget .widget-content .right .company span {
  color: #4f008c;
}
.contact-widget .widget-content .right .contact-info {
  font-size: 0.85rem;
}
.contact-widget .widget-content .right .contact-info > span {
  display: flex;
  align-items: center;
}
.contact-widget .widget-content .right .contact-info > span svg {
  height: 14px;
  width: 14px;
  margin-right: 4px;
  stroke-width: 1.4px;
  stroke: #a2a5b9;
}
.contact-widget .email {
  text-align: center;
  font-size: 0.9rem;
}

body.is-dark .contact-widget .widget-content {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .contact-widget .widget-content .right h3 {
  color: #cecece;
}
body.is-dark .contact-widget .widget-content .right .company span:first-child {
  color: #797bf2;
}
body.is-dark .contact-widget .widget-content .right .contact-info span span {
  color: #cecece;
}

/* ==========================================================================
18. Followers Widget
========================================================================== */
.followers-widget .channels {
  display: flex;
  margin-left: -8px;
  margin-right: -8px;
  width: 100%;
}
.followers-widget .channels .channel {
  width: calc(33.3% - 16px);
  text-align: center;
  margin: 0 8px;
}
.followers-widget .channels .channel .channel-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: 36px;
  border-radius: 10px;
  background: #f5f6fa;
  margin: 0 auto 4px auto;
}
.followers-widget .channels .channel .channel-icon i {
  font-size: 14px;
  color: #a2a5b9;
}
.followers-widget .channels .channel .channel-stats span {
  font-family: "STC Forward", sans-serif;
  display: block;
}
.followers-widget .channels .channel .channel-stats span:first-child {
  font-weight: 500;
  color: #a2a5b9;
}

body.is-dark .followers-widget .channels .channel .channel-icon {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border: 1px solid rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}

/* ==========================================================================
18. Cart Widget
========================================================================== */
.cart-widget .cart-items .cart-item {
  display: flex;
  margin: 8px 0;
}
.cart-widget .cart-items .cart-item .meta {
  margin-left: 12px;
  display: flex;
  flex-direction: column;
}
.cart-widget .cart-items .cart-item .meta span {
  display: block;
  font-family: "STC Forward", sans-serif;
}
.cart-widget .cart-items .cart-item .meta span:first-child {
  font-size: 0.9rem;
  color: #a2a5b9;
}
.cart-widget .cart-items .cart-item .meta span:nth-child(2) {
  color: #1d252d;
  margin-top: auto;
  font-weight: 600;
  font-size: 1.2rem;
}
.cart-widget .cart-button {
  padding-top: 16px;
}

body.is-dark .cart-widget .cart-items .cart-item .meta span:nth-child(2) {
  color: #797bf2;
}

/*! _widgets-lists.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/* ==========================================================================
List Widgets Styles
========================================================================== */
/*
    1. List Widget Base
    2. List Widget V1
    3. List Widget V2
*/
/* ==========================================================================
1. List Widget Base
========================================================================== */
.list-widget {
  padding: 30px;
}
.list-widget:not(:last-child) {
  margin-bottom: 1.5rem;
}
.list-widget.tabbed-widget .widget-head .tabbed-controls {
  position: relative;
  display: flex;
  min-width: 140px;
  height: 32px;
  background: rgb(93.4117647059%, 94.0705882353%, 96.7058823529%);
  font-family: "STC Forward", sans-serif;
  border-radius: 8px;
}
.list-widget.tabbed-widget .widget-head .tabbed-controls .tabbed-control {
  position: relative;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9rem;
  color: #a2a5b9;
  z-index: 1;
}
.list-widget.tabbed-widget .widget-head .tabbed-controls .tabbed-control.is-active {
  color: #fcfcfc;
}
.list-widget.tabbed-widget .widget-head .tabbed-controls .tabbed-control.is-active:first-child ~ .tabbed-naver {
  margin-left: 0;
}
[dir=rtl] .list-widget.tabbed-widget .widget-head .tabbed-controls .tabbed-control.is-active:first-child ~ .tabbed-naver {
  margin-left: unset;
  margin-right: 0;
}
.list-widget.tabbed-widget .widget-head .tabbed-controls .tabbed-control.is-active:nth-child(2) ~ .tabbed-naver {
  margin-left: 50%;
}
[dir=rtl] .list-widget.tabbed-widget .widget-head .tabbed-controls .tabbed-control.is-active:nth-child(2) ~ .tabbed-naver {
  margin-left: unset;
  margin-right: 50%;
}
.list-widget.tabbed-widget .widget-head .tabbed-controls .tabbed-naver {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  border-radius: 8px;
  background: #4f008c;
  margin-left: 0;
  transition: all 0.3s;
  z-index: 0;
}
[dir=rtl] .list-widget.tabbed-widget .widget-head .tabbed-controls .tabbed-naver {
  left: unset;
  right: 0;
}
.list-widget.tabbed-widget .inner-list-wrapper {
  display: none;
  animation: fadeInLeft 0.5s;
}
.list-widget.tabbed-widget .inner-list-wrapper.is-active {
  display: block;
}
.list-widget .widget-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  margin-bottom: 10px;
}
.list-widget .widget-head h3 {
  color: #1d252d;
  font-size: 1.1rem;
  font-weight: 500;
}
.list-widget .inner-list {
  padding: 10px 0;
}
.list-widget .inner-list .inner-list-item + .inner-list-item {
  margin-top: 24px;
}

body.is-dark .list-widget.tabbed-widget .widget-head .tabbed-controls {
  background: rgb(16.6022025248%, 16.6022025248%, 18.0252484555%);
}
body.is-dark .list-widget.tabbed-widget .widget-head .tabbed-controls .tabbed-naver {
  background: #797bf2;
}

/* ==========================================================================
2. List Widget V1
========================================================================== */
.list-widget.list-widget-v1 .go-icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background: #f5f6fa;
  color: #a2a5b9;
}
.list-widget.list-widget-v1 .go-icon:before {
  content: attr(data-content);
  position: absolute;
  left: -45px;
  font-family: "STC Forward", sans-serif;
  font-size: 0.95rem;
  font-weight: 500;
}
.list-widget.list-widget-v1 .go-icon.is-squared {
  border-radius: 10px;
}
.list-widget.list-widget-v1 .go-icon.is-up:before {
  color: #93E088;
}
.list-widget.list-widget-v1 .go-icon.is-down:before {
  color: #F92B60;
}
.list-widget.list-widget-v1 .go-icon svg {
  height: 16px;
  width: 16px;
  stroke-width: 3px;
}

body.is-dark .list-widget.list-widget-v1 .go-icon {
  background: rgb(16.6022025248%, 16.6022025248%, 18.0252484555%);
  border: 1px solid rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}

/* ==========================================================================
2. List Widget V2
========================================================================== */
.list-widget.list-widget-v2 .image-icon {
  height: 40px;
  width: 40px;
}

/* ==========================================================================
2. List Widget V3
========================================================================== */
.list-widget.list-widget-v3 .icon-timeline .timeline-item {
  position: relative;
  display: flex;
  padding-bottom: 30px;
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item:after {
  content: "";
  position: absolute;
  top: 36px;
  left: 18px;
  width: 1px;
  height: calc(100% - 36px);
  border-left: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
}
[dir=rtl] .list-widget.list-widget-v3 .icon-timeline .timeline-item:after {
  left: unset;
  right: 18px;
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon {
  position: relative;
  height: 36px;
  width: 36px;
  min-width: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  border-radius: 50%;
  color: #a2a5b9;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon:after {
  content: "";
  position: absolute;
  top: 17px;
  left: 40px;
  width: 20px;
  height: 1px;
  border-top: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
}
[dir=rtl] .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon:after {
  left: unset;
  right: 40px;
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-squared {
  border-radius: 10px;
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-squared img, .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-squared .is-fake {
  border-radius: 10px;
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-primary {
  background: #4f008c;
  border-color: #4f008c;
  box-shadow: 0 14px 26px -12px rgba(79, 0, 140, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 0, 140, 0.2);
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-primary svg {
  stroke: #fcfcfc;
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-secondary {
  background: #ff375e;
  border-color: #ff375e;
  box-shadow: 0 14px 26px -12px rgba(255, 55, 94, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 55, 94, 0.2);
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-secondary svg {
  stroke: #fcfcfc;
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-color8 {
  background: #8e9aa0;
  border-color: #8e9aa0;
  box-shadow: 0 14px 26px -12px rgba(6, 214, 160, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(6, 214, 160, 0.2) !important;
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-color8 svg {
  stroke: #fcfcfc;
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-info {
  /* purgecss ignore current */
  background: #1bced8;
  border-color: #1bced8;
  box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important;
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-info svg {
  stroke: #fcfcfc;
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-success {
  background: #06d6a0;
  border-color: #06d6a0;
  box-shadow: 0 14px 26px -12px rgba(6, 214, 160, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(6, 214, 160, 0.2) !important;
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-success svg {
  stroke: #fcfcfc;
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-active {
  background: #fff;
  border-color: #06d6a0;
  box-shadow: 0 14px 26px -12px rgba(6, 214, 160, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(6, 214, 160, 0.2) !important;
}
body.is-dark .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-active {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-active svg {
  stroke: #fcfcfc;
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-orange {
  background: #FFA981;
  border-color: #FFA981;
  box-shadow: 0 14px 26px -12px rgba(255, 169, 129, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 169, 129, 0.2) !important;
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-orange svg {
  stroke: #fcfcfc;
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-yellow {
  background: #FFD66E;
  border-color: #FFD66E;
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-yellow svg {
  stroke: #fcfcfc;
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon img {
  display: block;
  height: 28px;
  width: 28px;
  border-radius: 50%;
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon .h-avatar {
  height: 28px;
  width: 28px;
  min-width: 28px;
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon .h-avatar .avatar {
  height: 28px;
  width: 28px;
  min-width: 28px;
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon svg {
  height: 16px;
  width: 16px;
  stroke-width: 1.6px;
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-content {
  margin-left: 34px;
  line-height: 1.2;
  align-self: center;
}
[dir=rtl] .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-content {
  margin-right: 34px;
  margin-left: 0;
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-content span {
  font-size: 0.85rem;
  color: #a2a5b9;
}
.list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-content p {
  font-size: 0.95rem;
  font-weight: 500;
  color: #1d252d;
}

body.is-dark .list-widget.list-widget-v3 .icon-timeline .timeline-item:after {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%) !important;
}
body.is-dark .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon:not(.is-primary):not(.is-info):not(.is-success):not(.is-orange):not(.is-yellow):not(.is-active) {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%) !important;
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%) !important;
}
body.is-dark .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon:after {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%) !important;
}
body.is-dark .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-primary {
  background: #797bf2;
  border-color: #797bf2;
  box-shadow: 0 14px 26px -12px rgba(121, 123, 242, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(121, 123, 242, 0.2);
}
body.is-dark .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-primary svg {
  stroke: #fcfcfc;
}
body.is-dark .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-content p {
  color: #cecece;
}

/*! _widgets-stats.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/* ==========================================================================
Stat Widgets Styles
========================================================================== */
/*
    1. Stat Widget Base
    2. Line / Area Chart Widget
    3. Spark Tile Widget
    4. Flex Stat Widget
    5. Grouped Stat Widget
    6. Followers Stat Widget
*/
/* ==========================================================================
1. Stat Widget Base
========================================================================== */
.stat-widget {
  padding: 30px;
  font-family: "STC Forward", sans-serif;
}
.stat-widget .widget-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  margin-bottom: 10px;
}
.stat-widget .widget-head h3 {
  font-family: "STC Forward", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #1d252d;
}
.stat-widget .inner-list {
  padding: 10px 0;
}
.stat-widget .inner-list .inner-list-item + .inner-list-item {
  margin-top: 24px;
}

/* ==========================================================================
2. Line / Area Chart Widget
========================================================================== */
.stat-widget.line-stats-widget .line-stats, .stat-widget.line-stats-widget .area-stats, .stat-widget.area-stats-widget .line-stats, .stat-widget.area-stats-widget .area-stats {
  display: flex;
}
.stat-widget.line-stats-widget .line-stats .line-stat, .stat-widget.line-stats-widget .line-stats .area-stat, .stat-widget.line-stats-widget .area-stats .line-stat, .stat-widget.line-stats-widget .area-stats .area-stat, .stat-widget.area-stats-widget .line-stats .line-stat, .stat-widget.area-stats-widget .line-stats .area-stat, .stat-widget.area-stats-widget .area-stats .line-stat, .stat-widget.area-stats-widget .area-stats .area-stat {
  margin-right: 30px;
  font-family: "STC Forward", sans-serif;
}
.stat-widget.line-stats-widget .line-stats .line-stat span, .stat-widget.line-stats-widget .line-stats .area-stat span, .stat-widget.line-stats-widget .area-stats .line-stat span, .stat-widget.line-stats-widget .area-stats .area-stat span, .stat-widget.area-stats-widget .line-stats .line-stat span, .stat-widget.area-stats-widget .line-stats .area-stat span, .stat-widget.area-stats-widget .area-stats .line-stat span, .stat-widget.area-stats-widget .area-stats .area-stat span {
  display: block;
}
.stat-widget.line-stats-widget .line-stats .line-stat span:first-child, .stat-widget.line-stats-widget .line-stats .area-stat span:first-child, .stat-widget.line-stats-widget .area-stats .line-stat span:first-child, .stat-widget.line-stats-widget .area-stats .area-stat span:first-child, .stat-widget.area-stats-widget .line-stats .line-stat span:first-child, .stat-widget.area-stats-widget .line-stats .area-stat span:first-child, .stat-widget.area-stats-widget .area-stats .line-stat span:first-child, .stat-widget.area-stats-widget .area-stats .area-stat span:first-child {
  color: #a2a5b9;
  font-size: 0.9rem;
}
.stat-widget.line-stats-widget .line-stats .line-stat span:nth-child(2), .stat-widget.line-stats-widget .line-stats .area-stat span:nth-child(2), .stat-widget.line-stats-widget .area-stats .line-stat span:nth-child(2), .stat-widget.line-stats-widget .area-stats .area-stat span:nth-child(2), .stat-widget.area-stats-widget .line-stats .line-stat span:nth-child(2), .stat-widget.area-stats-widget .line-stats .area-stat span:nth-child(2), .stat-widget.area-stats-widget .area-stats .line-stat span:nth-child(2), .stat-widget.area-stats-widget .area-stats .area-stat span:nth-child(2) {
  color: #1d252d;
  font-size: 1.2rem;
  font-weight: 600;
}
.stat-widget.line-stats-widget .line-stats .line-stat span.current, .stat-widget.line-stats-widget .line-stats .area-stat span.current, .stat-widget.line-stats-widget .area-stats .line-stat span.current, .stat-widget.line-stats-widget .area-stats .area-stat span.current, .stat-widget.area-stats-widget .line-stats .line-stat span.current, .stat-widget.area-stats-widget .line-stats .area-stat span.current, .stat-widget.area-stats-widget .area-stats .line-stat span.current, .stat-widget.area-stats-widget .area-stats .area-stat span.current {
  color: #797bf2;
}

/* ==========================================================================
3. Spark Tile Widget
========================================================================== */
.stat-widget.spark-tile-widget {
  padding: 0;
}

/* ==========================================================================
4. Flex Stat Widget
========================================================================== */
.stat-widget.flex-stat-widget .chart-media {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.stat-widget.flex-stat-widget .chart-media .meta {
  margin-right: 30px;
  align-items: center;
  font-family: "STC Forward", sans-serif;
}
.stat-widget.flex-stat-widget .chart-media .meta h4 {
  font-family: "STC Forward", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #1d252d;
}
.stat-widget.flex-stat-widget .chart-media .meta span {
  display: block;
  color: #797bf2;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 8px;
}
.stat-widget.flex-stat-widget .chart-media .meta p {
  font-size: 0.9rem;
}
.stat-widget.flex-stat-widget .chart-media .chart-container {
  min-width: 110px;
}

/* ==========================================================================
5. Grouped Stat Widget
========================================================================== */
.stat-widget.grouped-stat-widget .chart-group {
  display: flex;
}
.stat-widget.grouped-stat-widget .chart-group .group {
  text-align: center;
  width: 33.3%;
}
.stat-widget.grouped-stat-widget .chart-group .group .chart-container {
  margin-top: -5px;
}
.stat-widget.grouped-stat-widget .chart-group .group .chart-container.is-gauge {
  margin-bottom: 30px;
}
.stat-widget.grouped-stat-widget .chart-group .group span {
  display: block;
  margin-top: -25px;
  font-family: "STC Forward", sans-serif;
  color: #1d252d;
  font-weight: 600;
  font-size: 1.2rem;
}
.stat-widget.grouped-stat-widget .chart-group .group p {
  font-size: 0.9rem;
}

/* ==========================================================================
6. Followers Stat Widget
========================================================================== */
.stat-widget.followers-stat-widget-v1 .follow-block {
  display: flex;
  align-items: center;
}
.stat-widget.followers-stat-widget-v1 .follow-block .follow-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 50px;
  min-width: 50px;
  border-radius: 50%;
  background: #fff;
  color: #4f008c;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.stat-widget.followers-stat-widget-v1 .follow-block .follow-icon.is-squared {
  border-radius: 10px;
}
.stat-widget.followers-stat-widget-v1 .follow-block .follow-icon.is-primary {
  background: #4f008c;
  border-color: #4f008c;
  box-shadow: 0 14px 26px -12px rgba(79, 0, 140, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 0, 140, 0.2);
  color: #fcfcfc;
}
.stat-widget.followers-stat-widget-v1 .follow-block .follow-icon svg {
  height: 18px;
  width: 18px;
}
.stat-widget.followers-stat-widget-v1 .follow-block .follow-icon i {
  font-size: 18px;
}
.stat-widget.followers-stat-widget-v1 .follow-block .follow-count {
  margin-left: 12px;
}
.stat-widget.followers-stat-widget-v1 .follow-block .follow-count span {
  display: block;
}
.stat-widget.followers-stat-widget-v1 .follow-block .follow-count span:first-child {
  font-family: "STC Forward", sans-serif;
  font-size: 1.15rem;
  font-weight: 600;
  color: #1d252d;
}
.stat-widget.followers-stat-widget-v1 .follow-block .follow-count span:nth-child(2) {
  font-size: 0.95rem;
  color: #a2a5b9;
}
.stat-widget.followers-stat-widget-v1 .follow-block .go-icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background: #f5f6fa;
  color: #a2a5b9;
  margin-left: auto;
}
.stat-widget.followers-stat-widget-v1 .follow-block .go-icon.is-squared {
  border-radius: 10px;
}
.stat-widget.followers-stat-widget-v1 .follow-block .go-icon svg {
  height: 16px;
  width: 16px;
  stroke-width: 3px;
}

body.is-dark .stat-widget.followers-stat-widget-v1 .follow-block .follow-icon:not(.is-primary) {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
  color: #797bf2;
}
body.is-dark .stat-widget.followers-stat-widget-v1 .follow-block .follow-icon.is-primary {
  border-color: #797bf2;
  background: #797bf2;
}
body.is-dark .stat-widget.followers-stat-widget-v1 .go-icon {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border: 1px solid rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}

/* ==========================================================================
7. Table Widget
========================================================================== */
.stat-widget.table-widget-v1 .table {
  margin-top: 1.5rem;
}
.stat-widget.table-widget-v1 .table tbody tr, .stat-widget.table-widget-v1 .table tbody td {
  border: none;
}
.stat-widget.table-widget-v1 .table tbody tr {
  border-radius: 10px;
}
.stat-widget.table-widget-v1 .table tbody td {
  padding: 1em 0.75em;
}
.stat-widget.table-widget-v1 .table tbody td .double-line {
  line-height: 1.4;
}
.stat-widget.table-widget-v1 .table tbody td .double-line span {
  display: block;
}
.stat-widget.table-widget-v1 .table tbody td .double-line span:first-child {
  font-family: "STC Forward", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #1d252d;
}
.stat-widget.table-widget-v1 .table tbody td .double-line span:nth-child(2) {
  color: #a2a5b9;
  font-size: 0.9rem;
}
.stat-widget.table-widget-v1 .table tbody td .rating-wrap {
  text-align: right;
}
.stat-widget.table-widget-v1 .table tbody td .rating-wrap span {
  color: #a2a5b9;
}
.stat-widget.table-widget-v1 .table tbody td .rating-wrap .rating i {
  color: rgb(85.4117647059%, 86.8705882353%, 92.7058823529%);
}
.stat-widget.table-widget-v1 .table tbody td .rating-wrap .rating i.selected {
  color: #FFD66E !important;
}
.stat-widget.table-widget-v1 .table tbody td .tag-wrap {
  text-align: right;
}

/*! _top-menu.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Landing page defaults
    2. Navigation
    3. Navigation Dark mode
    4. Media Queries
*/
/* ==========================================================================
1. Defaults
========================================================================== */
/* ==========================================================================
2. Navigation
========================================================================== */
.top-menu-wrapper .navbar {
  top: 15px;
  height: 65px;
  max-width: 1140px;
  margin: 0 auto;
  background: #fff;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  border: 1px solid #ededed;
  border-radius: 500px;
  font-family: "STC Forward", sans-serif;
  z-index: 99;
  transition: width 0.15s ease-out;
  left: 72px;
  width: calc(100% - 72px);
}
[dir=rtl] .top-menu-wrapper .navbar {
  left: 0;
  right: 72px;
}
.top-menu-wrapper .navbar.is-pushed-full {
  width: calc(100% - 240px);
  left: 240px;
}
[dir=rtl] .top-menu-wrapper .navbar.is-pushed-full {
  left: 0;
  right: 240px;
}
.top-menu-wrapper .navbar.is-docked {
  top: 0;
  border-color: transparent;
  height: 110px;
  box-shadow: none;
  background: transparent;
}
.top-menu-wrapper .navbar.is-docked .navbar-brand .brand-icon {
  height: 64px;
  width: 64px;
  background: #fff;
  border-color: rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
}
.top-menu-wrapper .navbar.is-docked .navbar-menu .navbar-item.is-theme-toggle {
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
}
.top-menu-wrapper .navbar.is-solid {
  background: #fff !important;
  border-radius: 10px 10px 0 0;
}
.top-menu-wrapper .navbar .navbar-brand img {
  position: relative;
  display: block;
  width: 100%;
  max-width: 34px;
  max-height: 34px;
  margin-left: 10px;
}
.top-menu-wrapper .navbar .navbar-brand .brand-icon {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
  transition: all 0.3s;
}
.top-menu-wrapper .navbar .navbar-brand .brand-icon img {
  position: relative;
  top: -2px;
  margin-left: 0;
}
.top-menu-wrapper .navbar .navbar-burger span {
  height: 2px;
}
.top-menu-wrapper .navbar .navbar-menu .navbar-item.is-theme-toggle {
  opacity: 1;
  pointer-events: all;
}
.top-menu-wrapper .navbar .navbar-menu .navbar-item .nav-link {
  position: relative;
  font-family: "STC Forward", sans-serif;
  font-size: 0.9rem;
  color: #a2a5b9;
  text-transform: capitalize;
}
.top-menu-wrapper .navbar .navbar-menu .navbar-item .nav-link:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 2px;
  width: 50%;
  transform-origin: right center;
  height: 3px;
  border-radius: 50px;
  background: #4f008c;
  transform: scale(0, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.top-menu-wrapper .navbar .navbar-menu .navbar-item .nav-link:hover, .top-menu-wrapper .navbar .navbar-menu .navbar-item .nav-link.is-active {
  color: #1d252d;
}
.top-menu-wrapper .navbar .navbar-menu .navbar-item .nav-link:hover:before, .top-menu-wrapper .navbar .navbar-menu .navbar-item .nav-link.is-active:before {
  transform-origin: left center;
  transform: scale(1, 1);
}
.top-menu-wrapper .navbar .navbar-menu .navbar-item .nav-link.active:before {
  background: #4f008c;
}
.top-menu-wrapper .navbar .navbar-menu .navbar-item .theme-toggle {
  width: 54px;
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transform: scale(0.9);
}
.top-menu-wrapper .navbar .navbar-menu .navbar-item .theme-toggle input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.top-menu-wrapper .navbar .navbar-menu .navbar-item .theme-toggle input:checked ~ .toggler {
  border-color: #797bf2;
}
.top-menu-wrapper .navbar .navbar-menu .navbar-item .theme-toggle input:checked ~ .toggler .dark, .top-menu-wrapper .navbar .navbar-menu .navbar-item .theme-toggle input:checked ~ .toggler .light {
  transform: translateX(100%) rotate(360deg);
}
.top-menu-wrapper .navbar .navbar-menu .navbar-item .theme-toggle input:checked ~ .toggler .dark {
  opacity: 1 !important;
}
.top-menu-wrapper .navbar .navbar-menu .navbar-item .theme-toggle input:checked ~ .toggler .light {
  opacity: 0 !important;
}
.top-menu-wrapper .navbar .navbar-menu .navbar-item .theme-toggle .toggler {
  position: relative;
  display: block;
  height: 31px;
  width: 53px;
  border: 2px solid #4f008c;
  border-radius: 100px;
  transition: all 0.3s;
}
.top-menu-wrapper .navbar .navbar-menu .navbar-item .theme-toggle .toggler .dark, .top-menu-wrapper .navbar .navbar-menu .navbar-item .theme-toggle .toggler .light {
  position: absolute;
  top: 2px;
  left: 2px;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  background: black;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateX(0) rotate(0);
  transition: all 0.3s ease;
}
.top-menu-wrapper .navbar .navbar-menu .navbar-item .theme-toggle .toggler .dark svg, .top-menu-wrapper .navbar .navbar-menu .navbar-item .theme-toggle .toggler .light svg {
  stroke: #fff !important;
  height: 14px !important;
  width: 14px !important;
  opacity: 1 !important;
}
.top-menu-wrapper .navbar .navbar-menu .navbar-item .theme-toggle .toggler .light {
  background: #4f008c;
  border-color: #4f008c;
  opacity: 1;
  z-index: 1;
}
.top-menu-wrapper .navbar .navbar-menu .navbar-item .theme-toggle .toggler .dark {
  background: #797bf2;
  border-color: #797bf2;
  opacity: 0;
  z-index: 0;
}
.top-menu-wrapper .navbar .navbar-menu .navbar-item .theme-toggle .toggler .dark svg {
  stroke: #fff !important;
}

/* ==========================================================================
3. Navigation Dark mode
========================================================================== */
.landing-page-wrapper.is-dark .navbar:not(.is-docked) {
  background: rgb(10.7058823529%, 12.4901960784%, 17.8431372549%);
  border-color: rgb(15.2058823529%, 17.7401960784%, 25.3431372549%);
}
.landing-page-wrapper.is-dark .navbar.is-docked .navbar-brand .brand-icon {
  background: rgb(15.6862745098%, 17.568627451%, 26.9803921569%);
  border-color: rgb(23.0392156863%, 25.8039215686%, 39.6274509804%);
}
.landing-page-wrapper.is-dark .navbar.is-solid {
  background: rgb(10.7058823529%, 12.4901960784%, 17.8431372549%) !important;
  border-color: rgb(15.2058823529%, 17.7401960784%, 25.3431372549%) !important;
}
.landing-page-wrapper.is-dark .navbar.is-solid .navbar-brand .brand-icon {
  border-color: transparent;
  background-color: transparent;
}
.landing-page-wrapper.is-dark .navbar.is-solid .navbar-menu.is-active {
  background: rgb(13.7058823529%, 15.9901960784%, 22.8431372549%);
  border-color: rgb(15.2058823529%, 17.7401960784%, 25.3431372549%);
}
.landing-page-wrapper.is-dark .navbar .navbar-burger span {
  background: #fcfcfc;
}
.landing-page-wrapper.is-dark .navbar .navbar-item .nav-link:hover, .landing-page-wrapper.is-dark .navbar .navbar-item .nav-link.is-active {
  color: #797bf2;
}
.landing-page-wrapper.is-dark .navbar .navbar-item .nav-link:before {
  background: #797bf2;
}

/* ==========================================================================
4. Media Queries
========================================================================== */
@media only screen and (max-width: 1024px) {
  .top-menu-wrapper .navbar {
    width: 100% !important;
    left: 0 !important;
  }
}
@media (max-width: 767px) {
  .landing-page-wrapper .navbar {
    display: flex;
    align-items: center;
    width: calc(100% - 32px);
    margin: 0 16px;
  }
  .landing-page-wrapper .navbar.is-docked {
    height: 80px;
  }
  .landing-page-wrapper .navbar.is-docked .navbar-menu .navbar-item.is-theme-toggle {
    display: none !important;
  }
  .landing-page-wrapper .navbar:not(.is-docked).is-solid .navbar-menu {
    top: 73px !important;
  }
  .landing-page-wrapper .navbar:not(.is-docked) .navbar-menu .navbar-item.is-theme-toggle {
    display: block;
  }
  .landing-page-wrapper .navbar.is-solid {
    top: 10px;
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important;
  }
  .landing-page-wrapper .navbar.is-solid .navbar-brand .brand-icon {
    border-color: transparent;
  }
  .landing-page-wrapper .navbar.is-solid .navbar-menu {
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important;
  }
  .landing-page-wrapper .navbar .navbar-brand {
    width: 100%;
  }
  .landing-page-wrapper .navbar .navbar-brand .navbar-burger {
    border-radius: 50%;
    margin-right: 12px;
  }
  .landing-page-wrapper .navbar .navbar-menu {
    width: calc(100% - 32px);
    position: fixed;
    top: 78px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 0 0 10px 10px;
    padding: 30px;
    text-align: center;
    border: 1px solid #ededed;
    box-shadow: none;
  }
  .landing-page-wrapper .navbar .navbar-menu .navbar-item.is-theme-toggle .theme-toggle {
    margin: 0 auto;
  }
  .landing-page-wrapper .rounded-hero {
    min-height: 75vh !important;
    max-height: 75vh;
  }
  .landing-page-wrapper .rounded-hero .absolute-header {
    height: 500px;
  }
  .landing-page-wrapper .rounded-hero .hero-body .hero-mockup {
    max-width: 340px !important;
  }
  .landing-page-wrapper .rounded-hero .hero-body h1 {
    font-size: 3.2rem !important;
  }
  .landing-page-wrapper .boxed-features .flex-card .flex-cell {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  }
  .landing-page-wrapper .boxed-features .flex-card .flex-cell:last-child {
    border-bottom: none;
  }
  .landing-page-wrapper .cta-block {
    flex-direction: column;
    text-align: center;
  }
  .landing-page-wrapper .cta-block .head-text {
    padding-bottom: 20px;
  }
  .solutions-demo-wrapper {
    min-height: 184px;
  }
  .side-feature {
    margin-bottom: 60px !important;
  }
  .solutions-footer .footer-head {
    flex-direction: column;
    text-align: center;
  }
  .solutions-footer .footer-head .head-text {
    padding-bottom: 20px;
  }
  .solutions-footer .footer-body {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .landing-page-wrapper .navbar {
    display: flex;
    align-items: center;
    width: calc(100% - 32px);
    margin: 0 16px;
  }
  .landing-page-wrapper .navbar.is-docked {
    height: 80px;
  }
  .landing-page-wrapper .navbar.is-docked .navbar-menu .navbar-item.is-theme-toggle {
    display: none !important;
  }
  .landing-page-wrapper .navbar:not(.is-docked).is-solid .navbar-menu {
    top: 73px !important;
  }
  .landing-page-wrapper .navbar:not(.is-docked) .navbar-menu .navbar-item.is-theme-toggle {
    display: block;
  }
  .landing-page-wrapper .navbar.is-solid {
    top: 10px;
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important;
  }
  .landing-page-wrapper .navbar.is-solid .navbar-brand .brand-icon {
    border-color: transparent;
  }
  .landing-page-wrapper .navbar.is-solid .navbar-menu {
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important;
  }
  .landing-page-wrapper .navbar .navbar-brand {
    width: 100%;
  }
  .landing-page-wrapper .navbar .navbar-brand .navbar-burger {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin-right: 12px;
  }
  .landing-page-wrapper .navbar .navbar-menu {
    width: calc(100% - 32px);
    position: fixed;
    top: 78px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 0 0 10px 10px;
    padding: 30px;
    text-align: center;
    border: 1px solid #ededed;
    box-shadow: none;
  }
  .landing-page-wrapper .navbar .navbar-menu .navbar-item.is-theme-toggle .theme-toggle {
    margin: 0 auto;
  }
  .landing-page-wrapper .main-hero .is-hero-title {
    text-align: center !important;
  }
  .landing-page-wrapper .main-hero .is-hero-title .buttons {
    justify-content: center;
  }
  .landing-page-wrapper .rounded-hero {
    min-height: 75vh !important;
  }
  .landing-page-wrapper .rounded-hero .hero-body .hero-mockup {
    max-width: 610px !important;
  }
  .landing-page-wrapper .solutions-demos .demo-section .columns {
    display: flex;
  }
  .landing-page-wrapper .solutions-demos .demo-section .columns .column.is-4 {
    min-width: 50% !important;
  }
  .landing-page-wrapper .side-feature {
    display: flex;
  }
  .landing-page-wrapper .component-features .media-flex {
    flex-direction: column;
    text-align: center;
  }
  .landing-page-wrapper .component-features .media-flex .left-icon, .landing-page-wrapper .component-features .media-flex .flex-meta {
    margin: 0;
  }
  .landing-page-wrapper .component-features .media-flex .left-icon {
    margin-bottom: 10px;
  }
  .landing-page-wrapper .solutions-components .tab-content .columns {
    display: flex;
  }
  .landing-page-wrapper .solutions-components .tab-content .columns .column.is-3 {
    min-width: 33.3% !important;
  }
  .solutions-footer .footer-head, .solutions-footer .footer-body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .solutions-footer .footer-description {
    max-width: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .landing-page-wrapper .navbar {
    width: calc(100% - 40px);
    margin: 0 20px;
  }
  .solutions-demo-wrapper {
    min-height: 174px;
  }
  .solutions-footer .footer-head, .solutions-footer .footer-body {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/*! _top-scrollable-navbar.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/* ==========================================================================
Top Navbar Styles
========================================================================== */
/*
    1. Top Navbar V1 Navigation
    2. Top Navbar V1 Navigation Dark mode
    3. Top Navbar V1 Title
    4. Media Queries
*/
/* ==========================================================================
1. Top Navbar V1 Navigation
========================================================================== */
.top-scrollable-navbar {
  position: fixed;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 60px;
  background: #fff;
  padding: 0 20px;
  transition: all 0.3s;
  z-index: 99;
  left: 0;
  right: 0;
  transform: translateY(-80px);
  pointer-events: none;
  left: 72px;
  width: calc(100% - 72px);
}
[dir=rtl] .top-scrollable-navbar {
  left: 0;
  right: 72px;
}
.top-scrollable-navbar.is-active {
  pointer-events: all;
  transform: translateY(0);
}
.top-scrollable-navbar.is-pushed-full {
  width: calc(100% - 240px);
  left: 240px;
}
[dir=rtl] .top-scrollable-navbar.is-pushed-full {
  left: 0;
  right: 240px;
}
.top-scrollable-navbar .is-right {
  margin-left: auto;
}
[dir=rtl] .top-scrollable-navbar .is-right {
  margin-left: 0;
  margin-right: auto;
}
.top-scrollable-navbar .top-brand img {
  display: block;
  height: 34px;
  margin: 0 auto;
}
.top-scrollable-navbar .navbar-item.is-top-navbar-title {
  margin: 0 auto;
  padding-bottom: 6px;
  padding-top: 6px;
  font-family: "STC Forward", sans-serif;
}
[dir=rtl] .top-scrollable-navbar .navbar-item.is-top-navbar-title {
  border-left: 0;
}
.top-scrollable-navbar .navbar-item.is-top-navbar-title .title-wrap {
  position: relative;
  display: block;
  font-family: "STC Forward", sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
}
.top-scrollable-navbar .navbar-item.is-top-navbar-title .title-wrap span {
  font-weight: 400;
}
.top-scrollable-navbar .top-navbar-dropdown {
  cursor: pointer;
}
.top-scrollable-navbar .top-navbar-dropdown .is-trigger {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
}
.top-scrollable-navbar .top-navbar-dropdown .is-trigger svg {
  height: 18px;
  width: 18px;
  stroke: #a2a5b9;
}
.top-scrollable-navbar .top-navbar-dropdown .dropdown-menu {
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  padding-top: 0;
  overflow: hidden;
}
.top-scrollable-navbar .top-navbar-dropdown .dropdown-menu .dropdown-content .dropdown-item {
  font-family: "STC Forward", sans-serif;
}
.top-scrollable-navbar .is-dark-mode {
  margin-left: auto;
}
[dir=rtl] .top-scrollable-navbar .is-dark-mode {
  margin-left: 0;
  margin-right: auto;
}
.top-scrollable-navbar .is-dark-mode {
  background: transparent !important;
}
.top-scrollable-navbar .is-dark-mode .navbar-icon {
  height: 38px;
  width: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  background: #fff;
  transition: all 0.3s;
}
.top-scrollable-navbar .is-dark-mode .navbar-icon .dark-mode {
  transform: scale(0.6);
}
.top-scrollable-navbar .user-dropdown .is-trigger {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
}
.top-scrollable-navbar .user-dropdown .is-trigger .profile-avatar {
  position: relative;
}
.top-scrollable-navbar .user-dropdown .is-trigger .profile-avatar .avatar {
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
}
.top-scrollable-navbar .user-dropdown .is-trigger .profile-avatar .badge {
  position: absolute;
  right: -8px;
  bottom: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  border-radius: 50%;
}
.top-scrollable-navbar .user-dropdown .is-trigger svg {
  margin-left: 3px;
  width: 18px;
  height: 18px;
  stroke: #a2a5b9;
  transition: all 0.3s;
}
.top-scrollable-navbar .user-dropdown .dropdown-menu {
  top: 52px;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  padding-top: 0;
  width: 180px;
  overflow: hidden;
}
.top-scrollable-navbar .user-dropdown .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  font-family: "STC Forward", sans-serif;
  font-size: 0.9rem;
  padding: 8px 12px;
  color: #a2a5b9;
}
.top-scrollable-navbar .user-dropdown .dropdown-menu .dropdown-item p {
  font-family: "STC Forward", sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  color: #1d252d;
}
.top-scrollable-navbar .user-dropdown .dropdown-menu .dropdown-item svg {
  margin-right: 8px;
  height: 16px;
  width: 16px;
  stroke: #a2a5b9;
}

.top-navbar-progress {
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  z-index: 19;
  width: 100%;
  height: 0.5rem;
  transition: all 0.3s;
}
.top-navbar-progress::-webkit-progress-value {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
}
.top-navbar-progress::-moz-progress-bar {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  -moz-transition: width 0.5s ease;
  transition: width 0.5s ease;
}
.top-navbar-progress::-ms-fill {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  -ms-transition: width 0.5s ease;
  transition: width 0.5s ease;
}
.top-navbar-progress.is-pushed-full {
  left: 240px;
  width: calc(100% - 240px);
}
[dir=rtl] .top-navbar-progress.is-pushed-full {
  left: 0;
  right: 240px;
}

.top-navbar-buttons {
  position: fixed;
  bottom: 22px;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 306px;
  background: #fff;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  border-radius: 0;
  transform: translateY(120px);
  transition: all 0.3s;
  z-index: 5;
}
.top-navbar-buttons.is-active {
  transform: translateY(0);
}
.top-navbar-buttons.is-pushed-full {
  left: 240px;
}
[dir=rtl] .top-navbar-buttons.is-pushed-full {
  left: 0;
  right: 240px;
}
.top-navbar-buttons .top-navbar-buttons-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.is-mobile .top-navbar-buttons {
  bottom: 52px;
}

.top-scrollable-navbar-v1-wrapper .inner-wrapper {
  display: none;
  animation: fadeInLeft 0.5s;
}
.top-scrollable-navbar-v1-wrapper .inner-wrapper.is-active {
  display: block;
}

/* ==========================================================================
2. top-scrollable-navbar V1 Navigation Dark mode
========================================================================== */
body.is-dark .top-scrollable-navbar {
  background: rgb(11.8076819769%, 11.8076819769%, 12.8197690035%);
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .top-scrollable-navbar .navbar-item.is-top-navbar-title {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .top-scrollable-navbar .navbar-item.is-top-navbar-title .title-wrap {
  color: #cecece;
}
body.is-dark .top-scrollable-navbar .navbar-item.is-dark-mode .navbar-icon {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .top-scrollable-navbar .top-navbar-dropdown .dropdown-menu, body.is-dark .top-scrollable-navbar .user-dropdown .dropdown-menu {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .top-navbar-buttons {
  background: rgb(14.6843943057%, 14.6843943057%, 15.9430566747%);
  border-color: rgb(23.314531292%, 23.314531292%, 25.3129196884%);
}

/* ==========================================================================
3. Top Scrollable Navbar V1 Title
========================================================================== */
.top-scrollable-navbar-v1-wrapper {
  padding-top: 60px;
  padding-bottom: 60px;
}
.top-scrollable-navbar-v1-wrapper .inner-wrapper {
  padding: 40px 20px;
}
.top-scrollable-navbar-v1-wrapper .inner-wrapper .step-title {
  margin-bottom: 30px;
  text-align: center;
}
.top-scrollable-navbar-v1-wrapper .inner-wrapper .step-title h2 {
  font-family: "STC Forward", sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  color: #1d252d;
  text-align: center;
}
.top-scrollable-navbar-v1-wrapper .inner-wrapper .step-title p {
  font-family: "STC Forward", sans-serif;
  font-size: 1.2rem;
}

/* ==========================================================================
4. Media Queries
========================================================================== */
@media only screen and (max-width: 1024px) {
  .top-scrollable-navbar {
    width: 100% !important;
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .top-scrollable-navbar .navbar-item.is-top-navbar-title .title-wrap span {
    display: none;
  }
}
/* ==========================================================================
Pages
========================================================================== */
/*! _home-page.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. home-page
*/
/* ==========================================================================
1. home-page Dashboard override
========================================================================== */
.home-page .header-layout-1.is-national-day {
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  vertical-align: middle;
  background-size: contain;
  background-position: 0 100% !important;
  background-repeat: no-repeat !important;
  background-color: #02726d !important;
}
.home-page .header-layout-1.is-national-day .header-wrapper .header-content .subtitle {
  color: #aacfc6;
}
.home-page .header-layout-1.is-national-day .center .work-stats p {
  color: #fff !important;
}
.home-page .header-layout-1.is-national-day .left .user-meta {
  border-right: #aacfc6;
}
[dir=rtl] .home-page .header-layout-1.is-national-day .left .user-meta {
  border-left: 1px solid #aacfc6;
  border-right: none;
}
body.is-dark .home-page .header-layout-1.is-national-day .left .user-meta {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
.home-page .header-layout-1.is-national-day .left .user-meta .welcome-msg {
  color: #fff;
}
.home-page .header-layout-1.is-national-day .left .user-meta .user-name {
  color: #fff;
}
.home-page .header-layout-1.is-founding-day {
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  vertical-align: middle;
  background-size: contain, 26% 120%;
  background-position: right bottom, -12% 50% !important;
  background-repeat: no-repeat !important;
  background-color: #6b4e46;
}
@media only screen and (max-width: 767px) {
  .home-page .header-layout-1.is-founding-day {
    background-image: url(/dist/assets/door_en-DqwCZaft.jpg) !important;
    background-size: contain;
    background-position: right bottom !important;
  }
}
[dir=rtl] .home-page .header-layout-1.is-founding-day {
  background-image: url(/dist/assets/door_ar-LEa-OY6a.jpg), url(/dist/assets/symbol-BKf8nwor.svg) !important;
  background-position: left bottom, 113% 50% !important;
}
@media only screen and (max-width: 767px) {
  [dir=rtl] .home-page .header-layout-1.is-founding-day {
    background-image: url(/dist/assets/door_ar-LEa-OY6a.jpg) !important;
    background-position: left bottom !important;
  }
}
.home-page .header-layout-1.is-founding-day .slider-container {
  position: relative;
}
.home-page .header-layout-1.is-founding-day .founding-day-logo {
  position: absolute;
  width: 158px;
  top: -54px;
  padding: 0 14px;
}
@media only screen and (max-width: 767px) {
  .home-page .header-layout-1.is-founding-day .founding-day-logo {
    top: -72px;
    right: 10px;
  }
  [dir=rtl] .home-page .header-layout-1.is-founding-day .founding-day-logo {
    right: unset;
    left: 14px;
  }
}
.home-page .header-layout-1.is-founding-day .header-wrapper .header-content .subtitle {
  color: #e3c558;
}
.home-page .header-layout-1.is-founding-day .header-wrapper .header-content .swiper .swiper-pagination .swiper-pagination-bullet::after {
  background-color: #e3c558;
  opacity: 0.7;
}
.home-page .header-layout-1.is-founding-day .header-wrapper .header-content .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  background-color: #d26a58;
  opacity: 1;
}
.home-page .header-layout-1.is-founding-day .header-card.is-attendance {
  position: relative;
  background-color: #e9dfcf;
  box-shadow: none;
}
.home-page .header-layout-1.is-founding-day .header-card.is-attendance .founding-attendance-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: soft-light;
}
.home-page .header-layout-1.is-founding-day .header-card.is-attendance.is-success {
  background-color: #809b73;
}
.home-page .header-layout-1.is-founding-day .header-card.is-attendance.is-success .founding-attendance-background {
  opacity: 0.5;
}
.home-page .header-layout-1.is-founding-day .header-card.is-attendance.is-success .white-text,
.home-page .header-layout-1.is-founding-day .header-card.is-attendance.is-success .top .card-title {
  color: #fff !important;
}
.home-page .header-layout-1.is-founding-day .header-card.is-attendance.is-success .is-time {
  color: #fff;
}
.home-page .header-layout-1.is-founding-day .header-card.is-attendance.is-success .tag.is-warning {
  background-color: #e3c558;
}
.home-page .header-layout-1.is-founding-day .header-card.is-attendance.is-success button.is-primary {
  color: #fff;
  background-color: #abbca2;
}
.home-page .header-layout-1.is-founding-day .header-card.is-attendance.is-success button.is-primary:hover {
  box-shadow: none;
}
.home-page .header-layout-1.is-founding-day .header-card.is-attendance button.is-primary {
  background-color: #ada59a;
}
.home-page .header-layout-1.is-founding-day .header-card.is-attendance button.is-primary:hover {
  box-shadow: none;
}
.home-page .header-layout-1.is-founding-day .header-card.is-attendance .white-text,
.home-page .header-layout-1.is-founding-day .header-card.is-attendance .top .card-title,
.home-page .header-layout-1.is-founding-day .header-card.is-attendance .is-time {
  color: #6a4d45;
}
.home-page .header-layout-1.is-founding-day .center .work-stats p {
  color: #fff !important;
}
.home-page .header-layout-1.is-founding-day .left .user-meta {
  border-right: 1px solid #fff;
}
[dir=rtl] .home-page .header-layout-1.is-founding-day .left .user-meta {
  border-left: 1px solid #fff;
  border-right: none;
}
body.is-dark .home-page .header-layout-1.is-founding-day .left .user-meta {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
.home-page .header-layout-1.is-founding-day .left .user-meta .welcome-msg {
  color: #fff;
}
.home-page .header-layout-1.is-founding-day .left .user-meta .user-name {
  color: #fff;
}
.home-page .header-layout-1.is-founding-day .center .work-stats h2 {
  color: #e3c558;
}
body.is-dark .home-page .header-layout-1.is-founding-day .center .work-stats h2 {
  color: #e3c558;
}
.home-page .header-layout-1.is-founding-day .center .work-stats {
  /*p {
    color: lighten($primary, 50%);
    //dark mode
    body.is-dark & {
      color: $dark-dark-text-2;
    }
  }*/
}
.home-page .header-layout-1.is-founding-day .center .work-stats .action-link {
  color: #e3c558;
}
body.is-dark .home-page .header-layout-1.is-founding-day .center .work-stats .action-link {
  color: #e3c558;
}
.home-page .header-layout-1.is-founding-day .center .work-stats .action-link:after {
  border-bottom: 1.6px dotted #e3c558;
}
body.is-dark .home-page .header-layout-1.is-founding-day .center .work-stats .action-link:after {
  border-bottom-color: #e3c558;
}
.home-page .header-layout-1.is-eid-adha {
  position: relative;
}
.home-page .header-layout-1.is-eid-adha .eid-banner {
  position: absolute;
  top: 0;
  left: 100px;
  transform: translateX(-50%);
  width: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
[dir=rtl] .home-page .header-layout-1.is-eid-adha .eid-banner {
  left: auto;
  right: 100px;
  transform: translateX(50%) scaleX(-1);
}
.home-page .header-layout-1.is-eid-adha .eid-logo {
  position: absolute;
  bottom: 0px;
  left: 195px;
  transform: translateX(-50%);
}
[dir=rtl] .home-page .header-layout-1.is-eid-adha .eid-logo {
  left: auto;
  right: 195px;
  transform: translateX(50%) scaleX(-1);
}
.home-page .header-layout-1.is-eid-adha .eid-adha-logo {
  position: absolute;
  top: 50px;
  left: 60%;
}
.home-page .header-layout-1.is-eid-adha .eid-adha-logo img {
  width: 80px;
}
[dir=rtl] .home-page .header-layout-1.is-eid-adha .eid-adha-logo {
  left: auto;
  right: 60%;
}
.home-page .header-layout-1.is-eid-adha .sheep {
  position: absolute;
  bottom: -116px;
  left: 706px;
  transform: translateX(-50%);
}
[dir=rtl] .home-page .header-layout-1.is-eid-adha .sheep {
  left: auto;
  right: 706px;
  transform: translateX(50%) scaleX(-1);
}
.home-page .header-layout-1.is-eid-adha .kabah {
  position: absolute;
  position: absolute;
  right: -27px;
  bottom: 40px;
}
[dir=rtl] .home-page .header-layout-1.is-eid-adha .kabah {
  right: auto;
  left: -27px;
}
@media only screen and (max-width: 1024px) {
  .home-page .header-layout-1.is-eid-adha .eid-adha-logo,
  .home-page .header-layout-1.is-eid-adha .kabah {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .home-page .header-layout-1.is-eid-adha .eid-adha-logo,
  .home-page .header-layout-1.is-eid-adha .kabah {
    display: block;
  }
  .home-page .header-layout-1.is-eid-adha .eid-banner,
  .home-page .header-layout-1.is-eid-adha .eid-logo,
  .home-page .header-layout-1.is-eid-adha .sheep {
    display: none;
  }
  .home-page .header-layout-1.is-eid-adha .eid-adha-logo {
    position: absolute;
    top: 80px;
    left: 345px;
  }
  .home-page .header-layout-1.is-eid-adha .eid-adha-logo img {
    width: 55px;
  }
  [dir=rtl] .home-page .header-layout-1.is-eid-adha .eid-adha-logo {
    left: auto;
    right: 345px;
  }
  .home-page .header-layout-1.is-eid-adha .kabah {
    width: 80px !important;
    position: absolute;
    top: 13px;
    transform: translate(50%);
    left: 90px;
  }
  [dir=rtl] .home-page .header-layout-1.is-eid-adha .kabah {
    left: 0;
    right: 275px;
  }
}
.home-page .header-layout-1 .header-content {
  align-items: center;
}
.home-page .header-layout-1 .left {
  display: flex;
}
.home-page .header-layout-1 .left .user-meta {
  padding: 0 3rem;
  border-right: 1px solid rgb(40.0089635854%, 0%, 70.9019607843%);
}
[dir=rtl] .home-page .header-layout-1 .left .user-meta {
  border-left: 1px solid rgb(40.0089635854%, 0%, 70.9019607843%);
  border-right: none;
}
body.is-dark .home-page .header-layout-1 .left .user-meta {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
.home-page .header-layout-1 .left .user-meta .welcome-msg {
  color: #fff;
  font-weight: 600;
  font-size: 1.5rem;
}
.home-page .header-layout-1 .left .user-meta .user-name {
  color: #fff;
  font-weight: 600;
  font-size: 2rem;
}
.home-page .header-layout-1 .center .work-stats {
  padding: 0 3rem;
}
.home-page .header-layout-1 .center .work-stats h2 {
  color: #ff375e;
  font-size: 2.2rem;
  font-weight: 600;
}
body.is-dark .home-page .header-layout-1 .center .work-stats h2 {
  color: #797bf2;
}
.home-page .header-layout-1 .center .work-stats p {
  color: rgb(80.350140056%, 54.9019607843%, 100%);
}
body.is-dark .home-page .header-layout-1 .center .work-stats p {
  color: #939394;
}
.home-page .header-layout-1 .center .work-stats .action-link {
  color: #ff375e;
}
body.is-dark .home-page .header-layout-1 .center .work-stats .action-link {
  color: #797bf2;
}
.home-page .header-layout-1 .center .work-stats .action-link:after {
  border-bottom: 1.6px dotted #ff375e;
}
body.is-dark .home-page .header-layout-1 .center .work-stats .action-link:after {
  border-bottom-color: #797bf2;
}
.home-page .header-layout-1 .right {
  margin-left: auto;
}
[dir=rtl] .home-page .header-layout-1 .right {
  margin-right: auto;
  margin-left: 0;
}
.home-page .header-layout-1 .right .slider-container {
  max-width: 325px;
}
@media only screen and (max-width: 940px) {
  .home-page .header-layout-1 .center {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .home-page .header-layout-1 {
    margin-bottom: 1rem;
  }
  .home-page .header-layout-1 .left {
    width: 100%;
    flex-direction: column;
  }
  .home-page .header-layout-1 .left .h-avatar {
    z-index: 100;
  }
  .home-page .header-layout-1 .left .h-avatar .avatar {
    border: 1px solid #fff;
    height: 45px;
    min-width: 45px;
    width: 45px;
  }
  .home-page .header-layout-1 .left .h-avatar .avatar span {
    font-size: 1rem;
  }
  .home-page .header-layout-1 .left .user-meta {
    padding: 1rem 0;
    border: none !important;
  }
  .home-page .header-layout-1 .left .user-meta .welcome-msg {
    font-size: 1rem;
  }
  .home-page .header-layout-1 .left .user-meta .user-name {
    font-size: 1.6rem;
  }
  .home-page .header-layout-1 .left .user-meta .subtitle {
    display: none;
  }
  .home-page .header-layout-1 .center {
    display: none;
  }
  .home-page .header-layout-1 .right {
    margin: 1rem 0 0.5rem;
    width: 100%;
  }
  .home-page .header-layout-1 .right .slider-container {
    max-width: calc(100% + 1.35rem);
    margin-left: -0.75rem;
    width: calc(100% + 2.75rem);
    margin-right: -0.75rem;
  }
  .home-page .header-layout-1 .right .slider-container .swiper {
    padding: 0 0.75rem;
  }
  .home-page .header-layout-1 .right .slider-container .swiper .swiper-slide {
    width: 95%;
    margin: auto;
  }
}
.home-page .ramadan-e-card {
  transition: all 0.3s;
  animation-fill-mode: both;
  animation: fadeInDown 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  overflow: hidden;
}
.home-page .ramadan-e-card.show {
  animation-fill-mode: both;
  transition: all 0.6s;
  animation: fadeInDown 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
body.is-dark .home-page .ramadan-e-card.show {
  background-color: #28292b;
}
.home-page .ramadan-e-card.show .when-hide {
  opacity: 0;
  position: absolute;
  pointer-events: none;
  z-index: -1;
  animation-fill-mode: both;
  transition: all 0.6s;
  animation: fadeInOut 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
.home-page .ramadan-e-card.show .when-show {
  opacity: 1;
  position: relative;
  pointer-events: unset;
  z-index: unset;
  transition: all 0.6s;
  animation-fill-mode: both;
  transform: translate(0, 0);
  margin: 0;
}
.home-page .ramadan-e-card.show .action-link {
  position: absolute;
  right: 20px;
  top: 20px;
}
[dir=rtl] .home-page .ramadan-e-card.show .action-link {
  right: unset;
  left: 20px;
}
.home-page .ramadan-e-card .when-show {
  opacity: 0;
  position: absolute;
  pointer-events: none;
  z-index: -1;
  transition: all 0.6s;
  animation-fill-mode: both;
  transform: translate(0px, 109%);
  display: flex;
  flex-direction: column;
  margin-top: 18px;
}
.home-page .ramadan-e-card .when-show h3 {
  color: #4f008c;
  width: 100%;
  text-align: center;
  font-size: 1rem;
  transition: all 0.3s;
  animation-fill-mode: both;
}
.home-page .ramadan-e-card .when-show p {
  text-align: center;
  color: #4f008c;
  transition: all 0.3s;
  animation-fill-mode: both;
}
.home-page .ramadan-e-card img.main {
  background: #fff;
  box-shadow: 0 14px 26px -12px rgba(79, 0, 140, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 0, 140, 0.2);
}
.home-page .ramadan-e-card button.edit {
  position: absolute;
  left: 10px;
  color: #fff;
  top: 10px;
}
.home-page .ramadan-e-card button.is-loading {
  pointer-events: none;
}
.home-page .ramadan-e-card button.is-loading:after {
  left: 6px !important;
  top: 6px !important;
}
.home-page .rubiaa {
  background: #f2fcf9 !important;
}
body.is-dark .home-page .rubiaa {
  background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
}
.home-page .rubiaa-text {
  color: #4f008c;
  font-size: 1.2rem;
  font-weight: 600;
}
.home-page .count-down-rubiaa {
  display: flex;
  justify-content: center;
}
.home-page .count-down-rubiaa .time-card {
  color: #00c48c;
  font-size: 2rem;
  margin: 0 5px;
  font-weight: 500;
}
.home-page .count-down-rubiaa .time-card .small {
  font-size: 1rem;
}

.header-card {
  position: relative;
  min-height: 125px;
  padding: 20px;
  border-radius: 6px;
  max-width: 400px;
  margin: auto;
}
.header-card.is-attendance {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: background-color 0.5s, opacity 0.3s;
  background: rgb(40.0089635854%, 0%, 70.9019607843%);
  box-shadow: 0 14px 26px -12px rgba(79, 0, 140, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 0, 140, 0.2);
  animation-fill-mode: both;
}
.header-card.is-attendance.is-eid-card {
  position: relative;
}
.header-card.is-attendance.is-eid-card.is-success svg {
  opacity: 1;
}
.header-card.is-attendance.is-eid-card svg {
  opacity: 1;
}
.header-card.is-attendance.is-eid-card .card-lights {
  position: absolute;
  top: 0;
  right: 0;
  height: 75px;
  transform-origin: center center;
  transform: none;
}
[dir=rtl] .header-card.is-attendance.is-eid-card .card-lights {
  right: auto;
  left: 0;
  transform: scaleX(-1);
}
.header-card.is-attendance.is-eid-card .kharof {
  position: absolute;
  bottom: -55px;
  left: 0;
}
[dir=rtl] .header-card.is-attendance.is-eid-card .kharof {
  left: auto;
  right: 0;
  bottom: -61px;
}
.header-card.is-attendance .national-day-logo {
  position: absolute;
  width: 55px;
  right: 20px;
  bottom: 15px;
}
[dir=rtl] .header-card.is-attendance .national-day-logo {
  right: unset;
  left: 20px;
}
.header-card.is-attendance .top {
  display: flex;
  justify-content: space-between;
}
.header-card.is-attendance .top .card-title {
  font-weight: 600;
  color: #fff;
}
body.is-dark .header-card.is-attendance .top .card-title {
  color: #d5a0ff;
}
body.is-dark .header-card.is-attendance .top .card-title .tag:not(.is-primary):not(.is-secondary):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger):not(.is-orange):not(.is-green):not(.is-blue):not(.is-purple) {
  background: #cecece;
  border-color: #cecece;
  color: rgb(23.314531292%, 23.314531292%, 25.3129196884%);
}
.header-card.is-attendance .top .card-icon.is-btn {
  padding: 0;
  border-width: 0;
}
[dir=rtl] .header-card.is-attendance .top .card-icon.is-btn {
  bottom: 5px;
}
.header-card.is-attendance .top .card-icon.is-btn svg {
  bottom: 15px;
  width: 22px;
}
.header-card.is-attendance .top .card-icon svg {
  position: absolute;
  bottom: 0.3rem;
  right: 0.1rem;
  width: 40px;
  opacity: 1;
  color: #fff;
}
[dir=rtl] .header-card.is-attendance .top .card-icon svg {
  left: 0.1rem;
  right: unset;
}
.header-card.is-attendance a {
  position: relative;
  display: inline-block;
  bottom: unset;
  font-size: 0.78rem;
  font-weight: 500;
  color: #fff;
}
.header-card.is-attendance a:hover {
  opacity: 0.6;
}
.header-card.is-attendance a.action-link:after {
  color: #fff;
  border-bottom: 1px dotted #fff;
  top: 14px;
}
body.is-dark .header-card.is-attendance a.action-link:after {
  color: #a2a5b9;
  border-bottom: 1px dotted #fff;
}
.header-card.is-attendance button.is-primary {
  height: 12px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.13);
  font-weight: 600;
  border-color: transparent;
  font-size: 0.86rem;
}
.header-card.is-attendance .is-time {
  font-weight: 800;
  font-size: 1.1rem;
  color: #fff;
  display: block;
  margin-top: 3px;
}
[dir=rtl] .header-card.is-attendance .middle {
  direction: ltr;
}
[dir=rtl] .header-card.is-attendance .white-text {
  direction: rtl;
}
.header-card.is-attendance .barcode-container {
  position: absolute;
  overflow: hidden;
  bottom: 1rem;
  right: 1rem;
  width: 45px;
  height: 45px;
  background: #fff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
[dir=rtl] .header-card.is-attendance .barcode-container {
  right: unset;
  left: 1rem;
}
.header-card.is-attendance .barcode-container svg {
  position: relative;
  top: 0;
  right: 0;
  width: 35px;
  opacity: 1;
}
.header-card.is-attendance .barcode-container svg .cls-1 {
  fill: none;
}
.header-card.is-attendance .barcode-container svg .cls-2 {
  fill: #fff;
}
.header-card.is-attendance .barcode-container .canvas {
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-card.is-attendance .barcode-container .canvas canvas {
  width: 100%;
  height: auto;
}
.header-card.is-attendance.is-success {
  background: #06d6a0;
  box-shadow: 0 14px 26px -12px rgba(6, 214, 160, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(6, 214, 160, 0.2) !important;
  color: #4f008c;
}
body.is-dark .header-card.is-attendance.is-success {
  background: #23ac81;
}
body.is-dark .is-national-day .header-card.is-attendance.is-success {
  background: rgba(35, 172, 129, 0.75);
}
.header-card.is-attendance.is-success .top .card-title {
  color: #4f008c;
}
body.is-dark .header-card.is-attendance.is-success .top .card-title {
  color: #4f008c;
}
.header-card.is-attendance.is-success .top .card-icon svg {
  color: #4f008c;
}
.header-card.is-attendance.is-success .is-time {
  color: #4f008c;
}
body.is-dark .header-card.is-attendance.is-success .is-time {
  color: #4f008c;
}
.header-card.is-attendance.is-success button.is-primary {
  color: #4f008c;
  border-color: transparent;
}
.header-card.is-attendance.is-success p {
  color: #4f008c;
}
.header-card.is-attendance.is-success .lnil,
.header-card.is-attendance.is-success .lnir {
  opacity: 0.3;
}
.header-card.is-attendance.is-success .link {
  color: #4f008c;
}
.header-card.is-attendance.is-success .link:hover {
  color: #4f008c;
}
.header-card.is-attendance.is-success .link.action-link:after {
  color: #4f008c;
  border-bottom: 1.6px dotted #4f008c;
}
body.is-dark .header-card.is-attendance.is-success .link.action-link:after {
  color: #4f008c;
  border-bottom: 1.6px dotted #4f008c;
}
.header-card.is-attendance.is-success svg {
  opacity: 0.7;
}
.header-card.is-attendance.is-success svg .fill-white {
  fill: #4f008c;
}
.header-card.is-attendance.has-error {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.header-card.is-business-card {
  background: white;
  box-shadow: 0 14px 26px -12px rgba(255, 255, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 255, 255, 0.2) !important;
  color: #1d252d;
}
.header-card.is-business-card .top-meta {
  display: flex;
  flex-direction: column;
  font-weight: 600;
  font-size: 0.85rem;
  color: #4f008c;
}
.header-card.is-business-card .top-meta .job-title {
  font-weight: 500;
  font-size: 0.75rem;
  color: #1d252d;
}
body.is-dark .header-card.is-business-card {
  background: rgb(23.314531292%, 23.314531292%, 25.3129196884%);
  box-shadow: 0 14px 26px -12px rgba(28.1090518399%, 28.1090518399%, 30.5183991405%, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23.314531292%, 23.314531292%, 25.3129196884%, 0.2) !important;
}
body.is-dark .header-card.is-business-card .top-meta {
  color: #cecece;
}
body.is-dark .header-card.is-business-card .top-meta .job-title {
  color: #a2a5b9;
}
.header-card.is-business-card .qr-code {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 40px;
  position: absolute;
  max-height: 40px;
  right: 10px;
  bottom: 10px;
  z-index: 1;
  border-radius: 2px;
  overflow: hidden;
}
[dir=rtl] .header-card.is-business-card .qr-code {
  left: 10px;
  right: unset;
}
.header-card.is-business-card .qr-code canvas {
  width: 100%;
}
.header-card.is-business-card .contact-meta {
  width: calc(100% - 75px);
  text-align: left;
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 10px;
  right: 55px;
  font-weight: 500;
  font-size: 0.65rem;
}
[dir=rtl] .header-card.is-business-card .contact-meta {
  direction: ltr;
  text-align: right;
  right: unset;
  left: 55px;
}
.header-card.is-business-card p {
  color: #1d252d;
}
.header-card.is-business-card .lnil,
.header-card.is-business-card .lnir {
  opacity: 1;
}
.header-card.is-business-card .link {
  color: #4f008c;
}
.header-card.is-business-card .link:hover {
  color: #4f008c;
}
.header-card.is-business-card svg {
  opacity: 1;
  right: 10px;
  bottom: 11px;
  width: 38px;
  fill: #1d252d;
}
body.is-dark .header-card.is-business-card svg {
  fill: #a2a5b9;
}
[dir=rtl] .header-card.is-business-card svg {
  right: unset;
  left: 10px;
}
.header-card.is-business-card svg .fill-white {
  fill: #1d252d;
}
.header-card p {
  width: calc(100% - 0px);
  font-weight: 500;
  font-size: 0.89rem;
}
.header-card p .is-bold {
  font-weight: 600;
}
.header-card .lnil,
.header-card .lnir {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  font-size: 4rem;
  opacity: 0.3;
}
.header-card svg {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}
[dir=rtl] .header-card svg {
  right: unset;
  left: 1rem;
}
.header-card svg {
  width: 45px;
  opacity: 0.3;
}
.header-card svg .fill-white {
  fill: #fff;
}

.gradient-border {
  --border-width: 6px;
  position: relative;
  z-index: 0;
}
.gradient-border::after {
  position: absolute;
  content: "";
  top: calc(-1 * var(--border-width));
  left: calc(-1 * var(--border-width));
  z-index: -1;
  width: calc(100% + var(--border-width) * 2);
  height: calc(100% + var(--border-width) * 2);
  background: linear-gradient(60deg, #06d6a0, #a54ee1, #00c48c, #00c48c, #00c48c, #a54ee1, #a54ee1, #00c48c);
  background-size: 300% 300%;
  background-position: 0 50%;
  border-radius: calc(2 * var(--border-width));
  animation: moveGradient 2s alternate infinite;
  border-radius: 15px;
}

@keyframes moveGradient {
  50% {
    background-position: 100% 50%;
  }
}
@keyframes backgroundColorPalette {
  0% {
    background: #4f008c;
  }
  25% {
    background: #809097;
  }
  50% {
    background: #f16f42;
  }
  75% {
    background: #31b68b;
  }
  to {
    background: #809097;
  }
}
.bg-loader-scan {
  animation-name: backgroundColorPalette;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: linear;
}

.dashboard-card {
  padding: 30px;
}
.dashboard-card:not(:last-child) {
  margin-bottom: 1.5rem;
}
.dashboard-card .card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.dashboard-card .card-head h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #1d252d;
  margin-bottom: 0;
}
.dashboard-card .active-projects .media-flex-center {
  margin-bottom: 1.5rem;
}
.dashboard-card .active-projects .media-flex-center:last-child {
  margin-bottom: 0;
}
.dashboard-card .active-projects .media-flex-center .flex-meta {
  width: 100%;
}
.dashboard-card .active-projects .media-flex-center .flex-meta span:first-child,
.dashboard-card .active-projects .media-flex-center .flex-meta > a:first-child {
  margin-bottom: 3px;
}
.dashboard-card .active-projects .media-flex-center .flex-meta .tag {
  height: 16px;
  line-height: 16px;
  padding: 0 7px;
  font-size: 0.65rem;
  font-weight: 500;
}
.dashboard-card .active-projects .media-flex-center .service-avatar:hover .svg-icon.is-fake span:nth-child(2) {
  top: 2px;
  opacity: 0;
}
.dashboard-card .active-projects .media-flex-center .service-avatar:hover .svg-icon.is-fake span:nth-child(3) {
  top: 0px;
  opacity: 1;
}
.dashboard-card .active-projects .media-flex-center:hover .flex-meta a {
  color: #4f008c;
}
body.is-dark .dashboard-card .active-projects .media-flex-center:hover .flex-meta a {
  color: #797bf2;
}
.dashboard-card .active-projects .media-flex-center:hover .service-avatar .svg-icon.is-fake span:nth-child(2) {
  top: 2px;
  opacity: 0;
}
.dashboard-card .active-projects .media-flex-center:hover .service-avatar .svg-icon.is-fake span:nth-child(3) {
  top: 0px;
  opacity: 1;
}
.dashboard-card .active-projects,
.dashboard-card .active-team,
.dashboard-card .active-list {
  padding: 10px 0;
}
.dashboard-card .pending-vacation .vacation-days {
  font-size: 1.5rem;
  font-weight: 600;
  color: #4f008c;
  justify-content: center;
  display: flex;
  min-width: 30px;
  margin-top: -8px;
}
body.is-dark .dashboard-card .pending-vacation .vacation-days {
  color: #797bf2;
}
.dashboard-card .pending-vacation .vacation-days:before {
  content: attr(day);
  position: absolute;
  font-size: 0.8rem;
  font-weight: 600;
  margin: 24px 0 0;
}
.dashboard-card .pending-vacation .media-flex-center .flex-meta span:nth-child(2) {
  font-weight: 500;
  font-size: 0.8rem;
}
.dashboard-card .pending-vacation .flex-end .item-meta .flex-media {
  display: flex;
  align-items: center;
  margin-top: 4px;
}
.dashboard-card .pending-vacation .flex-end .item-meta .flex-media .h-avatar {
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
}
.dashboard-card .pending-vacation .flex-end .item-meta .flex-media .h-avatar .avatar {
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
}
.dashboard-card .pending-vacation .flex-end .item-meta .flex-media .meta {
  margin-left: 6px;
  line-height: 1.3;
}
[dir=rtl] .dashboard-card .pending-vacation .flex-end .item-meta .flex-media .meta {
  margin-left: 0;
  margin-right: 6px;
}
.dashboard-card .pending-vacation .flex-end .item-meta .flex-media .meta span {
  display: block !important;
  font-size: 0.9rem;
  font-weight: 500;
  color: #a2a5b9;
}
.dashboard-card .pending-vacation .flex-end .item-meta .flex-media .meta span:nth-child(2) {
  font-weight: 600;
  font-size: 0.8rem;
}
.dashboard-card .categories-card {
  margin-top: 2.1rem;
}
.dashboard-card .categories-card .media-flex-center {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  height: 45px;
}
.dashboard-card .categories-card .media-flex-center img,
.dashboard-card .categories-card .media-flex-center video {
  border-radius: 8px;
  height: 40px;
  width: 40px;
}
body.is-dark .dashboard-card .categories-card .media-flex-center {
  border-color: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%);
}
.dashboard-card .categories-card .media-flex-center:hover {
  cursor: pointer;
}
.dashboard-card .categories-card .media-flex-center:hover .flex-meta a {
  color: #4f008c;
}
body.is-dark .dashboard-card .categories-card .media-flex-center:hover .flex-meta a {
  color: #797bf2;
}
.dashboard-card .categories-card .media-flex-center .flex-meta {
  overflow: hidden;
}
.dashboard-card .categories-card .media-flex-center .flex-meta a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  padding-right: 5px;
}
[dir=rtl] .dashboard-card .categories-card .media-flex-center .flex-meta a {
  padding-left: 5px;
  padding-right: 0;
}
.dashboard-card .categories-card .media-flex-center .flex-meta:first-child {
  margin: 0 !important;
}
.dashboard-card .categories-card .media-flex-center:last-of-type {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.categories-card .asset {
  display: flex;
}
.categories-card .asset .category-icon i {
  padding: 11px;
  border-radius: 8px;
  font-size: 18px;
}
.categories-card .asset .category-icon {
  display: flex;
  border-radius: 8px;
}
.categories-card .asset .category-icon:before {
  display: none;
}
.categories-card .asset .category-icon.is-orange {
  background: rgb(100%, 93.5760971055%, 90.5882352941%);
}
.categories-card .asset .category-icon.is-orange.is-bordered {
  border-color: #FFA981;
}
.categories-card .asset .category-icon.is-orange i {
  color: #FFA981;
}
.categories-card .asset .category-icon.is-orange svg {
  stroke: #FFA981;
}
.categories-card .asset .category-icon.is-danger {
  background: rgb(97.7274591845%, 80.5470506194%, 86.0011485766%);
}
.categories-card .asset .category-icon.is-danger.is-bordered {
  border-color: #e62965;
}
.categories-card .asset .category-icon.is-danger i {
  color: #e62965;
}
.categories-card .asset .category-icon.is-danger svg {
  stroke: #e62965;
}
body.is-dark .categories-card .asset .category-icon.is-orange {
  background: #FFA981;
}
body.is-dark .categories-card .asset .category-icon.is-orange.is-bordered {
  border-color: #FFA981;
}
body.is-dark .categories-card .asset .category-icon.is-orange i {
  color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark .categories-card .asset .category-icon.is-orange svg {
  stroke: #fcfcfc;
}
.categories-card .media-flex-center:hover {
  cursor: pointer;
}
.categories-card .media-flex-center:hover .flex-meta a {
  color: #4f008c;
}
body.is-dark .categories-card .media-flex-center:hover .flex-meta a {
  color: #797bf2;
}
.categories-card .media-flex-center .flex-meta {
  overflow: hidden;
}
.categories-card .media-flex-center .flex-meta a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  padding-right: 5px;
}
[dir=rtl] .categories-card .media-flex-center .flex-meta a {
  padding-left: 5px;
  padding-right: 0;
}

.banner-container .slider-container .swiper {
  margin: -30px 0 0px;
}
.banner-container .slider-container .swiper .swiper-wrapper {
  padding: 30px 0;
}

.dashboard-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  font-family: "STC Forward", sans-serif;
}
.dashboard-title.is-main {
  margin-bottom: 30px;
}
.dashboard-title.is-main h2 {
  font-size: 1.8rem;
}
.dashboard-title h2 {
  font-family: "STC Forward", sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  color: #1d252d;
}
body.is-dark .dashboard-title p {
  color: #cecece;
}

.monday-achievement .monday-achievement-card .media-flex-center {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 1.5rem;
  padding: 12px;
  border-radius: 8px;
}
.monday-achievement .monday-achievement-card .media-flex-center .content {
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
}
.monday-achievement .monday-achievement-card .media-flex-center .content .monday-logo {
  width: 100%;
  max-width: 650px;
  height: 150px;
}
@media screen and (max-width: 1024px) {
  .monday-achievement .monday-achievement-card .media-flex-center .content .monday-logo {
    max-width: 500px;
    height: 150px;
  }
}
@media screen and (max-width: 767px) {
  .monday-achievement .monday-achievement-card .media-flex-center .content .monday-logo {
    max-width: 160px;
    height: 100px;
    /* tablet cap */
  }
}
.monday-achievement .monday-achievement-card .media-flex-center .content .monday-logo .asset {
  width: 100%;
  height: 100%;
}
.monday-achievement .monday-achievement-card .media-flex-center .content .monday {
  color: #4f008c;
  display: flex;
  font-weight: 700;
  font-size: 2.5rem;
}
body.is-dark .monday-achievement .monday-achievement-card .media-flex-center .content .monday {
  color: #fff;
}
.monday-achievement .monday-achievement-card .media-flex-center .content .monday .triangle-corners {
  background: #ff375e;
  position: relative;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  height: 30px;
  margin: 15px;
  padding: 2px;
}
.monday-achievement .monday-achievement-card .media-flex-center .content .monday .triangle-corners::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -11px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-bottom: 30px solid #ff375e;
}
.monday-achievement .monday-achievement-card .media-flex-center .content .monday .triangle-corners::before {
  content: "";
  position: absolute;
  right: -11px;
  top: 0;
  width: 0;
  height: 0;
  border-right: 12px solid transparent;
  border-top: 30px solid #ff375e;
}
body.is-dark .monday-achievement .monday-achievement-card .media-flex-center .content .monday {
  color: #fff;
}
.monday-achievement .monday-achievement-card .media-flex-center .content .title {
  display: flex;
  font-size: 1rem;
  margin-bottom: 1rem;
  font-weight: 500;
  color: #a54ee1;
}
body.is-dark .monday-achievement .monday-achievement-card .media-flex-center .content .title {
  color: rgba(255, 255, 255, 0.7019607843);
}
.monday-achievement .monday-achievement-card .media-flex-center .content .click-here-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  height: 40px;
  background: #4f008c;
  border-radius: 4px;
  font-family: "STC Forward";
  font-weight: 500;
  font-size: 13px;
  color: #ffffff;
  width: 10rem;
}
body.is-dark .monday-achievement .monday-achievement-card .media-flex-center .content .click-here-btn {
  background: #797bf2;
}
.monday-achievement .monday-achievement-card .media-flex-center .content .click-here-btn:hover {
  box-shadow: 0 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .monday-achievement .monday-achievement-card .media-flex-center .content .click-here-btn:hover {
  background: #797bf2 !important;
  color: #ffffff !important;
  box-shadow: 0 14px 26px rgba(121, 123, 242, 0.2);
}
.monday-achievement .monday-achievement-card .media-flex-center .column-separator {
  margin: 0 20px;
  /* Space on left and right of the line, adjust as needed */
  flex-shrink: 0;
  align-self: stretch;
  min-height: 100px;
}
.monday-achievement .monday-achievement-card .media-flex-center .right-column {
  flex: 0 0 70%;
  max-width: 566px;
  padding: 0.8rem 0;
}
.monday-achievement .monday-achievement-card .media-flex-center .right-column .teaser-title {
  font-weight: 700;
  font-size: 1.5rem;
  color: #4f008c;
  margin-bottom: 0.5rem;
}
.monday-achievement .monday-achievement-card .media-flex-center .right-column .teaser-list {
  list-style: none;
  padding-left: 0;
  font-size: 1rem;
}
.monday-achievement .monday-achievement-card .media-flex-center .right-column .teaser-list li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.5rem;
  color: #4f008c;
}
[dir=rtl] .monday-achievement .monday-achievement-card .media-flex-center .right-column .teaser-list li {
  padding-right: 1.5rem;
}
body.is-dark .monday-achievement .monday-achievement-card .media-flex-center .right-column .teaser-list li {
  color: #fff;
}
.monday-achievement .monday-achievement-card .media-flex-center .right-column .teaser-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.4rem;
  width: 10px;
  height: 10px;
  background-color: #ff375e;
  transform: rotate(45deg);
  border-radius: 2px;
}
[dir=rtl] .monday-achievement .monday-achievement-card .media-flex-center .right-column .teaser-list li::before {
  right: 0;
}
body.is-dark .monday-achievement .monday-achievement-card .media-flex-center .right-column .teaser-title {
  color: #ffffff;
}
body.is-dark .monday-achievement .monday-achievement-card .media-flex-center .right-column .teaser-list {
  color: #d4d4d4;
}
body.is-dark .monday-achievement .monday-achievement-card .media-flex-center .right-column .teaser-list li::before {
  background-color: #ff4a5b;
}

@media only screen and (max-width: 767px) {
  .monday-achievement .monday-achievement-card .media-flex-center {
    flex-direction: column;
  }
  .monday-achievement .monday-achievement-card .media-flex-center .content {
    width: 100%;
  }
  .monday-achievement .monday-achievement-card .media-flex-center .content .monday {
    font-size: 1.2rem;
  }
  .monday-achievement .monday-achievement-card .media-flex-center .content .monday .triangle-corners {
    height: 20px;
    font-size: 0.9rem;
    margin-top: 5px;
    margin-left: 10px;
    padding: 0px;
    margin-right: 10px;
  }
  .monday-achievement .monday-achievement-card .media-flex-center .content .monday .triangle-corners::after {
    border-bottom: 21px solid #ff375e;
  }
  .monday-achievement .monday-achievement-card .media-flex-center .content .monday .triangle-corners::before {
    border-top: 20px solid #ff375e;
  }
  .monday-achievement .monday-achievement-card .media-flex-center .content .title {
    font-size: 0.9rem;
  }
  .monday-achievement .monday-achievement-card .media-flex-center .content .click-here-btn {
    height: 30px;
    padding: 10px;
    font-size: 0.86rem;
    width: 6rem;
  }
}
.dashboard-list .inner-list .media-flex-center {
  display: flex;
  padding: 12px;
  max-height: 66px;
  min-height: 64px;
  border-radius: 8px;
}
.dashboard-list .inner-list .media-flex-center img,
.dashboard-list .inner-list .media-flex-center video {
  border-radius: 8px;
  height: 40px;
  width: 40px;
}
.dashboard-list .inner-list .media-flex-center:hover .flex-end .rating {
  opacity: 1;
}
.dashboard-list .inner-list .media-flex-center .flex-meta {
  width: 100%;
}
.dashboard-list .inner-list .media-flex-center .flex-meta:first-child {
  margin: 0 !important;
}
.dashboard-list .inner-list .media-flex-center .flex-end .rating {
  padding: 0 20px;
  opacity: 0;
  transition: all 0.3s;
}
.dashboard-list .inner-list .media-flex-center .flex-end .rating i {
  font-size: 12px;
  color: rgb(80.0784313725%, 82.0705882353%, 90.0392156863%);
}
.dashboard-list .inner-list .media-flex-center .flex-end .rating i.selected {
  color: #FFD66E;
}

.appointments-list {
  margin-bottom: 10px;
}
.appointments-list .media-flex-center .icon-wrap {
  background: #f9f9f9;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-radius: 8px;
  font-size: 18px;
}
body.is-dark .appointments-list .media-flex-center .icon-wrap {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}

.news-card {
  border-radius: 8px;
  transition: all 0.3s;
  position: relative;
  max-height: 200px;
  height: 170px;
  background-image: linear-gradient(-225deg, #4f008c 0%, #4f008c 48%, #4f008c 100%);
  background-color: #4f008c;
  width: 310px;
  display: inline-block;
}
.news-card.active .long-card-overlay {
  opacity: 0.8;
  pointer-events: all;
}
.news-card.active .long-card-text-overlay {
  opacity: 1;
  pointer-events: all;
}
.news-card.active .long-card-text-overlay .top,
.news-card.active .long-card-text-overlay .bottom {
  transform: translateY(0);
  opacity: 1;
}
.news-card .long-card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: opacity 0.3s;
  background: rgb(19.6946778711%, 0%, 34.9019607843%);
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  cursor: pointer;
  border-radius: 8px;
}
.news-card .long-card-text-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: calc(100% - 40px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  z-index: 2;
  overflow: hidden;
  cursor: pointer;
}
.news-card .long-card-text-overlay .top,
.news-card .long-card-text-overlay .bottom {
  transition: all 0.2s;
  opacity: 0;
  transition-delay: 0.15s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fcfcfc;
}
.news-card .long-card-text-overlay .top {
  transform: translateY(-30px);
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.news-card .long-card-text-overlay .top .lnir {
  font-weight: 600;
}
.news-card .long-card-text-overlay .bottom {
  font-size: 0.9rem;
  transform: translateY(30px);
}
.news-card .long-card-text-overlay .bottom .right {
  display: flex;
  align-items: center;
}
.news-card .long-card-text-overlay .bottom .right .name {
  margin: 0 5px;
  font-weight: 500;
  color: #fff;
  font-size: 0.8rem;
}
.news-card .plyrue {
  height: 100%;
  width: 100%;
}
.news-card .plyrue .plyr {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}

.takyah-season-2023 {
  position: relative;
  margin-bottom: 1.5rem;
  padding: 0;
  background: #4f008c;
  border-radius: 8px;
}
.takyah-season-2023 .content {
  text-align: center;
  width: 100%;
  position: relative;
  padding: 20px 0;
}
.takyah-season-2023 .content .top h1 {
  color: #ff375e;
}
.takyah-season-2023 .content .middle .user-name {
  color: #fff;
  margin-top: 10px;
}
.takyah-season-2023 .content .bottom .event-title {
  margin: 15px 0;
}
.takyah-season-2023 .content .bottom .event-title h1 {
  color: #fff;
  margin: auto;
  font-size: 1rem;
  text-shadow: 1px 3px #4f018b;
  line-height: 1.3;
  font-weight: 700;
}
.takyah-season-2023 .content .bottom .event-title .count-down {
  display: flex;
  align-content: center;
  justify-content: center;
  font-weight: 600;
}
.takyah-season-2023 .content .bottom .event-title .count-down .time-card {
  margin: 0 5px;
}
.takyah-season-2023 .content .bottom .event-title .count-down .time-card span {
  color: #fff;
}
.takyah-season-2023 .content .bottom .event-timeline {
  display: flex;
  justify-content: center;
  margin: 0 0 15px;
}
.takyah-season-2023 .content .bottom .event-timeline .timeline-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.takyah-season-2023 .content .bottom .event-timeline .timeline-icon {
  width: 16px;
  height: 16px;
}
.takyah-season-2023 .content .bottom .event-timeline .timeline-icon .a {
  fill: #fff;
}
.takyah-season-2023 .content .bottom .event-timeline .timeline-icon .b {
  fill: none;
  stroke: #471386;
  stroke-miterlimit: 10;
  stroke-width: 0.5px;
}
.takyah-season-2023 .content .bottom .event-timeline .timeline-icon .c {
  fill: #4f008c;
}
.takyah-season-2023 .content .bottom .event-timeline .timeline-icon .d {
  fill: #ff375e;
}
.takyah-season-2023 .content .bottom .event-timeline .timeline-icon .e {
  fill: #f1f2f2;
}
.takyah-season-2023 .content .bottom .event-timeline .timeline-content {
  line-height: 1.2;
  margin: 10px;
  color: #fff;
}
.takyah-season-2023 .content .bottom .event-timeline .timeline-content .action-link {
  font-weight: 400;
  color: #fff;
}
.takyah-season-2023 .content .bottom .event-timeline .timeline-content .action-link:after {
  border-color: #fff;
}
.takyah-season-2023 .content .bottom .notice {
  background: #08d6a0;
  margin: 0 15px 6px;
  border-radius: 5px;
  min-height: 32px;
  border: 1px solid #00b787;
  box-shadow: 0 14px 26px -12px rgba(6, 214, 160, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(6, 214, 160, 0.2);
  align-items: center;
  justify-content: center;
  color: #4f008c;
  display: none;
}
.takyah-season-2023 .content .bottom .actions {
  display: block;
}
.takyah-season-2023 .content .bottom .is-accept {
  background-color: #ff375e;
  border: none;
}
body.is-dark .takyah-season-2023 .content .bottom .is-accept {
  border: none;
}
.takyah-season-2023 .content .bottom .is-reject {
  background-color: transparent;
  border: none;
}
.takyah-season-2023.accepted .content .notice, .takyah-season-2023.declined .content .notice {
  display: flex;
}
.takyah-season-2023.accepted .content .actions, .takyah-season-2023.declined .content .actions {
  display: none;
}
.takyah-season-2023.declined .bottom .notice {
  background: #d60842;
  border: 1px solid #b70046;
  box-shadow: 0 14px 26px -12px rgba(6, 214, 160, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(6, 214, 160, 0.2);
  color: #4f008c;
}

/* ==========================================================================
6. Media Queries
========================================================================== */
@media only screen and (max-width: 767px) {
  .home-page .header-card {
    min-height: 156px;
  }
  .home-page .banner-container {
    margin-bottom: 30px;
    margin-left: -12px;
    margin-right: -12px;
  }
  .home-page .banner-container .slider-container .swiper {
    padding: 0 12px;
    margin: -35px 0;
  }
  .home-page .banner-container .slider-container .swiper .swiper-wrapper {
    padding: 30px 0;
  }
  .home-page .banner-container .swiper-pagination {
    display: flex;
    justify-content: center;
    padding: 10px 12px;
  }
  .home-page .banner-container .banner-header {
    flex-direction: column;
    margin: 30px 12px;
    box-shadow: #ececec 0px 0px 3px 1px;
    border-radius: 8px;
    background: #fff;
  }
  body.is-dark .home-page .banner-container .banner-header {
    background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
    box-shadow: none;
  }
  .home-page .banner-container .banner-header .header-image {
    height: auto;
    width: 100%;
    margin-top: -40px;
    border-radius: 12px;
  }
  .home-page .banner-container .banner-header .header-image img {
    width: 100%;
  }
  .home-page .banner-container .banner-header .header-image .plyrue .plyr {
    /* purgecss ignore current */
    border-radius: 12px;
  }
  .home-page .banner-container .banner-header .header-meta {
    padding: 10px 20px 0 !important;
    width: calc(100% - 20px);
  }
  .home-page .banner-container .banner-header .header-meta .topic-details {
    -webkit-line-clamp: 2;
    margin-left: auto;
    margin-right: auto;
  }
  .home-page .dashboard-card {
    padding: 15px 20px;
  }
  .home-page .active-projects .media-flex-center .flex-end .avatar-stack {
    display: none;
  }
}
/*! _user-profile.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. User Profile
*/
/* ==========================================================================
1. Profile.vue Overrides
========================================================================== */
.user-profile .profile-body {
  padding-bottom: 1.5rem;
}
.user-profile .header-layout-1 {
  padding-bottom: 5.8rem;
  margin-bottom: -2.7rem;
}
.user-profile .header-layout-1.is-edit {
  padding-top: 6rem;
}
@supports (padding-top: max(6rem)) {
  .user-profile .header-layout-1.is-edit {
    padding-top: calc(6rem + env(safe-area-inset-top));
  }
}
@media only screen and (max-width: 767px) {
  .user-profile .header-layout-1 {
    padding-top: 4rem;
  }
  @supports (padding-top: max(4rem)) {
    .user-profile .header-layout-1 {
      padding-top: max(4rem, env(safe-area-inset-top));
    }
  }
  .user-profile .header-layout-1 {
    padding-bottom: 4.8rem;
  }
  .user-profile .header-layout-1 .header-content {
    align-items: center;
  }
}
.user-profile .header-layout-1 .left .h-avatar {
  position: relative;
  height: 140px;
  width: 140px;
  min-width: 140px;
  border-radius: 10px;
}
.user-profile .header-layout-1 .left .h-avatar img {
  display: block;
  height: 140px;
  width: 140px;
  min-width: 140px;
}
.user-profile .header-layout-1 .left .h-avatar span.is-fake {
  height: 140px;
  width: 140px;
  min-width: 140px;
}
.user-profile .header-layout-1 .left .h-avatar span.is-fake span {
  font-size: 2rem;
}
.user-profile .header-layout-1 .left .profile-avatar-uploader {
  position: absolute;
  width: 140px;
  height: 140px;
  overflow: hidden;
  border-radius: 10px;
  top: 0;
}
.user-profile .header-layout-1 .left .profile-avatar-uploader .filepond--progress-indicator {
  color: #fff;
}
.user-profile .header-layout-1 .left .profile-avatar-uploader .filepond--file-info {
  display: none;
}
.user-profile .header-layout-1 .left .profile-avatar-uploader .filepond--file {
  background: #fff;
}
.user-profile .header-layout-1 .left .profile-avatar-uploader .filepond--file-status {
  margin: 0;
  align-items: flex-start;
}
.user-profile .header-layout-1 .left .profile-avatar-uploader .filepond--progress-indicator {
  margin: 3px 2.5px;
}
.user-profile .header-layout-1 .left .profile-avatar-uploader img {
  border-radius: 10px;
}
.user-profile .header-layout-1 .left .profile-avatar-uploader .filepond--panel-root {
  background: transparent;
}
.user-profile .header-layout-1 .left .profile-avatar-uploader .filepond--list-scroller {
  margin: 0;
}
.user-profile .header-layout-1 .left .profile-avatar-uploader .filepond--item {
  margin: 0;
  border-radius: 10px;
  overflow: hidden;
}
.user-profile .header-layout-1 .left .profile-avatar-uploader .filepond--list {
  width: 100%;
  left: 0;
}
.user-profile .header-layout-1 .left .profile-avatar-uploader .filepond--drop-label {
  height: 140px;
  width: 140px;
}
.user-profile .header-layout-1 .right {
  position: relative;
  padding: 0 2rem;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .user-profile .header-layout-1 .right {
    padding-top: 1rem;
  }
}
.user-profile .header-layout-1 .right .top {
  display: flex;
  margin-bottom: 2.5rem;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .user-profile .header-layout-1 .right .top {
    flex-direction: column;
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .user-profile .header-layout-1 .right .top .user-meta {
    text-align: center;
  }
}
.user-profile .header-layout-1 .right .top .user-name {
  color: #fff;
  font-weight: 600;
  font-size: 2rem;
  margin-bottom: 0.4rem;
}
.user-profile .header-layout-1 .right .top .subtitle {
  position: absolute;
}
@media only screen and (max-width: 767px) {
  .user-profile .header-layout-1 .right .top .subtitle {
    position: relative;
  }
}
.user-profile .header-layout-1 .right .top .badges {
  margin: 5px;
}
@media only screen and (max-width: 767px) {
  .user-profile .header-layout-1 .right .top .badges {
    margin: 10px 0 0;
  }
}
.user-profile .header-layout-1 .right .top .badges .tag {
  margin: 5px;
  font-weight: 500;
}
body:not(.is-dark) .user-profile .header-layout-1 .right .top .badges .tag.is-primary {
  background-color: #fff;
  color: #4f008c;
}
.user-profile .header-layout-1 .right .meta-stats {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .user-profile .header-layout-1 .right .meta-stats {
    display: flex;
    justify-content: center;
  }
}
.user-profile .header-layout-1 .right .meta-stats .meta-stat {
  margin-right: 30px;
}
[dir=rtl] .user-profile .header-layout-1 .right .meta-stats .meta-stat {
  margin-right: 0;
  margin-left: 30px;
}
.user-profile .header-layout-1 .right .meta-stats .meta-stat:last-child {
  margin: 0;
}
.user-profile .header-layout-1 .right .meta-stats .meta-stat .count {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  margin: 3px;
}
.user-profile .header-layout-1 .right .meta-stats .meta-stat .name {
  color: #fff;
  font-size: 0.8rem;
  opacity: 0.7;
}
.user-profile .header-layout-1 .right .meta-contacts {
  display: flex;
  padding-top: 1rem;
}
@media only screen and (max-width: 767px) {
  .user-profile .header-layout-1 .right .meta-contacts {
    justify-content: center;
  }
}
.user-profile .header-layout-1 .right .meta-contacts .meta-contact {
  height: 35px;
  width: 35px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(33.237535014%, 0%, 58.9019607843%);
  color: #fff;
  font-size: 1.1rem;
  border-radius: 8px;
  margin: 0 16px 0 0;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.user-profile .header-layout-1 .right .meta-contacts .meta-contact.is-delegation {
  position: relative;
  display: flex;
}
[dir=rtl] .user-profile .header-layout-1 .right .meta-contacts .meta-contact.is-delegation svg {
  transform: scaleX(-1);
}
.user-profile .header-layout-1 .right .meta-contacts .meta-contact.is-delegation .delegation-badge {
  position: absolute;
  top: -7px;
  right: -7px;
  background-color: #e62965;
  color: #fff;
  font-size: 0.7rem;
  border-radius: 50%;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
[dir=rtl] .user-profile .header-layout-1 .right .meta-contacts .meta-contact.is-delegation .delegation-badge {
  right: unset;
  left: -7px;
}
[dir=rtl] .user-profile .header-layout-1 .right .meta-contacts .meta-contact {
  margin: 0 0 0 16px;
}
@media only screen and (max-width: 767px) {
  .user-profile .header-layout-1 .right .meta-contacts .meta-contact {
    margin: 0 10px !important;
  }
}
.user-profile .header-layout-1 .right .meta-contacts .tippy-popper .meta-contact {
  color: #4f008c;
  background: #fff;
}
body.is-dark .user-profile .header-layout-1 .right .meta-contacts .meta-contact {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
  color: #fff;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
body.is-dark .user-profile .header-layout-1 .right .meta-contacts .meta-contact:hover {
  color: #232326;
  background: #fff;
}
.user-profile .profile-card:not(:last-child) {
  margin-bottom: 20px;
}
.user-profile .profile-card.payment-widget {
  margin-bottom: 26px;
}
.user-profile .profile-card .profile-card-section:not(:first-child) {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid rgb(88.9411764706%, 88.9411764706%, 88.9411764706%);
}
.user-profile .profile-card .profile-card-section.no-padding {
  padding-bottom: 0;
}
.user-profile .profile-card .profile-card-section .section-title {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.user-profile .profile-card .profile-card-section .section-title h4 {
  font-weight: 600;
  font-size: 0.9rem;
  color: #1d252d;
  margin-right: 6px;
}
[dir=rtl] .user-profile .profile-card .profile-card-section .section-title h4 {
  margin-left: 6px;
  margin-right: 0px;
}
.user-profile .profile-card .profile-card-section .section-title .action-link {
  position: relative;
  top: -2px;
  margin-left: auto;
  text-transform: uppercase;
  font-size: 0.8rem;
}
[dir=rtl] .user-profile .profile-card .profile-card-section .section-title .action-link {
  margin-left: 0;
  margin-right: auto;
}
.user-profile .profile-card .profile-card-section .section-title .control {
  margin-left: auto;
}
[dir=rtl] .user-profile .profile-card .profile-card-section .section-title .control {
  margin-left: 0;
  margin-right: auto;
}
.user-profile .profile-card .profile-card-section .section-title .control .form-switch {
  transform: scale(0.8);
}
.user-profile .profile-card .profile-card-section .section-content .progress-ring-stroke {
  stroke: #4f008c;
  stroke-width: 1.5;
}
.user-profile .profile-card .profile-card-section .section-content .progress-ring-background {
  stroke: #ededed;
  stroke-width: 1.5;
}
.user-profile .profile-card .profile-card-section .section-content .description {
  font-size: 0.95rem;
}
.user-profile .profile-card .profile-card-section .section-content .experience-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}
.user-profile .profile-card .profile-card-section .section-content .experience-wrapper .experience-item {
  display: flex;
  align-items: center;
  width: calc(50% - 16px);
  margin: 8px;
}
.user-profile .profile-card .profile-card-section .section-content .experience-wrapper .experience-item img {
  display: block;
  width: 50px;
  min-width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid rgb(88.9411764706%, 88.9411764706%, 88.9411764706%);
}
.user-profile .profile-card .profile-card-section .section-content .experience-wrapper .experience-item .meta {
  margin-left: 10px;
}
.user-profile .profile-card .profile-card-section .section-content .experience-wrapper .experience-item .meta > span {
  font-family: "STC Forward", sans-serif;
  display: block;
}
.user-profile .profile-card .profile-card-section .section-content .experience-wrapper .experience-item .meta > span:first-child {
  font-family: "STC Forward", sans-serif;
  font-weight: 600;
  color: #1d252d;
  font-size: 0.85rem;
}
.user-profile .profile-card .profile-card-section .section-content .experience-wrapper .experience-item .meta > span:nth-child(2), .user-profile .profile-card .profile-card-section .section-content .experience-wrapper .experience-item .meta > span:nth-child(3) {
  font-size: 0.85rem;
  color: #a2a5b9;
}
.user-profile .profile-card .profile-card-section .section-content .experience-wrapper .experience-item .meta > span:nth-child(2) i, .user-profile .profile-card .profile-card-section .section-content .experience-wrapper .experience-item .meta > span:nth-child(3) i {
  position: relative;
  top: -2px;
  font-size: 4px;
  margin: 0 6px;
}
.user-profile .profile-card .profile-card-section .section-content .experience-wrapper .experience-item .meta > span:nth-child(3) {
  color: #4f008c;
}
.user-profile .profile-card .profile-card-section .section-content .experience-wrapper .experience-item .meta > span span {
  display: inline-block;
}
.user-profile .profile-card .profile-card-section .section-content .languages-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}
.user-profile .profile-card .profile-card-section .section-content .languages-wrapper .languages-item {
  display: flex;
  align-items: center;
  width: calc(50% - 16px);
  margin: 8px;
}
.user-profile .profile-card .profile-card-section .section-content .languages-wrapper .languages-item .icon-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  min-width: 50px;
  height: 50px;
}
.user-profile .profile-card .profile-card-section .section-content .languages-wrapper .languages-item .icon-wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 34px;
  min-width: 34px;
  height: 34px;
  border-radius: 50%;
}
.user-profile .profile-card .profile-card-section .section-content .languages-wrapper .languages-item .icon-wrap span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 34px;
  min-width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 1rem;
  background-color: #ededed;
  color: #1d252d;
  padding-top: 2px;
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .languages-wrapper .languages-item .icon-wrap span {
  color: #cecece;
  background: rgb(29.0679559495%, 29.0679559495%, 31.5594950309%);
}
.user-profile .profile-card .profile-card-section .section-content .languages-wrapper .languages-item .meta {
  margin-left: 10px;
}
[dir=rtl] .user-profile .profile-card .profile-card-section .section-content .languages-wrapper .languages-item .meta {
  margin-left: 0;
  margin-right: 10px;
}
.user-profile .profile-card .profile-card-section .section-content .languages-wrapper .languages-item .meta > span {
  display: block;
}
.user-profile .profile-card .profile-card-section .section-content .languages-wrapper .languages-item .meta > span:first-child {
  font-weight: 500;
  color: #1d252d;
  font-size: 0.9rem;
}
.user-profile .profile-card .profile-card-section .section-content .languages-wrapper .languages-item .meta > span:nth-child(2) {
  font-size: 0.85rem;
  color: #a2a5b9;
}
.user-profile .profile-card .profile-card-section .section-content .languages-wrapper .languages-item .meta > span span {
  display: inline-block;
}
.user-profile .profile-card .profile-card-section .section-content .languages-wrapper .languages-item .end {
  margin-left: auto;
  display: none;
}
[dir=rtl] .user-profile .profile-card .profile-card-section .section-content .languages-wrapper .languages-item .end {
  margin-left: 0;
  margin-right: auto;
}
.user-profile .profile-card .profile-card-section .section-content .skills-wrapper {
  margin-top: 20px;
}
.user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item {
  display: flex;
  align-items: center;
}
.user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item:not(:last-child) {
  margin-bottom: 15px;
  margin-top: 15px;
}
.user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  min-width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid #4f008c;
  margin-left: 5px;
}
[dir=rtl] .user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap {
  margin-left: 0;
  margin-right: 5px;
}
.user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap.skeleton {
  border: 1px solid #eee;
}
.user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap.has-icon {
  background: rgb(94.9411764706%, 94.9411764706%, 94.9411764706%);
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  color: #a2a5b9;
}
.user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap.has-icon i {
  font-size: 1.4rem;
}
.user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap.is-dependents {
  border-radius: 8px;
}
.user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap.is-dependents span {
  border-radius: 6px;
  background-color: #c4acd2;
  color: #4f008c;
  overflow: hidden;
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap.is-dependents span {
  color: #797bf2;
  background: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%);
}
.user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap.is-dependents span i {
  font-size: 1.4rem;
}
.user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap img {
  display: block;
  width: 34px;
  min-width: 34px;
  height: 34px;
  border-radius: 50%;
}
.user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap img.avatar {
  border-radius: 0;
  position: absolute;
  bottom: -2px;
}
.user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 34px;
  min-width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 1rem;
  background-color: #ededed;
  color: #1d252d;
  padding-top: 2px;
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap span {
  color: #cecece;
  background: rgb(29.0679559495%, 29.0679559495%, 31.5594950309%);
}
.user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap .count {
  position: absolute;
  bottom: 0;
  right: -4px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #4f008c;
}
.user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap .count span {
  font-weight: 500;
  font-size: 0.75rem;
}
.user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .skill-info {
  margin-left: 12px;
}
[dir=rtl] .user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .skill-info {
  margin-right: 12px;
  margin-left: 0;
}
.user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .skill-info {
  line-height: 1.3;
}
.user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .skill-info span {
  display: block;
}
.user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .skill-info span:first-child {
  font-weight: 500;
  color: #1d252d;
  font-size: 0.9rem;
  line-height: 1.5;
}
.user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .skill-info span:nth-child(2) {
  font-size: 0.9rem;
  color: #a2a5b9;
}
.user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .people {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}
[dir=rtl] .user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .people {
  margin-left: 0;
  margin-right: auto;
}
.user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .people .h-avatar {
  margin: 0 4px;
}
.user-profile .profile-card .profile-card-section .section-content .skills-wrapper .add-item {
  width: 100%;
  margin: 16px 0 14px;
}
.user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}
.user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item {
  display: flex;
  flex-flow: column;
  width: calc(100% - 16px);
  margin: 0 8px 16px;
  background: rgb(95.9411764706%, 95.9411764706%, 95.9411764706%);
  padding: 15px 15px;
  border-radius: 6px;
  overflow: hidden;
  min-height: 100px;
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
.user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item.placeholder {
  background-color: transparent;
  padding: 15px 20px 0;
  text-align: center;
}
.user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item.placeholder .illustration-widget {
  border-radius: 8px;
  margin-bottom: 20px;
  max-height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
.user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item.placeholder h3 {
  font-weight: 600;
  margin-bottom: 6px;
}
.user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item.placeholder p {
  margin: auto;
  font-weight: 300;
  font-size: 0.95rem;
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item.placeholder {
  background: transparent;
}
.user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item .is-delete {
  top: 0;
  right: 0;
  font-size: 0.7rem;
  padding: 0 8px;
  position: absolute;
  background: none;
  border: none;
  color: #ff375e;
}
.user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item .is-delete .icon {
  margin-right: -3px;
  margin-left: -3px;
}
[dir=rtl] .user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item .is-delete {
  right: unset;
  left: 0;
}
.user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item .is-undo {
  position: absolute;
  top: 0;
  right: 0;
  animation-name: fadeInLeft;
  animation-duration: 0.3s;
  transition: all 0.3s;
  animation-fill-mode: both;
  font-size: 0.7rem;
  padding: 0 8px;
  background: none;
  border: none;
  color: #06d6a0;
}
.user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item .is-undo .icon {
  margin-right: -3px;
  margin-left: -3px;
}
[dir=rtl] .user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item .is-undo {
  right: unset;
  left: 0;
}
.user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item p {
  font-size: 1rem;
  flex: auto;
  place-items: center;
  color: #1d252d;
  font-weight: 500;
  margin-bottom: 10px;
}
.user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item .media-flex-center {
  align-items: flex-end;
}
.user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item .media-flex-center .flex-meta span {
  display: block;
}
.user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item .media-flex-center .flex-meta span:first-child {
  font-size: 0.9rem;
  color: #1d252d;
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item .media-flex-center .flex-meta span:first-child {
  color: #cecece;
}
.user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item .media-flex-center .flex-meta span:nth-child(2) {
  font-size: 0.85rem;
  color: #a2a5b9;
}
.user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item .media-flex-center .block-stats {
  margin-left: auto;
  font-size: 0.85rem;
  color: #a2a5b9;
}
[dir=rtl] .user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item .media-flex-center .block-stats {
  margin-left: 0;
  margin-right: auto;
}
.user-profile .profile-card .profile-card-section .section-content .badges-wrapper {
  display: flex;
  margin-left: -8px;
  margin-right: -8px;
  max-height: 300px;
  overflow-y: auto;
  scrollbar-width: none;
}
.user-profile .profile-card .profile-card-section .section-content .badges-wrapper .swiper-wrapper {
  height: auto !important;
}
.user-profile .profile-card .profile-card-section .section-content .badges-wrapper .badge-item {
  flex: 0 0 25%;
  width: auto;
  height: 240px;
  border-radius: 12px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px;
  box-sizing: border-box;
  background-color: white;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .badges-wrapper .badge-item {
  background-color: #404046;
  box-shadow: 0 4px 12px rgba(86, 80, 80, 0.1);
}
.user-profile .profile-card .profile-card-section .section-content .badges-wrapper .badge-item .status-holder {
  text-align: center;
  width: 60px;
  padding: 0px 10px;
  border-radius: 20px;
  display: flex;
}
.user-profile .profile-card .profile-card-section .section-content .badges-wrapper .badge-item .status-holder span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
  border: none;
  width: 100px;
  padding: 4px 4px;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 0.6rem !important;
  z-index: 3;
  display: flex;
  font-weight: 600;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin: 0 5px;
  background: #daf7ec;
  color: #06d6a0 !important;
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .badges-wrapper .badge-item .status-holder span {
  background: #daf7ec;
}
.user-profile .profile-card .profile-card-section .section-content .badges-wrapper .badge-item .info-holder {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.user-profile .profile-card .profile-card-section .section-content .badges-wrapper .badge-item .info-holder .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.user-profile .profile-card .profile-card-section .section-content .badges-wrapper .badge-item .info-holder .date {
  margin-top: 12px;
}
.user-profile .profile-card .profile-card-section .section-content .badges-wrapper .badge-item .info-holder .date span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  color: #4f008c;
  border: none;
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .badges-wrapper .badge-item .info-holder .date span {
  color: #797bf2;
}
.user-profile .profile-card .profile-card-section .section-content .badges-wrapper .badge-item-mobile {
  height: 89.75px !important;
}
.user-profile .profile-card .profile-card-section .section-content .badges-wrapper .badge-item-mobile .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.user-profile .profile-card .profile-card-section .section-content .badges-wrapper .badge-item-mobile:last-child {
  border-right: none;
  padding-right: 15px !important;
}
.user-profile .profile-card .profile-card-section .section-content .badges-wrapper {
  /* Pseudo-element for shorter divider */
}
.user-profile .profile-card .profile-card-section .section-content .badges-wrapper .badge-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 50%;
  /* Adjust height of divider */
  width: 1px;
  background-color: #ccc;
}
.user-profile .profile-card .profile-card-section .section-content .badges-wrapper {
  /* Remove divider for the last badge */
}
.user-profile .profile-card .profile-card-section .section-content .badges-wrapper .badge-item:last-child {
  border-right: none;
  padding-right: 0;
}
.user-profile .profile-card .profile-card-section .section-content .people-wrapper {
  padding-top: 12px;
}
.user-profile .profile-card .profile-card-section .section-content .people-wrapper .people-item {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.user-profile .profile-card .profile-card-section .section-content .people-wrapper .people-item:last-child {
  margin-bottom: 0;
}
.user-profile .profile-card .profile-card-section .section-content .people-wrapper .people-item .meta {
  margin-left: 12px;
}
[dir=rtl] .user-profile .profile-card .profile-card-section .section-content .people-wrapper .people-item .meta {
  margin-right: 12px;
  margin-left: 0;
}
.user-profile .profile-card .profile-card-section .section-content .people-wrapper .people-item .meta > span {
  display: block;
  font-family: "STC Forward", sans-serif;
}
.user-profile .profile-card .profile-card-section .section-content .people-wrapper .people-item .meta > span:first-child {
  font-weight: 600;
  color: #1d252d;
  font-size: 0.9rem;
}
.user-profile .profile-card .profile-card-section .section-content .people-wrapper .people-item .meta > span:nth-child(2) {
  font-size: 0.85rem;
  color: #a2a5b9;
}
.user-profile .profile-card .profile-card-section .section-content .people-wrapper .people-item .meta > span span {
  display: inline-block;
}
.user-profile .profile-card .profile-card-section .section-content .more-button {
  padding-top: 16px;
  width: 100%;
}
.user-profile .profile-card .profile-card-section .section-content .add-item {
  display: none;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin: 8px 8px 0;
  pointer-events: all;
  cursor: pointer;
}
.user-profile .profile-card .profile-card-section .section-content .add-item .icon-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  min-width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #f9f9f9;
  margin: 0 4px;
  border: 1.8px dashed #a2a5b9;
  color: #a2a5b9;
  cursor: pointer;
  outline: none;
  transition: all 0.3s;
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .add-item .icon-wrap {
  background: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
.user-profile .profile-card .profile-card-section .section-content .add-item .icon-wrap.has-img {
  border-color: #4f008c;
}
.user-profile .profile-card .profile-card-section .section-content .add-item .icon-wrap.has-img img {
  width: 36px;
  min-width: 36px;
  height: 36px;
}
.user-profile .profile-card .profile-card-section .section-content .add-item .icon-wrap i {
  font-size: 1.5rem;
  line-height: 0;
  font-weight: 500;
}
.user-profile .profile-card .profile-card-section .section-content .add-item .meta {
  margin-left: 10px;
}
[dir=rtl] .user-profile .profile-card .profile-card-section .section-content .add-item .meta {
  margin-left: 0;
  margin-right: 10px;
}
.user-profile .profile-card .profile-card-section .section-content .add-item .meta > span {
  display: block;
}
.user-profile .profile-card .profile-card-section .section-content .add-item .meta > span:first-child {
  font-weight: 500;
  color: #4f008c;
  font-size: 0.9rem;
  position: relative;
  display: inline-block;
}
.user-profile .profile-card .profile-card-section .section-content .add-item .meta > span:first-child:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .add-item .meta > span:first-child {
  color: #797bf2;
}
.user-profile .profile-card .profile-card-section .section-content .add-item .meta > span:nth-child(2), .user-profile .profile-card .profile-card-section .section-content .add-item .meta > span:nth-child(3) {
  font-size: 0.85rem;
  color: #a2a5b9;
}
.user-profile .profile-card .profile-card-section .section-content .add-item .meta > span:nth-child(2) i, .user-profile .profile-card .profile-card-section .section-content .add-item .meta > span:nth-child(3) i {
  position: relative;
  top: -2px;
  font-size: 4px;
  margin: 0 6px;
}
.user-profile .profile-card .profile-card-section .section-content .add-item .meta > span:nth-child(3) {
  color: #4f008c;
}
.user-profile .profile-card .profile-card-section .section-content .add-item .meta > span span {
  display: inline-block;
}
.user-profile .profile-card .profile-card-section .section-content .add-item .end {
  margin-left: auto;
}
[dir=rtl] .user-profile .profile-card .profile-card-section .section-content .add-item .end {
  margin-left: 0;
  margin-right: auto;
}
.user-profile .profile-card .profile-card-section .section-content .add-item:hover .icon-wrap {
  border: 1.8px solid #4f008c;
  color: #4f008c;
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .add-item:hover .icon-wrap {
  border: 1.8px solid #797bf2;
  color: #797bf2;
}
.user-profile .profile-card .profile-card-section .section-content .add-item:hover .meta > span:first-child:after {
  border-bottom: 1.6px dotted #4f008c;
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .add-item:hover .meta > span:first-child {
  color: #797bf2;
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .add-item:hover .meta > span:first-child:after {
  border-bottom: 1.6px dotted #797bf2;
}
.user-profile .profile-card .profile-card-section .edit-mode-only {
  display: none;
  visibility: hidden;
}
.user-profile .profile-card .profile-card-section .mobile-only {
  display: none;
}
.user-profile .profile-card .profile-card-section.about {
  visibility: visible;
  position: inherit;
  opacity: 1;
  animation-name: fadeIn;
  animation-duration: 0.3s;
  animation-fill-mode: both;
}
.user-profile .profile-card .profile-card-section.about.is-edit {
  visibility: hidden;
  position: absolute;
  opacity: 0;
}
.user-profile .profile-card .profile-card-section.is-edit {
  animation-name: fadeIn;
  animation-duration: 0.3s;
}
.user-profile .profile-card .profile-card-section.is-edit:nth-child(2) {
  margin-top: 0;
  border-top: none;
  padding-top: 0;
}
.user-profile .profile-card .profile-card-section.is-edit .edit-mode-only {
  display: inherit;
  visibility: visible;
}
.user-profile .profile-card .profile-card-section.is-edit .form-head,
.user-profile .profile-card .profile-card-section.is-edit .form-foot {
  padding: 15px 0;
  margin: -20px 0;
}
.user-profile .profile-card .profile-card-section.is-edit .form-head .form-head-inner,
.user-profile .profile-card .profile-card-section.is-edit .form-head .form-foot-inner,
.user-profile .profile-card .profile-card-section.is-edit .form-foot .form-head-inner,
.user-profile .profile-card .profile-card-section.is-edit .form-foot .form-foot-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user-profile .profile-card .profile-card-section.is-edit .form-head {
  border-bottom: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  transition: opacity 0.3s;
  position: sticky;
  position: -webkit-sticky;
  top: 50px;
  z-index: 1;
}
@supports (top: max(50px)) {
  .user-profile .profile-card .profile-card-section.is-edit .form-head {
    top: 0;
  }
}
.user-profile .profile-card .profile-card-section.is-edit .form-head {
  background: #fff;
}
.user-profile .profile-card .profile-card-section.is-edit .form-head .left h3 {
  font-family: "STC Forward", sans-serif;
  font-size: 1.2rem;
  line-height: 1.3;
}
.user-profile .profile-card .profile-card-section.is-edit .form-head .left p {
  font-size: 0.95rem;
}
.user-profile .profile-card .profile-card-section.is-edit .form-foot {
  border-top: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
}
.user-profile .profile-card .profile-card-section.is-edit {
  transition: all 0.3s;
}
.user-profile .profile-card .profile-card-section.is-edit .edit-mode-hide {
  display: none;
}
.user-profile .profile-card .profile-card-section.is-edit .edit-subtitle {
  display: block;
  margin-top: -6px;
  padding-bottom: 12px;
  font-size: 0.9rem;
}
.user-profile .profile-card .profile-card-section.is-edit .section-content .languages-wrapper .languages-item {
  width: 100%;
}
.user-profile .profile-card .profile-card-section.is-edit .section-content .languages-wrapper .end {
  display: block;
}
.user-profile .profile-card .profile-card-section.is-edit .section-content .add-item {
  display: flex;
}
.user-profile .profile-card .profile-card-section.is-edit .fieldset {
  padding: 20px 0;
  margin: 8px;
}
.user-profile .profile-card .profile-card-section.is-edit .fieldset .fieldset-heading {
  margin-bottom: 20px;
}
.user-profile .profile-card .profile-card-section.is-edit .fieldset .fieldset-heading h4 {
  font-weight: 600;
  font-size: 1rem;
}
.user-profile .profile-card .profile-card-section.is-edit .fieldset .fieldset-heading p {
  font-size: 0.9rem;
}
.user-profile .profile-card.card-1 .swiper {
  margin-bottom: -20px;
}
.user-profile .profile-card.card-1 .swiper-pagination {
  position: unset;
  margin-top: 10px;
}
.user-profile .profile-card.card-1 .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 6px 0 0;
  cursor: pointer;
  transition: width 0.3s;
  background: unset;
  border-radius: 0;
  opacity: 1;
}
[dir=rtl] .user-profile .profile-card.card-1 .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0 0 6px;
}
.user-profile .profile-card.card-1 .swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  background: #A54EE1;
  border-radius: 4px;
  height: 4px;
  opacity: 0.3;
  transform: translateY(-50%);
  transition: background-color 0.3s, opacity 0.3s;
}
body.is-dark .user-profile .profile-card.card-1 .swiper-pagination .swiper-pagination-bullet::after {
  background-color: rgb(65.6822729092%, 66.1944777911%, 96.6706682673%);
}
.user-profile .profile-card.card-1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 20px;
}
.user-profile .profile-card.card-1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  background-color: #ff375e;
  opacity: 1;
}
body.is-dark .user-profile .profile-card.card-1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  background-color: #797bf2;
}
.is-dark .user-profile .profile-card.card-1 .context-text {
  color: #a2a5b9;
}
.user-profile .profile-card.card-1 .section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.user-profile .profile-card.card-1 .section-title .title-meta {
  font-size: 1rem;
  font-weight: 500;
  color: #1d252d;
}
.user-profile .profile-card.card-1 .section-title .action-link {
  font-size: 0.9rem;
}
.user-profile .profile-card.card-1 .section-title .field {
  position: absolute;
  top: 12px;
  right: 16px;
  z-index: 5;
}
.user-profile .profile-card.card-1 .section-title .field .h-select .select-box {
  border-color: transparent;
}
.user-profile .profile-card.card-1 .section-title .field .h-select .dropdown-menu {
  position: absolute;
  top: 40px;
  left: 0;
  padding: 0;
  width: 100%;
  max-height: 180px;
  min-width: unset;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 4px;
  z-index: 5;
  transition: all 0.3s;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
}
.user-profile .profile-card.card-1 .section-title .field .h-select .dropdown-menu .dropdown-content {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0;
  background: #fff;
}
.user-profile .profile-card.card-1 .section-title .field .h-select .dropdown-menu .dropdown-content .dropdown-item {
  padding: 12px;
  width: 100%;
  display: flex;
  align-items: center;
}
.user-profile .profile-card.card-1 .section-title .field .h-select .dropdown-menu .dropdown-content .dropdown-item:hover {
  background: rgb(95.9411764706%, 95.9411764706%, 95.9411764706%);
}
.user-profile .profile-card.card-1 .section-title .field .h-select .dropdown-menu .dropdown-content .dropdown-item span {
  display: block;
  font-weight: 500;
  color: #999;
  font-size: 0.9rem;
  margin-left: 8px;
}
.user-profile .profile-card.card-1 .section-title .field .h-select .dropdown-menu::-webkit-scrollbar {
  width: 3px !important;
}
.user-profile .profile-card.card-1 .section-title .field .h-select .dropdown-menu::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  background: rgba(0, 0, 0, 0.2) !important;
}
.user-profile .profile-card.card-1 .section-title .field .h-select.is-active .dropdown-menu {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}
.user-profile .profile-card.card-1 .section-title .field .h-select.is-active .select-icon {
  transform: rotate(180deg);
}
.user-profile .profile-card.card-1 .context-text {
  font-size: 0.9rem;
  font-weight: 500;
  text-align: center;
}
.user-profile .profile-card.card-1 {
  animation-name: fadeIn;
  animation-duration: 0.3s;
  animation-fill-mode: both;
}
.user-profile .profile-card.card-1.is-edit {
  visibility: hidden;
  position: absolute;
  opacity: 0;
  animation-name: fadeOut;
  animation-duration: 0.3s;
  animation-fill-mode: both;
}
.user-profile .profile-card.card-1.training-card .section-title {
  margin-bottom: -20px;
}
.user-profile .profile-card.card-1.training-card .tabs ul {
  border-bottom: 0;
}
.user-profile .profile-card.card-1.training-card .tabs ul li a {
  padding: 0 0 0.5rem;
  margin-bottom: 0;
  font-size: 0.86rem;
  font-weight: 500;
}
.user-profile .profile-card.card-1.training-card .tabs ul li a .tag {
  width: auto;
  height: 20px;
  line-height: 20px;
  min-width: 20px;
  padding: 0 5px;
  text-align: center;
  font-weight: 500;
  margin: 0px 4px;
}
.user-profile .profile-card.card-1.training-card .tabs ul li {
  margin-right: 1rem;
}
.user-profile .profile-card.card-1.training-card .tabs ul li:last-child {
  margin-right: 0;
}
[dir=rtl] .user-profile .profile-card.card-1.training-card .tabs ul li {
  margin-left: 1rem;
  margin-right: 0;
}
[dir=rtl] .user-profile .profile-card.card-1.training-card .tabs ul li:last-child {
  margin-left: 0;
}
.user-profile .profile-card.card-1.training-card .tab-content {
  padding: 0;
}
.user-profile .profile-card.card-1.attendance-card {
  padding: 0;
  overflow: hidden;
}
.user-profile .profile-card.card-1.attendance-card .attendance-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3rem;
  padding: 2rem 2rem 0 2rem;
}
.user-profile .profile-card.card-1.attendance-card .attendance-card-header .header-nav {
  display: flex;
}
.user-profile .profile-card.card-1.attendance-card .attendance-card-header .header-nav .nav-item .nav-link {
  font-family: "STC Forward", sans-serif;
  margin-right: 1rem;
  border-bottom: 3px solid transparent;
  padding-bottom: 1rem;
  color: #a2a5b9;
}
.user-profile .profile-card.card-1.attendance-card .attendance-card-header .header-nav .nav-item .nav-link.is-active {
  color: #1d252d;
  border-bottom-color: #4f008c;
}
body.is-dark .user-profile .profile-card .profile-card-section {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .user-profile .profile-card .profile-card-section:last-of-type:not(:only-of-type) {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .user-profile .profile-card .profile-card-section .section-title h4 {
  color: #cecece;
}
body.is-dark .user-profile .profile-card .profile-card-section .section-title i {
  color: #797bf2;
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .icon-wrap > img {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%) !important;
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .progress-ring-stroke {
  stroke: #797bf2;
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .progress-ring-background {
  stroke: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .experience-wrapper .experience-item > img {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .experience-wrapper .experience-item .meta > span:nth-child(3) {
  color: #797bf2;
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap {
  border-color: #797bf2;
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap.has-icon {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .people .h-avatar:last-child .is-fake {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border: 1px solid rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
  filter: none;
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item.placeholder {
  border-bottom: none;
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item p {
  color: #a2a5b9;
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item .meta span:first-child {
  color: #797bf2;
}
body.is-dark .user-profile .profile-card .profile-card-section .section-content .description {
  color: #a2a5b9;
}
body.is-dark .user-profile .profile-card .profile-card-section.is-edit .form-head {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .user-profile .profile-card .profile-card-section.is-edit .form-head .left h3 {
  color: #cecece;
}
body.is-dark .user-profile .profile-card .profile-card-section.is-edit .form-head .left p {
  color: rgb(57.8238902923%, 59.1844099603%, 68.2545410802%);
}
body.is-dark .user-profile .profile-card .profile-card-section.is-edit .form-foot {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
.user-profile .edit-profile-buttons {
  position: fixed;
  right: 0;
  top: 0;
  margin: 0 auto;
  background: #fff;
  border-bottom: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  border-top: none;
  transform: translateY(-120px);
  opacity: 0;
  transition: all 0.3s;
  z-index: 101;
  width: calc(100% - 72px);
}
[dir=rtl] .user-profile .edit-profile-buttons {
  left: 0;
  right: auto;
}
.user-profile .edit-profile-buttons.is-active {
  transform: translateY(0);
  opacity: 1;
}
.user-profile .edit-profile-buttons.is-pushed-full {
  left: 240px;
}
[dir=rtl] .user-profile .edit-profile-buttons.is-pushed-full {
  left: 0;
  right: 240px;
}
.user-profile .edit-profile-buttons .edit-profile-buttons-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}
.user-profile .edit-profile-buttons .edit-profile-buttons-inner .left {
  display: flex;
  align-items: center;
  width: 25%;
}
.user-profile .edit-profile-buttons .edit-profile-buttons-inner .center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 2;
  width: 50%;
  font-weight: 600;
  color: #1d252d;
  font-size: 0.9rem;
}
body.is-dark .user-profile .edit-profile-buttons .edit-profile-buttons-inner .center {
  color: #cecece;
}
.user-profile .edit-profile-buttons .edit-profile-buttons-inner .right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 25%;
}
body.is-dark .user-profile .edit-profile-buttons {
  background: rgb(14.6843943057%, 14.6843943057%, 15.9430566747%);
  border-color: rgb(23.314531292%, 23.314531292%, 25.3129196884%);
}
@media only screen and (max-width: 767px) {
  .user-profile .edit-profile-buttons {
    top: 0;
    width: 100%;
    border-radius: 0;
    padding: 5px;
    transform: translateY(-120px);
  }
  @supports (height: max(50px)) {
    .user-profile .edit-profile-buttons {
      height: calc(50px + env(safe-area-inset-top));
    }
  }
  .user-profile .edit-profile-buttons .edit-profile-buttons-inner {
    padding: calc(0px + env(safe-area-inset-top) - 5px) 0 0 0;
  }
}
.user-profile .navbar-trigger {
  top: 40px;
  position: absolute;
}
.user-profile.is-editing {
  transform: unset !important;
}
.user-profile .attendance-chart .apexcharts-tooltip-marker {
  display: none;
}
[dir=rtl] .user-profile .attendance-chart .apexcharts-tooltip-text-y-value,
[dir=rtl] .user-profile .attendance-chart .apexcharts-tooltip-text-goals-value,
[dir=rtl] .user-profile .attendance-chart .apexcharts-tooltip-text-z-value {
  margin-left: 0;
  margin-right: 5px;
}

.attendance-card-body {
  overflow-x: auto;
}
.attendance-card-body .table {
  width: 100%;
}
.attendance-card-body .table thead th {
  border: none;
  font-size: 0.8rem;
  text-transform: uppercase;
  min-width: 105px;
  text-align: left;
}
.attendance-card-body .table tr th:first-child,
.attendance-card-body .table tr td:first-child {
  padding-left: 2rem;
}
.attendance-card-body .table tr th:last-child,
.attendance-card-body .table tr td:last-child {
  padding-right: 2rem;
}
.attendance-card-body .table tr td {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.attendance-card-body .table tr td.score-cell {
  min-width: 300px;
}
.attendance-card-body .table tr td .match-time-row {
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
}
.attendance-card-body .table tr td .match-time-row .match-time {
  color: #a2a5b9;
  margin-right: 0.75rem;
}
.attendance-card-body .table tr td .match-time-row .tag svg {
  color: #faae42;
}
.attendance-card-body .table tr td .match-time-row .tag.is-live svg {
  color: #e62965;
}
.attendance-card-body .table tr td .table-action {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  color: #a2a5b9;
  transition: background-color 0.3s;
}
.attendance-card-body .table tr td .table-action svg {
  height: 18px;
  width: 18px;
}
.attendance-card-body .table tr td .table-action:hover {
  background: #f5f6fa;
}
.attendance-card-body .table .score {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.attendance-card-body .table .score .score-vertical {
  justify-content: flex-start;
}
.attendance-card-body .table .score .score-team {
  text-align: center;
}
.attendance-card-body .table .score .score-team span {
  display: block;
  font-weight: 500;
  padding-top: 0.25rem;
}
.attendance-card-body .table .score .score-team img {
  width: 40px;
}
.attendance-card-body .table .score .score-team.score-team-vertical {
  display: flex;
  align-items: center;
  flex: 1;
}
.attendance-card-body .table .score .score-team.score-team-vertical:first-child {
  justify-content: flex-end;
}
.attendance-card-body .table .score .score-team.score-team-vertical span {
  white-space: nowrap;
  font-size: inherit;
}
.attendance-card-body .table .score .score-team.score-team-vertical img {
  width: 32px;
  margin: 0 0.5rem;
}
.attendance-card-body .table .score .score-result {
  text-align: center;
  width: 100%;
  font-weight: 900;
  font-size: 1.75rem;
  margin: 0;
  letter-spacing: 0.4em;
}
.attendance-card-body .table .score .score-result.score-result-not-started {
  color: gray;
}
.attendance-card-body .table .score .score-result.score-result-vertical {
  letter-spacing: 0.2em;
  font-size: inherit;
  flex: 0 0 auto;
  width: auto;
}

.performance-feedback-timeline-item {
  display: flex;
  flex-flow: column;
  width: calc(100% - 16px);
  margin: 0 8px 16px;
  background: rgb(95.9411764706%, 95.9411764706%, 95.9411764706%);
  padding: 15px 15px;
  border-radius: 6px;
  overflow: hidden;
  min-height: 100px;
}
body.is-dark .performance-feedback-timeline-item {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
.performance-feedback-timeline-item p {
  font-size: 1rem;
  flex: auto;
  place-items: center;
  color: #1d252d;
  font-weight: 500;
  margin-bottom: 10px;
}
.performance-feedback-timeline-item .media-flex-center {
  align-items: flex-end;
}
.performance-feedback-timeline-item .media-flex-center .flex-meta span {
  display: block;
}
.performance-feedback-timeline-item .media-flex-center .flex-meta span:first-child {
  font-size: 0.9rem;
  color: #1d252d;
}
body.is-dark .performance-feedback-timeline-item .media-flex-center .flex-meta span:first-child {
  color: #cecece;
}
.performance-feedback-timeline-item .media-flex-center .flex-meta span:nth-child(2) {
  font-size: 0.85rem;
  color: #a2a5b9;
}
.performance-feedback-timeline-item .media-flex-center .block-stats {
  margin-left: auto;
  font-size: 0.85rem;
  color: #a2a5b9;
}
[dir=rtl] .performance-feedback-timeline-item .media-flex-center .block-stats {
  margin-left: 0;
  margin-right: auto;
}

.delegate-status-modal .modal-card.is-delegate .modal-card-head {
  background: #4f008c;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.delegate-status-modal .modal-card.is-delegate .modal-card-head .title {
  color: #fff;
  margin: 0;
  display: flex;
  gap: 1rem;
  font-size: 1rem;
}
.delegate-status-modal .modal-card.is-delegate .modal-card-head .title svg {
  width: 45px;
  gap: 10%;
}
.delegate-status-modal .modal-card.is-delegate .modal-card-body {
  padding: 0;
}
.delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content {
  display: flex;
}
.delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .avatar-panel {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e7e3f4;
  position: relative;
  z-index: 2;
}
.delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row {
  display: grid;
  align-items: center;
  border-bottom: 2px dashed #4f008c;
  grid-template-columns: minmax(120px, auto) minmax(120px, auto) 1fr minmax(120px, auto);
  background: #f0eff1;
}
.delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row .delegate-col {
  padding: 1.8rem 0.5rem;
}
.delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row:last-child {
  border-bottom: none;
}
.delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row .col {
  text-align: center;
  color: #4f008c;
  font-size: 0.8rem;
  font-weight: 500;
}
.delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row .col.details-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row .col.details-col > span {
  display: block;
  text-align: center;
  font-size: 0.8rem;
}
.delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row .col.details-col .label {
  background: #f4eefc;
  color: #4f008c;
  font-weight: 600;
  padding: 5px 0;
  margin: 0;
}
.delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row .col.details-col .label.is-start {
  background: #e0d8e7;
}
.delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row .col.details-col .label.is-end {
  background: #eee6f4;
}
.delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row .col.details-col .value {
  background: #fff;
  font-weight: 500;
  padding: 5px 0;
}
.delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row .col.details-col .value.is-start {
  background: #f0eff1;
  color: #06d6a0;
}
.delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row .col.details-col .value.is-end {
  color: #e62965;
  background: #ffffff;
}
.delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row .col.status-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row .col.status-col .status-icon {
  width: 25px;
  height: 25px;
  margin-bottom: 0.4rem;
}

/* ==========================================================================
3. Media Queries
========================================================================== */
@media only screen and (max-width: 767px) {
  .profile-wrapper .profile-body .has-more-margin-x-mobile {
    margin-left: 0;
    margin-right: 0;
  }
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper .experience-item,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper .recommendations-item,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .languages-wrapper .experience-item,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .languages-wrapper .recommendations-item,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .experience-item,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .recommendations-item,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper .experience-item,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item {
    width: calc(100% - 16px);
  }
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper .recommendations-item,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .languages-wrapper .recommendations-item,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .recommendations-item,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item {
    width: 100%;
    min-height: 100px;
  }
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper .recommendations-item.placeholder,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .languages-wrapper .recommendations-item.placeholder,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .recommendations-item.placeholder,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item.placeholder {
    margin: 0 8px;
    padding: 0;
  }
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper .recommendations-item.placeholder .illustration-widget,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .languages-wrapper .recommendations-item.placeholder .illustration-widget,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .recommendations-item.placeholder .illustration-widget,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item.placeholder .illustration-widget {
    -o-object-fit: cover;
       object-fit: cover;
    max-height: 175px;
  }
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper .languages-item,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper .skills-item,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .languages-wrapper .languages-item,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .languages-wrapper .skills-item,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .languages-item,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .skills-item,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper .languages-item,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper .skills-item {
    background: transparent;
    padding: 0;
    border-radius: 5px;
    width: calc(50% - 10px);
    margin: 10px 5px;
  }
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper.skills-wrapper .skills-item,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .languages-wrapper.skills-wrapper .skills-item,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper.skills-wrapper .skills-item,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper.skills-wrapper .skills-item {
    width: calc(100% - 0px);
    margin: 20px 0;
  }
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper.skills-wrapper .skills-item .icon-wrap,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .languages-wrapper.skills-wrapper .skills-item .icon-wrap,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper.skills-wrapper .skills-item .icon-wrap,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper.skills-wrapper .skills-item .icon-wrap {
    margin: 0 !important;
  }
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper.skills-wrapper .add-item .icon-wrap,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .languages-wrapper.skills-wrapper .add-item .icon-wrap,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper.skills-wrapper .add-item .icon-wrap,
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper.skills-wrapper .add-item .icon-wrap {
    margin-left: 0 !important;
  }
  [dir=rtl] .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper.skills-wrapper .add-item .icon-wrap,
  [dir=rtl] .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .languages-wrapper.skills-wrapper .add-item .icon-wrap,
  [dir=rtl] .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper.skills-wrapper .add-item .icon-wrap,
  [dir=rtl] .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper.skills-wrapper .add-item .icon-wrap {
    margin-left: 4px;
    margin-right: 0;
  }
  .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .people-wrapper {
    padding-top: 0;
  }
  .profile-wrapper .profile-body .profile-card .profile-card-section .skills-wrapper .skills-item .people .h-avatar:not(:last-child) {
    display: none !important;
  }
  .profile-wrapper .profile-body .profile-card .profile-card-section.is-edit .form-head {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
  }
  .profile-wrapper .profile-body .profile-card .profile-card-section.is-edit .form-head .mobile-only {
    display: block;
  }
  .profile-wrapper .profile-body .profile-card .profile-card-section.is-edit .form-head .right {
    display: none;
    flex-grow: 2;
  }
  .profile-wrapper .profile-body .profile-card .profile-card-section.is-edit .form-head .right .buttons {
    display: flex;
    justify-content: space-between;
    width: 100% !important;
  }
  .profile-wrapper .profile-body .settings-section .settings-box {
    width: calc(50% - 16px);
  }
  .delegate-status-modal .modal-card.is-delegate .modal-card-head {
    padding: 8px;
  }
  .delegate-status-modal .modal-card.is-delegate .modal-card-head .title {
    font-size: 0.9rem;
  }
  .delegate-status-modal .modal-card.is-delegate .modal-card-head .title svg {
    width: 36px;
  }
  .delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content {
    flex-direction: column;
  }
  .delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .avatar-panel {
    width: 100%;
    padding: 1rem 0;
  }
  .delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background: transparent;
    border-bottom: 1px dashed #4f008c;
    padding: 0;
  }
  .delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row:last-child {
    border-bottom: none;
  }
  .delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row .service-col,
  .delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row .delegate-col,
  .delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row .details-col,
  .delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row .status-col {
    width: 100%;
    padding: 0.8rem;
    text-align: left;
  }
  .delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row .service-col {
    background: #f0eff1;
    font-weight: 600;
  }
  .delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row .delegate-col {
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row .delegate-col avatar {
    margin-bottom: 0.4rem;
    width: 56px;
    height: 56px;
  }
  .delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row .details-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    margin: 0.5rem 0;
  }
  .delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row .details-col .label {
    font-size: 0.75rem;
    padding: 0.4rem 0;
  }
  .delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row .details-col .value {
    font-size: 0.75rem;
    padding: 0.4rem 0;
  }
  .delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row .status-col {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
  }
  .delegate-status-modal .modal-card.is-delegate .modal-card-body .inner-content .rows-panel .row .status-col .status-icon {
    width: 24px;
    height: 24px;
  }
  body.is-dark .user-profile-dashboard.user-profile-dashboard-v1 {
    background-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
  }
  body.is-dark .user-profile-dashboard.user-profile-dashboard-v1 .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper .recommendations-item,
  body.is-dark .user-profile-dashboard.user-profile-dashboard-v1 .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .languages-wrapper .recommendations-item,
  body.is-dark .user-profile-dashboard.user-profile-dashboard-v1 .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .recommendations-item,
  body.is-dark .user-profile-dashboard.user-profile-dashboard-v1 .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item {
    background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
    border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
  }
  body.is-dark .user-profile-dashboard.user-profile-dashboard-v1 .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .people-wrapper .people-item .meta {
    border-bottom: 1px solid rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
  }
  body.is-dark .user-profile-dashboard.user-profile-dashboard-v1 .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .people-wrapper .people-item .meta > span:nth-child(2) {
    font-size: 0.85rem;
    color: #a2a5b9;
    line-height: 1.6;
  }
  body.is-dark .user-profile-dashboard.user-profile-dashboard-v1 .tabs-wrapper .tabs-inner .tabs {
    background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  }
}
/*! _community-page.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Community Page Customs
    2. Community Page Dark mode
    3. Media Queries
*/
/* ==========================================================================
1. Variables / Wrapper / Header
========================================================================== */
/* ==========================================================================
1. Community Page Customs
========================================================================== */
.community-page .body-title {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 20px 0;
}
.community-page .body-title h3 {
  font-size: 1rem;
  font-weight: 700;
  color: #1d252d;
}
body.is-dark .community-page .body-title h3 {
  color: #cecece;
}
@media only screen and (max-width: 1300px) {
  .community-page .body-title {
    margin: 10px 0;
  }
}

.poll-container {
  border-top: 0.5px solid rgb(94.6470588235%, 94.6470588235%, 94.6470588235%);
  border-bottom: 0.5px solid rgb(94.6470588235%, 94.6470588235%, 94.6470588235%);
}
body.is-dark .poll-container {
  border-color: rgb(28.1090518399%, 28.1090518399%, 30.5183991405%);
}
.poll-container {
  padding-top: 20px;
}
.poll-container .poll-container-title {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 1rem;
  color: #4f008c;
}
body.is-dark .poll-container .poll-container-title {
  color: #797bf2;
}
.poll-container .poll-container-title svg {
  width: 18px;
  margin-right: 5px;
}
[dir=rtl] .poll-container .poll-container-title svg {
  margin-right: 0;
  margin-left: 5px;
}
.poll-container .totals {
  display: flex;
  width: 100%;
  font-weight: 400;
  color: #a2a5b9;
  font-size: 0.85rem;
}
.poll-container .totals span {
  padding-left: 5px;
}
[dir=rtl] .poll-container .totals span {
  padding-right: 5px;
  padding-left: 0;
}
.poll-container .question-title {
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: 1.2rem;
  padding: 15px 0 0;
  text-align: center;
}
body.is-dark .poll-container .question-title {
  color: #cecece;
}
.poll-container .choices {
  padding: 0;
}
.poll-container .choices .h-button {
  margin: 15px auto;
  display: flex;
  width: 100%;
  white-space: pre-wrap;
  word-break: break-word;
}
.poll-container .choices .h-button:empty {
  display: none;
}
.poll-container .choices .h-button:last-child {
  margin-bottom: 10px;
}
.poll-container .choices .h-button:first-child {
  margin-top: 0;
}
.poll-container .poll-content {
  padding: 10px 0;
  margin-bottom: 10px;
}
.poll-container .poll-content .poll-result {
  padding: 10px 0;
}
.poll-container .poll-content .progress-stats {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.poll-container .poll-content .progress-stats .poll-answers {
  display: flex;
  align-items: center;
}
.poll-container .poll-content .progress-stats .poll-answers .animated-checkbox {
  position: relative;
  height: 18px;
  width: 18px;
  margin: 0 5px;
}
.poll-container .poll-content .progress-stats .poll-answers .animated-checkbox .checkmark-wrap {
  position: relative;
  height: 18px;
  width: 18px;
}
.poll-container .poll-content .progress-stats .poll-answers .animated-checkbox .checkmark-wrap .checkmark {
  width: 18px;
  height: 18px;
}
.poll-container .poll-content .progress-stats span {
  display: block;
}
.poll-container .poll-content .progress-stats span:first-child {
  font-family: "STC Forward", sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  color: #1d252d;
}
.poll-container .poll-content .progress-stats span:nth-child(2) {
  font-size: 0.9rem;
  color: #a2a5b9;
}

/*! purgecss start ignore */
.detail-photos {
  text-align: center;
  padding: 0;
  z-index: 1;
  max-width: 600px;
  margin: auto;
  direction: ltr;
  position: relative;
}
.detail-photos .detail-photo-title {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 1rem;
  color: #4f008c;
}
body.is-dark .detail-photos .detail-photo-title {
  color: #797bf2;
}
.detail-photos .detail-photo-title svg {
  width: 18px;
  margin-right: 5px;
}
[dir=rtl] .detail-photos .detail-photo-title svg {
  margin-right: 0;
  margin-left: 5px;
}
.detail-photos .detail-photo-grid {
  display: grid;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  margin: 0 0 25px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #f9f9f9;
  background: #f9f9f9;
}
body.is-dark .detail-photos .detail-photo-grid {
  background-color: rgb(10.8487778673%, 10.8487778673%, 11.7786731131%);
  border-color: rgb(10.8487778673%, 10.8487778673%, 11.7786731131%);
}
.detail-photos .detail-photo-grid.one .plyrue, .detail-photos .detail-photo-grid.one a {
  /* purgecss ignore current */
  grid-area: 1/3/3/1;
  border-radius: 12px;
}
.detail-photos .detail-photo-grid.two .plyrue, .detail-photos .detail-photo-grid.two a {
  grid-area: 1/1/1/1;
}
.detail-photos .detail-photo-grid.two .plyrue:nth-child(1), .detail-photos .detail-photo-grid.two a:nth-child(1) {
  grid-area: 1/1/3/2;
  border-radius: 12px 0 0 12px;
}
[dir=rtl] .detail-photos .detail-photo-grid.two .plyrue:nth-child(1), [dir=rtl] .detail-photos .detail-photo-grid.two a:nth-child(1) {
  border-radius: 0 12px 12px 0;
}
.detail-photos .detail-photo-grid.two .plyrue:nth-child(2), .detail-photos .detail-photo-grid.two a:nth-child(2) {
  grid-area: 1/2/3/2;
  border-radius: 0 12px 12px 0;
}
[dir=rtl] .detail-photos .detail-photo-grid.two .plyrue:nth-child(2), [dir=rtl] .detail-photos .detail-photo-grid.two a:nth-child(2) {
  border-radius: 12px 0 0 12px;
}
.detail-photos .detail-photo-grid.three .plyrue, .detail-photos .detail-photo-grid.three a {
  grid-area: 1/1/1/1;
}
.detail-photos .detail-photo-grid.three .plyrue:nth-child(1), .detail-photos .detail-photo-grid.three a:nth-child(1) {
  grid-area: 1/1/3/2;
  border-radius: 12px 0 0 12px;
}
[dir=rtl] .detail-photos .detail-photo-grid.three .plyrue:nth-child(1), [dir=rtl] .detail-photos .detail-photo-grid.three a:nth-child(1) {
  border-radius: 0 12px 12px 0;
}
.detail-photos .detail-photo-grid.three .plyrue:nth-child(2), .detail-photos .detail-photo-grid.three a:nth-child(2) {
  grid-area: 1/2/2/2;
  border-radius: 0 12px 0 0;
}
[dir=rtl] .detail-photos .detail-photo-grid.three .plyrue:nth-child(2), [dir=rtl] .detail-photos .detail-photo-grid.three a:nth-child(2) {
  border-radius: 12px 0 0 0;
}
.detail-photos .detail-photo-grid.three .plyrue:nth-child(3), .detail-photos .detail-photo-grid.three a:nth-child(3) {
  grid-area: 2/2/2/2;
  border-radius: 0 0 12px 0;
}
[dir=rtl] .detail-photos .detail-photo-grid.three .plyrue:nth-child(3), [dir=rtl] .detail-photos .detail-photo-grid.three a:nth-child(3) {
  border-radius: 0 0 0 12px;
}
.detail-photos .detail-photo-grid.four .plyrue, .detail-photos .detail-photo-grid.four a {
  grid-area: 1/1/1/1;
}
.detail-photos .detail-photo-grid.four .plyrue:nth-child(1), .detail-photos .detail-photo-grid.four a:nth-child(1) {
  grid-area: 1/1/1/1;
  border-radius: 12px 0 0 0;
}
[dir=rtl] .detail-photos .detail-photo-grid.four .plyrue:nth-child(1), [dir=rtl] .detail-photos .detail-photo-grid.four a:nth-child(1) {
  border-radius: 0 12px 0 0;
}
.detail-photos .detail-photo-grid.four .plyrue:nth-child(2), .detail-photos .detail-photo-grid.four a:nth-child(2) {
  grid-area: 1/2/2/2;
  border-radius: 0 12px 0 0;
}
[dir=rtl] .detail-photos .detail-photo-grid.four .plyrue:nth-child(2), [dir=rtl] .detail-photos .detail-photo-grid.four a:nth-child(2) {
  border-radius: 12px 0 0 0;
}
.detail-photos .detail-photo-grid.four .plyrue:nth-child(3), .detail-photos .detail-photo-grid.four a:nth-child(3) {
  grid-area: 2/2/2/2;
  border-radius: 0 0 12px 0;
}
[dir=rtl] .detail-photos .detail-photo-grid.four .plyrue:nth-child(3), [dir=rtl] .detail-photos .detail-photo-grid.four a:nth-child(3) {
  border-radius: 0 0 0 12px;
}
.detail-photos .detail-photo-grid.four .plyrue:nth-child(4), .detail-photos .detail-photo-grid.four a:nth-child(4) {
  grid-area: 2/2/2/1;
  border-radius: 0 0 0 12px;
}
[dir=rtl] .detail-photos .detail-photo-grid.four .plyrue:nth-child(4), [dir=rtl] .detail-photos .detail-photo-grid.four a:nth-child(4) {
  border-radius: 0 0 12px 0;
}
.detail-photos .detail-photo-grid img, .detail-photos .detail-photo-grid .plyrue, .detail-photos .detail-photo-grid a {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  grid-area: 1/3/3/1;
  max-height: 360px;
}
.detail-photos .detail-photo-grid img .plyr__video-wrapper, .detail-photos .detail-photo-grid .plyrue .plyr__video-wrapper, .detail-photos .detail-photo-grid a .plyr__video-wrapper {
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}
.detail-photos .detail-photo-grid img .plyr, .detail-photos .detail-photo-grid .plyrue .plyr, .detail-photos .detail-photo-grid a .plyr {
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}
.detail-photos .detail-photo-grid img .plyr video, .detail-photos .detail-photo-grid .plyrue .plyr video, .detail-photos .detail-photo-grid a .plyr video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  overflow: hidden;
}
.detail-photos .detail-photo-grid .plyrue {
  /* purgecss ignore current */
  overflow: hidden;
}
.detail-photos .view-more {
  display: block;
  color: #4f008c;
  font-weight: 600;
  font-size: 15px;
  margin: 25px 0;
}
/*! purgecss end ignore */
.attachment-group {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 0.5px solid rgb(94.6470588235%, 94.6470588235%, 94.6470588235%);
}
.attachment-group h3 {
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 500;
  color: #4f008c;
  margin-bottom: 10px;
}
.attachment-group h4 {
  font-size: 1rem;
  font-weight: 500;
  color: #1d252d;
  margin-bottom: 5px;
}
.attachment-group h5 {
  text-transform: uppercase;
  font-size: 0.8rem;
  color: #a2a5b9;
}
.attachment-group .attachment-title {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 1rem;
  color: #4f008c;
  margin-bottom: 10px;
}
body.is-dark .attachment-group .attachment-title {
  color: #797bf2;
}
.attachment-group .attachment-title svg {
  width: 18px;
  margin-right: 5px;
}
[dir=rtl] .attachment-group .attachment-title svg {
  margin-right: 0;
  margin-left: 5px;
}
.attachment-group .attachment-files .file-box {
  display: flex;
  align-items: center;
  padding: 8px;
  margin-bottom: 8px;
  background: #fff;
  border: 1px solid transparent;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s;
}
.attachment-group .attachment-files .file-box:last-child {
  margin-bottom: 0;
}
.attachment-group .attachment-files .file-box:hover {
  border-color: rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.attachment-group .attachment-files .file-box img {
  display: block;
  width: 38px;
  min-width: 38px;
  height: 38px;
}
.attachment-group .attachment-files .file-box .meta {
  margin-left: 12px;
  line-height: 1.4;
}
[dir=rtl] .attachment-group .attachment-files .file-box .meta {
  margin-left: 0;
  margin-right: 12px;
}
.attachment-group .attachment-files .file-box .meta span {
  display: block;
}
.attachment-group .attachment-files .file-box .meta span:first-child {
  font-size: 0.9rem;
  font-weight: 500;
  color: #1d252d;
}
.attachment-group .attachment-files .file-box .meta span:nth-child(2) {
  font-size: 0.9rem;
  color: #a2a5b9;
}
.attachment-group .attachment-files .file-box .meta span:nth-child(2) i {
  position: relative;
  top: -3px;
  font-size: 0.3rem;
  color: #a2a5b9;
  margin: 0 4px;
}
.attachment-group .attachment-files .file-box .dropdown {
  margin-left: auto;
}
[dir=rtl] .attachment-group .attachment-files .file-box .dropdown {
  margin-left: 0;
  margin-right: auto;
}

/* ==========================================================================
1. Create Topic
========================================================================== */
@media only screen and (max-width: 1024px) {
  .topic-form .page-content {
    padding: 0;
  }
  .topic-form .page-content .stepper-form {
    padding-top: 4rem;
  }
  @supports (padding-top: max(4rem)) {
    .topic-form .page-content .stepper-form {
      padding-top: calc(4rem + env(safe-area-inset-top));
    }
  }
  .topic-form .page-content .stepper-form .form-section {
    padding: 20px 12px;
  }
  .topic-form .navigation-buttons {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 10px 20px;
    z-index: 1111;
    left: 0;
    border-top: 1px solid #ededed;
    background-color: #fff;
    transition: transform 0.38s ease;
    height: auto;
    padding: 10px 20px calc(env(safe-area-inset-bottom) + 10px) !important;
  }
  @supports (top: max(10px)) {
    .topic-form .navigation-buttons {
      padding-bottom: calc(env(safe-area-inset-bottom) + 10px);
    }
  }
  .topic-form .navigation-buttons .buttons {
    margin: 0 !important;
  }
  .topic-form .preview-section {
    display: none;
  }
  .topic-form .form-section.admin {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
.topic-form .radio-boxes {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 1rem;
}
.topic-form .radio-boxes .radio-box {
  position: relative;
  width: auto;
  margin-right: 8px;
}
[dir=rtl] .topic-form .radio-boxes .radio-box {
  margin-right: 0;
  margin-left: 8px;
}
.topic-form .radio-boxes .radio-box:last-child {
  margin: 0;
}
.topic-form .radio-boxes .radio-box input {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.topic-form .radio-boxes .radio-box input:checked + .radio-box-inner {
  background: rgb(95.1644257703%, 88.9019607843%, 100%);
}
.topic-form .radio-boxes .radio-box input:checked + .radio-box-inner span {
  color: #4f008c;
}
.topic-form .radio-boxes .radio-box .radio-box-inner {
  background: #f9f9f9;
  text-align: center;
  border-radius: 4px;
  transition: all 0.3s;
  padding: 5px 8px;
}
.topic-form .radio-boxes .radio-box .radio-box-inner span {
  font-weight: 600;
  color: #1d252d;
  font-size: 0.75rem;
}
.topic-form .preview-section {
  width: 100%;
  max-width: 440px;
}
.topic-form .action {
  margin-left: auto;
}
.topic-form .action button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 38px;
  width: 38px;
  min-width: 38px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  border-radius: 0.5rem;
  transition: background-color 0.3s;
}
.topic-form .action button:hover {
  background: rgb(94.7450980392%, 95.2705882353%, 97.3725490196%);
}
.topic-form .action button svg {
  height: 18px;
  width: 18px;
  stroke-width: 1.5px;
}
.topic-form .ck.ck-editor__editable[role=textbox], .topic-form .ck.editor[role=textbox] {
  max-height: 400px;
  min-height: 200px;
}
@media only screen and (max-width: 1024px) {
  .topic-form .ck.ck-editor__editable[role=textbox], .topic-form .ck.editor[role=textbox] {
    max-height: 300px;
    min-height: 200px;
  }
}

.category-tag {
  display: flex;
  align-items: center;
  background: #f9f9f9;
  width: -moz-fit-content;
  width: fit-content;
  justify-content: flex-start;
  padding: 2px;
  border-radius: 518px;
  margin: 0.5rem 0;
}
body.is-dark .category-tag {
  background: #232326;
}
.category-tag .category-icon {
  width: 18px;
  height: 18px;
  min-height: 18px;
  min-width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgb(92.6470588235%, 92.6470588235%, 92.6470588235%);
}
.category-tag .category-name {
  margin: 0 5px;
  font-weight: 600;
  font-size: 0.7rem;
}

/* ==========================================================================
1. topics-category
========================================================================== */
.community-page {
  /*! purgecss start ignore */
}
.tippy-content .community-page .list-widget {
  box-shadow: none !important;
  padding: 0 !important;
}
.tippy-content .community-page .list-widget .topics-category {
  margin: 0;
  padding: 12px;
}
.community-page {
  /*! purgecss end ignore */
}

.image-editor > div {
  height: 100%;
}

.community-page.create {
  padding: 100px 0 60px;
}
.community-page .dashboard-card {
  padding: 30px;
}
.community-page .dashboard-card:not(:last-child) {
  margin-bottom: 1.5rem;
}
.community-page .dashboard-card .card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.community-page .dashboard-card .card-head h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #1d252d;
  margin-bottom: 0;
}
.community-page .dashboard-card .active-projects, .community-page .dashboard-card .active-team, .community-page .dashboard-card .active-list {
  padding: 10px 0;
}
.community-page .topics-feed .topics-feed-list .topics-feed-list-inner {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}
.community-page .topics-feed .topics-feed-list .topics-feed-list-inner .topics-feed-item {
  width: calc(50% - 24px);
  margin: 12px;
}
.community-page .add-new-topic.dashboard-card {
  padding: 0;
}
.community-page .add-new-topic .title-input {
  border: none;
  padding: 15px;
  border-radius: 6px 6px 0 0;
  height: 45px;
  font-weight: 500;
  font-size: 1rem;
  box-shadow: none;
}
[dir=rtl] .community-page .add-new-topic .title-input::-moz-placeholder {
  text-align: right;
}
[dir=rtl] .community-page .add-new-topic .title-input::placeholder {
  text-align: right;
}
.community-page .add-new-topic .poll-question-input {
  border: none;
  padding: 15px 15px 15px 40px;
  border-radius: 0 0;
  font-weight: 500;
  font-size: 1rem;
  border-bottom: 1px solid rgb(90.9411764706%, 90.9411764706%, 90.9411764706%);
  box-shadow: none;
}
body.is-dark .community-page .add-new-topic .poll-question-input {
  border-bottom: 1px solid rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
}
[dir=rtl] .community-page .add-new-topic .poll-question-input {
  padding: 15px 40px 15px 15px;
}
.community-page .add-new-topic .poll-answers-container .poll-answers-input {
  border: none;
  border-bottom: 1px solid rgb(90.9411764706%, 90.9411764706%, 90.9411764706%);
  padding: 15px 15px 15px 50px;
  border-radius: 0 0;
  font-weight: 400;
  font-size: 1rem;
  box-shadow: none;
}
[dir=rtl] .community-page .add-new-topic .poll-answers-container .poll-answers-input {
  padding: 15px 50px 15px 15px;
}
body.is-dark .community-page .add-new-topic .poll-answers-container .poll-answers-input {
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
}
.community-page .add-new-topic .poll-answers-container .form-icon {
  border-right: 1px solid rgb(90.9411764706%, 90.9411764706%, 90.9411764706%);
  border-bottom: 1px solid rgb(90.9411764706%, 90.9411764706%, 90.9411764706%);
  background: rgb(97.9411764706%, 97.9411764706%, 97.9411764706%);
  color: #a2a5b9;
}
[dir=rtl] .community-page .add-new-topic .poll-answers-container .form-icon {
  border-left: 1px solid rgb(90.9411764706%, 90.9411764706%, 90.9411764706%);
  border-right: none;
}
body.is-dark .community-page .add-new-topic .poll-answers-container .form-icon {
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
.community-page .topics-feed-item {
  position: relative;
  display: block;
  box-shadow: #dbd8d8 0 0 22px -6px;
  border-radius: 8px;
  background-color: #fff;
}
body.is-dark .community-page .topics-feed-item {
  border: none;
}
.community-page .topics-feed-item:not(:last-child) {
  margin-bottom: 35px;
}
.community-page .topics-feed-item.is-active {
  width: 100%;
  position: fixed;
  overflow: auto;
  bottom: 0;
  height: 100vh;
  max-width: 730px;
  top: 50%;
  padding: 20px;
  max-height: 800px;
  border-radius: 12px;
  left: 50%;
  background: #fff;
}
.community-page .topics-feed-item .featured-image {
  height: 100%;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}
.community-page .topics-feed-item .featured-image img, .community-page .topics-feed-item .featured-image video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(1) contrast(0.97);
  border-radius: 6px 6px 0 0;
}
.community-page .topics-feed-item .featured-image .plyrue .plyr {
  border-radius: 6px 6px 0 0;
}
.community-page .topics-feed-item .topic-header {
  height: auto;
  overflow: hidden;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.community-page .topics-feed-item .topic-header .category-tag {
  position: absolute;
  right: 10px;
  padding: 3px 6px;
  background: #fff;
  color: #999;
  top: 24px;
  border-radius: 50px;
  font-size: 0.8rem;
  font-weight: 600;
  z-index: 1;
}
.community-page .topics-feed-item .topic-header .meta {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 1.2rem;
  color: #1d252d;
  width: 100%;
  height: 100%;
  margin: 5px 0;
  padding: 0;
}
.community-page .topics-feed-item .topic-header .meta .media-flex-center .is-overlay .like-counter {
  padding: 3px 8px;
  border-radius: 8px;
  padding: 3px 8px;
  border-radius: 8px;
  line-height: 1.1;
  transform: translate(50%, 0px);
  right: 50%;
}
.community-page .topics-feed-item .topic-header .meta.light-text .title {
  color: #fff;
  text-shadow: 1px 1px 10px rgb(39, 47, 55);
  width: calc(100% - 30px);
}
.community-page .topics-feed-item .topic-header .meta.light-text .subtitle {
  color: #fff;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.community-page .topics-feed-item .topic-header .meta.light-text.light-text .media-flex-center {
  padding: 0;
  color: #fff;
}
.community-page .topics-feed-item .topic-header .meta.light-text.light-text .media-flex-center span {
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.community-page .topics-feed-item .topic-header .meta.light-text.light-text .media-flex-center span div {
  color: #FFFFFF;
}
.community-page .topics-feed-item .topic-header .meta.light-text.light-text .media-flex-center span .category-tags {
  background: white;
  color: #575767;
}
.community-page .topics-feed-item .topic-header .meta.light-text.light-text .media-flex-center span .name {
  color: #fff;
}
.community-page .topics-feed-item .topic-header .meta.light-text.light-text .media-flex-center span .time {
  color: #fff;
}
.community-page .topics-feed-item .topic-header .meta.light-text.light-text .media-flex-center .stats {
  transform: translateY(5px);
  opacity: 0;
}
.community-page .topics-feed-item .topic-header .meta.light-text.light-text .media-flex-center .stats.like {
  transform: translate(5px, 5px);
}
.community-page .topics-feed-item .topic-header .meta.light-text.light-text .media-flex-center .is-overlay svg .like {
  fill: #ffffff;
}
.community-page .topics-feed-item .topic-header .meta.light-text.light-text .media-flex-center .is-overlay .like-counter {
  padding: 3px 8px;
  border-radius: 8px;
  background-color: rgba(23.314531292%, 23.314531292%, 25.3129196884%, 0.31);
  line-height: 1.1;
  margin-top: 1px;
  color: white;
}
body.is-dark .community-page .topics-feed-item .topic-header .meta.light-text.light-text .media-flex-center .is-overlay .like-counter {
  background-color: rgba(23.314531292%, 23.314531292%, 25.3129196884%, 0.64);
}
.community-page .topics-feed-item .topic-header .meta.flex-start {
  padding: 10px 15px 0;
  padding-right: calc(15px + min(20px, env(safe-area-inset-right)));
  padding-left: calc(15px + min(20px, env(safe-area-inset-left)));
  align-items: flex-start;
}
.community-page .topics-feed-item .topic-header .meta.with-author {
  transition: all 0.3s;
  transform: translateY(25px);
  animation-fill-mode: both;
}
.community-page .topics-feed-item .topic-header .meta.with-author.is-active {
  transform: translateY(10px);
  transition: all 0.3s;
  animation-fill-mode: both;
  padding-bottom: 10px;
}
.community-page .topics-feed-item .topic-header .meta.with-author.is-active .title {
  transform: scale(0.88, 0.88);
}
.community-page .topics-feed-item .topic-header .meta.with-author.is-active .media-flex-center {
  transform: translate(0px, -14px);
}
.community-page .topics-feed-item .topic-header .meta.with-author.is-active .media-flex-center .flex-meta .category-tags {
  transform: scale(0.85, 0.85);
}
.community-page .topics-feed-item .topic-header .meta.with-author.is-active .media-flex-center .flex-meta .stats {
  opacity: 1;
  transform: translate(0, 26px);
}
.community-page .topics-feed-item .topic-header .meta.with-author.is-active .media-flex-center .flex-meta .stats.like {
  transform: translate(15px, 25px);
}
[dir=rtl] .community-page .topics-feed-item .topic-header .meta.with-author.is-active .media-flex-center .flex-meta .stats.like {
  transform: translate(-15px, 25px);
}
.community-page .topics-feed-item .topic-header .meta.with-author.light-text.is-active .media-flex-center .flex-meta .stats {
  opacity: 1;
  transform: translate(0, 26px);
}
.community-page .topics-feed-item .topic-header .meta.with-author.light-text.is-active .media-flex-center .flex-meta .stats.like {
  transform: translate(8px, 18px);
}
[dir=rtl] .community-page .topics-feed-item .topic-header .meta.with-author.light-text.is-active .media-flex-center .flex-meta .stats.like {
  transform: translate(-8px, 18px);
}
.community-page .topics-feed-item .topic-header .meta.with-author .title {
  width: calc(100% - 30px);
  margin: 0;
  transition: all 0.3s;
  animation-fill-mode: both;
  transform-origin: top left;
}
[dir=rtl] .community-page .topics-feed-item .topic-header .meta.with-author .title {
  transform-origin: top right;
}
.community-page .topics-feed-item .topic-header .meta.with-author .title {
  font-size: 1.5rem;
}
.community-page .topics-feed-item .topic-header .meta.with-author .subtitle {
  display: none;
}
.community-page .topics-feed-item .topic-header .meta.with-author .media-flex-center {
  margin: 5px -12px 5px;
  padding: 0;
  color: #fff;
  animation-fill-mode: both;
  transition: all 0.3s;
}
.community-page .topics-feed-item .topic-header .meta.with-author .media-flex-center span {
  opacity: 1;
  text-shadow: none;
}
.community-page .topics-feed-item .topic-header .meta.with-author .media-flex-center span div {
  color: #575767;
  font-size: 0.8rem;
}
body.is-dark .community-page .topics-feed-item .topic-header .meta.with-author .media-flex-center span div {
  color: #a2a5b9;
}
.community-page .topics-feed-item .topic-header .meta.with-author .media-flex-center span .category-tags {
  padding: 3px 8px;
  border-radius: 50px;
  background: rgb(94.2929971989%, 86.9019607843%, 100%);
  display: inline-flex;
  color: #4f008c;
  font-weight: 500;
  opacity: 0.8;
  font-size: 0.8rem;
  margin-top: 2px;
  animation-fill-mode: both;
  transition: all 0.3s;
  transform-origin: top left;
}
[dir=rtl] .community-page .topics-feed-item .topic-header .meta.with-author .media-flex-center span .category-tags {
  transform-origin: top right;
}
body.is-dark .community-page .topics-feed-item .topic-header .meta.with-author .media-flex-center span .category-tags {
  color: rgb(18.520010744%, 18.520010744%, 20.1074402364%) !important;
}
.community-page .topics-feed-item .topic-header .meta.with-author .media-flex-center .stats {
  transform: translateY(6px);
  opacity: 0;
  animation-fill-mode: both;
  transition: all 0.3s;
  align-content: center;
  align-items: center;
  display: flex;
}
.community-page .topics-feed-item .topic-header .meta.with-author .media-flex-center .stats .h-avatar {
  margin-right: 5px;
}
.community-page .topics-feed-item .topic-header .meta.with-author .media-flex-center .stats .h-avatar.is-small {
  max-width: 28px;
  min-width: 28px;
  max-height: 28px;
}
.community-page .topics-feed-item .topic-header .meta.with-author .media-flex-center .stats .h-avatar.is-small .avatar {
  width: 28px;
  min-width: 28px;
  height: 28px;
}
[dir=rtl] .community-page .topics-feed-item .topic-header .meta.with-author .media-flex-center .stats .h-avatar {
  margin-right: 0;
  margin-left: 5px;
}
.community-page .topics-feed-item .topic-header .meta.with-author .media-flex-center .stats.like {
  transform: translate(15px, 8px);
}
[dir=rtl] .community-page .topics-feed-item .topic-header .meta.with-author .media-flex-center .stats.like {
  transform: translate(-15px, 8px);
}
.community-page .topics-feed-item .topic-header .meta .title {
  font-size: 1rem;
}
.community-page .topics-feed-item .topic-header .meta .subtitle {
  padding: 2px 0 5px;
  opacity: 0.7;
  font-size: 0.8rem;
  font-weight: 400;
}
.community-page .topics-feed-item .topic-header .meta .subtitle .separator {
  padding: 0 5px;
  opacity: 0.6;
  text-align: center;
  display: inline-flex;
  color: inherit;
  font-weight: inherit;
}
.community-page .topics-feed-item .topic-content {
  position: relative;
  padding: 0 20px 20px 20px;
  background: #fefefe;
  border-radius: 12px 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.community-page .topics-feed-item .topic-content:first-of-type:last-of-type {
  margin-top: 0;
}
.community-page .topics-feed-item .topic-content:first-of-type {
  border-radius: 12px;
}
.community-page .topics-feed-item .topic-content .topic-details {
  overflow: hidden;
  font-size: 1rem;
  color: #575767;
  font-weight: 400;
  margin-bottom: 20px;
  padding-bottom: 20px;
  word-break: break-word;
}
.community-page .topics-feed-item .topic-content .topic-details.shorten {
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-bottom: 0;
  max-height: 208px;
  margin: 1rem 0;
}
.community-page .topics-feed-item .topic-content .topic-details:last-child {
  border-bottom: 0.5px solid rgb(94.6470588235%, 94.6470588235%, 94.6470588235%);
}
body.is-dark .community-page .topics-feed-item .topic-content .topic-details:last-child {
  border-color: rgb(28.1090518399%, 28.1090518399%, 30.5183991405%);
}
.community-page .topics-feed-item .topic-content .topic-details strong {
  color: inherit;
}
.community-page .topics-feed-item .topic-content .topic-details p, .community-page .topics-feed-item .topic-content .topic-details div, .community-page .topics-feed-item .topic-content .topic-details div > p, .community-page .topics-feed-item .topic-content .topic-details div > p > span, .community-page .topics-feed-item .topic-content .topic-details span {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
}
.community-page .topics-feed-item .topic-content .level-info {
  background: #4F008C;
  position: relative;
  overflow: hidden;
  gap: 24px;
  height: 220px;
  border-radius: 8px;
  margin-bottom: 20px;
}
.community-page .topics-feed-item .topic-content .level-info .background, .community-page .topics-feed-item .topic-content .level-info .background-mobile {
  position: absolute;
  top: 0px;
  left: 0px;
}
.community-page .topics-feed-item .topic-content .level-info .background-mobile {
  width: 100%;
  display: none;
}
.community-page .topics-feed-item .topic-content .level-info .content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.community-page .topics-feed-item .topic-content .level-info .content img {
  height: 128px !important;
  width: 126px !important;
  border-radius: 0px;
  margin-top: 30px;
  -o-object-fit: contain;
     object-fit: contain;
}
.community-page .topics-feed-item .topic-content .level-info .content h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  color: #FFFFFF;
  margin-top: 5px;
}
.community-page .topics-feed-item .topic-content .success-info {
  position: relative;
}
.community-page .topics-feed-item .topic-content .success-info .rtl-label, .community-page .topics-feed-item .topic-content .success-info .ltr-label {
  position: absolute;
  top: -5px;
}
.community-page .topics-feed-item .topic-content .success-info .rtl-label {
  left: -26px;
}
.community-page .topics-feed-item .topic-content .success-info .ltr-label {
  right: -26px;
}
.community-page .topics-feed-item .topic-content .margin-top {
  margin-top: 40px !important;
}
.community-page .topics-feed-item .topic-content h4 {
  margin-bottom: 2px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #1d252d;
}
body.is-dark .community-page .topics-feed-item .topic-content h4 {
  color: #a2a5b9;
}
.community-page .topics-feed-item .topic-content small {
  margin-bottom: 10px;
  color: #8e9aa0;
  font-weight: 500;
  display: inline-block;
  border-radius: 50px;
  opacity: 0.6;
}
.community-page .topics-feed-item .topic-content .featured-image {
  margin: 0 -20px 20px -20px;
  max-height: 200px;
  height: 100%;
}
.community-page .topics-feed-item .topic-content .featured-image img, .community-page .topics-feed-item .topic-content .featured-image video, .community-page .topics-feed-item .topic-content .featured-image .plyrue {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
.community-page .topics-feed-item .topic-content .media-flex-center .flex-meta span {
  font-size: 0.8rem;
  line-height: 1.6;
}
.community-page .topics-feed-item .topic-content .media-flex-center .flex-meta span .separator {
  padding: 0 3px;
  opacity: 0.6;
  text-align: center;
  display: inline-flex;
  color: inherit;
  font-weight: inherit;
}
.community-page .topics-feed-item .topic-content .media-flex-center .flex-meta span .time {
  margin-bottom: 0;
  font-size: 0.8rem;
  line-height: 1.6;
  color: #a2a5b9;
  font-weight: 400;
  opacity: 1;
}
.community-page .topics-feed-item .topic-content .media-flex-center .flex-meta span a {
  color: inherit;
  transition: color 0.3s;
  font-weight: 500;
}
.community-page .topics-feed-item .topic-content .media-flex-center .flex-meta span a:hover {
  color: #4f008c;
}
body.is-dark .community-page .topics-feed-item .topic-content .media-flex-center .flex-meta span a:hover {
  color: #797bf2;
}
.community-page .topics-feed-item .topic-content .media-flex-center .block-stats {
  display: flex;
  color: #8e9aa0;
  align-self: center;
  margin-left: auto;
  max-height: 35px;
}
[dir=rtl] .community-page .topics-feed-item .topic-content .media-flex-center .block-stats {
  margin-right: auto;
  margin-left: 0;
}
.community-page .topics-feed-item .topic-content .media-flex-center .block-stats.is-liked .is-liked {
  stroke: #ff375e;
  fill: #ff375e;
}
.community-page .topics-feed-item .topic-content .media-flex-center .block-stats.is-commented .is-commented {
  stroke: #4f008c;
  fill: #4f008c;
}
.community-page .topics-feed-item .topic-content .media-flex-center .block-stats span svg {
  height: 15px;
  width: 15px;
  stroke-width: 1px;
  margin-right: 0.25rem;
}
[dir=rtl] .community-page .topics-feed-item .topic-content .media-flex-center .block-stats span svg {
  margin-left: 0.25rem;
  margin-right: 0;
}
.community-page .topics-feed-item .topic-content .media-flex-center .block-stats span {
  display: flex;
  align-items: center;
}
.community-page .topics-feed-item .topic-content .topic-comments {
  margin: 0 0 10px;
}
.community-page .topics-feed-item .topic-content .topic-comments h4 {
  margin: 20px 0;
  font-weight: 600;
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items {
  padding: 10px 20px 10px;
  margin: 0 -20px;
  transition: color 1.5s;
  animation-fill-mode: both;
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items .comment-container {
  display: flex;
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items .comment-container .block-stats {
  display: flex;
  flex-direction: column;
  color: #8e9aa0;
  align-self: center;
  position: relative;
  width: 30px;
  height: 30px;
  margin-right: 2px;
  transition: all 0.3s;
}
[dir=rtl] .community-page .topics-feed-item .topic-content .topic-comments .comment-items .comment-container .block-stats {
  margin-right: 0;
  margin-left: 2px;
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items .comment-container .block-stats.has-likes {
  transform: translate(0, -6px);
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items .comment-container .block-stats .is-liked .is-liked {
  stroke: #ff375e;
  fill: #ff375e;
  transform-origin: 0px 0px;
  opacity: 1;
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items .comment-container .block-stats .is-liked .like {
  transform-origin: 0 0px;
  opacity: 1;
  fill: #cecece;
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items .comment-container .block-stats .like-counter {
  text-align: center;
  font-size: 0.85rem;
  position: absolute;
  top: 15px;
  left: calc(50% - 1px);
  transform: translate(-50%, 10px);
}
[dir=rtl] .community-page .topics-feed-item .topic-content .topic-comments .comment-items .comment-container .block-stats .like-counter {
  left: calc(50% + 1px);
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items .comment-container .block-stats.is-commented .is-commented {
  stroke: #4f008c;
  fill: #4f008c;
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items .comment-container .block-stats svg {
  height: 100px;
  width: 100px;
  stroke-width: 1px;
  transform: translateX(calc(-36% - 0px)) translateY(calc(-36% - 0px)) !important;
}
[dir=rtl] .community-page .topics-feed-item .topic-content .topic-comments .comment-items .comment-container .block-stats svg {
  transform: translateX(calc(36% - 0px)) translateY(calc(-36% - 0px)) !important;
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items .comment-container .block-stats svg .like {
  fill: #AAB8C2;
}
body.is-dark .community-page .topics-feed-item .topic-content .topic-comments .comment-items .comment-container .block-stats svg .like {
  fill: #cecece;
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items .comment-container .block-stats svg .is-liked {
  fill: #ff375e;
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items .content {
  background: #eee;
  padding: 20px 15px;
  width: 100%;
  margin: 0 10px 0 40px;
  border-radius: 0 10px 10px;
  font-weight: 400;
  color: #1d252d;
  word-break: break-word;
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items .content a {
  color: #4f008c;
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items .content a:hover {
  opacity: 0.7;
}
body.is-dark .community-page .topics-feed-item .topic-content .topic-comments .comment-items .content {
  background: rgb(28.1090518399%, 28.1090518399%, 30.5183991405%);
  color: #cecece;
}
body.is-dark .community-page .topics-feed-item .topic-content .topic-comments .comment-items .content a {
  color: rgb(56.5666266507%, 57.2148859544%, 95.7863145258%);
}
[dir=rtl] .community-page .topics-feed-item .topic-content .topic-comments .comment-items .content {
  border-radius: 10px 0px 10px 10px;
  margin: 0 40px 0 10px;
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items .content p {
  color: #1d252d;
  font-weight: 400;
}
body.is-dark .community-page .topics-feed-item .topic-content .topic-comments .comment-items .content p {
  color: #a2a5b9;
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items .content a span {
  color: #4f008c;
  font-weight: 500;
  transition: all 0.3s;
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items .content a span:hover {
  opacity: 0.6;
}
body.is-dark .community-page .topics-feed-item .topic-content .topic-comments .comment-items .content a span {
  color: #797bf2;
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items .content .buttons {
  margin-top: 15px;
  justify-content: flex-end;
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items .content iframe {
  width: 100%;
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items.has-reply {
  position: relative;
  overflow: hidden;
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items.has-reply:before {
  content: "";
  position: absolute;
  top: 45px;
  left: 35px;
  width: 1px;
  height: calc(100% - 80px);
  z-index: 0;
  border-left: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
}
body.is-dark .community-page .topics-feed-item .topic-content .topic-comments .comment-items.has-reply:before {
  border-left: 1px solid rgb(23.314531292%, 23.314531292%, 25.3129196884%);
}
[dir=rtl] .community-page .topics-feed-item .topic-content .topic-comments .comment-items.has-reply:before {
  left: inherit;
  right: 35px;
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items.has-reply .reply:last-child {
  overflow: hidden;
  position: relative;
  padding-bottom: 0;
  padding-top: 20px;
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items.has-reply .reply:last-child:before {
  content: "";
  position: absolute;
  top: 28px;
  left: 35px;
  width: 3px;
  height: calc(100% + 82px);
  z-index: 0;
  border-left: 3px solid #ffffff;
}
[dir=rtl] .community-page .topics-feed-item .topic-content .topic-comments .comment-items.has-reply .reply:last-child:before {
  left: inherit;
  right: 35px;
}
body.is-dark .community-page .topics-feed-item .topic-content .topic-comments .comment-items.has-reply .reply:last-child:before {
  border-left: 3px solid rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items.reply-to-this {
  background: rgb(94.3333333333%, 94.3333333333%, 94.3333333333%);
}
body.is-dark .community-page .topics-feed-item .topic-content .topic-comments .comment-items.reply-to-this {
  background: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%);
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items.reply-to-this {
  transition: color 1.5s;
  animation-fill-mode: both;
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items.reply-to-this .comment-container .content {
  background: rgb(91.3333333333%, 91.3333333333%, 91.3333333333%);
}
body.is-dark .community-page .topics-feed-item .topic-content .topic-comments .comment-items.reply-to-this .comment-container .content {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items.reply-to-this.has-reply .reply:last-child:before {
  border-left: 3px solid rgb(94.3333333333%, 94.3333333333%, 94.3333333333%);
}
body.is-dark .community-page .topics-feed-item .topic-content .topic-comments .comment-items.reply-to-this.has-reply .reply:last-child:before {
  border-left: 3px solid rgb(21.3967230728%, 21.3967230728%, 23.2307279076%);
}
.community-page .topics-feed-item .topic-content .topic-comments .comment-items .media-flex-center {
  margin-top: 0;
  margin-bottom: 10px;
}
.community-page .topics-feed-item .topic-content .topic-comments .comments-placeholder {
  padding: 25px;
  background: #ededed;
  text-align: center;
  border-radius: 6px;
}
.community-page .topics-feed-item .topic-content .topic-comments .comments-placeholder span {
  color: #8e9aa0;
  font-weight: 600;
}
body.is-dark .community-page .topics-feed-item .topic-content .topic-comments .comments-placeholder {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
body.is-dark .community-page .topics-feed-item .topic-content .topic-comments .comments-placeholder span {
  color: #a2a5b9;
}
.community-page .topics-feed-item .topic-content .slider-container {
  margin-left: -20px;
  margin-right: -20px;
}
.community-page .topics-feed-item .topic-content .slider-container .swiper {
  padding: 0 20px;
}
.community-page .topics-feed-item .topic-content .slider-container .swiper-pagination {
  position: unset;
  margin-top: -15px;
  margin-bottom: 15px;
}
.community-page .topics-feed-item .topic-content .slider-container .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 6px 0 0;
  cursor: pointer;
  transition: width 0.3s;
  background: unset;
  border-radius: 0;
  opacity: 1;
}
[dir=rtl] .community-page .topics-feed-item .topic-content .slider-container .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0 0 6px;
}
.community-page .topics-feed-item .topic-content .slider-container .swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  background: #A54EE1;
  border-radius: 4px;
  height: 4px;
  opacity: 0.3;
  transform: translateY(-50%);
  transition: background-color 0.3s, opacity 0.3s;
}
body.is-dark .community-page .topics-feed-item .topic-content .slider-container .swiper-pagination .swiper-pagination-bullet::after {
  background-color: rgb(65.6822729092%, 66.1944777911%, 96.6706682673%);
}
.community-page .topics-feed-item .topic-content .slider-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 20px;
}
.community-page .topics-feed-item .topic-content .slider-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  background-color: #4f008c;
  opacity: 1;
}
body.is-dark .community-page .topics-feed-item .topic-content .slider-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  background-color: #797bf2;
}
.community-page .topics-feed-item .reply-area-footer {
  display: flex;
  border-top: 1px solid #eef2f4;
  border-radius: 0 0 12px 12px;
  width: 100%;
  padding: 10px 20px;
  align-items: center;
  background-color: #fff;
  bottom: -65px;
  left: 0;
  right: 0;
  margin: 0 auto;
  overflow: hidden;
}
.community-page .topics-feed-item .reply-area-footer .reply-container {
  display: flex;
  width: 100%;
  align-self: flex-start;
  align-items: center;
  align-content: flex-start;
}
.community-page .topics-feed-item .reply-area-footer .reply-container .reply-content {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.community-page .topics-feed-item .reply-area-footer textarea {
  border: 1px solid transparent;
  outline: none;
  color: #273346;
  background-color: #f8f8fa;
  padding: 12px;
  border-radius: 6px;
  font-size: 15px;
  z-index: 2;
}
[dir=rtl] .community-page .topics-feed-item .reply-area-footer textarea {
  direction: rtl;
}
.community-page .topics-feed-item .reply-area-footer textarea {
  width: 100%;
  transition: all 0.3s;
}
.community-page .topics-feed-item .reply-area-footer textarea::-moz-placeholder {
  color: #a2a2a2;
}
.community-page .topics-feed-item .reply-area-footer textarea::placeholder {
  color: #a2a2a2;
}
.community-page .topics-feed-item .reply-area-footer textarea:focus {
  background: #fff;
  border-color: rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
body.is-dark .community-page .topics-feed-item .reply-area-footer textarea {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
  color: #cecece;
}
body.is-dark .community-page .topics-feed-item .reply-area-footer textarea:focus {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
  border-color: rgb(16.6022025248%, 16.6022025248%, 18.0252484555%);
  box-shadow: none;
}
.community-page .topics-feed-item .reply-area-footer .send-button {
  display: flex;
  align-self: center;
  opacity: 1;
  pointer-events: none;
  transition: 0.3s all;
  margin-left: 10px;
  transform: translateX(0);
  z-index: 1;
  background: #aab8c2;
  border: none;
}
body.is-dark .community-page .topics-feed-item .reply-area-footer .send-button {
  background: #797bf2;
  opacity: 0.5;
}
[dir=rtl] .community-page .topics-feed-item .reply-area-footer .send-button {
  margin-right: 10px;
  margin-left: 0;
}
.community-page .topics-feed-item .reply-area-footer .send-button.can-send {
  pointer-events: all;
  background: #4f008c;
}
body.is-dark .community-page .topics-feed-item .reply-area-footer .send-button.can-send {
  background: #797bf2;
  opacity: 1;
}
.community-page .topics-feed-item .reply-area-footer .send-button svg {
  height: 20px;
  width: 20px;
  stroke-width: 1.8px;
  -webkit-transition: stroke 0.3s;
  fill: none;
  transition: stroke 0.3s;
  transform: translate(-2px, 0px) rotate(45deg);
}
[dir=rtl] .community-page .topics-feed-item .reply-area-footer .send-button svg {
  transform: translate(2px, 0px) rotate(-135deg);
}
.community-page .topics-feed-item .reply-area-footer .add-content > div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
}
.community-page .topics-feed-item .reply-area-footer .add-content .dropdown-content a {
  display: flex;
  align-items: center;
}
.community-page .topics-feed-item .reply-area-footer .add-content .dropdown-content a svg {
  height: 18px;
  width: 18px;
  stroke: #999;
}
.community-page .topics-feed-item .reply-area-footer .add-content .dropdown-content a .meta {
  margin-left: 12px;
}
.community-page .topics-feed-item .reply-area-footer .add-content .dropdown-content a .meta span {
  display: block;
}
.community-page .topics-feed-item .reply-area-footer .add-content .dropdown-content a .meta span:first-child {
  font-size: 0.9rem;
  font-weight: 500;
  color: #1d252d;
}
.community-page .topics-feed-item .reply-area-footer .add-content .dropdown-content a .meta span:nth-child(2) {
  font-size: 0.9rem;
  color: #999;
}
.community-page .topics-feed-item .reply-area-footer .add-like {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 42px;
  pointer-events: all;
  /*&.hide-like {
      opacity: 0;
      pointer-events: none;
      transform: translateX(50px);
      transition: 0.3s all;
      [dir=rtl] & {
          transform: translateX(-50px);
      }
  }*/
}
.community-page .topics-feed-item .add-like {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 42px;
  pointer-events: all;
  margin: -18px 20px 0;
  /*&.hide-like {
      opacity: 0;
      pointer-events: none;
      transform: translateX(50px);
      transition: 0.3s all;
      [dir=rtl] & {
          transform: translateX(-50px);
      }
  }*/
}
.community-page .topics-feed-item .reply-header {
  background: #f9f9f9;
  padding: 12px 12px 12px 20px;
  border-radius: 0;
  display: flex;
  align-items: center;
  position: absolute;
  width: 100%;
  transform: translateY(0px);
  bottom: 0;
  visibility: hidden;
  pointer-events: none;
  opacity: 1;
  transition: all 0.3s;
}
@supports (bottom: max(0px)) {
  .community-page .topics-feed-item .reply-header {
    bottom: calc(min(34px, env(safe-area-inset-top)) + 0px);
  }
}
[dir=rtl] .community-page .topics-feed-item .reply-header {
  padding: 12px 20px 12px 12px;
}
.community-page .topics-feed-item .reply-header > span {
  margin-top: 1px;
  font-weight: 400;
  font-size: 0.9rem;
}
.community-page .topics-feed-item .reply-header.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateY(-64px);
}
.community-page .topics-feed-item .reply-header a {
  color: #4f008c;
  font-weight: 500;
}
.community-page .topics-feed-item .reply-header a:hover {
  opacity: 0.7;
}
.community-page .topics-feed-item .reply-header .end {
  margin-left: auto;
  display: flex;
  align-items: center;
}
[dir=rtl] .community-page .topics-feed-item .reply-header .end {
  margin-left: 0;
  margin-right: auto;
}
.community-page .topics-feed-item .reply-header .end .separator {
  padding: 0 3px 0;
  font-weight: 100;
  border-left: 1px solid #e5e5e5;
  height: 20px;
  align-self: center;
}
[dir=rtl] .community-page .topics-feed-item .reply-header .end .separator {
  border-right: 1px solid #e5e5e5;
  border-left: none;
}
.community-page .topics-feed-item .reply-header .end .reply-header-close {
  background: #8e9aa0;
  border: 0;
  border-radius: 108px;
  z-index: 1;
  width: 20px;
  height: 20px;
  padding: 0;
  margin-left: 5px;
  cursor: pointer;
}
[dir=rtl] .community-page .topics-feed-item .reply-header .end .reply-header-close {
  margin-left: 0;
  margin-right: 5px;
}
.community-page .topics-feed-item .reply-header .end .reply-header-close svg {
  width: 14px;
  height: 20px;
  stroke-width: 2px;
  color: white;
}
body.is-dark .community-page .topics-feed-item .reply-header {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
  color: #a2a5b9;
}
body.is-dark .community-page .topics-feed-item .reply-header a {
  color: #797bf2;
}
body.is-dark .community-page .topics-feed-item .reply-header .end .separator {
  border-color: rgb(16.6022025248%, 16.6022025248%, 18.0252484555%);
}
body.is-dark .community-page .topics-feed-item .reply-header .reply-header-close {
  background: rgb(32.9035723879%, 32.9035723879%, 35.7238785925%);
}
body.is-dark .community-page .topics-feed-item .reply-header .reply-header-close svg {
  opacity: 0.5;
}
.community-page .feed-modal {
  width: 100%;
  position: fixed;
  z-index: 11111;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 750px;
  border-radius: 12px;
  left: 50%;
  background: #F2F2F2;
}
body.is-dark .community-page .feed-modal {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
.community-page .feed-modal .topic-modal-close-trigger {
  border-radius: 108px;
  position: absolute;
  z-index: 11;
  top: 0;
  width: 66px;
  right: 0;
  height: min(64px, env(safe-area-inset-top) + 49px);
}
[dir=rtl] .community-page .feed-modal .topic-modal-close-trigger {
  left: 0;
  right: unset;
}
.community-page .feed-modal .topic-modal-close {
  background: rgba(64, 64, 70, 0.4784313725);
  border: 0;
  border-radius: 108px;
  position: absolute;
  z-index: 10;
  top: 10px;
  padding: 2px 5px;
  width: 28px;
  height: 28px;
  backdrop-filter: blur(10px);
  right: 20px;
}
@supports (top: max(10px)) {
  .community-page .feed-modal .topic-modal-close {
    top: calc(min(20px, env(safe-area-inset-top)) + 15px);
  }
}
.community-page .feed-modal .topic-modal-close {
  margin: 0 calc(min(12px, env(safe-area-inset-left)) + 0px);
}
[dir=rtl] .community-page .feed-modal .topic-modal-close {
  left: 20px;
  right: unset;
}
.community-page .feed-modal .topic-modal-close svg {
  width: 18px;
  stroke-width: 2.5px;
  color: #eeeeee;
}
.community-page .feed-modal .featured-image {
  height: auto;
  max-height: calc(100px + env(safe-area-inset-top));
  min-height: calc(100px + env(safe-area-inset-top));
  width: calc(100% + 2px);
  transform: translate(0px, 0px);
  background: #f2f2f2;
  overflow: hidden;
  position: absolute;
  border-radius: 12px 12px 0 0;
}
[dir=rtl] .community-page .feed-modal .featured-image {
  margin: 0 -2px;
}
body.is-dark .community-page .feed-modal .featured-image {
  background-color: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
.community-page .feed-modal .featured-image.has-featured-image {
  max-height: calc(40vh + env(safe-area-inset-top));
  background: transparent;
}
.community-page .feed-modal .featured-image .overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  opacity: 0;
  background-image: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 70%, rgba(0, 0, 0, 0.22) 120%);
}
.community-page .feed-modal .featured-image img, .community-page .feed-modal .featured-image video, .community-page .feed-modal .featured-image .plyrue {
  max-height: calc(40vh + env(safe-area-inset-top));
  border-radius: 0;
}
.community-page .feed-modal .featured-image .plyr--fullscreen-enabled video {
  height: 100%;
}
.community-page .feed-modal .topic-header {
  height: auto;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}
.community-page .feed-modal .topic-header .media-flex-center {
  margin-top: 5px;
  padding: 0 20px;
  width: 100%;
}
.community-page .feed-modal .topic-header .media-flex-center .flex-meta span {
  font-size: 0.9rem;
}
.community-page .feed-modal .topic-header .media-flex-center .flex-meta span .separator {
  padding: 0 4px;
  opacity: 0.6;
  text-align: center;
  display: inline-flex;
  color: inherit;
  font-weight: 400;
  font-size: 0.7rem;
  line-height: 1;
}
.community-page .feed-modal .topic-header .media-flex-center .flex-meta span a {
  color: inherit;
  transition: color 0.3s;
  font-weight: 500;
}
.community-page .feed-modal .topic-header .media-flex-center .flex-meta span a:hover {
  color: #4f008c;
}
body.is-dark .community-page .feed-modal .topic-header .media-flex-center .flex-meta span a:hover {
  color: #797bf2;
}
body.is-dark .community-page .feed-modal .topic-header .media-flex-center .flex-meta span a.name {
  color: #cecece;
}
.community-page .feed-modal .topic-header .media-flex-center .flex-meta span .time {
  font-weight: 400;
  font-size: 0.8rem;
}
.community-page .feed-modal .topics-feed-item {
  transition: 0s;
  overflow: hidden;
  background: transparent !important;
  box-shadow: none;
  border: none;
}
body.is-dark .community-page .feed-modal .topics-feed-item {
  border: none;
}
.community-page .feed-modal .topics-feed-item .topic-modal {
  max-height: var(--content);
  overflow-y: auto;
  overflow-x: clip;
  height: auto;
  min-height: 30vh;
}
.community-page .feed-modal .topics-feed-item .topic-content-header {
  border-radius: 12px 12px 0 0;
  height: 30px;
  background: #fff;
  position: relative;
}
.community-page .feed-modal .topics-feed-item .topic-content {
  border-radius: 12px 12px 0 0;
}
.community-page .feed-modal .topics-feed-item .topic-content .media-flex-center {
  margin-top: 10px;
  margin-bottom: 30px;
}
.community-page .feed-modal .topics-feed-item .topic-content .media-flex-center.separator {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 0.5px solid #c6c6c6;
  margin-top: 20px;
}
.community-page .feed-modal .topics-feed-item .topic-content .media-flex-center .flex-meta {
  width: 100%;
}
.community-page .feed-modal .topics-feed-item .topic-content .media-flex-center .block-stats .add-like .is-overlay {
  background: transparent;
}
.community-page .feed-modal .topics-feed-item .topic-content .media-flex-center .block-stats .add-like .is-overlay .like-counter {
  color: #a2a5b9;
  text-shadow: none;
  font-weight: 600;
  font-size: 0.78rem;
}
.community-page .feed-modal .topics-feed-item .topic-content .media-flex-center .block-stats .add-like .is-overlay .like-counter {
  line-height: 1.1;
  transform: translate(50%, 0px);
  right: 50%;
  margin-top: -2px;
}
.community-page .feed-modal .topics-feed-item .topic-content:first-of-type {
  border-radius: 0;
}
.community-page .feed-modal .topics-feed-item .topic-content h4, .community-page .feed-modal .topics-feed-item .topic-content p {
  overflow: inherit;
  max-height: inherit;
}
.community-page .feed-modal-bg {
  position: fixed;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  z-index: 499;
  background: rgba(50, 50, 54, 0.33);
  opacity: 0.6;
}
body.is-dark .community-page .feed-modal-bg {
  background: rgba(96, 96, 99, 0.86);
}
.community-page .my-comments {
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: #ececec 0px 0px 3px 1px;
  margin-bottom: 25px;
  position: relative;
}
body.is-dark .community-page .my-comments {
  background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  box-shadow: #323236 0px 8px 24px;
}
.community-page .my-comments .comment-items {
  padding: 0;
  margin: 0;
  transition: color 1.5s;
  animation-fill-mode: both;
}
.community-page .my-comments .comment-items .comment-container {
  display: flex;
}
.community-page .my-comments .comment-items .comment-container .block-stats {
  display: block;
  color: #8e9aa0;
  align-self: center;
  overflow: hidden;
  position: relative;
  width: 30px;
  height: 30px;
  margin-right: 2px;
  cursor: pointer;
}
[dir=rtl] .community-page .my-comments .comment-items .comment-container .block-stats {
  margin-right: 0;
  margin-left: 2px;
}
.community-page .my-comments .comment-items .comment-container .block-stats .is-liked .is-liked {
  stroke: #ff375e;
  fill: #ff375e;
  transform-origin: 0px 0px;
  opacity: 1;
}
.community-page .my-comments .comment-items .comment-container .block-stats .is-liked .like {
  transform-origin: 0px 0px;
  opacity: 1;
  fill: #cecece;
}
.community-page .my-comments .comment-items .comment-container .block-stats.is-commented .is-commented {
  stroke: #4f008c;
  fill: #4f008c;
}
.community-page .my-comments .comment-items .comment-container .block-stats svg {
  height: 100px;
  width: 100px;
  stroke-width: 1px;
  transform: translateX(calc(-36% - 0px)) translateY(calc(-36% - 0px)) !important;
}
[dir=rtl] .community-page .my-comments .comment-items .comment-container .block-stats svg {
  transform: translateX(calc(36% - 0px)) translateY(calc(-36% - 0px)) !important;
}
.community-page .my-comments .comment-items .comment-container .block-stats svg .like {
  fill: #AAB8C2;
}
body.is-dark .community-page .my-comments .comment-items .comment-container .block-stats svg .like {
  fill: #cecece;
}
.community-page .my-comments .comment-items .comment-container .block-stats svg .is-liked {
  fill: #ff375e;
}
.community-page .my-comments .comment-items .content {
  background: #eee;
  padding: 20px 15px;
  width: 100%;
  margin: 0 10px 0 40px;
  border-radius: 0 10px 10px;
  font-weight: 400;
  color: #1d252d;
  word-break: break-word;
}
body.is-dark .community-page .my-comments .comment-items .content {
  background: rgb(28.1090518399%, 28.1090518399%, 30.5183991405%);
  color: #cecece;
}
[dir=rtl] .community-page .my-comments .comment-items .content {
  border-radius: 10px 0px 10px 10px;
  margin: 0 40px 0 10px;
}
.community-page .my-comments .comment-items .content p {
  color: #1d252d;
  font-weight: 400;
}
body.is-dark .community-page .my-comments .comment-items .content p {
  color: #a2a5b9;
}
.community-page .my-comments .comment-items .content a span {
  color: #4f008c;
  font-weight: 500;
  transition: all 0.3s;
}
.community-page .my-comments .comment-items .content a span:hover {
  opacity: 0.6;
}
body.is-dark .community-page .my-comments .comment-items .content a span {
  color: #797bf2;
}
.community-page .my-comments .comment-items .content .buttons {
  margin-top: 15px;
  justify-content: flex-end;
}
.community-page .my-comments .comment-items .content iframe {
  width: 100%;
}
.community-page .my-comments .comment-items.has-reply {
  position: relative;
  overflow: hidden;
}
.community-page .my-comments .comment-items.has-reply:before {
  content: "";
  position: absolute;
  top: 45px;
  left: 35px;
  width: 1px;
  height: calc(100% - 80px);
  z-index: 0;
  border-left: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
}
body.is-dark .community-page .my-comments .comment-items.has-reply:before {
  border-left: 1px solid rgb(23.314531292%, 23.314531292%, 25.3129196884%);
}
[dir=rtl] .community-page .my-comments .comment-items.has-reply:before {
  left: inherit;
  right: 35px;
}
.community-page .my-comments .comment-items.has-reply .reply:last-child {
  overflow: hidden;
  position: relative;
  padding-bottom: 0;
}
.community-page .my-comments .comment-items.has-reply .reply:last-child:before {
  content: "";
  position: absolute;
  top: 28px;
  left: 35px;
  width: 3px;
  height: calc(100% + 82px);
  z-index: 0;
  border-left: 3px solid #ffffff;
}
[dir=rtl] .community-page .my-comments .comment-items.has-reply .reply:last-child:before {
  left: inherit;
  right: 35px;
}
body.is-dark .community-page .my-comments .comment-items.has-reply .reply:last-child:before {
  border-left: 3px solid rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
.community-page .my-comments .comment-items.reply-to-this {
  background: rgb(94.3333333333%, 94.3333333333%, 94.3333333333%);
}
body.is-dark .community-page .my-comments .comment-items.reply-to-this {
  background: rgb(21.3967230728%, 21.3967230728%, 23.2307279076%);
}
.community-page .my-comments .comment-items.reply-to-this {
  transition: color 1.5s;
  animation-fill-mode: both;
}
.community-page .my-comments .comment-items.reply-to-this .comment-container .content {
  background: rgb(91.3333333333%, 91.3333333333%, 91.3333333333%);
}
body.is-dark .community-page .my-comments .comment-items.reply-to-this .comment-container .content {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
.community-page .my-comments .comment-items.reply-to-this.has-reply .reply:last-child:before {
  border-left: 3px solid rgb(94.3333333333%, 94.3333333333%, 94.3333333333%);
}
body.is-dark .community-page .my-comments .comment-items.reply-to-this.has-reply .reply:last-child:before {
  border-left: 3px solid rgb(21.3967230728%, 21.3967230728%, 23.2307279076%);
}
.community-page .my-comments .comment-items .media-flex-center {
  margin-top: 0;
  margin-bottom: 10px;
}
.community-page .my-comments .comment-items .flex-meta span {
  font-size: 0.8rem;
  line-height: 1.6;
}
.community-page .my-comments .comment-items .flex-meta span .separator {
  padding: 0 3px;
  opacity: 0.6;
  text-align: center;
  display: inline-flex;
  color: inherit;
  font-weight: inherit;
}
.community-page .my-comments .comment-items .flex-meta span .time {
  margin-bottom: 0;
  font-size: 0.8rem;
  line-height: 1.6;
  color: #a2a5b9;
  font-weight: 400;
  opacity: 1;
}
.community-page .my-comments .comment-items .flex-meta span a {
  color: inherit;
  transition: color 0.3s;
  font-weight: 500;
}
.community-page .my-comments .comment-items .flex-meta span a:hover {
  color: #4f008c;
}
body.is-dark .community-page .my-comments .comment-items .flex-meta span a:hover {
  color: #797bf2;
}
.community-page .my-comments .comments-placeholder {
  padding: 25px;
  background: #ededed;
  text-align: center;
  border-radius: 6px;
}
.community-page .my-comments .comments-placeholder span {
  color: #8e9aa0;
  font-weight: 600;
}
body.is-dark .community-page .my-comments .comments-placeholder {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
body.is-dark .community-page .my-comments .comments-placeholder span {
  color: #a2a5b9;
}

:root {
  --content: calc(100vh - 300px);
  --scroll: env(safe-area-inset-top);
}

/* ==========================================================================
2. Community Page Dark Mode
========================================================================== */
body.is-dark .community-page .topics-feed-item {
  box-shadow: #323236 0px 8px 24px;
  background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark .community-page .topics-feed-item .featured-image img, body.is-dark .community-page .topics-feed-item .featured-image video, body.is-dark .community-page .topics-feed-item .featured-image .plyrue {
  filter: brightness(0.8) contrast(1.2);
}
body.is-dark .community-page .topics-feed-item .topic-header .meta {
  color: #ff375e;
}
body.is-dark .community-page .topics-feed-item .topic-header .meta:nth-child(2) {
  color: rgb(100%, 51.568627451%, 61.012745098%);
}
body.is-dark .community-page .topics-feed-item .topic-header .meta.light-text .title {
  color: #fff !important;
}
body.is-dark .community-page .topics-feed-item .topic-header .meta.light-text .subtitle {
  color: #fff !important;
}
body.is-dark .community-page .topics-feed-item .topic-content-header {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark .community-page .topics-feed-item .topic-content {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
body.is-dark .community-page .topics-feed-item .topic-content .media-flex-center.separator {
  border-color: rgb(28.1090518399%, 28.1090518399%, 30.5183991405%);
}
body.is-dark .community-page .topics-feed-item .topic-content .topic-details {
  color: #cecece;
  border-color: rgb(28.1090518399%, 28.1090518399%, 30.5183991405%);
}
body.is-dark .community-page .topics-feed-item .topic-content .topic-details strong {
  color: inherit;
}
body.is-dark .community-page .topics-feed-item .topic-content .topic-details p, body.is-dark .community-page .topics-feed-item .topic-content .topic-details div, body.is-dark .community-page .topics-feed-item .topic-content .topic-details div > p, body.is-dark .community-page .topics-feed-item .topic-content .topic-details div > p > span, body.is-dark .community-page .topics-feed-item .topic-content .topic-details span {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
}
body.is-dark .community-page .topics-feed-item .topic-content .attachment-group {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%) !important;
}
body.is-dark .community-page .topics-feed-item .topic-content .attachment-group h3 {
  color: #797bf2;
}
body.is-dark .community-page .topics-feed-item .topic-content .attachment-group h4 {
  color: #cecece;
}
body.is-dark .community-page .topics-feed-item .topic-content .attachment-group .attachment-files .file-box {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
  border-color: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
body.is-dark .community-page .topics-feed-item .topic-content .attachment-group .attachment-files .file-box:hover {
  border-color: rgb(23.314531292%, 23.314531292%, 25.3129196884%);
}
body.is-dark .community-page .topics-feed-item .topic-content .attachment-group .attachment-files .file-box .meta span:first-child {
  color: #cecece;
}
body.is-dark .community-page .topics-feed-item .reply-area-footer {
  background: rgb(23.314531292%, 23.314531292%, 25.3129196884%);
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
body.is-dark .community-page .topics-feed-item .reply-area-footer .add-content .dropdown .dropdown-menu .dropdown-content .dropdown-item .meta span:first-child {
  color: #cecece;
}
body.is-dark .community-page .topics-feed-item .reply-area-footer input {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
  color: #cecece;
}
body.is-dark .community-page .topics-feed-item .reply-area-footer input:focus {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
  background: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
}
body.is-dark .community-page .home-header .cta {
  background: rgb(51.0972388956%, 51.8271308523%, 95.2557022809%);
  box-shadow: 0 14px 26px -12px rgba(121, 123, 242, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(121, 123, 242, 0.2);
}

/* ==========================================================================
3. Media Queries
========================================================================== */
@media only screen and (max-width: 1024px) {
  :root {
    --content: calc(100vh - env(safe-area-inset-bottom));
    --scroll: env(safe-area-inset-top);
  }
  .community-page.create {
    background-color: #fff !important;
    padding: calc(env(safe-area-inset-top) + 60px) 0 calc(env(safe-area-inset-bottom) + 115px) !important;
  }
  body.is-dark .community-page.create {
    background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%) !important;
  }
  .community-page.create .page-content {
    padding: 0 !important;
  }
  .community-page.create .page-content .add-new-topic.dashboard-card {
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
  }
  .community-page.create .page-content .add-new-topic.dashboard-card .title-input {
    border-radius: 0;
  }
  .community-page.create .page-content .has-textarea-addon .ProseMirror {
    max-height: 100%;
  }
  .community-page.create .page-content .controls-wrapper {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 102;
    padding-bottom: env(safe-area-inset-bottom);
  }
  [dir=rtl] .community-page.create .page-content .controls-wrapper {
    left: unset;
    right: 0;
  }
  body.is-dark .community-page.create .page-content .controls-wrapper {
    background-color: rgb(14.6843943057%, 14.6843943057%, 15.9430566747%) !important;
  }
  .community-page.create .page-content .controls-wrapper {
    /*.language-bar {
        border-top: 1px solid darken($fade-grey, 2%);
        padding: 5px 10px;
        body.is-dark & {
            background-color: lighten($dark-sidebar, 1%)!important;
        }
    }*/
  }
  .community-page.create .page-content .controls-wrapper .language-bar {
    border: none;
    padding: 0;
    background: none;
    position: fixed;
    top: calc(12px + env(safe-area-inset-top));
    right: 12px;
    z-index: 2;
  }
  [dir=rtl] .community-page.create .page-content .controls-wrapper .language-bar {
    right: unset;
    left: 12px;
  }
  .community-page.create .page-content .controls-wrapper .language-bar > span {
    display: none;
  }
  .community-page.create .page-content .controls-wrapper {
    /*.category-bar {
        margin: 0;
        padding: 0 10px;
        display: flex;
        body.is-dark & {
            background-color: lighten($dark-sidebar, 1%)!important;
        }
        .category-title {
            //display: none;
            width: calc(100% - 100px);
        }
    }*/
  }
  .community-page.create .page-content .controls-wrapper .category-bar {
    margin: 0;
    padding: 0;
    display: flex;
  }
  body.is-dark .community-page.create .page-content .controls-wrapper .category-bar {
    background-color: rgb(14.6843943057%, 14.6843943057%, 15.9430566747%) !important;
  }
  .community-page.create .page-content .controls-wrapper .category-bar .topics-category {
    padding: 0 5px 10px;
  }
  .community-page.create .page-content .controls-wrapper .category-bar .category-title {
    display: none;
    width: calc(100% - 100px);
  }
  body.is-dark .community-page.create .page-content .controls-wrapper .is-textarea-addon {
    background-color: rgb(14.6843943057%, 14.6843943057%, 15.9430566747%) !important;
  }
  .community-page .dashboard-body .dashboard-card .quick-stats .quick-stats-inner .quick-stat {
    padding: 20px;
  }
  .community-page .dashboard-body .dashboard-card .quick-stats .quick-stats-inner .quick-stat .media-flex-center {
    flex-direction: column;
  }
  .community-page .dashboard-body .dashboard-card .quick-stats .quick-stats-inner .quick-stat .media-flex-center .flex-meta {
    margin: 10px 0;
    text-align: center;
  }
  .community-page .topics-feed-item .topic-content {
    padding: 0 15px 15px 15px;
  }
  .community-page .topics-feed-item .topic-content .featured-image {
    margin: 0 -15px 15px -15px;
  }
  .community-page .topics-feed-item .topic-content .detail-photos .detail-photo-grid {
    grid-template-rows: repeat(2, 140px);
  }
  .community-page .topics-feed-item .topic-content .detail-photos .detail-photo-grid.one {
    grid-template-rows: auto;
  }
  .community-page .feed-modal {
    top: 0;
    left: 0;
    transform: translate(0, 0);
    max-height: 100vh;
    height: 100vh;
    padding: 0;
  }
  [dir=rtl] .community-page .feed-modal {
    right: 0;
    transform: translate(0, 0);
  }
  .community-page .feed-modal .featured-image {
    border-radius: 0;
  }
  .community-page .feed-modal .featured-image .plyrue .plyr {
    border-radius: 0;
  }
  body.is-dark .community-page .feed-modal .featured-image {
    background-color: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
  }
  .community-page .feed-modal .topics-feed-item {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background-color: #fff;
    border-radius: 0;
    transform: none !important;
  }
  body.is-dark .community-page .feed-modal .topics-feed-item {
    background-color: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
  }
  .community-page .feed-modal .topics-feed-item .topic-container {
    max-height: 100vh;
    overflow: hidden;
  }
  .community-page .feed-modal .topics-feed-item .topic-header {
    border-radius: 0;
  }
  @supports (margin-top: max(0px)) {
    .community-page .feed-modal .topics-feed-item .topic-header {
      margin-top: calc(min(34px, env(safe-area-inset-top)) + 0px);
    }
  }
  .community-page .feed-modal .topics-feed-item .topic-header .safe-area {
    position: absolute;
    z-index: 1;
    width: 100%;
    backdrop-filter: blur(10px);
  }
  .community-page .feed-modal .topics-feed-item .topic-content-header {
    height: 0;
    background: transparent;
  }
  .community-page .feed-modal .topics-feed-item .topic-content {
    min-height: calc(100vh - 155px);
    padding-right: calc(12px + min(25px, env(safe-area-inset-right)));
    padding-left: calc(12px + min(25px, env(safe-area-inset-left)));
  }
  .community-page .feed-modal .topics-feed-item .topic-content .topic-comments {
    padding-bottom: calc(180px + env(safe-area-inset-bottom));
  }
  .community-page .feed-modal .topics-feed-item .topic-content .media-flex-center {
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .community-page .feed-modal .reply-area-footer {
    width: 100%;
    padding: 5px 20px;
    padding-right: calc(20px + min(30px, env(safe-area-inset-right)));
    padding-left: calc(20px + min(30px, env(safe-area-inset-left)));
    position: fixed;
    display: flex;
    margin-top: 0;
    height: auto;
    bottom: 0;
    border-radius: 0;
    z-index: 2;
    align-items: flex-start;
    transition: transform 380ms;
  }
  @supports (height: max(60px)) {
    .community-page .feed-modal .reply-area-footer {
      height: calc(60px + env(safe-area-inset-bottom));
    }
  }
  #app.dropdown-menu-is-open .community-page .feed-modal .reply-area-footer {
    transform: translateY(100px);
    transition: all 0.2s;
  }
  @supports (bottom: max(0px)) {
    .community-page .feed-modal .reply-header {
      bottom: calc(min(34px, env(safe-area-inset-top)) + 0px);
    }
  }
  .community-page .feed-modal .reply-header > span {
    margin-right: auto;
  }
  [dir=rtl] .community-page .feed-modal .reply-header > span {
    margin-right: 0;
    margin-left: auto;
  }
  .community-page .feed-modal .reply-header .end {
    margin-left: 0;
  }
  [dir=rtl] .community-page .feed-modal .reply-header .end {
    margin-left: 0;
    margin-right: 0;
  }
  .community-page .feed-modal .reply-header .end .separator {
    padding: 0;
  }
  .community-page .feed-modal .reply-header .end .reply-header-close {
    margin: 0px 12px;
  }
  .community-page .feed-modal .reply-header.is-active {
    transform: translateY(-55px);
  }
  .community-page .feed-modal-bg {
    opacity: 1;
  }
  body.is-dark .community-page .topics-feed-item {
    border: none;
  }
  .community-page .topics-feed-item {
    margin-bottom: 30px;
  }
  body.is-dark .community-page.view-wrapper {
    background-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
  }
  body.is-dark .community-page .topics-feed-item {
    box-shadow: #28282b 0px 8px 24px;
    background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  }
  body.is-dark .community-page .topics-feed-item .topic-content {
    background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  }
  body.is-dark .community-page .topics-feed-item .topic-content .attachment-group .attachment-files .file-box {
    background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
    border-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  }
  body.is-dark .community-page .topics-feed-item .topic-content .attachment-group .attachment-files .file-box:hover {
    border-color: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
  }
  body.is-dark .community-page .topics-feed-item .topic-content .attachment-group .dropdown.is-spaced.is-dots:hover .is-trigger, body.is-dark .community-page .topics-feed-item .topic-content .attachment-group .dropdown.is-spaced.is-dots.is-active .is-trigger {
    background: #232326 !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1300px) {
  .community-page .feed-modal .featured-image .has-featured-image {
    max-height: calc(30vh + env(safe-area-inset-top));
    background: transparent;
  }
  :root {
    --content: calc(100vh - 196px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  :root {
    --content: calc(100vh - env(safe-area-inset-bottom));
    --scroll: env(safe-area-inset-top);
  }
  .community-page .feed-modal {
    border-radius: 0;
    max-width: 100%;
  }
  .community-page .feed-modal .featured-image {
    border-radius: 0;
  }
}
.earned-points-model {
  display: flex;
  justify-content: center;
  transform: scale(1) !important;
  opacity: 1 !important;
  overflow-x: hidden;
  animation: fadeInDown 0.5s;
  margin: 0;
  padding: 0 10px;
}
.earned-points-model .modal-card-head {
  background: #F9F9F9;
  border-bottom: 1px solid #DBDBDB;
}
body.is-dark .earned-points-model .modal-card-head {
  background: #323236;
  border-bottom: 1px solid #2D2D31;
}
.earned-points-model .modal-card-head h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #1D252D;
}
body.is-dark .earned-points-model .modal-card-head h3 {
  color: #CECECE;
}
.earned-points-model .modal-card-body {
  padding: 24px;
  background: #FFFFFF;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
body.is-dark .earned-points-model .modal-card-body {
  background: #28282B;
}
.earned-points-model .modal-card-body .inner-content {
  position: relative;
}
.earned-points-model .modal-card-body .inner-content .background, .earned-points-model .modal-card-body .inner-content .background-mobile {
  position: absolute;
  top: -35px;
  left: -5px;
}
.earned-points-model .modal-card-body .inner-content .background-mobile {
  width: 100%;
  display: none;
}
.earned-points-model .modal-card-body .content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.earned-points-model .modal-card-body .content .badge-content .badge path {
  fill: #4F008C;
}
body.is-dark .earned-points-model .modal-card-body .content .badge-content .badge path {
  fill: #797BF2;
}
.earned-points-model .modal-card-body .content .badge-content .badge rect {
  fill: #ffffff;
}
body.is-dark .earned-points-model .modal-card-body .content .badge-content .badge rect {
  fill: #28282B;
}
.earned-points-model .modal-card-body .content img {
  height: 128px !important;
  width: 126px !important;
  border-radius: 0px;
}
.earned-points-model .modal-card-body .content h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
}
body.is-dark .earned-points-model .modal-card-body .content h2 {
  color: #FFFFFF;
}
.earned-points-model .modal-card-body .hr-separator {
  width: 300px;
  height: 0px;
  margin-top: 50px;
  margin-bottom: 50px;
  border: 1px solid #DBDBDB;
}
body.is-dark .earned-points-model .modal-card-body .hr-separator {
  border: 1px solid #2D2D31;
}
.earned-points-model .congrats {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  color: #1D252D;
}
body.is-dark .earned-points-model .congrats {
  color: #CECECE;
}
.earned-points-model .description {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #575767;
}
body.is-dark .earned-points-model .description {
  color: #CECECE;
}
.earned-points-model .buttons {
  margin-bottom: 2px;
  display: flex;
  justify-content: center;
}
.earned-points-model .share {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  width: 196px;
  height: 40px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
  background: #4F008C;
}
body.is-dark .earned-points-model .share {
  background: #797BF2;
}
.earned-points-model .cancel {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #4F008C;
  border: 1px solid #4F008C;
}
body.is-dark .earned-points-model .cancel {
  color: #797BF2;
  border: 1px solid #797BF2;
}
.earned-points-model .share:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .earned-points-model .share:hover {
  background: #797BF2 !important;
  color: #FFFFFF !important;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.earned-points-model .cancel:hover {
  background: #4F008C;
  color: #FFFFFF;
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .earned-points-model .cancel:hover {
  background: #797BF2;
  color: #FFFFFF;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}

@media only screen and (max-width: 767px) {
  .earned-points-model .modal-card-body .inner-content .background-mobile {
    display: block;
  }
  .earned-points-model .modal-card-body .inner-content .background {
    display: none;
  }
  .earned-points-model .modal-card-body .inner-content .hr-separator {
    margin-top: 35px;
    margin-bottom: 35px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .earned-points-model .modal-card-body .inner-content .background-mobile {
    width: auto;
  }
}
/*! _e-services-page.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. E-Services Page
    2. E-Services Page Dark mode
    3. Media Queries
*/
/* ==========================================================================
1. E-Services Page
========================================================================== */
.e-services-page .body-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0;
}
.e-services-page .body-title h3 {
  font-size: 1rem;
  font-weight: 700;
  color: #1d252d;
}
.e-services-page .body-title .h-select .select-box {
  border: none;
  background: none;
}
.e-services-page .body-title .h-select .select-box span {
  font-size: 1rem;
}
.e-services-page .favorites {
  margin-top: 35px;
}
.e-services-page .card-header-title {
  color: #1d252d;
}
body.is-dark .e-services-page .card-header-title {
  color: #cecece;
}
.e-services-page .card-header-icon {
  color: #1d252d;
  transition: all 0.3s;
}
body.is-dark .e-services-page .card-header-icon {
  color: #cecece;
}
.e-services-page .card-header-icon .fa-chevron-down {
  transition: all 0.5s;
}
.e-services-page .card-header-icon .fa-chevron-down.collapsed {
  transform: rotate(-90deg);
}
[dir=rtl] .e-services-page .card-header-icon .fa-chevron-down.collapsed {
  transform: rotate(90deg);
}
.e-services-page .service-icon {
  height: 40px;
  width: 40px;
  min-width: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 4px 0px 4px 4px;
  font-size: 0.8rem;
  font-weight: 500;
}
.e-services-page .service-icon.primary {
  background-color: #4f008c;
  color: #fff;
}
.e-services-page .service-icon.accent {
  background-color: #797bf2;
  color: #fff;
}
.e-services-page .service-icon.aqua {
  /* purgecss ignore current */
  background-color: #1bced8;
  color: #fff;
}
.e-services-page .service-icon.color5 {
  background-color: #ffdd40;
  color: #ff375e;
}
.e-services-page .service-icon.color6 {
  background-color: #A54EE1;
  color: #fff;
}
.e-services-page .service-icon.color7 {
  background-color: #ff6a39;
  color: #fff;
}
.e-services-page .service-icon.color8 {
  background-color: #8e9aa0;
  color: #fff;
}
.e-services-page .collapse .collapse-content {
  display: block;
}
.e-services-page .quick-service {
  display: flex;
  justify-content: space-evenly;
  padding: 10px;
}
.e-services-page .quick-service .media-flex-center {
  display: flex;
  margin: 0;
  flex-direction: column;
}
.e-services-page .quick-service .media-flex-center .h-icon.is-medium {
  width: 42px;
  max-width: 42px;
  min-width: 42px;
  height: 42px;
  max-height: 42px;
  min-height: 42px;
}
.e-services-page .quick-service .media-flex-center .flex-meta {
  margin: 8px 0 0;
  text-overflow: ellipsis;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
body.is-dark .e-services-page .quick-service .media-flex-center .flex-meta span {
  color: #cecece;
}
.e-services-page .quick-service .media-flex-center:hover .h-icon.is-rotated {
  position: relative;
  display: flex;
  justify-content: center;
  flex: 0;
  transition: all 0.3s;
  background: transparent !important;
  transform: translateY(-5px);
}
.e-services-page .quick-service .media-flex-center:hover .h-icon.is-rotated:before {
  border-color: #1d252d;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.e-services-page .quick-service .media-flex-center:hover .h-icon.is-rotated.is-light-primary, .e-services-page .quick-service .media-flex-center:hover .h-icon.is-rotated.is-light-primary:before {
  border-color: #4f008c;
}
.e-services-page .quick-service .media-flex-center:hover .flex-meta span:first-child {
  color: #4f008c;
}
.e-services-page .services-items .services-item {
  display: flex;
  align-items: center;
  padding: 10px 5px;
  cursor: pointer;
  margin-bottom: 10px;
}
.e-services-page .services-items .services-item :last-child, .e-services-page .services-items .services-item :only-child {
  margin-bottom: 0;
}
.e-services-page .services-items .services-item :first-child {
  display: flex;
}
.e-services-page .services-items .services-item:hover .h-icon.is-rotated {
  position: relative;
  display: flex;
  justify-content: center;
  flex: 0;
  transition: all 0.3s;
  background: transparent !important;
  transform: translateY(-1px);
}
.e-services-page .services-items .services-item:hover .h-icon.is-rotated:before {
  border-color: #1d252d;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.e-services-page .services-items .services-item:hover .h-icon.is-rotated.is-light-primary, .e-services-page .services-items .services-item:hover .h-icon.is-rotated.is-light-primary:before {
  border-color: #4f008c;
}
body.is-dark .e-services-page .services-items .services-item:hover .h-icon.is-rotated.is-light-primary, body.is-dark .e-services-page .services-items .services-item:hover .h-icon.is-rotated.is-light-primary:before {
  border-color: rgb(43.8047218888%, 44.643457383%, 94.5482192877%);
  background: rgba(121, 123, 242, 0.53);
}
.e-services-page .services-items .services-item:hover .h-icon.is-rotated.is-light-default, .e-services-page .services-items .services-item:hover .h-icon.is-rotated.is-light-default:before {
  border-color: #4f008c;
}
body.is-dark .e-services-page .services-items .services-item:hover .h-icon.is-rotated.is-light-default, body.is-dark .e-services-page .services-items .services-item:hover .h-icon.is-rotated.is-light-default:before {
  border-color: rgb(43.8047218888%, 44.643457383%, 94.5482192877%);
  background: rgba(121, 123, 242, 0.53);
}
.e-services-page .services-items .services-item:hover .flex-meta span:first-child {
  color: #4f008c;
}
body.is-dark .e-services-page .services-items .services-item:hover .flex-meta span:first-child {
  color: #797bf2;
}
.e-services-page .services-items .services-item .sub-services-item {
  display: flex;
  align-items: center;
}
.e-services-page .navbar-trigger {
  top: 40px;
  position: absolute;
}

/* ==========================================================================
2. E-Services Page Dark Mode
========================================================================== */
body.is-dark .e-services-page .body-title h3 {
  color: #cecece;
}

/* ==========================================================================
3. Media Queries
========================================================================== */
@media only screen and (max-width: 767px) {
  :root {
    --content: calc(100vh - env(safe-area-inset-bottom));
    --scroll: env(safe-area-inset-top);
  }
  .e-services-page .page-content {
    padding: 0 0.75rem 0 0.75rem !important;
  }
  .e-services-page .body-title {
    margin: 10px 0;
  }
  .e-services-page .dashboard-body .dashboard-card .quick-stats .quick-stats-inner .quick-stat {
    padding: 20px;
  }
  .e-services-page .dashboard-body .dashboard-card .quick-stats .quick-stats-inner .quick-stat .media-flex-center {
    flex-direction: column;
  }
  .e-services-page .dashboard-body .dashboard-card .quick-stats .quick-stats-inner .quick-stat .media-flex-center .flex-meta {
    margin: 10px 0;
    text-align: center;
  }
  .e-services-page .collapse {
    margin: 0;
    border-radius: 0;
  }
  body.is-dark .e-services-page .collapse {
    background-color: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
  }
  .e-services-page .collapse-trigger {
    position: sticky;
    position: -webkit-sticky;
    top: 50px;
    display: block;
    z-index: 5;
  }
  @supports (top: max(50px)) {
    .e-services-page .collapse-trigger {
      top: calc(env(safe-area-inset-top) + 49px);
    }
  }
  .e-services-page .collapse-trigger .card-header {
    border-radius: 0;
    transition: opacity 0.3s;
    background: #f9f9f9;
  }
  body.is-dark .e-services-page .collapse-trigger .card-header {
    background: rgb(14.6843943057%, 14.6843943057%, 15.9430566747%);
  }
  .e-services-page .collapse-trigger .card-header .card-header-title {
    padding: 0;
  }
  .e-services-page .collapse-trigger .card-header .card-header-icon {
    padding: 0;
  }
  .e-services-page .collapse-content {
    padding: 15px 10px;
  }
  .e-services-page .favorites {
    display: none;
  }
  body.is-dark .e-services-page.view-wrapper {
    background-color: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  rapper .profile-body .settings-section .settings-box {
    width: calc(25% - 16px);
  }
}
/*! _work-list.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Work-list Overrides
    2. Work list Header  Stat
*/
/* ==========================================================================
1. WorkList.vue Overrides
========================================================================== */
.work-list .header-layout-1 {
  padding-bottom: 5.8rem;
  margin-bottom: -2.7rem;
}
@media only screen and (max-width: 767px) {
  .work-list .header-layout-1 {
    padding-bottom: 2.8rem;
  }
}
.work-list .flex-table .service-avatar {
  margin: 5px 5px 10px;
}
.work-list .flex-table .service-avatar span.svg-icon {
  display: flex;
}
.work-list .flex-table .more-button {
  margin-top: 30px;
}
.work-list .navbar-trigger {
  top: 40px;
  position: absolute;
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  .work-list {
    margin-bottom: 1rem;
  }
}

/* ==========================================================================
2. Work list Header  Stat
========================================================================== */
.header-stats {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 2;
}
.header-stats .stats-inner {
  display: flex;
  align-items: center;
  padding: 20px;
  background: #fff;
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  border-radius: 6px;
  margin-top: 1rem;
}
body.is-dark .header-stats .stats-inner {
  background: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
  border: 1px solid rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
}
.header-stats .stats-inner .stat-item {
  text-align: center;
  margin: 0 20px;
}
.header-stats .stats-inner .stat-item .b-skeleton-item {
  margin: auto;
}
.header-stats .stats-inner .stat-item span {
  position: relative;
  display: inline-flex;
  font-weight: 600;
  font-size: 2rem;
  color: #1d252d;
  line-height: 1;
  width: auto;
  margin: 0 auto;
}
body.is-dark .header-stats .stats-inner .stat-item span {
  color: #cecece;
}
.header-stats .stats-inner .stat-item span:after {
  content: "";
  position: absolute;
  top: 0;
  right: -13px;
  height: 8px;
  width: 8px;
  border-radius: 50%;
}
.header-stats .stats-inner .stat-item span.is-success:after {
  background: #06d6a0;
}
.header-stats .stats-inner .stat-item span.is-info:after {
  background: #039BE5;
}
.header-stats .stats-inner .stat-item span.is-warning:after {
  background: #faae42;
}
.header-stats .stats-inner .stat-item span.is-primary:after {
  background: #4f008c;
}
.header-stats .stats-inner .stat-item span.is-link:after {
  background: hsl(217, 71%, 53%);
}
.header-stats .stats-inner .stat-item span.is-danger:after {
  background: #e62965;
}
.header-stats .stats-inner .stat-item p {
  font-size: 0.9rem;
  color: #1d252d;
  font-weight: 600;
}
body.is-dark .header-stats .stats-inner .stat-item p {
  color: #cecece;
}
@media only screen and (max-width: 767px) {
  .header-stats {
    width: 100%;
    padding: 2rem;
  }
  .header-stats .stats-inner {
    position: relative;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    background: transparent !important;
    border: none;
  }
  .header-stats .stats-inner .stat-item {
    width: 50%;
    margin: 0;
    padding: 0;
  }
  .header-stats .stats-inner .stat-item span {
    color: #fff;
    opacity: 0.8;
  }
  .header-stats .stats-inner .stat-item p {
    color: #fff;
    opacity: 0.8;
  }
  .header-stats .stats-inner .stat-item:first-of-type::after {
    content: "";
    position: absolute;
    top: -40%;
    left: 50%;
    right: 0;
    background: rgb(36.6232492997%, 0%, 64.9019607843%);
    border-radius: 6px;
    transform: translateY(50%);
    transition: background-color 0.3s, opacity 0.3s;
    height: 40px;
    width: 1px;
  }
  [dir=rtl] .header-stats .stats-inner .stat-item:first-of-type::after {
    right: 50%;
    left: 0;
  }
  body.is-dark .header-stats .stats-inner .stat-item:first-of-type::after {
    background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
  }
}

/*! _sadarah.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. sadarah Overrides
    2. My points Header  Stat
*/
/* ==========================================================================
1. Sadarah.vue Overrides
========================================================================== */
.sadarah .theme--light.v-tabs-items {
  padding: 20px;
}
.sadarah .tabs .v-tab {
  font-size: 13px;
  font-weight: 400;
}
.sadarah .tabs .v-tab--active {
  font-size: 13px !important;
  font-weight: 500 !important;
}
.sadarah .header-layout-1 {
  padding-bottom: 4.8rem;
  margin-bottom: -2.7rem;
}
.sadarah .header-layout-1 .header-content {
  display: block;
}
.sadarah .header-layout-1 .header-content .header-content-container {
  display: flex;
  justify-content: space-between;
}
.sadarah .header-layout-1 .header-content .header-content-container .left .page-icon {
  margin-bottom: 0;
}
.sadarah .header-layout-1 .header-content .header-content-container .left .title {
  display: flex;
}
.sadarah .header-layout-1 .header-content .header-content-container .left .What_is_Sadarah {
  margin-left: 16px;
  margin-right: 16px;
}
.sadarah .header-layout-1 .header-content .header-content-container .left .What_is_Sadarah svg path {
  stroke: #fff;
}
.sadarah .header-layout-1 .header-content .header-content-container .left .What_is_Sadarah svg {
  width: 24px;
  height: 24px;
}
body.is-dark .sadarah .header-layout-1 .header-content .header-content-container .left .sadarah-info {
  background: #424748;
  border: 1px solid rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
.sadarah .header-layout-1 .header-content .header-content-container .left .sadarah-info {
  background: rgb(26.4661064426%, 0%, 46.9019607843%);
  padding: 8px 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 17.5px;
  margin-bottom: 25px;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500;
}
.sadarah .header-layout-1 .header-content .header-content-container .left .sadarah-info .sadarah-info-item:last-child {
  margin: 0;
}
.sadarah .header-layout-1 .header-content .header-content-container .left .sadarah-info .sadarah-info-item:first-child {
  margin: 0;
}
.sadarah .header-layout-1 .header-content .header-content-container .left .sadarah-info .sadarah-info-item:not(:last-child):after {
  content: "|";
  margin: 0 12px;
  color: rgba(255, 255, 255, 0.33);
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
}
body.is-dark .sadarah .header-layout-1 .header-content .header-content-container .left .sadarah-info .sadarah-info-item:not(:last-child):after {
  color: #323236 !important;
}
.sadarah .header-layout-1 .header-content .header-content-container .left .sadarah-info .sadarah-info-item .sadarah-info-item-value, .sadarah .header-layout-1 .header-content .header-content-container .left .sadarah-info .sadarah-info-item .sadarah-info-item-label {
  color: #fff;
}
.sadarah .header-layout-1 .header-content .header-content-container .left .progress-div {
  display: block;
}
.sadarah .header-layout-1 .header-content .header-content-container .left .progress-div .progress-bar {
  margin: 5px 0;
  background: #3A0066;
}
body.is-dark .sadarah .header-layout-1 .header-content .header-content-container .left .progress-div .progress-bar {
  background: #424748;
}
.sadarah .header-layout-1 .header-content .header-content-container .left .progress-div .progress-bar {
  border-radius: 5px;
}
.sadarah .header-layout-1 .header-content .header-content-container .left .progress-div .progress-bar .progress-bar-inner {
  background: #ff375e;
  border-radius: 5px;
  height: 10px;
}
body.is-dark .sadarah .header-layout-1 .header-content .header-content-container .left .progress-div .progress-bar .progress-bar-inner {
  background: #797bf2;
}
.sadarah .header-layout-1 .header-content .header-content-container .right {
  text-align: center;
}
.sadarah .header-layout-1 .header-content .header-content-container .right img {
  width: 126px;
  height: 126px;
  -o-object-fit: contain;
     object-fit: contain;
}
.sadarah .header-layout-1 .header-content .header-content-container .right .welcome-msg {
  font-family: "STC Forward";
  font-style: normal;
  color: #fff;
  font-weight: 400;
  font-size: 28px;
}
.sadarah .header-layout-1 .header-content .header-content-container .right .share-msg {
  cursor: pointer;
  position: relative;
}
.sadarah .header-layout-1 .header-content .header-content-container .right .share-msg a {
  border-bottom: 1px dotted;
  color: #ff375e;
}
body.is-dark .sadarah .header-layout-1 .header-content .header-content-container .right .share-msg a {
  color: #797bf2;
}
.sadarah .header-layout-1 .header-content .header-content-container .right .share-msg a .share-icon-fill {
  fill: #ff375e;
}
body.is-dark .sadarah .header-layout-1 .header-content .header-content-container .right .share-msg a .share-icon-fill {
  fill: #797bf2;
}
.sadarah .header-layout-1 .header-content .header-content-container .right .share-msg a span {
  vertical-align: middle;
  display: inline-block;
  height: 30px;
}
.sadarah .header-layout-1 .header-content .progress-div {
  display: none;
}
.sadarah .header-layout-1 .header-content .progress-div .subtitle {
  font-size: 16px;
  font-weight: 400;
}
body.is-dark .sadarah .header-layout-1 .header-content .progress-div .subtitle {
  color: #797bf2;
}
.sadarah .header-layout-1 .header-content .progress-div .progress-bar {
  margin: 5px 0;
  background: #3A0066;
}
body.is-dark .sadarah .header-layout-1 .header-content .progress-div .progress-bar {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
}
.sadarah .header-layout-1 .header-content .progress-div .progress-bar {
  border-radius: 5px;
}
.sadarah .header-layout-1 .header-content .progress-div .progress-bar .progress-bar-inner {
  background: #ff375e;
  border-radius: 5px;
  height: 10px;
}
body.is-dark .sadarah .header-layout-1 .header-content .progress-div .progress-bar .progress-bar-inner {
  background: #797bf2;
}
@media only screen and (max-width: 767px) {
  .sadarah .header-layout-1 {
    padding-bottom: 2.8rem;
  }
  .sadarah .header-layout-1 .header-wrapper {
    padding: 20px;
  }
  .sadarah .header-layout-1 .header-wrapper .left .sadarah-info {
    font-size: 13px !important;
  }
  .sadarah .header-layout-1 .header-wrapper .left .sadarah-info .sadarah-info-item:not(:last-child):after {
    margin: 0 6px !important;
    font-size: 13px !important;
  }
  .sadarah .header-layout-1 .header-wrapper .left .progress-div {
    display: none !important;
  }
  .sadarah .header-layout-1 .header-wrapper .right img {
    width: 70px !important;
    height: 70px !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .sadarah .header-layout-1 .header-wrapper .right .welcome-msg {
    font-size: 18px !important;
  }
  .sadarah .header-layout-1 .header-wrapper .right .share-msg a {
    width: 40px !important;
    display: block !important;
    overflow: hidden !important;
    height: 20px !important;
    margin: 0 auto !important;
  }
  .sadarah .header-layout-1 .header-wrapper .right .share-msg a svg {
    display: none;
  }
  .sadarah .header-layout-1 .header-wrapper .progress-div {
    display: block !important;
  }
  .sadarah .header-layout-1 .header-wrapper .progress-div .subtitle {
    font-size: 13px !important;
  }
}
.sadarah .row {
  width: 100%;
}
.sadarah .leader-header {
  margin-bottom: 20px;
}
.sadarah .leader-header h3 {
  font-weight: 700;
  font-size: 17px;
}
.sadarah .table-wrapper {
  display: block;
  border-radius: 8px;
  padding: 20px;
}
.sadarah .table-wrapper .text-center-outer {
  min-height: 400px;
  display: table;
  width: 100%;
  text-align: center;
}
.sadarah .table-wrapper .text-center-outer .inner {
  display: table-cell;
  vertical-align: middle;
}
.sadarah .table-wrapper .text-center-outer .inner h3 {
  font-weight: 700;
  font-size: 17px;
}
body.is-dark .sadarah .table-wrapper .is-datatable tr:first-child:hover {
  background: #28282B !important;
}
.sadarah .table-wrapper.s-card, .sadarah .right-panel-wrapper.is-activity .right-panel .right-panel-body .table-wrapper.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .sadarah .table-wrapper.team-card, .sadarah .right-panel-wrapper.is-activity .right-panel .right-panel-body .table-wrapper.project-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .sadarah .table-wrapper.project-card, .sadarah .table-wrapper.collapse, .sadarah .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .table-wrapper.content-wrap, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .sadarah .table-wrapper.content-wrap, .sadarah .table-wrapper.topic-feed-item, .sadarah .list-view.list-view-v2 .table-wrapper.list-view-item, .list-view.list-view-v2 .sadarah .table-wrapper.list-view-item, .sadarah .form-layout.is-separate .form-outer .form-body .form-section .table-wrapper.form-section-inner, .form-layout.is-separate .form-outer .form-body .form-section .sadarah .table-wrapper.form-section-inner, .sadarah .form-layout .table-wrapper.form-outer, .form-layout .sadarah .table-wrapper.form-outer, .sadarah .table-wrapper.gauge-widget.is-straight, .sadarah .table-wrapper.icon-toolbar-widget.is-straight, .sadarah .table-wrapper.text-widget.is-straight, .sadarah .table-wrapper.tags-widget.is-straight, .sadarah .table-wrapper.image-widget.is-straight, .sadarah .table-wrapper.list-widget.is-straight, .sadarah .table-wrapper.payment-widget.is-straight,
.sadarah .table-wrapper.picker-widget.is-straight, .sadarah .table-wrapper.stats-widget.is-straight, .sadarah .table-wrapper.search-widget.is-straight, .sadarah .table-wrapper.icon-list-widget.is-straight, .sadarah .table-wrapper.video-widget.is-straight, .sadarah .table-wrapper.inbox-widget.is-straight, .sadarah .table-wrapper.illustration-widget.illustration-widget-v1.is-straight, .sadarah .table-wrapper.illustration-widget.illustration-widget-v2.is-straight, .sadarah .table-wrapper.illustration-widget.illustration-widget-v3.is-straight, .sadarah .table-wrapper.creative-list-widget.is-straight, .sadarah .table-wrapper.social-buttons-widget.is-straight, .sadarah .table-wrapper.call-widget.is-straight, .sadarah .table-wrapper.avatar-list-widget.is-straight, .sadarah .table-wrapper.contact-widget.is-straight, .sadarah .table-wrapper.followers-widget.is-straight, .sadarah .table-wrapper.cart-widget.is-straight, .sadarah .table-wrapper.stat-widget.is-straight, .sadarah .table-wrapper.dashboard-card, .sadarah .monday-achievement .monday-achievement-card .table-wrapper.media-flex-center, .monday-achievement .monday-achievement-card .sadarah .table-wrapper.media-flex-center, .sadarah .dashboard-list .inner-list .table-wrapper.media-flex-center, .dashboard-list .inner-list .sadarah .table-wrapper.media-flex-center, .sadarah .user-profile .table-wrapper.profile-card, .user-profile .sadarah .table-wrapper.profile-card {
  padding: 0;
}
body.is-dark .sadarah .table-wrapper.s-card, body.is-dark .sadarah .right-panel-wrapper.is-activity .right-panel .right-panel-body .table-wrapper.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .sadarah .table-wrapper.team-card, body.is-dark .sadarah .right-panel-wrapper.is-activity .right-panel .right-panel-body .table-wrapper.project-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .sadarah .table-wrapper.project-card, body.is-dark .sadarah .table-wrapper.collapse, body.is-dark .sadarah .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .table-wrapper.content-wrap, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .sadarah .table-wrapper.content-wrap, body.is-dark .sadarah .table-wrapper.topic-feed-item, body.is-dark .sadarah .list-view.list-view-v2 .table-wrapper.list-view-item, .list-view.list-view-v2 body.is-dark .sadarah .table-wrapper.list-view-item, body.is-dark .sadarah .form-layout.is-separate .form-outer .form-body .form-section .table-wrapper.form-section-inner, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .sadarah .table-wrapper.form-section-inner, body.is-dark .sadarah .form-layout .table-wrapper.form-outer, .form-layout body.is-dark .sadarah .table-wrapper.form-outer, body.is-dark .sadarah .table-wrapper.gauge-widget.is-straight, body.is-dark .sadarah .table-wrapper.icon-toolbar-widget.is-straight, body.is-dark .sadarah .table-wrapper.text-widget.is-straight, body.is-dark .sadarah .table-wrapper.tags-widget.is-straight, body.is-dark .sadarah .table-wrapper.image-widget.is-straight, body.is-dark .sadarah .table-wrapper.list-widget.is-straight, body.is-dark .sadarah .table-wrapper.payment-widget.is-straight,
body.is-dark .sadarah .table-wrapper.picker-widget.is-straight, body.is-dark .sadarah .table-wrapper.stats-widget.is-straight, body.is-dark .sadarah .table-wrapper.search-widget.is-straight, body.is-dark .sadarah .table-wrapper.icon-list-widget.is-straight, body.is-dark .sadarah .table-wrapper.video-widget.is-straight, body.is-dark .sadarah .table-wrapper.inbox-widget.is-straight, body.is-dark .sadarah .table-wrapper.illustration-widget.illustration-widget-v1.is-straight, body.is-dark .sadarah .table-wrapper.illustration-widget.illustration-widget-v2.is-straight, body.is-dark .sadarah .table-wrapper.illustration-widget.illustration-widget-v3.is-straight, body.is-dark .sadarah .table-wrapper.creative-list-widget.is-straight, body.is-dark .sadarah .table-wrapper.social-buttons-widget.is-straight, body.is-dark .sadarah .table-wrapper.call-widget.is-straight, body.is-dark .sadarah .table-wrapper.avatar-list-widget.is-straight, body.is-dark .sadarah .table-wrapper.contact-widget.is-straight, body.is-dark .sadarah .table-wrapper.followers-widget.is-straight, body.is-dark .sadarah .table-wrapper.cart-widget.is-straight, body.is-dark .sadarah .table-wrapper.stat-widget.is-straight, body.is-dark .sadarah .table-wrapper.dashboard-card, body.is-dark .sadarah .monday-achievement .monday-achievement-card .table-wrapper.media-flex-center, .monday-achievement .monday-achievement-card body.is-dark .sadarah .table-wrapper.media-flex-center, body.is-dark .sadarah .dashboard-list .inner-list .table-wrapper.media-flex-center, .dashboard-list .inner-list body.is-dark .sadarah .table-wrapper.media-flex-center, body.is-dark .sadarah .user-profile .table-wrapper.profile-card, .user-profile body.is-dark .sadarah .table-wrapper.profile-card {
  background: #28282B;
  border: none;
}
.sadarah .table-wrapper .table {
  margin-bottom: 0;
}
body.is-dark .sadarah .table-wrapper .table {
  background: #28282B;
}
.sadarah .table-wrapper .table {
  border-radius: 8px;
}
.sadarah .table-wrapper .table thead tr .table-head {
  color: #575767;
}
body.is-dark .sadarah .table-wrapper .table thead tr .table-head {
  color: #CECECE;
}
.sadarah .table-wrapper .table thead tr .table-head {
  font-weight: 400;
  font-size: 16px;
  border: none;
  text-transform: none;
}
.sadarah .table-wrapper .table thead tr .table-head:last-child {
  text-align: right;
}
body.is-rtl .sadarah .table-wrapper .table thead tr .table-head:last-child {
  text-align: left;
}
.sadarah .table-wrapper .table tbody .first-td, .sadarah .table-wrapper .table tbody .first-td .inner p, .sadarah .table-wrapper .table tbody .second-td .first-p {
  color: #1D252D;
  font-weight: 500;
  font-size: 17px;
}
body.is-dark .sadarah .table-wrapper .table tbody .first-td, body.is-dark .sadarah .table-wrapper .table tbody .first-td .inner p, body.is-dark .sadarah .table-wrapper .table tbody .second-td .first-p {
  color: #CECECE;
}
.sadarah .table-wrapper .table tbody .first-td .bade-name {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
}
.sadarah .table-wrapper .table tbody .second-td {
  color: #A2A5B9;
  font-weight: 400;
  font-size: 16px;
}
.sadarah .table-wrapper .table tbody .second-td .outer {
  display: flex;
  align-items: center;
  padding: 0 20px;
}
.sadarah .table-wrapper .table tbody .second-td .outer .card-image {
  background-size: cover;
  height: 85px;
  width: 85px;
  margin: 8px;
  margin-left: 25px;
  margin-top: 17px;
}
body.is-rtl .sadarah .table-wrapper .table tbody .second-td .outer .card-image {
  margin-left: 8px;
  margin-right: 25px;
}
.sadarah .table-wrapper .table tbody .second-td .outer .card-image .avatar {
  height: 68px;
  width: 68px;
  margin: 9px;
  border-radius: 4px !important;
}
.sadarah .table-wrapper .table tbody .second-td .outer .second-p {
  font-size: 14px;
  font-weight: 400;
}
.sadarah .table-wrapper .table tbody .second-td .outer .inner {
  margin-left: 20px;
  display: flex;
  flex-direction: row;
  align-self: center;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
body.is-rtl .sadarah .table-wrapper .table tbody .second-td .outer .inner {
  margin-left: 0;
  margin-right: 20px;
}
.sadarah .table-wrapper .table tbody .second-td .outer .badge {
  -o-object-fit: contain;
     object-fit: contain;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.sadarah .table-wrapper .table tbody .second-td .third-p {
  color: #4F008C;
  font-weight: 500;
  font-size: 16px;
  margin-top: 8px;
}
body.is-dark .sadarah .table-wrapper .table tbody .second-td .third-p {
  color: #797BF2;
}
.sadarah .table-wrapper .table tbody .third-td {
  text-align: right;
  color: #1D252D;
  font-size: 17px;
  font-weight: 500;
}
body.is-rtl .sadarah .table-wrapper .table tbody .third-td {
  text-align: left;
}
.sadarah .table-wrapper .table tbody .first-td .inner {
  padding-left: 16px;
  text-align: start;
  font-weight: 500;
}
[dir=rtl] .sadarah .table-wrapper .table tbody .first-td .inner {
  padding-left: 0;
  padding-right: 16px;
}
.sadarah .table-wrapper .table tbody td {
  border: none;
  padding: 0;
  font-weight: 500;
  font-size: 17px;
}
.sadarah .table-wrapper .table tbody td .outer {
  display: table;
  width: 100%;
  border-top: 1px solid #DBDBDB;
}
body.is-dark .sadarah .table-wrapper .table tbody td .outer {
  border-top: 1px solid #3b3b40;
}
.sadarah .table-wrapper .table tbody td .outer {
  height: 120px;
}
.sadarah .table-wrapper .table tbody td .outer .inner {
  display: table-cell;
  vertical-align: middle;
}
.sadarah .table-wrapper .table tbody td .outer .inner .level-img {
  height: 55px;
  width: 55px;
}
.sadarah .table-wrapper .table tbody td:first-child {
  padding-left: 20px;
}
body.is-rtl .sadarah .table-wrapper .table tbody td:first-child {
  padding-right: 20px !important;
  padding-left: 0 !important;
}
.sadarah .table-wrapper .table tbody td:last-child {
  padding-right: 20px;
}
body.is-rtl .sadarah .table-wrapper .table tbody td:last-child {
  padding-left: 20px !important;
  padding-right: 0 !important;
}
.sadarah .table-wrapper .leadermobile-mobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .sadarah .table-wrapper .table {
    display: none !important;
  }
  .sadarah .table-wrapper .leadermobile-mobile {
    display: block !important;
  }
  .sadarah .table-wrapper .leadermobile-mobile .header {
    padding: 8px 20px;
    display: flex;
    background: #F2F2F2;
    border-radius: 8px;
    margin-bottom: 15px;
    justify-content: space-between;
  }
  body.is-dark .sadarah .table-wrapper .leadermobile-mobile .header {
    background: #2D2D30;
  }
  .sadarah .table-wrapper .leadermobile-mobile .header .rank, .sadarah .table-wrapper .leadermobile-mobile .header .points {
    color: #575767;
  }
  body.is-dark .sadarah .table-wrapper .leadermobile-mobile .header .rank, body.is-dark .sadarah .table-wrapper .leadermobile-mobile .header .points {
    color: #CECECE;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees {
    margin-bottom: 15px;
    border-radius: 8px;
    background: #fff;
    padding: 16px 20px;
    display: flex;
    color: #1D252D;
    font-weight: 500;
    font-size: 13px;
    box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
  }
  body.is-dark .sadarah .table-wrapper .leadermobile-mobile .employees div {
    color: #CECECE;
  }
  body.is-dark .sadarah .table-wrapper .leadermobile-mobile .employees {
    color: #CECECE;
    background: #28282B;
    box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .rank .outer, .sadarah .table-wrapper .leadermobile-mobile .employees .points .outer {
    display: table;
    width: 100%;
    height: 100px;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .rank .outer .inner, .sadarah .table-wrapper .leadermobile-mobile .employees .points .outer .inner {
    display: table-cell;
    vertical-align: middle;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .rank .outer .inner .level-img, .sadarah .table-wrapper .leadermobile-mobile .employees .points .outer .inner .level-img {
    height: 55px;
    width: 55px;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details {
    flex: 3;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer {
    display: flex;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-image {
    background-size: cover;
    height: 85px;
    width: 85px;
    margin: 8px;
    margin-left: 25px;
  }
  body.is-rtl .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-image {
    margin-left: 8px;
    margin-right: 25px;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-image .avatar {
    height: 68px;
    width: 68px;
    margin: 9px;
    border-radius: 4px !important;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-silver-image, .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-bronze-image {
    width: 95px;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-silver-image .avatar, .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-bronze-image .avatar {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-gold-image {
    background-size: cover;
    height: 85px;
    width: 125px;
    margin: 8px;
    margin-right: 0;
  }
  body.is-rtl .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-gold-image {
    margin-left: 0;
    margin-right: 8px;
    width: 135px;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-gold-image .avatar {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    height: 65px;
    width: 65px;
    margin: 9px;
    margin-left: 24px;
  }
  body.is-rtl .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-gold-image .avatar {
    margin-left: 0;
    margin-right: 25px;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .inner {
    margin: 8px;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .inner .first-p {
    margin-top: 8px;
    color: #1D252D;
    font-weight: 500;
    font-size: 13px;
  }
  body.is-dark .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .inner .first-p {
    color: #CECECE;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .inner .second-p {
    color: #A2A5B9;
    font-weight: 400;
    font-size: 11px;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .inner .third-p {
    color: #4F008C;
    font-weight: 500;
    font-size: 13px;
    margin-top: 8px;
  }
  body.is-dark .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .inner .third-p {
    color: #797BF2;
  }
}
.sadarah .sticky-side {
  position: sticky;
  top: 60px;
  height: 100%;
}
.sadarah .flex-table.s-card, .sadarah .right-panel-wrapper.is-activity .right-panel .right-panel-body .flex-table.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .sadarah .flex-table.team-card, .sadarah .right-panel-wrapper.is-activity .right-panel .right-panel-body .flex-table.project-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .sadarah .flex-table.project-card, .sadarah .flex-table.collapse, .sadarah .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .flex-table.content-wrap, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .sadarah .flex-table.content-wrap, .sadarah .flex-table.topic-feed-item, .sadarah .list-view.list-view-v2 .flex-table.list-view-item, .list-view.list-view-v2 .sadarah .flex-table.list-view-item, .sadarah .form-layout.is-separate .form-outer .form-body .form-section .flex-table.form-section-inner, .form-layout.is-separate .form-outer .form-body .form-section .sadarah .flex-table.form-section-inner, .sadarah .form-layout .flex-table.form-outer, .form-layout .sadarah .flex-table.form-outer, .sadarah .flex-table.gauge-widget.is-straight, .sadarah .flex-table.icon-toolbar-widget.is-straight, .sadarah .flex-table.text-widget.is-straight, .sadarah .flex-table.tags-widget.is-straight, .sadarah .flex-table.image-widget.is-straight, .sadarah .flex-table.list-widget.is-straight, .sadarah .flex-table.payment-widget.is-straight,
.sadarah .flex-table.picker-widget.is-straight, .sadarah .flex-table.stats-widget.is-straight, .sadarah .flex-table.search-widget.is-straight, .sadarah .flex-table.icon-list-widget.is-straight, .sadarah .flex-table.video-widget.is-straight, .sadarah .flex-table.inbox-widget.is-straight, .sadarah .flex-table.illustration-widget.illustration-widget-v1.is-straight, .sadarah .flex-table.illustration-widget.illustration-widget-v2.is-straight, .sadarah .flex-table.illustration-widget.illustration-widget-v3.is-straight, .sadarah .flex-table.creative-list-widget.is-straight, .sadarah .flex-table.social-buttons-widget.is-straight, .sadarah .flex-table.call-widget.is-straight, .sadarah .flex-table.avatar-list-widget.is-straight, .sadarah .flex-table.contact-widget.is-straight, .sadarah .flex-table.followers-widget.is-straight, .sadarah .flex-table.cart-widget.is-straight, .sadarah .flex-table.stat-widget.is-straight, .sadarah .flex-table.dashboard-card, .sadarah .monday-achievement .monday-achievement-card .flex-table.media-flex-center, .monday-achievement .monday-achievement-card .sadarah .flex-table.media-flex-center, .sadarah .dashboard-list .inner-list .flex-table.media-flex-center, .dashboard-list .inner-list .sadarah .flex-table.media-flex-center, .sadarah .user-profile .flex-table.profile-card, .user-profile .sadarah .flex-table.profile-card {
  padding: 16px 20px 0;
  overflow: hidden;
}
.sadarah .flex-table .max-w-55 {
  flex: 0.2 1 0 !important;
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  .sadarah .flex-table .flex-table-item:first-child {
    border-top: 0;
  }
  .sadarah .flex-table .flex-table-cell.rank {
    position: absolute;
    top: -9px;
    right: -9px;
  }
  [dir=rtl] .sadarah .flex-table .flex-table-cell.rank {
    left: -9px;
    right: unset;
  }
}
.sadarah .flex-table .flex-table-header span {
  flex: 1;
  color: #575767;
  padding: 0 0 16px 0;
}
.sadarah .flex-table .flex-table-header span .is-grow {
  flex-grow: 2.7;
}
.sadarah .flex-table .flex-table-item {
  box-shadow: none;
  margin-bottom: 0;
  border-style: solid;
  border-color: #DBDBDB;
  border-radius: 0;
  border-width: 1px 0 0 0;
  background: transparent !important;
}
.sadarah .flex-table .flex-table-item .badge {
  background: #fff;
  height: 34px;
  width: 34px;
  right: -12px;
  bottom: -12px;
  -o-object-fit: contain;
     object-fit: contain;
}
[dir=rtl] .sadarah .flex-table .flex-table-item .badge {
  right: unset;
  left: -12px;
}
.sadarah .flex-table .flex-table-item .rank {
  font-size: 2.2rem;
  font-weight: 700;
}
.sadarah .flex-table .flex-table-item .user-info {
  margin-left: 5px;
  line-height: 1.5 !important;
}
[dir=rtl] .sadarah .flex-table .flex-table-item .user-info {
  margin-left: 0;
  margin-right: 5px;
}
.sadarah .flex-table .flex-table-item .user-info .first-p {
  color: #1d252d;
  font-weight: 500;
  font-size: 14px;
}
body.is-dark .sadarah .flex-table .flex-table-item .user-info .first-p {
  color: #CECECE;
}
.sadarah .flex-table .flex-table-item .user-info .second-p {
  font-size: 14px;
  font-weight: 400;
  color: #575767;
}
body.is-dark .sadarah .flex-table .flex-table-item .user-info .second-p {
  color: #a2a5b9;
}
.sadarah .flex-table .flex-table-item .user-info .third-p {
  color: #4f008c;
  font-weight: 500;
  font-size: 16px;
  margin-top: 8px;
}
body.is-dark .sadarah .flex-table .flex-table-item .user-info .third-p {
  color: #797bf2;
}
.sadarah .flex-table .flex-table-item .user-point {
  font-size: 1.2rem;
  font-weight: 500;
}
.sadarah .navbar-trigger {
  top: 40px;
  position: absolute;
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  .sadarah {
    margin-bottom: 1rem;
  }
}
.sadarah .redeem-points {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  margin-bottom: 20px;
  gap: 24px;
  height: 91px;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .sadarah .redeem-points {
  background: #28282B;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.sadarah .redeem-points .points {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
.sadarah .redeem-points .points h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 26px;
  color: #1D252D;
}
body.is-dark .sadarah .redeem-points .points h3 {
  color: #CECECE;
}
.sadarah .redeem-points .points p {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
}
.sadarah .redeem-points .points .total {
  display: flex;
  flex-direction: column;
}
.sadarah .redeem-points .points .line {
  width: 51px;
  height: 0px;
  border: 1px solid #DBDBDB;
  transform: rotate(90deg);
}
body.is-dark .sadarah .redeem-points .points .line {
  border: 1px solid #2D2D31;
}
.sadarah .redeem-points .points .available {
  display: flex;
  flex-direction: column;
}
.sadarah .redeem-points .history-link {
  border-bottom: 1px dashed #4F008C;
}
.sadarah .redeem-points .history-link span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #4F008C;
}
body.is-dark .sadarah .redeem-points .history-link span {
  color: #797BF2;
}
body.is-dark .sadarah .redeem-points .history-link {
  border-bottom: 1px dashed #797BF2;
}
.sadarah .filter-items {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 20px;
  height: 30px;
}
.sadarah .filter-items .category {
  cursor: pointer;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 4px;
  gap: 8px;
  min-width: 62px;
  height: 30px;
  border-radius: 15px;
  background: #FFFFFF;
}
.sadarah .filter-items .category svg rect {
  fill: #DAF7EC;
}
body.is-dark .sadarah .filter-items .category svg rect {
  fill: #424748;
}
.sadarah .filter-items .category svg path {
  stroke: #06D6A0;
}
body.is-dark .sadarah .filter-items .category svg path {
  stroke: #06D6A0;
}
.sadarah .filter-items .category p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .sadarah .filter-items .category p {
  color: #CECECE;
}
.sadarah .filter-items .category p:hover {
  color: #4F008C;
}
body.is-dark .sadarah .filter-items .category p:hover {
  color: #797BF2;
}
.sadarah .filter-items .category.active {
  border: 1px solid #4F008C;
}
body.is-dark .sadarah .filter-items .category.active {
  border: 1px solid #797BF2;
}
.sadarah .filter-items .category.active svg rect {
  fill: #F3E3FF;
}
body.is-dark .sadarah .filter-items .category.active svg rect {
  fill: #424748;
}
.sadarah .filter-items .category.active svg path {
  stroke: #4F008C;
}
body.is-dark .sadarah .filter-items .category.active svg path {
  stroke: #797BF2;
}
.sadarah .filter-items .category.active p {
  color: #1D252D !important;
}
body.is-dark .sadarah .filter-items .category.active p {
  color: #797BF2 !important;
}
body.is-dark .sadarah .filter-items .category {
  background: #28282B;
}
.sadarah .store-item-cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 0px;
  margin-top: 24.5px;
  gap: 20px;
}
.sadarah .store-item-cards .text-center-outer {
  min-height: 400px;
  display: table;
  width: 100%;
  text-align: center;
}
.sadarah .store-item-cards .text-center-outer .inner svg path {
  fill: #BABABA;
}
body.is-dark .sadarah .store-item-cards .text-center-outer .inner svg path {
  fill: #939394;
}
.sadarah .store-item-cards .text-center-outer .inner {
  display: table-cell;
  vertical-align: middle;
}
.sadarah .store-item-cards .text-center-outer .inner h3 {
  font-weight: 700;
  font-size: 17px;
}
.sadarah .store-item-cards .item-card {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  height: 253px;
  border-radius: 8px;
  background: #FFFFFF;
  width: 260px;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .sadarah .store-item-cards .item-card {
  background: #28282B;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.sadarah .store-item-cards .item-card:hover {
  background: #FFFFFF;
  box-shadow: 0px 15px 15px -6px rgba(191, 182, 182, 0.3);
}
body.is-dark .sadarah .store-item-cards .item-card:hover {
  background: #28282B;
  box-shadow: 1px 6px 10px 2px rgba(35, 35, 38, 0.3);
}
.sadarah .store-item-cards .item-card .card-img {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  width: 64px;
  height: 64px;
  border-radius: 4px;
  margin-bottom: 16px;
  background: #F9F9F9;
}
.sadarah .store-item-cards .item-card .card-img img {
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 1;
  width: 64px;
  height: 64px;
  border-radius: 4px;
}
.sadarah .store-item-cards .item-card p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  height: 19px;
  overflow: hidden;
  color: #1D252D;
}
body.is-dark .sadarah .store-item-cards .item-card p {
  color: #CECECE;
}
.sadarah .store-item-cards .item-card small {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  margin-bottom: 8px;
  margin-top: 4px;
  color: #A2A5B9;
}
body.is-dark .sadarah .store-item-cards .item-card small {
  color: #A2A5B9;
}
.sadarah .store-item-cards .item-card h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 26px;
  margin-bottom: 16px;
  color: #4F008C;
}
body.is-dark .sadarah .store-item-cards .item-card h3 {
  color: #797BF2;
}
.sadarah .store-item-cards .item-card .redeem {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  min-width: 101px;
  height: 40px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #FFFFFF;
  background: #4F008C;
}
body.is-dark .sadarah .store-item-cards .item-card .redeem {
  background: #797BF2;
}
.sadarah .store-item-cards .item-card .redeem:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .sadarah .store-item-cards .item-card .redeem:hover {
  background: #797BF2 !important;
  color: #FFFFFF !important;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.sadarah .store-item-cards .item-card .out-of-stock {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  gap: 10px;
  width: 105px;
  height: 37px;
  border-radius: 18px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  background: rgba(255, 55, 94, 0.05);
  color: #FF375E;
}
body.is-dark .sadarah .store-item-cards .item-card .out-of-stock {
  background: rgba(255, 55, 94, 0.05);
  color: #FF375E;
}
@media only screen and (max-width: 768px) {
  .sadarah .store-item-shop {
    display: none;
  }
}
.sadarah .store-item-shop-mobile {
  display: none;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .sadarah .store-item-shop-mobile {
    display: block;
  }
}
.sadarah .store-item-shop-mobile .redeem-points-mobile {
  padding: 24px 20px;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
  border-radius: 8px;
  background: #FFFFFF;
  margin-bottom: 24px;
}
body.is-dark .sadarah .store-item-shop-mobile .redeem-points-mobile {
  background: #28282B;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.sadarah .store-item-shop-mobile .redeem-points-mobile .points {
  display: flex;
  margin-bottom: 16px;
}
.sadarah .store-item-shop-mobile .redeem-points-mobile .points h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 26px;
  color: #1D252D;
}
body.is-dark .sadarah .store-item-shop-mobile .redeem-points-mobile .points h3 {
  color: #CECECE;
}
.sadarah .store-item-shop-mobile .redeem-points-mobile .points p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #A2A5B9;
}
body.is-dark .sadarah .store-item-shop-mobile .redeem-points-mobile .points p {
  color: #A2A5B9;
}
.sadarah .store-item-shop-mobile .redeem-points-mobile .points .total {
  padding-right: 16px;
  border-right: 1px solid #DBDBDB;
}
body.is-dark .sadarah .store-item-shop-mobile .redeem-points-mobile .points .total {
  border-right: 1px solid #2D2D31;
}
body.is-rtl body.is-dark .sadarah .store-item-shop-mobile .redeem-points-mobile .points .total {
  border-right: none;
  border-left: 1px solid #2D2D31;
}
body.is-rtl .sadarah .store-item-shop-mobile .redeem-points-mobile .points .total {
  padding-right: 0px;
  padding-left: 16px;
  border-right: none;
  border-left: 1px solid #DBDBDB;
}
.sadarah .store-item-shop-mobile .redeem-points-mobile .points .available {
  padding-left: 16px;
}
body.is-rtl .sadarah .store-item-shop-mobile .redeem-points-mobile .points .available {
  padding-left: 0px;
  padding-right: 16px;
}
.sadarah .store-item-shop-mobile .redeem-points-mobile .points .available, .sadarah .store-item-shop-mobile .redeem-points-mobile .points .total {
  display: flex;
  flex-direction: column;
}
.sadarah .store-item-shop-mobile .redeem-points-mobile .history-link span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #4F008C;
  border-bottom: 1px dashed #4F008C;
}
body.is-dark .sadarah .store-item-shop-mobile .redeem-points-mobile .history-link span {
  color: #797BF2;
  border-bottom: 1px dashed #797BF2;
}
.sadarah .store-item-shop-mobile .redeem-points-mobile .history-link a:hover {
  color: #48007F;
  border-bottom: 1px dashed #48007F;
}
body.is-dark .sadarah .store-item-shop-mobile .redeem-points-mobile .history-link a:hover {
  color: #535494;
  border-bottom: 1px dashed #535494;
}
.sadarah .store-item-shop-mobile .slider-container {
  width: 100%;
}
.sadarah .store-item-shop-mobile .swiper-autoheight, .sadarah .store-item-shop-mobile .swiper-autoheight .swiper-slide {
  height: auto;
  width: auto;
}
.sadarah .store-item-shop-mobile .filter-items-mobile {
  margin-bottom: 24px;
}
.sadarah .store-item-shop-mobile .filter-items-mobile .category {
  cursor: pointer;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 8px 10px 4px;
  gap: 8px;
  min-width: 62px;
  height: 30px;
  border-radius: 15px;
  background: #FFFFFF;
}
.sadarah .store-item-shop-mobile .filter-items-mobile .category svg rect {
  fill: #DAF7EC;
}
body.is-dark .sadarah .store-item-shop-mobile .filter-items-mobile .category svg rect {
  fill: #424748;
}
.sadarah .store-item-shop-mobile .filter-items-mobile .category svg path {
  stroke: #06D6A0;
}
body.is-dark .sadarah .store-item-shop-mobile .filter-items-mobile .category svg path {
  stroke: #06D6A0;
}
.sadarah .store-item-shop-mobile .filter-items-mobile .category p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .sadarah .store-item-shop-mobile .filter-items-mobile .category p {
  color: #CECECE;
}
.sadarah .store-item-shop-mobile .filter-items-mobile .category p:hover {
  color: #4F008C;
}
body.is-dark .sadarah .store-item-shop-mobile .filter-items-mobile .category p:hover {
  color: #797BF2;
}
.sadarah .store-item-shop-mobile .filter-items-mobile .category.active {
  border: 1px solid #4F008C;
}
body.is-dark .sadarah .store-item-shop-mobile .filter-items-mobile .category.active {
  border: 1px solid #797BF2;
}
.sadarah .store-item-shop-mobile .filter-items-mobile .category.active svg rect {
  fill: #F3E3FF;
}
body.is-dark .sadarah .store-item-shop-mobile .filter-items-mobile .category.active svg rect {
  fill: #424748;
}
.sadarah .store-item-shop-mobile .filter-items-mobile .category.active svg path {
  stroke: #4F008C;
}
body.is-dark .sadarah .store-item-shop-mobile .filter-items-mobile .category.active svg path {
  stroke: #797BF2;
}
.sadarah .store-item-shop-mobile .filter-items-mobile .category.active p {
  color: #4F008C !important;
}
body.is-dark .sadarah .store-item-shop-mobile .filter-items-mobile .category.active p {
  color: #797BF2 !important;
}
body.is-dark .sadarah .store-item-shop-mobile .filter-items-mobile .category {
  background: #28282B;
}
.sadarah .store-item-shop-mobile .text-center-outer {
  min-height: 400px;
  display: table;
  width: 100%;
  text-align: center;
}
.sadarah .store-item-shop-mobile .text-center-outer .inner svg path {
  fill: #BABABA;
}
body.is-dark .sadarah .store-item-shop-mobile .text-center-outer .inner svg path {
  fill: #939394;
}
.sadarah .store-item-shop-mobile .text-center-outer .inner {
  display: table-cell;
  vertical-align: middle;
}
.sadarah .store-item-shop-mobile .text-center-outer .inner h3 {
  font-weight: 700;
  font-size: 17px;
}
.sadarah .store-item-shop-mobile .card {
  background-color: #fff;
  padding: 20px 20px 15px 20px;
  background: #ffffff;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
  border-radius: 8px;
  margin-bottom: 20px;
  width: 100%;
  cursor: pointer;
}
body.is-dark .sadarah .store-item-shop-mobile .card {
  background: #28282b;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.sadarah .store-item-shop-mobile .card .card-top-header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sadarah .store-item-shop-mobile .card .card-top-header .image-container {
  align-self: flex-start;
  margin-right: 16px;
}
body.is-rtl .sadarah .store-item-shop-mobile .card .card-top-header .image-container {
  margin-left: 16px;
  margin-right: 0;
}
.sadarah .store-item-shop-mobile .card .card-top-header .image-container img {
  width: 80px;
  height: 80px;
  background: #F9F9F9;
  border-radius: 4px;
}
.sadarah .store-item-shop-mobile .card .card-top-header .card-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sadarah .store-item-shop-mobile .card .card-top-header .card-info .card-title {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .sadarah .store-item-shop-mobile .card .card-top-header .card-info .card-title {
  color: #cecece;
}
.sadarah .store-item-shop-mobile .card .card-top-header .card-info .card-subtitle {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #575767;
}
body.is-dark .sadarah .store-item-shop-mobile .card .card-top-header .card-info .card-subtitle {
  color: #a2a5b9;
}
.sadarah .store-item-shop-mobile .card .card-top-header .card-info h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 26px;
  margin-bottom: 16px;
  color: #4F008C;
}
body.is-dark .sadarah .store-item-shop-mobile .card .card-top-header .card-info h3 {
  color: #797BF2;
}
.sadarah .store-item-shop-mobile .card .card-top-header .card-info .redeem {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #FFFFFF;
  background: #4F008C;
}
body.is-dark .sadarah .store-item-shop-mobile .card .card-top-header .card-info .redeem {
  background: #797BF2;
}
.sadarah .store-item-shop-mobile .card .card-top-header .card-info .redeem:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .sadarah .store-item-shop-mobile .card .card-top-header .card-info .redeem:hover {
  background: #797BF2 !important;
  color: #FFFFFF !important;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.sadarah .store-item-shop-mobile .card .card-top-header .card-info .out-of-stock {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  gap: 10px;
  width: 105px;
  height: 37px;
  border-radius: 18px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  background: rgba(255, 55, 94, 0.05);
  color: #FF375E;
}
body.is-dark .sadarah .store-item-shop-mobile .card .card-top-header .card-info .out-of-stock {
  background: rgba(255, 55, 94, 0.05);
  color: #FF375E;
}

/* ==========================================================================
3. My points mobile
========================================================================== */
@media only screen and (max-width: 400px) {
  .sadarah .header-wrapper {
    padding: 10px !important;
  }
  .sadarah .header-wrapper .left .sadarah-info .sadarah-info-item .sadarah-info-item-value, .sadarah .header-wrapper .left .sadarah-info .sadarah-info-item .sadarah-info-item-label {
    font-size: 13px !important;
    font-weight: 400 !important;
  }
  .sadarah .header-wrapper .left .sadarah-info .sadarah-info-item:not(:last-child):after {
    margin: 0 4px !important;
    font-size: 13px !important;
  }
  .sadarah .header-wrapper .left .sadarah-info {
    padding: 6px 12px !important;
    border-radius: 10px !important;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees {
    padding: 8px 10px !important;
    font-weight: 400 !important;
    font-size: 10px !important;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .rank .outer, .sadarah .table-wrapper .leadermobile-mobile .employees .points .outer {
    display: table;
    width: 100%;
    height: 100px;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .rank .outer .inner, .sadarah .table-wrapper .leadermobile-mobile .employees .points .outer .inner {
    display: table-cell;
    vertical-align: middle;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .rank .outer .inner .level-img, .sadarah .table-wrapper .leadermobile-mobile .employees .points .outer .inner .level-img {
    height: 35px;
    width: 35px;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-image {
    height: 85px;
    width: 85px;
    margin: 8px;
    margin-left: 25px;
  }
  body.is-rtl .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-image {
    margin-left: 8px;
    margin-right: 25px;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-image .avatar {
    height: 68px;
    width: 68px;
    margin: 9px;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-silver-image, .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-bronze-image {
    width: 85px;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-silver-image .avatar, .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-bronze-image .avatar {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-gold-image {
    background-size: cover;
    height: 95px;
    width: 125px;
    margin: 8px;
    margin-right: 0;
  }
  body.is-rtl .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-gold-image {
    margin-left: 0;
    margin-right: 8px;
    width: 135px;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-gold-image .avatar {
    height: 75px;
    width: 75px;
    margin: 9px;
    margin-left: 25px;
  }
  body.is-rtl .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-gold-image .avatar {
    margin-left: 0;
    margin-right: 25px;
  }
}
@media only screen and (max-width: 280px) {
  #bottom-nav span {
    font-size: 0.5rem !important;
  }
  .sadarah .header-wrapper {
    padding: 10px !important;
  }
  .sadarah .header-wrapper .left .sadarah-info .sadarah-info-item .sadarah-info-item-value, .sadarah .header-wrapper .left .sadarah-info .sadarah-info-item .sadarah-info-item-label {
    font-size: 9px !important;
    font-weight: 400 !important;
  }
  .sadarah .header-wrapper .left .sadarah-info .sadarah-info-item:not(:last-child):after {
    margin: 0 2px !important;
    font-size: 9px !important;
  }
  .sadarah .header-wrapper .left .sadarah-info {
    padding: 4px 8px !important;
    border-radius: 8.5px !important;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees {
    padding: 8px 10px !important;
    font-weight: 400 !important;
    font-size: 10px !important;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .rank .outer, .sadarah .table-wrapper .leadermobile-mobile .employees .points .outer {
    display: table;
    width: 100%;
    height: 100px;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .rank .outer .inner, .sadarah .table-wrapper .leadermobile-mobile .employees .points .outer .inner {
    display: table-cell;
    vertical-align: middle;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .rank .outer .inner .level-img, .sadarah .table-wrapper .leadermobile-mobile .employees .points .outer .inner .level-img {
    height: 35px;
    width: 35px;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-image {
    height: 65px;
    width: 85px;
    margin: 8px;
    margin-left: 25px;
  }
  body.is-rtl .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-image {
    margin-left: 8px;
    margin-right: 25px;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-image .avatar {
    height: 48px;
    width: 48px;
    margin: 9px;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-silver-image, .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-bronze-image {
    width: 75px;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-silver-image .avatar, .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-bronze-image .avatar {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-gold-image {
    background-size: cover;
    height: 65px;
    width: 125px;
    margin: 8px;
    margin-right: 0;
  }
  body.is-rtl .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-gold-image {
    margin-left: 0;
    margin-right: 8px;
    width: 135px;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-gold-image .avatar {
    height: 48px;
    width: 48px;
    margin: 9px;
    margin-left: 20px;
  }
  body.is-rtl .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .card-gold-image .avatar {
    margin-left: 0;
    margin-right: 20px;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .inner {
    margin-top: 8px;
    margin-bottom: 0;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .inner .first-p {
    margin-top: 0;
    font-weight: 400;
    font-size: 11px;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .inner .second-p {
    font-weight: 300;
    font-size: 9px;
  }
  .sadarah .table-wrapper .leadermobile-mobile .employees .details .outer .inner .third-p {
    margin-top: 0;
    color: #4F008C;
    font-weight: 400;
    font-size: 11px;
  }
}
.sadarah-page .swiper-wrapper {
  max-width: 600px;
}
.sadarah-page .swiper-wrapper .swiper-slide {
  max-width: 600px;
}
.sadarah-page .list-view-toolbar {
  display: block;
}

.sadarah-topic-form .success-story-option {
  display: flex;
  padding: 10px;
  width: 100%;
  gap: 8px;
}
.sadarah-topic-form .success-story-option input {
  width: 20px;
  height: 20px;
  border-radius: 2px;
}
.sadarah-topic-form .success-story-option input[type=checkbox]:checked + label::before {
  content: "";
  display: block;
  text-align: center;
  height: 20px;
  width: 20px;
  background: #3A0066;
  border-radius: 2px;
}
body.is-dark .sadarah-topic-form .success-story-option input[type=checkbox]:checked + label::before {
  background: #797BF2;
}
.sadarah-topic-form .success-story-option input[type=checkbox]:checked {
  background: #3A0066;
}
body.is-dark .sadarah-topic-form .success-story-option input[type=checkbox]:checked {
  background: #797BF2;
}
.sadarah-topic-form .success-story-option span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .sadarah-topic-form .success-story-option span {
  background: #CECECE;
}

/* =========================================================================== 
                        CX Channel Style
=========================================================================== */
.cx-channel-custom .redeem-points {
  flex-direction: column !important;
  align-items: flex-start;
  height: auto;
}
.cx-channel-custom .redeem-points p {
  font-size: 0.9rem;
  display: block;
  font-weight: 500;
  margin-bottom: 1em;
}
.cx-channel-custom .cx-choose-cards-container {
  display: flex;
  flex-direction: row;
  gap: 32px;
  width: 100%;
  margin-bottom: 32px;
}
.cx-channel-custom .cx-choose-cards-container.mobileView {
  flex-direction: column;
}
.cx-channel-custom .cx-choose-cards-container .cx-choose-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  gap: 20px;
  width: 100%;
  border-radius: 8px;
  justify-content: space-between;
  background: #F3E3FF;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .cx-channel-custom .cx-choose-cards-container .cx-choose-card {
  background: #363659;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.cx-channel-custom .cx-choose-cards-container .cx-choose-card h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 34px;
  color: #1D252D;
}
body.is-dark .cx-channel-custom .cx-choose-cards-container .cx-choose-card h3 {
  color: #CECECE;
}
.cx-channel-custom .cx-choose-cards-container .cx-choose-card button {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  border-color: transparent;
  color: #fff;
  background-color: #4f008c;
}
body.is-dark .cx-channel-custom .cx-choose-cards-container .cx-choose-card button {
  border-color: #797bf2;
}
.cx-channel-custom .cx-choose-cards-container .cx-choose-card button {
  display: flex;
  justify-content: flex-start;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  background-color: #4f008c;
  border-color: transparent;
  color: #fff;
}
body.is-dark .cx-channel-custom .cx-choose-cards-container .cx-choose-card button {
  border-color: #797bf2;
  border-color: transparent;
  color: #fff;
}
.cx-channel-custom .switch.is-rounded {
  direction: ltr;
}
.cx-channel-custom .publish-label {
  margin: 0px 4px;
}
.cx-channel-custom .form-inputs-group {
  width: 100%;
}
.cx-channel-custom .form-content {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.cx-channel-custom .form-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.cx-channel-custom .input-group label {
  font-size: 0.9rem;
  display: block;
  font-weight: 400;
  line-height: 2rem;
}
.cx-channel-custom .input-group:last-child {
  margin-top: -16px;
}
.cx-channel-custom .mt16 {
  margin-top: 16px;
}
.cx-channel-custom .mt0 {
  margin-top: 0px !important;
}
.cx-channel-custom .sde-form .switch.is-rounded {
  direction: ltr;
}
.cx-channel-custom .sde-form .publish-label {
  margin: 0px 4px;
}
.cx-channel-custom .sde-form .form-inputs-group {
  width: 100%;
}
.cx-channel-custom .sde-form .form-content {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.cx-channel-custom .sde-form .form-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.cx-channel-custom .sde-form .mt16 {
  margin-top: 16px;
}
.cx-channel-custom .sde-form .mt0 {
  margin-top: 0px !important;
}
.cx-channel-custom .sde-form .form-inputs-group {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.cx-channel-custom .sde-form .form-inputs-group .input-group {
  margin-top: 8px;
}
.cx-channel-custom .sde-form .form-inputs-group .input-group.for-text {
  margin-top: 24px !important;
  margin-left: 5%;
  margin-right: 5%;
  width: 95%;
}
.cx-channel-custom .sde-form .form-inputs-group .input-group .row {
  margin: 16px 0px;
}
.cx-channel-custom .sde-form .form-inputs-group .input-group .row.for-checkbox {
  margin: -18px -16px !important;
}
.cx-channel-custom .sde-form .form-inputs-group .input-group .row .field .field-body .has-addons {
  display: flex;
  align-items: center;
}
.cx-channel-custom .sde-form .form-inputs-group .input-group .row .field .field-body .has-addons .publish-label {
  margin-bottom: 0.5em !important;
}

.employees-points .dropdown-menu {
  width: 200px;
}
body.is-dark .employees-points .bgPrimary {
  background: #28282b !important;
}
body.is-dark .employees-points .bgPrimary h5 {
  color: #939394;
}
.employees-points .bgPrimary .header-content .page-icon {
  margin: 0 !important;
}
.employees-points .bgPrimary .header-content .title {
  margin: 0 !important;
}
.employees-points .border-primary:hover:not([disabled]) {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
  background: #4f008c;
  color: #ffffff !important;
}
body.is-dark .employees-points .border-primary:hover:not([disabled]) {
  background: #797bf2 !important;
  color: #ffffff !important;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.employees-points .mobile-content {
  padding: 20px;
}
.employees-points .mobile-content .mobile-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
body.is-dark .employees-points .mobile-content .mobile-row .mobile-search {
  background: #28282b;
  border: 1px solid #232323;
}
.employees-points .mobile-content .mobile-row .mobile-search {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px;
  gap: 8px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #ededed;
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
  color: #a2a5b9;
}
.employees-points .mobile-content .mobile-row .mobile-search input {
  color: #a2a5b9;
}
.employees-points .mobile-content .mobile-row .mobile-search .feather-search {
  stroke: #a2a5b9;
}
.employees-points .mobile-content .mobile-row .mobile-search {
  font-weight: 400;
  font-size: 13px;
}
.employees-points .mobile-content .mobile-row .mobile-buttons svg {
  stroke: #4f008c;
}
body.is-dark .employees-points .mobile-content .mobile-row .mobile-buttons svg {
  stroke: #797bf2;
}
body.is-dark .employees-points .mobile-content .mobile-row .mobile-buttons .action-button {
  background: #28282b !important;
  color: #797bf2 !important;
  border: 1px solid #797bf2 !important;
}
.employees-points .mobile-content .mobile-row .mobile-buttons .border-secondary {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #bababa;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  background: #dbdbdb;
  border-radius: 4px;
}
.employees-points .mobile-content .mobile-row .mobile-buttons .border-primary {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #4f008c;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-bottom: calc(0.5em - 1px);
  padding-left: 1em;
  padding-right: 1em;
  padding-top: calc(0.5em - 1px);
  gap: 8px;
  width: auto;
  height: 40px;
  border: 1px solid #4f008c;
  border-radius: 4px;
}
.employees-points .mobile-content .employee-div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  background: #ffffff;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
  border-radius: 8px;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin-bottom: 20px;
}
body.is-dark .employees-points .mobile-content .employee-div {
  background: #28282b;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.employees-points .mobile-content .employee-div .form-check label input {
  display: none; /* Hide the default checkbox */
}
.employees-points .mobile-content .employee-div .form-check label span {
  width: 20px;
  height: 20px;
  background: #ffffff;
}
body.is-dark .employees-points .mobile-content .employee-div .form-check label span {
  background: #28282b;
}
.employees-points .mobile-content .employee-div .form-check label span {
  border: 1px solid #a2a5b9;
  border-radius: 2px;
  display: inline-block;
  position: relative;
}
.employees-points .mobile-content .employee-div .form-check [type=checkbox]:checked + span:before {
  content: "✔";
  position: absolute;
  top: -1px;
  left: 4px;
  color: #fff;
}
.employees-points .mobile-content .employee-div .form-check [type=checkbox]:checked + span {
  background: #3a0066;
}
body.is-dark .employees-points .mobile-content .employee-div .form-check [type=checkbox]:checked + span {
  background: #797bf2;
}
.employees-points .mobile-content .employee-div input[type=checkbox] {
  accent-color: #ffffff !important;
}
body.is-dark .employees-points .mobile-content .employee-div input[type=checkbox] {
  background: #28282b;
}
.employees-points .mobile-content .employee-div input[type=checkbox]:checked {
  background-color: #3a0066 !important;
}
body.is-dark .employees-points .mobile-content .employee-div input[type=checkbox]:checked {
  background-color: #797bf2 !important;
}
.employees-points .mobile-content .employee-div .id {
  font-weight: 400;
  font-size: 13px;
  color: #a2a5b9;
  margin-top: 15px;
}
.employees-points .mobile-content .employee-div .username {
  font-weight: 500;
  font-size: 16px;
  color: #1d252d;
  margin-top: 5px;
}
body.is-dark .employees-points .mobile-content .employee-div .username {
  color: #cecece;
}
.employees-points .mobile-content .employee-div .email,
.employees-points .mobile-content .employee-div .mobile {
  font-weight: 400;
  font-size: 13px;
  color: #1d252d;
  margin-top: 5px;
}
body.is-dark .employees-points .mobile-content .employee-div .email,
body.is-dark .employees-points .mobile-content .employee-div .mobile {
  color: #cecece;
}
.employees-points .mobile-content .employee-div .line {
  width: 100%;
  height: 1px;
  background: #ededed;
  margin-top: 20px;
  margin-bottom: 20px;
}
body.is-dark .employees-points .mobile-content .employee-div .line {
  background: #232323;
}
.employees-points .mobile-content .employee-div .point-info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.employees-points .mobile-content .employee-div .point-info .point-info-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.employees-points .mobile-content .employee-div .point-info .point-info-item .title {
  font-weight: 400;
  font-size: 11px;
  color: #575767;
}
body.is-dark .employees-points .mobile-content .employee-div .point-info .point-info-item .title {
  color: #cecece;
}
.employees-points .mobile-content .employee-div .point-info .point-info-item .value {
  font-weight: 400;
  font-size: 13px;
  color: #1d252d;
}
body.is-dark .employees-points .mobile-content .employee-div .point-info .point-info-item .value {
  color: #cecece;
}
.employees-points .mobile-content .side-dropdown {
  padding: 12px;
}
.employees-points .mobile-content .side-dropdown-item p {
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.employees-points .mobile-content .pagination-buttons {
  width: auto;
  display: flex;
  justify-content: center;
}
.employees-points .mobile-content .pagination-buttons ul {
  max-width: 100%;
}
.employees-points .mobile-content .pagination-buttons ul li {
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 280px) {
  .employees-points .mobile-content {
    padding: 15px;
  }
  .employees-points .mobile-content .mobile-row .mobile-search {
    max-width: 50%;
  }
  .employees-points .mobile-content .mobile-row .mobile-buttons {
    max-width: 45%;
  }
}

.mobile-buttons-container {
  display: flex;
  flex-direction: column;
  padding: 10px 20px 40px;
  background: #ffffff;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
body.is-dark .mobile-buttons-container {
  background: #28282b;
}
.mobile-buttons-container {
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
  border-radius: 24px 24px 0px 0px;
}
.mobile-buttons-container .line {
  width: 100px;
  height: 6px;
  background: #f2f2f2;
  margin: 0px auto 30px;
  border-radius: 3px;
}
body.is-dark .mobile-buttons-container .line {
  background: #252529;
}
.mobile-buttons-container .mobile-button {
  margin-bottom: 15px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  width: 100%;
  background: #f9f9f9;
  border-radius: 4px;
  font-weight: 500;
  color: #28282b;
  font-size: 13px;
}
body.is-dark .mobile-buttons-container .mobile-button {
  background: #323236;
  border-radius: 4px;
  color: #a2a5b9;
}

.mobile-users-model {
  margin: 0 auto;
  max-width: 500px !important;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
  border-radius: 8px;
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  .mobile-users-model {
    max-width: 388px !important;
  }
}
.mobile-users-model {
  padding: 0;
}
body.is-dark .mobile-users-model {
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
  border: 1px solid #28282b;
  background: #323236;
}
body.is-dark .mobile-users-model.is-declaration {
  background: #28282b;
}
body.is-dark .mobile-users-model.custom-dark .modalMsg {
  color: #cecece;
}
body.is-dark .mobile-users-model.custom-dark {
  background: #28282b;
}
.mobile-users-model .modalHeader {
  padding: 20px;
  background: #f9f9f9;
  border-bottom: 1px solid #dbdbdb;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}
.mobile-users-model .modalHeader h4 {
  font-weight: 500;
  font-size: 16px;
  color: #1d252d;
  margin-bottom: 0;
}
body.is-dark .mobile-users-model .modalHeader {
  background: #323236;
  border-bottom: 1px solid #2d2d31;
}
body.is-dark .mobile-users-model .modalHeader h4 {
  color: #cecece;
}
.mobile-users-model .container-modalBody {
  padding: 20px;
}
.mobile-users-model .container-modalBody .modalTitle {
  font-weight: 400;
  font-size: 13px;
  color: #1d252d;
  margin-bottom: 8px;
  margin-top: 55px;
}
body.is-dark .mobile-users-model .container-modalBody .modalTitle {
  color: #cecece;
}
.mobile-users-model .container-modalBody .modalUsername {
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  color: #1d252d;
}
body.is-dark .mobile-users-model .container-modalBody .modalUsername {
  color: #cecece;
}
.mobile-users-model .modalBody {
  padding: 24px;
}
.mobile-users-model .modalBody.winning {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.mobile-users-model .modalBody.winning .headerMsg {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500 !important;
  font-size: 23px !important;
  line-height: 34px !important;
  color: #1D252D;
}
body.is-dark .mobile-users-model .modalBody.winning .headerMsg {
  color: #cecece;
}
.mobile-users-model .modalBody.winning .msg {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400 !important;
  font-size: 17px !important;
  line-height: 24px !important;
  color: #1D252D;
}
body.is-dark .mobile-users-model .modalBody.winning .msg {
  color: #cecece;
}
.mobile-users-model .modalBody .modalTitle {
  font-weight: 400;
  font-size: 13px;
  color: #1d252d;
  margin-bottom: 8px;
  margin-top: 25px;
}
body.is-dark .mobile-users-model .modalBody .modalTitle {
  color: #cecece;
}
.mobile-users-model .modalBody .modalTitle svg {
  stroke: #1d252d;
}
body.is-dark .mobile-users-model .modalBody .modalTitle svg {
  stroke: #cecece;
}
.mobile-users-model .modalBody .modalTitle svg.no-border {
  stroke: none !important;
}
.mobile-users-model .modalBody .file-section .file-cta {
  display: flex;
  justify-content: space-between;
}
body.is-dark .mobile-users-model .modalBody .file-section .file-cta {
  background: #252529 !important;
  border: 1.2px dashed #404046;
}
.mobile-users-model .modalBody .file-section .file-cta .browse-file {
  display: flex;
  gap: 10px;
}
.mobile-users-model .modalBody .file-section .file-cta .browse-file i {
  line-height: unset;
}
.mobile-users-model .modalBody .file-section .file-cta .x-span {
  display: none;
  padding: 10px;
}
.mobile-users-model .modalBody .file-section .file-cta .x-span svg path {
  stroke: #1d252d;
}
body.is-dark .mobile-users-model .modalBody .file-section .file-cta .x-span svg path {
  stroke: #cecece;
}
.mobile-users-model .modalBody .file-section .user-email {
  font-weight: 400;
  font-size: 13px;
  color: #1d252d;
}
body.is-dark .mobile-users-model .modalBody .file-section .user-email {
  color: #cecece;
}
.mobile-users-model .modalBody .file-section .user-email {
  margin-bottom: 10px;
}
.mobile-users-model .modalBody .file-section .is-danger .file-cta {
  border: 1.2px solid #ff375e !important;
}
.mobile-users-model .modalBody .file-section .is-danger .file-cta .x-span {
  display: block !important;
}
.mobile-users-model .modalBody .file-section .user-file {
  font-weight: 500;
  font-size: 13px;
  color: #1d252d;
}
body.is-dark .mobile-users-model .modalBody .file-section .user-file {
  color: #cecece;
}
.mobile-users-model .modalBody .file-section .user-file {
  margin-bottom: 15px;
}
.mobile-users-model .modalBody .file-section .error {
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #ff375e;
}
.mobile-users-model .modalBody .file-section .bulk-buttons-container {
  display: flex;
  justify-content: space-between;
}
.mobile-users-model .modalBody .file-section .bulk-buttons-container .view-users {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  gap: 8px;
  height: 38px;
  background: #f9f9f9;
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
  font-weight: 500;
  font-size: 13px;
  color: #28282b;
}
body.is-dark .mobile-users-model .modalBody .file-section .bulk-buttons-container .view-users svg {
  fill: #a2a5b9;
}
.mobile-users-model .modalBody .file-section .bulk-buttons-container .view-users svg {
  fill: #28282b;
}
body.is-dark .mobile-users-model .modalBody .file-section .bulk-buttons-container .view-users {
  background: #323236;
  color: #a2a5b9;
}
.mobile-users-model .modalBody .file-section .bulk-buttons-container .view-users {
  margin-top: 20px;
}
.mobile-users-model .modalBody .file-section .bulk-buttons-container .bulk-delete {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  gap: 8px;
  width: 48px;
  height: 38px;
  background: #f9f9f9;
  border-radius: 4px;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin-top: 20px;
}
body.is-dark .mobile-users-model .modalBody .file-section .bulk-buttons-container .bulk-delete {
  background: #323236;
}
.mobile-users-model .modalBody .file-section .bulk-buttons-container .bulk-delete svg {
  fill: #ff375e;
}
body.is-dark .mobile-users-model .modalBody .separator {
  background: #232323;
}
.mobile-users-model .modalBody .modalUsername {
  font-weight: 500;
  font-size: 13px;
  color: #1d252d;
}
body.is-dark .mobile-users-model .modalBody .modalUsername {
  color: #cecece;
}
.mobile-users-model .modalBody .buttonsOptions {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  border: 1px solid #ededed;
  border-radius: 4px;
  flex: none;
  order: 1;
  flex-grow: 0;
}
.mobile-users-model .modalBody .buttonsOptions .decrease {
  margin: 0;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
body.is-rtl .mobile-users-model .modalBody .buttonsOptions .decrease {
  border-left: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body.is-dark .mobile-users-model .modalBody .buttonsOptions {
  border: 1px solid #232323;
}
body.is-dark .mobile-users-model .modalBody .buttonsOptions .activeOption {
  color: #cd8cff !important;
  background: #484247 !important;
}
.mobile-users-model .modalBody .select:not(.is-multiple):not(.is-loading)::after {
  border-color: #1d252d;
}
body.is-dark .mobile-users-model .modalBody .select:not(.is-multiple):not(.is-loading)::after {
  border-color: #cecece;
}
.mobile-users-model .modalBody .select select,
.mobile-users-model .modalBody .select select option {
  color: #1d252d;
}
body.is-dark .mobile-users-model .modalBody .select select,
body.is-dark .mobile-users-model .modalBody .select select option {
  color: #cecece;
  background: #252529;
}
body.is-dark .mobile-users-model .modalBody {
  background: #28282b;
  border: 1px solid #28282b;
}
body.is-dark .mobile-users-model .modalBody .textarea {
  color: #cecece;
  background: #252529;
}
.mobile-users-model .modalBody .user-table .table {
  border: none !important;
  border-collapse: collapse;
}
.mobile-users-model .modalBody .user-table .table tr {
  border: none !important;
}
.mobile-users-model .modalBody .user-table .table tr th {
  border: none !important;
  font-weight: 500;
  font-size: 13px;
  color: #1d252d;
  background: #ffffff;
}
body.is-dark .mobile-users-model .modalBody .user-table .table tr th {
  color: #cecece;
  background: #28282b;
}
.mobile-users-model .modalBody .user-table .table td {
  border: none !important;
  font-weight: 400;
  font-size: 13px;
  color: #1d252d;
  background: #ffffff;
}
body.is-dark .mobile-users-model .modalBody .user-table .table td {
  color: #cecece;
  background: #28282b;
}
.mobile-users-model .buttonsActions {
  gap: 20px;
  padding: 24px;
}
.mobile-users-model .buttonsActions.forDelete {
  padding: 32px 0 0 24px !important;
  width: 100%;
}
.mobile-users-model .buttonsActions .cancelButton {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #4f008c;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  border-radius: 4px;
  width: auto;
}
body.is-dark .mobile-users-model .buttonsActions .cancelButton {
  color: #797bf2;
  border: 1px solid #797bf2;
  background: #28282b;
}
body.is-dark .mobile-users-model .buttonsActions .modifyButton {
  color: #ffffff;
  border: 1px solid #797bf2;
  background: #797bf2;
}
.mobile-users-model .buttonsActions .modifyButton {
  width: auto;
}
.mobile-users-model .buttonsActions .modifyButton:hover,
.mobile-users-model .buttonsActions .cancelButton:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
  background: #4f008c;
  color: #ffffff !important;
}
body.is-dark .mobile-users-model .buttonsActions .modifyButton:hover,
body.is-dark .mobile-users-model .buttonsActions .cancelButton:hover {
  background: #797bf2;
  color: #ffffff !important;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.mobile-users-model .buttonsActions .confirmButton {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  background: #4f008c;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
}
body.is-dark .mobile-users-model .buttonsActions .confirmButton {
  background: #797bf2;
}
.mobile-users-model .buttonsActions .confirmButton:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .mobile-users-model .buttonsActions .confirmButton:hover {
  background: #797bf2 !important;
  color: #ffffff !important;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
body.is-dark .mobile-users-model .buttonsActions {
  background: #28282b;
  border: 1px solid #28282b;
}
body.is-dark .mobile-users-model .buttonsActions.declarations {
  background: none !important;
  border: none !important;
}

body.is-dark .declaration-page .content p {
  color: #cecece;
}

.mobile-point-log .mobile-point-log {
  min-width: 256px;
}
.mobile-point-log .employee-div .div-content {
  margin-bottom: 15px;
}
.mobile-point-log .employee-div .div-content .title {
  font-weight: 400;
  font-size: 11px;
  color: #575767;
  margin-bottom: 4px;
}
body.is-dark .mobile-point-log .employee-div .div-content .title {
  color: #cecece;
}
.mobile-point-log .employee-div .div-content .value {
  font-weight: 400;
  font-size: 13px;
  color: #1d252d;
}
body.is-dark .mobile-point-log .employee-div .div-content .value {
  color: #cecece;
}
.mobile-point-log .employee-div .description-and-amount {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
.mobile-point-log .employee-div .description-and-amount div {
  flex: 50%;
}

body.is-dark .admin-side-bar #bottom-nav {
  background: #28282b;
  backdrop-filter: blur(10px);
}

.employees-points h1 {
  font-size: 30px;
}
.employees-points h5 {
  font-weight: 400;
  font-size: 16px;
  color: #CD8CFF;
}
.employees-points .bgPrimary {
  background: #4F008C;
  overflow: hidden;
  padding-bottom: 0;
}
body.is-dark .employees-points .bgPrimary {
  color: #28282B;
}
.employees-points .bgPrimary .header-wrapper {
  margin-bottom: 35px;
}
.employees-points .bgPrimary .head-tabs {
  padding: 0 3rem;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
}
.employees-points .bgPrimary .head-tabs .tabbar {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: rgba(255, 255, 255, 0.33);
  padding: 9px 20px;
}
body.is-dark .employees-points .bgPrimary .head-tabs .tabbar {
  color: #CECECE;
}
.employees-points .bgPrimary .head-tabs .tabbar:hover {
  background: rgba(255, 255, 255, 0.33);
}
.employees-points .bgPrimary .head-tabs .router-link-exact-active {
  border-bottom: 2px solid white;
  font-family: "STC Forward" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  line-height: 16px !important;
  color: #FFFFFF !important;
}
body.is-dark .employees-points .bgPrimary .head-tabs .router-link-exact-active {
  color: #797BF2 !important;
  border-bottom: 2px solid #797BF2;
}
.employees-points .bgPrimary .title {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 42px;
  line-height: 51px;
  color: #CECECE;
}
.employees-points .bgPrimary h5 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 21px;
  color: #CD8CFF;
}
body.is-dark .employees-points .bgPrimary h5 {
  color: #939394;
}
.employees-points .bgPrimary .usersHeaderIcon path {
  fill: white;
}
body.is-dark .employees-points .bgPrimary .usersHeaderIcon path {
  fill: #CECECE;
}
.employees-points .table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.employees-points .table th {
  text-align: left;
  padding: 15px 4px;
  border: none;
}
.employees-points .table td {
  text-align: left;
  padding: 15px 4px;
  border-bottom: none !important;
}
.employees-points .table tr:nth-child(even) {
  background-color: #f2f2f2;
}

.usersHeaderIcon path {
  fill: white;
}
body.is-dark .usersHeaderIcon path {
  fill: #CECECE;
}

@media (min-width: 768px) {
  .employees-points .dropdown-menu-arrow::before {
    content: "";
    width: 13px;
    height: 13px;
    background: #fff;
    position: absolute;
    top: -7px;
    right: 20px;
    transform: rotate(45deg);
    border-top: 1px solid #eaedf1;
    border-left: 1px solid #eaedf1;
  }
}
@media (max-width: 768px) {
  .employees-points .bgPrimary {
    padding-top: 40px !important;
  }
  .employees-points .bgPrimary .header-wrapper {
    padding: 0 20px !important;
  }
  .employees-points .bgPrimary .head-tabs {
    padding: 0 20px !important;
  }
}
@media (min-width: 1200px) {
  .employees-points .logo {
    width: 280px;
  }
}
@media (max-width: 1199px) {
  .employees-points .header .search-bar {
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    padding: 20px;
    box-shadow: 0px 0px 15px 0px rgba(1, 41, 112, 0.1);
    background: white;
    z-index: 9999;
    transition: 0.3s;
    visibility: hidden;
    opacity: 0;
  }
  .employees-points .header .search-bar-show {
    top: 60px;
    visibility: visible;
    opacity: 1;
  }
}
.pagination-buttons ul {
  display: flex;
}
.pagination-buttons ul li {
  display: inline;
  cursor: pointer;
  margin: 3px;
  padding: 7px;
  border-radius: 7px;
}
.pagination-buttons .page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 11px 10px;
  gap: 10px;
  width: 50px;
  height: 38px;
  /* primary/primary-50-[day] */
  border-radius: 4px;
}
.pagination-buttons .current-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 11px 10px;
  gap: 10px;
  width: 50px;
  height: 38px;
  background: #F3E3FF;
  border-radius: 4px;
}
body.is-dark .pagination-buttons .current-page {
  background: rgba(121, 123, 242, 0.1);
  color: #797BF2;
}
.pagination-buttons .pointer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  gap: 8px;
  width: 48px;
  height: 38px;
  font-size: 1.5em;
  background: #F9F9F9;
  opacity: 0.4;
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
}
body.is-dark .pagination-buttons .pointer {
  background: transparent;
}

/*! _promotions-page.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Promotions Page
    2. Promotions Page Dark mode
    3. Media Queries
*/
/* ==========================================================================
1. Promotions Page
========================================================================== */
@media only screen and (max-width: 767px) {
  .promotions-page .header-layout-1 {
    margin-bottom: 1rem;
  }
}
.promotions-page .body-title {
  margin-bottom: 0.5rem;
}
.promotions-page .body-title h3 {
  font-weight: 600;
}
.promotions-page .swiper-wrapper {
  position: relative;
}
.promotions-page .swiper-wrapper .swiper-slide {
  width: auto;
}
@media only screen and (min-width: 767px) {
  .promotions-page .has-arrows {
    padding-top: 24px;
  }
  .promotions-page .has-arrows .swiper-button-disabled {
    opacity: 0.5;
  }
  .promotions-page .has-arrows .swiper-prev {
    left: auto;
    right: 15px;
    width: 24px;
    position: absolute;
    top: 0;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  [dir=rtl] .promotions-page .has-arrows .swiper-prev {
    left: 15px;
    right: auto;
    transform: rotate(-180deg);
  }
  .promotions-page .has-arrows .swiper-next {
    right: -10px;
    left: auto;
    width: 24px;
    background: linear-gradient(-90deg, rgba(243, 242, 242, 0.72) 24%, rgba(0, 212, 255, 0) 81%);
    position: absolute;
    top: 0;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  [dir=rtl] .promotions-page .has-arrows .swiper-next {
    left: -10px;
    right: auto;
    transform: rotate(-180deg);
  }
  body.is-dark .promotions-page .has-arrows .swiper-next {
    background: linear-gradient(-90deg, rgba(50, 50, 54, 0.72) 24%, rgba(0, 212, 255, 0) 81%);
  }
}
@media only screen and (max-width: 767px) {
  .promotions-page .has-arrows {
    padding-top: 0;
  }
  .promotions-page .has-arrows i {
    display: none;
  }
  .promotions-page .topics-category {
    margin-left: -12px;
    width: calc(100% + 24px);
  }
  [dir=rtl] .promotions-page .topics-category {
    margin-right: -12px;
    margin-left: 0;
  }
  .promotions-page .topics-category.breadcrumb {
    position: relative;
  }
  .promotions-page .topics-category.breadcrumb ul {
    overflow-x: auto;
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    padding-left: 12px;
  }
  [dir=rtl] .promotions-page .topics-category.breadcrumb ul {
    padding-left: 0;
    padding-right: 12px;
  }
  .promotions-page .swiper {
    padding-right: 24px;
  }
  [dir=rtl] .promotions-page .swiper {
    padding-left: 24px;
    padding-right: 0;
  }
  .promotions-page .swiper .swiper-wrapper {
    padding: 0 12px;
  }
  .promotions-page .swiper-prev {
    left: 0px;
    right: auto;
    width: 24px;
    background: linear-gradient(90deg, rgba(243, 242, 242, 0.72) 24%, rgba(0, 212, 255, 0) 81%);
    position: absolute;
    top: 50%;
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  [dir=rtl] .promotions-page .swiper-prev {
    right: 0px;
    left: auto;
    background: linear-gradient(-90deg, rgba(243, 242, 242, 0.72) 24%, rgba(0, 212, 255, 0) 81%);
  }
  body.is-dark .promotions-page .swiper-prev {
    background: linear-gradient(90deg, rgba(50, 50, 54, 0.72) 24%, rgba(0, 212, 255, 0) 81%);
  }
  .promotions-page .swiper-next {
    right: 0px;
    left: auto;
    width: 24px;
    background: linear-gradient(-90deg, rgba(243, 242, 242, 0.72) 24%, rgba(0, 212, 255, 0) 81%);
    position: absolute;
    top: 50%;
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  [dir=rtl] .promotions-page .swiper-next {
    left: 0px;
    right: auto;
    background: linear-gradient(90deg, rgba(243, 242, 242, 0.72) 24%, rgba(0, 212, 255, 0) 81%);
  }
  body.is-dark .promotions-page .swiper-next {
    background: linear-gradient(-90deg, rgba(50, 50, 54, 0.72) 24%, rgba(0, 212, 255, 0) 81%);
  }
}
.promotions-page .flex-table .flex-table-header span {
  padding-bottom: 20px;
}
.promotions-page .flex-table .flex-table-item {
  border: 1px solid rgb(89.9411764706%, 89.9411764706%, 89.9411764706%);
  margin-bottom: 1.5rem;
  cursor: pointer;
}
.promotions-page .flex-table .flex-table-item .is-media .media {
  width: 100%;
  max-width: 140px;
  max-height: 100px;
  min-width: 140px;
  min-height: 100px;
  border: 1px solid #ededed;
}
body.is-dark .promotions-page .flex-table .flex-table-item .is-media .media {
  border: 1px solid #323236;
}
.promotions-page .flex-table .flex-table-item .item-meta {
  transition: all 1.3s;
  animation-fill-mode: both;
}
.promotions-page .flex-table .flex-table-item .item-meta.details span {
  display: -webkit-box !important;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 10px;
  margin-top: 10px;
}
.promotions-page .flex-table .flex-table-item .offer-tag {
  padding: 8px 22px 8px 22px;
  height: 38px;
  background-color: rgb(47.9089635854%, 0%, 84.9019607843%);
  transition: all 0.3s;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  line-height: 1.1;
  font-size: 0.95rem;
  font-weight: 500;
  align-items: center;
}
.promotions-page .flex-table .flex-table-item .offer-tag-loading {
  display: flex;
}
.promotions-page .flex-table .flex-table-item .expires-at {
  color: #f71944;
  font-weight: 500;
  font-size: 0.75rem !important;
}
.promotions-page .flex-table .flex-table-item:hover {
  border-color: #4f008c;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  transform: translateY(-5px);
}
body.is-dark .promotions-page .flex-table .flex-table-item:hover {
  border-color: #797bf2;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
@media only screen and (max-width: 767px) {
  .promotions-page .flex-table .flex-table-item .flex-table-cell.cell-end {
    position: absolute;
    bottom: 3px;
    right: -8px;
    transform: scale(0.7);
    padding: 0;
    margin: 0;
  }
  [dir=rtl] .promotions-page .flex-table .flex-table-item .flex-table-cell.cell-end {
    left: -8px;
    right: unset;
  }
}
body.is-dark .promotions-page .flex-table .flex-table-item {
  border: 1px solid rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  box-shadow: #232326 0 0 3px 1px;
}
@media only screen and (max-width: 1216px) {
  .promotions-page .is-widescreen-filters {
    display: none;
  }
}

.asset-category {
  display: flex;
  padding: 12px 0;
}
.asset-category .category {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.asset-category .category:hover .asset .asset-logo {
  transform: translateY(-5px);
}
.asset-category .category:hover .asset .asset-logo:before {
  border-color: #4f008c;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.asset-category .category:hover .asset .asset-logo i {
  color: #4f008c;
}
.asset-category .category:hover .asset-name {
  color: #4f008c;
}
.asset-category .category .asset {
  position: relative;
  display: flex;
  flex-direction: row;
  margin: 10px 0;
}
.asset-category .category .asset .asset-logo {
  position: relative;
  display: flex;
  justify-content: center;
  flex: 0;
  transition: all 0.3s;
}
.asset-category .category .asset .asset-logo:before {
  content: "";
  width: 46px;
  height: 46px;
  background-color: #fff;
  border: 1px solid #ededed;
  transform: rotate(45deg);
  border-radius: 10px;
  transition: all 0.3s;
}
.asset-category .category .asset .asset-logo i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #a2a5b9;
  font-size: 18px;
  transition: color 0.3s;
}
.asset-category .category .asset-name {
  color: #1d252d;
  font-size: 0.9rem;
  font-family: "STC Forward", sans-serif;
  font-weight: 600;
  transition: color 0.3s;
}
body.is-dark .asset-category .category:hover .asset .asset-logo:before {
  border-color: #797bf2 !important;
}
body.is-dark .asset-category .category:hover .asset .asset-logo i {
  color: #797bf2;
}
body.is-dark .asset-category .category:hover .asset-name {
  color: #797bf2;
}
body.is-dark .asset-category .category .asset .asset-logo:before {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%) !important;
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%) !important;
}
body.is-dark .asset-category .category .asset-name {
  color: #cecece;
}

@media only screen and (max-width: 767px) {
  .asset-category {
    flex-wrap: wrap;
  }
  .asset-category .category {
    min-width: 25% !important;
    margin-bottom: 12px !important;
  }
}
/* ==========================================================================
3. Media Queries
========================================================================== */
.store-items-sidebar-icon path {
  fill: #4f008c;
}
body.is-dark .store-items-sidebar-icon path {
  fill: #797bf2;
}

.router-link-active .active-sidebar-label {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #4f008c;
}
body.is-dark .router-link-active .active-sidebar-label {
  color: #797bf2;
}

.admin-store-items {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
body.is-dark .admin-store-items {
  background: #2d2d31 !important;
}
.admin-store-items .store-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0 216px;
  isolation: isolate;
  width: 100%;
}
@media (max-width: 768px) {
  .admin-store-items .store-header {
    padding: 20px;
  }
}
.admin-store-items .store-header {
  background: #4f008c;
}
body.is-dark .admin-store-items .store-header {
  background: #28282b;
}
.admin-store-items .store-header svg {
  margin-top: 65px;
}
@media (max-width: 768px) {
  .admin-store-items .store-header svg {
    margin-top: 35px;
  }
}
.admin-store-items .store-header svg path {
  fill: white;
}
body.is-dark .admin-store-items .store-header svg path {
  fill: #cecece;
}
.admin-store-items .store-header svg .svg-rec {
  fill: white;
}
body.is-dark .admin-store-items .store-header svg .svg-rec {
  fill: #cecece;
}
.admin-store-items .store-header h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 42px;
  line-height: 51px;
  color: #ffffff;
}
body.is-dark .admin-store-items .store-header h2 {
  color: #cecece;
}
@media (max-width: 768px) {
  .admin-store-items .store-header h2 {
    font-weight: 700;
    font-size: 28px;
    line-height: 42px;
  }
}
.admin-store-items .store-header p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 21px;
  color: #cd8cff;
}
body.is-dark .admin-store-items .store-header p {
  color: #939394;
}
.admin-store-items .store-header p {
  margin-bottom: 65px;
}
@media (max-width: 768px) {
  .admin-store-items .store-header p {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
}
.admin-store-items .items-table {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 218px;
  position: absolute;
  width: 100%;
  top: 290px;
  min-height: 600px;
  background: #f9f9f9;
}
body.is-dark .admin-store-items .items-table {
  background: #2d2d31;
}
.admin-store-items .items-table .table-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.admin-store-items .items-table .table-header .left {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.admin-store-items .items-table .table-header .left h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 25px;
  color: #1D252D;
}
body.is-dark .admin-store-items .items-table .table-header .left h3 {
  color: #CECECE;
}
.admin-store-items .items-table .table-header .left p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #575767;
}
body.is-dark .admin-store-items .items-table .table-header .left p {
  color: #CECECE;
}
.admin-store-items .items-table .table-header .right {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  margin: 0 -3%;
  gap: 8px;
  height: 40px;
  background: #4F008C;
  border-radius: 4px;
  cursor: pointer;
}
.admin-store-items .items-table .table-header .right span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
}
body.is-dark .admin-store-items .items-table .table-header .right {
  background: #797BF2;
}
.admin-store-items .items-table .table-header .right:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .admin-store-items .items-table .table-header .right:hover {
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.admin-store-items .items-table .table-search {
  margin: 20px 0px 20px 0px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px;
  gap: 8px;
  width: 250px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #EDEDED;
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
}
body.is-dark .admin-store-items .items-table .table-search {
  background: #28282B;
  border: 1px solid #232323;
  border-radius: 4px;
  color: #A2A5B9;
}
.admin-store-items .items-table .table-search:hover {
  border: 1px solid #EDEDED;
  background: #F9F9F9;
}
body.is-dark .admin-store-items .items-table .table-search:hover {
  border: 1px solid #232323;
  background: #323236;
}
.admin-store-items .items-table .table-search:active {
  background: #FFFFFF;
  border: 1px solid #EDEDED;
}
body.is-dark .admin-store-items .items-table .table-search:active {
  background: #28282B;
  border: 1px solid #232323;
}
.admin-store-items .items-table .table-search:filled {
  border: 1px solid #EDEDED;
  background: #FFFFFF;
}
body.is-dark .admin-store-items .items-table .table-search:filled {
  background: #28282B;
  border: 1px solid #232323;
}
.admin-store-items .items-table .table-search input {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #A2A5B9;
}
body.is-dark .admin-store-items .items-table .table-search input {
  color: #A2A5B9;
}
.admin-store-items .items-table .table-search input:hover {
  background: #F9F9F9;
}
body.is-dark .admin-store-items .items-table .table-search input:hover {
  background: #323236;
}
.admin-store-items .items-table .table-search input:active {
  background: #FFFFFF;
}
body.is-dark .admin-store-items .items-table .table-search input:active {
  background: #28282B;
}
.admin-store-items .items-table .table-search input:valid {
  color: #1D252D;
}
body.is-dark .admin-store-items .items-table .table-search input:valid {
  color: #CECECE;
}
.admin-store-items .items-table .table-search svg path {
  stroke: #A2A5B9;
}
body.is-dark .admin-store-items .items-table .table-search svg path {
  stroke: #A2A5B9;
}
.admin-store-items .items-table .table-content {
  position: relative;
}
.admin-store-items .items-table .table-content table {
  border: none !important;
}
.admin-store-items .items-table .table-content table .first-last-column {
  margin: 0 24px;
}
.admin-store-items .items-table .table-content table thead tr {
  background: #F2F2F2;
}
body.is-dark .admin-store-items .items-table .table-content table thead tr {
  background: #252529;
}
.admin-store-items .items-table .table-content table thead tr .thContent {
  display: flex;
  flex-direction: row;
  padding: 10px 0px;
}
.admin-store-items .items-table .table-content table thead tr .thContent svg {
  fill: #575767;
}
body.is-dark .admin-store-items .items-table .table-content table thead tr .thContent svg {
  fill: #CECECE;
}
.admin-store-items .items-table .table-content table thead tr th {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  border: none;
}
.admin-store-items .items-table .table-content table thead tr th span {
  cursor: pointer;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #575767;
}
body.is-dark .admin-store-items .items-table .table-content table thead tr th span {
  color: #CECECE;
}
.admin-store-items .items-table .table-content table thead tr .required-points-th {
  width: 105px;
}
.admin-store-items .items-table .table-content table thead tr .arrowUp {
  margin: 0 2px;
  padding: 2px;
}
body.is-dark .admin-store-items .items-table .table-content table thead tr .arrowUp {
  fill: white;
}
.admin-store-items .items-table .table-content table thead tr .arrowDown {
  margin: 0 2px;
  padding: 2px;
}
body.is-dark .admin-store-items .items-table .table-content table thead tr .arrowDown {
  fill: white;
}
.admin-store-items .items-table .table-content table tbody td {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D !important;
  border: none;
}
body.is-dark .admin-store-items .items-table .table-content table tbody td {
  color: #CECECE !important;
}
.admin-store-items .items-table .table-content table tbody .oddTR {
  height: 96px;
  background: #F9F9F9 !important;
}
body.is-dark .admin-store-items .items-table .table-content table tbody .oddTR {
  background: #323236 !important;
}
.admin-store-items .items-table .table-content table tbody .oddTR:hover {
  background: #EBEDF5 !important;
}
body.is-dark .admin-store-items .items-table .table-content table tbody .oddTR:hover {
  background: #404046 !important;
}
.admin-store-items .items-table .table-content table tbody .oddTR:hover td {
  background: #EBEDF5 !important;
}
body.is-dark .admin-store-items .items-table .table-content table tbody .oddTR:hover td {
  background: #404046 !important;
}
.admin-store-items .items-table .table-content table tbody .evenTR {
  height: 96px;
  background: #FFFFFF !important;
}
body.is-dark .admin-store-items .items-table .table-content table tbody .evenTR {
  background: #28282B !important;
}
.admin-store-items .items-table .table-content table tbody .evenTR:hover {
  background: #EBEDF5 !important;
}
body.is-dark .admin-store-items .items-table .table-content table tbody .evenTR:hover {
  background: #404046 !important;
}
.admin-store-items .items-table .table-content table tbody .evenTR:hover td {
  background: #EBEDF5 !important;
}
body.is-dark .admin-store-items .items-table .table-content table tbody .evenTR:hover td {
  background: #404046 !important;
}
.admin-store-items .items-table .table-content table tbody .three-dots path {
  stroke: #1D252D;
}
body.is-dark .admin-store-items .items-table .table-content table tbody .three-dots path {
  stroke: #CECECE;
}
.admin-store-items .items-table .table-content table tbody .store-image-column {
  display: inline-block;
  border-radius: 5px;
  width: 64px;
}
.admin-store-items .items-table .table-content table tbody .store-image-column img {
  height: 100%;
  width: 100%;
  border-radius: 5px;
}
body.is-dark .admin-store-items .items-table .table-content table tbody .store-image-column {
  background: #F9F9F9;
}
.admin-store-items .items-table .table-content table tbody .store-name-column {
  display: inline-block;
  width: 200px;
}
.admin-store-items .items-table .table-content table tbody .store-description-column {
  display: inline-block;
  width: 320px;
}
.admin-store-items .items-table .table-content table tbody .store-type-column {
  display: inline-block;
  width: 85px;
}
.admin-store-items .items-table .table-content table tbody .store-points-column {
  display: inline-block;
  width: 124px;
}
.admin-store-items .items-table .table-content table tbody .store-stock-column {
  display: inline-block;
  width: 58px;
}
.admin-store-items .items-table .table-content table tbody .store-status-column {
  display: inline-block;
  width: 112px;
}
.admin-store-items .items-table .table-content table tbody .published {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  gap: 10px;
  height: 37px;
  border-radius: 18.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #06D6A0;
  background: rgba(6, 214, 160, 0.15);
}
body.is-dark .admin-store-items .items-table .table-content table tbody .published {
  color: #06D6A0;
  background: rgba(6, 214, 160, 0.15);
}
.admin-store-items .items-table .table-content table tbody .unpublished {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  gap: 10px;
  height: 37px;
  border-radius: 18.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #1D252D;
  background: #F2F2F2;
}
body.is-dark .admin-store-items .items-table .table-content table tbody .unpublished {
  color: #CECECE;
  background: #252529;
}
.admin-store-items .items-table .table-content table tbody .dropdown-menu {
  min-width: 200px;
}
.admin-store-items .items-table .table-content table tbody .side-dropdown {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  border-radius: 8px;
  background: #F9F9F9;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .admin-store-items .items-table .table-content table tbody .side-dropdown {
  background: #323236;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
.admin-store-items .items-table .table-content table tbody .side-dropdown .side-dropdown-item {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 20px;
  gap: 8px;
  width: 152px;
  height: 38px;
  border-radius: 4px;
  background: #F9F9F9;
}
body.is-dark .admin-store-items .items-table .table-content table tbody .side-dropdown .side-dropdown-item {
  background: #323236;
}
.admin-store-items .items-table .table-content table tbody .side-dropdown .side-dropdown-item svg .svg-part1 {
  stroke: #28282B;
}
body.is-dark .admin-store-items .items-table .table-content table tbody .side-dropdown .side-dropdown-item svg .svg-part1 {
  stroke: #A2A5B9;
}
.admin-store-items .items-table .table-content table tbody .side-dropdown .side-dropdown-item svg .svg-part2 {
  stroke: #1D252D;
}
body.is-dark .admin-store-items .items-table .table-content table tbody .side-dropdown .side-dropdown-item svg .svg-part2 {
  stroke: #A2A5B9;
}
.admin-store-items .items-table .table-content table tbody .side-dropdown .side-dropdown-item p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #28282B;
}
body.is-dark .admin-store-items .items-table .table-content table tbody .side-dropdown .side-dropdown-item p {
  color: #A2A5B9;
}
.admin-store-items .items-table .table-content table .first-column {
  margin: 0 1em;
}
.admin-store-items .items-table .table-content table .last-column {
  margin: 0 24px;
}
.admin-store-items .items-table .table-content .paginator {
  display: flex;
  justify-content: center;
}
.admin-store-items .items-table .has-no-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  position: absolute;
  width: 197px;
  height: 123px;
  left: 45%;
  top: 50%;
}
.admin-store-items .items-table .has-no-content svg {
  margin-bottom: 25.9px;
}
.admin-store-items .items-table .has-no-content svg path {
  fill: #BABABA;
}
.admin-store-items .items-table .has-no-content h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 4px;
  color: #1D252D;
}
body.is-dark .admin-store-items .items-table .has-no-content h2 {
  color: #CECECE;
}
.admin-store-items .items-table .has-no-content p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #575767;
}
body.is-dark .admin-store-items .items-table .has-no-content p {
  color: #CECECE;
}
@media (max-width: 768px) {
  .admin-store-items .items-table {
    display: none;
  }
}
.admin-store-items .mobile-items-table .has-content {
  width: 100%;
}
.admin-store-items .mobile-items-table {
  display: none;
}
@media (max-width: 768px) {
  .admin-store-items .mobile-items-table {
    display: flex;
    position: relative;
  }
}
.admin-store-items .mobile-items-table {
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  width: 100%;
  background: #f9f9f9;
}
body.is-dark .admin-store-items .mobile-items-table {
  background: #2d2d31;
}
.admin-store-items .mobile-items-table .table-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 24px;
}
.admin-store-items .mobile-items-table .table-header .left {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.admin-store-items .mobile-items-table .table-header .left h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 25px;
  color: #1d252d;
}
body.is-dark .admin-store-items .mobile-items-table .table-header .left h3 {
  color: #cecece;
}
.admin-store-items .mobile-items-table .table-header .left p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #575767;
}
body.is-dark .admin-store-items .mobile-items-table .table-header .left p {
  color: #cecece;
}
.admin-store-items .mobile-items-table .table-header .right {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  background: #4f008c;
  border-radius: 4px;
  cursor: pointer;
}
.admin-store-items .mobile-items-table .table-header .right span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
}
body.is-dark .admin-store-items .mobile-items-table .table-header .right {
  background: #797bf2;
}
.admin-store-items .mobile-items-table .table-header .right:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .admin-store-items .mobile-items-table .table-header .right:hover {
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.admin-store-items .mobile-items-table .table-search {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px;
  gap: 8px;
  width: 250px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #ededed;
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
}
body.is-dark .admin-store-items .mobile-items-table .table-search {
  background: #28282b;
  border: 1px solid #232323;
  border-radius: 4px;
  color: #a2a5b9;
}
.admin-store-items .mobile-items-table .table-search:hover {
  border: 1px solid #ededed;
  background: #f9f9f9;
}
body.is-dark .admin-store-items .mobile-items-table .table-search:hover {
  border: 1px solid #232323;
  background: #323236;
}
.admin-store-items .mobile-items-table .table-search:active {
  background: #ffffff;
  border: 1px solid #ededed;
}
body.is-dark .admin-store-items .mobile-items-table .table-search:active {
  background: #28282b;
  border: 1px solid #232323;
}
.admin-store-items .mobile-items-table .table-search:filled {
  border: 1px solid #ededed;
  background: #ffffff;
}
body.is-dark .admin-store-items .mobile-items-table .table-search:filled {
  background: #28282b;
  border: 1px solid #232323;
}
.admin-store-items .mobile-items-table .table-search input {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #a2a5b9;
}
body.is-dark .admin-store-items .mobile-items-table .table-search input {
  color: #a2a5b9;
}
.admin-store-items .mobile-items-table .table-search input:hover {
  background: #f9f9f9;
}
body.is-dark .admin-store-items .mobile-items-table .table-search input:hover {
  background: #323236;
}
.admin-store-items .mobile-items-table .table-search input:active {
  background: #ffffff;
}
body.is-dark .admin-store-items .mobile-items-table .table-search input:active {
  background: #28282b;
}
.admin-store-items .mobile-items-table .table-search input:valid {
  color: #1d252d;
}
body.is-dark .admin-store-items .mobile-items-table .table-search input:valid {
  color: #cecece;
}
.admin-store-items .mobile-items-table .table-search svg path {
  stroke: #a2a5b9;
}
body.is-dark .admin-store-items .mobile-items-table .table-search svg path {
  stroke: #a2a5b9;
}
.admin-store-items .mobile-items-table .card {
  background-color: #fff;
  padding: 20px;
  background: #ffffff;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
  border-radius: 8px;
  margin-bottom: 20px;
  width: 100%;
}
body.is-dark .admin-store-items .mobile-items-table .card {
  background: #28282b;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.admin-store-items .mobile-items-table .card .card-top-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
}
.admin-store-items .mobile-items-table .card .card-top-header .image-container {
  margin-right: 16px;
}
body.is-rtl .admin-store-items .mobile-items-table .card .card-top-header .image-container {
  margin-left: 16px;
  margin-right: 0;
}
.admin-store-items .mobile-items-table .card .card-top-header .image-container img {
  width: 80px;
  height: 80px;
}
.admin-store-items .mobile-items-table .card .card-top-header .card-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.admin-store-items .mobile-items-table .card .card-top-header .card-info .card-title {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .admin-store-items .mobile-items-table .card .card-top-header .card-info .card-title {
  color: #cecece;
}
.admin-store-items .mobile-items-table .card .card-top-header .card-info .card-subtitle {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #575767;
}
body.is-dark .admin-store-items .mobile-items-table .card .card-top-header .card-info .card-subtitle {
  color: #a2a5b9;
}
.admin-store-items .mobile-items-table .card .card-top-header .card-info .card-status .store-status-column {
  display: inline-block;
  width: 112px;
}
.admin-store-items .mobile-items-table .card .card-top-header .card-info .card-status .published {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  gap: 10px;
  height: 37px;
  border-radius: 18.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
body.is-dark .admin-store-items .mobile-items-table .card .card-top-header .card-info .card-status .published {
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
.admin-store-items .mobile-items-table .card .card-top-header .card-info .card-status .unpublished {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  gap: 10px;
  height: 37px;
  border-radius: 18.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #1d252d;
  background: #f2f2f2;
}
body.is-dark .admin-store-items .mobile-items-table .card .card-top-header .card-info .card-status .unpublished {
  color: #cecece;
  background: #252529;
}
.admin-store-items .mobile-items-table .card .card-top-header .action-button {
  margin-left: auto;
  order: 3;
  align-self: flex-start;
}
body.is-rtl .admin-store-items .mobile-items-table .card .card-top-header .action-button {
  margin-left: 0;
  margin-right: auto;
}
.admin-store-items .mobile-items-table .card .card-top-header .action-button svg path {
  stroke: #1d252d;
}
body.is-dark .admin-store-items .mobile-items-table .card .card-top-header .action-button svg path {
  stroke: #a2a5b9;
}
.admin-store-items .mobile-items-table .card .card-top-header .action-button .side-dropdown {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  border-radius: 8px;
  background: #f9f9f9;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .admin-store-items .mobile-items-table .card .card-top-header .action-button .side-dropdown {
  background: #323236;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
.admin-store-items .mobile-items-table .card .card-top-header .action-button .side-dropdown .side-dropdown-item {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 20px;
  gap: 8px;
  width: 152px;
  height: 38px;
  border-radius: 4px;
  background: #f9f9f9;
}
body.is-dark .admin-store-items .mobile-items-table .card .card-top-header .action-button .side-dropdown .side-dropdown-item {
  background: #323236;
}
.admin-store-items .mobile-items-table .card .card-top-header .action-button .side-dropdown .side-dropdown-item svg .svg-part1 {
  stroke: #28282b;
}
body.is-dark .admin-store-items .mobile-items-table .card .card-top-header .action-button .side-dropdown .side-dropdown-item svg .svg-part1 {
  stroke: #a2a5b9;
}
.admin-store-items .mobile-items-table .card .card-top-header .action-button .side-dropdown .side-dropdown-item svg .svg-part2 {
  stroke: #1d252d;
}
body.is-dark .admin-store-items .mobile-items-table .card .card-top-header .action-button .side-dropdown .side-dropdown-item svg .svg-part2 {
  stroke: #a2a5b9;
}
.admin-store-items .mobile-items-table .card .card-top-header .action-button .side-dropdown .side-dropdown-item p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #28282b;
}
body.is-dark .admin-store-items .mobile-items-table .card .card-top-header .action-button .side-dropdown .side-dropdown-item p {
  color: #a2a5b9;
}
.admin-store-items .mobile-items-table .card .line {
  margin-top: 16px;
  margin-bottom: 16px;
  height: 1px;
  background-color: #ededed;
}
body.is-dark .admin-store-items .mobile-items-table .card .line {
  background-color: #232323;
}
.admin-store-items .mobile-items-table .card .card-bottom-footer {
  display: flex;
  justify-content: space-between;
}
.admin-store-items .mobile-items-table .card .card-bottom-footer .title {
  font-weight: 400;
  font-size: 11px;
  color: #575767;
  margin-bottom: 4px;
}
body.is-dark .admin-store-items .mobile-items-table .card .card-bottom-footer .title {
  color: #cecece;
}
.admin-store-items .mobile-items-table .card .card-bottom-footer .value {
  font-weight: 400;
  font-size: 13px;
  color: #1d252d;
}
body.is-dark .admin-store-items .mobile-items-table .card .card-bottom-footer .value {
  color: #cecece;
}
.admin-store-items .mobile-items-table .pagination-container {
  width: 100%;
  display: flex;
  justify-content: center;
}
.admin-store-items .mobile-items-table .has-no-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  position: absolute;
  width: 197px;
  height: 187px;
  left: 25%;
  top: 70%;
}
.admin-store-items .mobile-items-table .has-no-content svg {
  margin-bottom: 25.9px;
}
.admin-store-items .mobile-items-table .has-no-content svg path {
  fill: #BABABA;
}
body.is-dark .admin-store-items .mobile-items-table .has-no-content svg path {
  fill: #BABABA;
}
.admin-store-items .mobile-items-table .has-no-content h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 4px;
  color: #1D252D;
}
body.is-dark .admin-store-items .mobile-items-table .has-no-content h2 {
  color: #CECECE;
}
.admin-store-items .mobile-items-table .has-no-content p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #575767;
}
body.is-dark .admin-store-items .mobile-items-table .has-no-content p {
  color: #CECECE;
}
.admin-store-items .mobile-items-table .has-no-content .right {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  background: #4f008c;
  border-radius: 4px;
  margin-top: 24px;
  cursor: pointer;
}
.admin-store-items .mobile-items-table .has-no-content .right span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
}
body.is-dark .admin-store-items .mobile-items-table .has-no-content .right {
  background: #797bf2;
}
.admin-store-items .mobile-items-table .has-no-content .right:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .admin-store-items .mobile-items-table .has-no-content .right:hover {
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}

.store-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 218px;
  width: 100%;
  min-height: 600px;
  background: #f9f9f9;
}
body.is-dark .store-item {
  background: #323236;
}
@media (max-width: 768px) {
  .store-item {
    padding: 20px;
  }
}
.store-item .form-container {
  width: 550px;
  margin-top: 51.5px;
}
@media (max-width: 768px) {
  .store-item .form-container {
    width: 100%;
  }
}
.store-item .form-container h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  margin-bottom: 36.5px;
  color: #1d252d;
}
body.is-dark .store-item .form-container h2 {
  color: #cecece;
}
.store-item .form-container p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  margin-bottom: 4px;
  color: #1d252d;
}
body.is-dark .store-item .form-container p {
  color: #cecece;
}
body.is-dark .store-item .form-container .image-background-container {
  background: #f1f1f1;
}
.store-item .form-container .image-container {
  width: 128px;
  height: 128px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #b5b5b5;
}
body.is-dark .store-item .form-container .image-container {
  border: 1px solid #404046;
}
.store-item .form-container .image-container img {
  width: 50%;
  height: 50%;
  border-radius: 8px;
}
.store-item .form-container .image-container .image-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-items: center;
  padding: 0px;
  gap: 4px;
}
.store-item .form-container .image-container .image-placeholder svg .fill {
  fill: #4F008C;
}
body.is-dark .store-item .form-container .image-container .image-placeholder svg .fill {
  fill: #797BF2;
}
.store-item .form-container .image-container .image-placeholder svg .stroke {
  stroke: #4F008C;
}
body.is-dark .store-item .form-container .image-container .image-placeholder svg .stroke {
  stroke: #797BF2;
}
.store-item .form-container .image-container .image-placeholder h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #4f008c;
}
body.is-dark .store-item .form-container .image-container .image-placeholder h3 {
  color: #797bf2;
}
.store-item .form-container .red-error {
  color: #ff375e;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  margin-bottom: 4px;
}
.store-item .form-container .recommended-size {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  margin: 8px 0;
  display: inline-block;
  color: #575767;
}
body.is-dark .store-item .form-container .recommended-size {
  color: #cecece;
}
.store-item .form-container .recommended-size {
  margin-bottom: 8px 0;
}
.store-item .form-container .trash-img {
  display: flex;
  gap: 8.17px;
  margin-bottom: 16px;
  cursor: pointer;
}
.store-item .form-container .trash-img svg path {
  stroke: #ff375e;
}
body.is-dark .store-item .form-container .trash-img svg path {
  color: #ff375e;
}
.store-item .form-container .trash-img span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #ff375e;
}
body.is-dark .store-item .form-container .trash-img span {
  color: #ff375e;
}
.store-item .form-container .store-item-form {
  display: flex;
  flex-direction: column;
}
.store-item .form-container .store-item-form .form-input-group {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.store-item .form-container .store-item-form .form-input-group input,
.store-item .form-container .store-item-form .form-input-group select,
.store-item .form-container .store-item-form .form-input-group textarea {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 16px;
  gap: 8px;
  min-height: 45px;
}
.store-item .form-container .store-item-form .red-error {
  color: #ff375e;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  margin-bottom: 4px;
}
.store-item .form-container .store-item-form .store-item-label {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #1d252d;
}
body.is-dark .store-item .form-container .store-item-form .store-item-label {
  color: #cecece;
}
.store-item .form-container .store-item-form .type:invalid {
  color: #1d252d;
}
body.is-dark .store-item .form-container .store-item-form .type:invalid {
  color: #cecece;
}
.store-item .form-container .store-item-form .select:not(.is-multiple):not(.is-loading)::after {
  border-color: #1d252d;
}
body.is-dark .store-item .form-container .store-item-form .select:not(.is-multiple):not(.is-loading)::after {
  border-color: #cecece;
}
.store-item .publish-item {
  display: flex;
  gap: 10px;
}
.store-item .publish-item .switch input[type=checkbox]:checked + .check {
  background: #4f008c !important;
}
body.is-dark .store-item .publish-item .switch input[type=checkbox]:checked + .check {
  background: #797bf2 !important;
}
body.is-rtl .store-item .publish-item .switch input[type=checkbox]:checked + .check:before {
  transform: translate3d(-100%, 0, 0);
}
.store-item .publish-item .switch .check {
  background: #8d8fa1 !important;
}
body.is-dark .store-item .publish-item .switch .check {
  background: #363659 !important;
}
.store-item .publish-item .publish-item-label {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .store-item .publish-item .publish-item-label {
  color: #cecece;
}
.store-item .save-item {
  float: right;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 32px;
  padding: 12px 24px;
  gap: 8px;
  height: 48px;
  background: #4f008c;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 768px) {
  .store-item .save-item {
    float: left;
  }
}
body.is-dark .store-item .save-item {
  background: #797bf2;
}
.store-item .save-item:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .store-item .save-item:hover {
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}

.store-item-delete-modal .modalBody {
  padding: 24px !important;
}
.store-item-delete-modal .modal-background {
  transform: translate3d(0, 0, 0);
  transition-property: opacity, visibility;
  transition-timing-function: linear;
  transition-duration: 250ms;
  background-color: #1d252d;
  opacity: 0.5;
}
.store-item-delete-modal .modal-close {
  display: none;
}
.store-item-delete-modal .title {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #1d252d;
}
body.is-dark .store-item-delete-modal .title {
  color: #cecece;
}
.store-item-delete-modal svg .trash-fill {
  fill: #ff375e;
}
body.is-dark .store-item-delete-modal svg .trash-fill {
  fill: #ff375e;
}
.store-item-delete-modal svg .trash-stroke {
  stroke: #ff375e;
}
body.is-dark .store-item-delete-modal svg .trash-stroke {
  stroke: #ff375e;
}
.store-item-delete-modal .modalHeaderMsgMsg {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 26px;
  color: #1D252D;
}
body.is-dark .store-item-delete-modal .modalHeaderMsgMsg {
  color: #cecece;
}
.store-item-delete-modal .modalMsg {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #1d252d;
}
body.is-dark .store-item-delete-modal .modalMsg {
  color: #cecece;
}
.store-item-delete-modal .modalMsg.modalMsg-withHeader {
  font-weight: 400 !important;
}
.store-item-delete-modal .modify-points-content .modalBody .modalTitle {
  margin-top: 0px !important;
}
.store-item-delete-modal .buttonsActions {
  display: flex;
  flex-direction: row;
  gap: 24px;
  padding: 0px;
  margin-top: 48px;
}
.store-item-delete-modal .buttonsActions .confirmButton {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  background: #4f008c;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
}
body.is-dark .store-item-delete-modal .buttonsActions .confirmButton {
  background: #797bf2;
}
.store-item-delete-modal .buttonsActions .confirmButton:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .store-item-delete-modal .buttonsActions .confirmButton:hover {
  background: #797bf2 !important;
  color: #ffffff !important;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.store-item-delete-modal .buttonsActions .cancelButton {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  border: 1px solid #4f008c;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #4f008c;
}
body.is-dark .store-item-delete-modal .buttonsActions .cancelButton {
  color: #797bf2;
  background: #28282b;
}
.store-item-delete-modal .buttonsActions .cancelButton:hover {
  background: #4f008c;
  color: #ffffff;
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .store-item-delete-modal .buttonsActions .cancelButton:hover {
  background: #797bf2;
  color: #ffffff;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}

.admin-success-stories .slider-container {
  width: 100%;
}
.admin-success-stories .swiper-autoheight,
.admin-success-stories .swiper-autoheight .swiper-slide {
  height: auto;
  width: auto;
}
.admin-success-stories .filter-items-mobile {
  margin-bottom: 24px;
}
.admin-success-stories .filter-items-mobile .category {
  cursor: pointer;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 8px 10px 4px;
  gap: 8px;
  height: 30px;
  border-radius: 15px;
  background: #ffffff;
}
.admin-success-stories .filter-items-mobile .category svg rect {
  fill: #daf7ec;
}
body.is-dark .admin-success-stories .filter-items-mobile .category svg rect {
  fill: #424748;
}
.admin-success-stories .filter-items-mobile .category svg path {
  stroke: #06d6a0;
}
body.is-dark .admin-success-stories .filter-items-mobile .category svg path {
  stroke: #06d6a0;
}
.admin-success-stories .filter-items-mobile .category p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .admin-success-stories .filter-items-mobile .category p {
  color: #cecece;
}
.admin-success-stories .filter-items-mobile .category p:hover {
  color: #4f008c;
}
body.is-dark .admin-success-stories .filter-items-mobile .category p:hover {
  color: #797bf2;
}
.admin-success-stories .filter-items-mobile .category.active {
  border: 1px solid #4f008c;
}
body.is-dark .admin-success-stories .filter-items-mobile .category.active {
  border: 1px solid #797bf2;
}
.admin-success-stories .filter-items-mobile .category.active svg rect {
  fill: #f3e3ff;
}
body.is-dark .admin-success-stories .filter-items-mobile .category.active svg rect {
  fill: #424748;
}
.admin-success-stories .filter-items-mobile .category.active svg path {
  stroke: #4f008c;
}
body.is-dark .admin-success-stories .filter-items-mobile .category.active svg path {
  stroke: #797bf2;
}
.admin-success-stories .filter-items-mobile .category.active p {
  color: #4f008c !important;
}
body.is-dark .admin-success-stories .filter-items-mobile .category.active p {
  color: #797bf2 !important;
}
body.is-dark .admin-success-stories .filter-items-mobile .category {
  background: #28282b;
}
.admin-success-stories .filter-items-mobile .category:disabled {
  background: #F2F2F2;
  color: #1D252D;
  opacity: 0.3;
}
body.is-dark .admin-success-stories .filter-items-mobile .category:disabled {
  background: #252529;
  color: #CECECE;
  opacity: 0.3;
}
.admin-success-stories .table-search-mobile {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px;
  gap: 8px;
  width: 100%;
  height: 40px;
  background: rgba(255, 255, 255, 0.33);
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #ffffff;
}
body.is-dark .admin-success-stories .table-search-mobile {
  background: #323236;
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.33);
}
.admin-success-stories .table-search-mobile:hover {
  border: 1px solid #ededed;
  background: #f9f9f9;
}
body.is-dark .admin-success-stories .table-search-mobile:hover {
  border: 1px solid #232323;
  background: #323236;
}
.admin-success-stories .table-search-mobile:active {
  background: #ffffff;
  border: 1px solid #ededed;
}
body.is-dark .admin-success-stories .table-search-mobile:active {
  background: #28282b;
  border: 1px solid #232323;
}
.admin-success-stories .table-search-mobile:filled {
  border: 1px solid #ededed;
  background: #ffffff;
}
body.is-dark .admin-success-stories .table-search-mobile:filled {
  background: #28282b;
  border: 1px solid #232323;
}
.admin-success-stories .table-search-mobile input {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #ffffff;
  width: 100%;
}
body.is-dark .admin-success-stories .table-search-mobile input {
  color: #a2a5b9;
}
.admin-success-stories .table-search-mobile input:hover {
  color: #a2a5b9;
  background: #f9f9f9;
}
body.is-dark .admin-success-stories .table-search-mobile input:hover {
  background: #323236;
}
.admin-success-stories .table-search-mobile input:active {
  background: #ffffff;
  color: #a2a5b9 !important;
}
body.is-dark .admin-success-stories .table-search-mobile input:active {
  color: #ffffff !important;
}
body.is-dark .admin-success-stories .table-search-mobile input:active {
  background: #28282b;
}
.admin-success-stories .table-search-mobile input:active::-webkit-input-placeholder {
  color: #a2a5b9 !important;
}
.admin-success-stories .table-search-mobile input:active::-moz-placeholder {
  color: #a2a5b9 !important;
}
.admin-success-stories .table-search-mobile input:active:-ms-input-placeholder {
  color: #a2a5b9 !important;
}
.admin-success-stories .table-search-mobile input:active:-moz-placeholder {
  color: #a2a5b9 !important;
}
.admin-success-stories .table-search-mobile input::-webkit-input-placeholder {
  color: #ffffff;
}
.admin-success-stories .table-search-mobile input::-moz-placeholder {
  color: #ffffff;
}
.admin-success-stories .table-search-mobile input:-ms-input-placeholder {
  color: #ffffff;
}
.admin-success-stories .table-search-mobile input:-moz-placeholder {
  color: #ffffff;
}
.admin-success-stories .table-search-mobile input:valid {
  color: #ffffff;
}
body.is-dark .admin-success-stories .table-search-mobile input:valid {
  color: #cecece;
}
.admin-success-stories .table-search-mobile svg {
  margin: 0;
  margin-top: 0 !important;
}
.admin-success-stories .table-search-mobile svg path {
  stroke: #a2a5b9;
}
body.is-dark .admin-success-stories .table-search-mobile svg path {
  stroke: #a2a5b9;
}
.admin-success-stories .is_winner {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  gap: 4px;
  height: 29px;
  background: #4F008C;
  border-radius: 16px;
  color: white;
}
.admin-success-stories .is_winner span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
}
body.is-dark .admin-success-stories .is_winner {
  background: #797bf2 !important;
}
.admin-success-stories {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
body.is-dark .admin-success-stories {
  background: #2d2d31 !important;
}
.admin-success-stories .items-table .years {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 24px;
}
.admin-success-stories .items-table .years p {
  display: flex;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  color: #1d252d;
}
body.is-dark .admin-success-stories .items-table .years p {
  color: #CECECE;
}
.admin-success-stories .items-table .years .year {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 189px;
  height: 38px;
  border-radius: 4px;
  color: #1d252d;
}
.admin-success-stories .items-table {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 218px;
  position: absolute;
  width: 100%;
  top: 290px;
  min-height: 600px;
  background: #f9f9f9;
}
body.is-dark .admin-success-stories .items-table {
  background: #2d2d31;
}
.admin-success-stories .items-table .table-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 24px;
}
.admin-success-stories .items-table .table-header .left {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.admin-success-stories .items-table .table-header .left h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 25px;
  color: #1d252d;
}
body.is-dark .admin-success-stories .items-table .table-header .left h3 {
  color: #cecece;
}
.admin-success-stories .items-table .table-header .left p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #575767;
}
body.is-dark .admin-success-stories .items-table .table-header .left p {
  color: #cecece;
}
.admin-success-stories .items-table .table-header .right {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  background: #4f008c;
  border-radius: 4px;
  cursor: pointer;
}
.admin-success-stories .items-table .table-header .right span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
}
body.is-dark .admin-success-stories .items-table .table-header .right {
  background: #797bf2;
}
.admin-success-stories .items-table .table-header .right:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .admin-success-stories .items-table .table-header .right:hover {
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.admin-success-stories .items-table .table-search {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px;
  gap: 8px;
  width: 375px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #ededed;
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
}
body.is-dark .admin-success-stories .items-table .table-search {
  background: #28282b;
  border: 1px solid #232323;
  border-radius: 4px;
  color: #a2a5b9;
}
.admin-success-stories .items-table .table-search:hover {
  border: 1px solid #ededed;
  background: #f9f9f9;
}
body.is-dark .admin-success-stories .items-table .table-search:hover {
  border: 1px solid #232323;
  background: #323236;
}
.admin-success-stories .items-table .table-search:active {
  background: #ffffff;
  border: 1px solid #ededed;
}
body.is-dark .admin-success-stories .items-table .table-search:active {
  background: #28282b;
  border: 1px solid #232323;
}
.admin-success-stories .items-table .table-search:filled {
  border: 1px solid #ededed;
  background: #ffffff;
}
body.is-dark .admin-success-stories .items-table .table-search:filled {
  background: #28282b;
  border: 1px solid #232323;
}
.admin-success-stories .items-table .table-search input {
  width: 100%;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #a2a5b9;
}
body.is-dark .admin-success-stories .items-table .table-search input {
  color: #a2a5b9;
}
.admin-success-stories .items-table .table-search input:hover {
  background: #f9f9f9;
}
body.is-dark .admin-success-stories .items-table .table-search input:hover {
  background: #323236;
}
.admin-success-stories .items-table .table-search input:active {
  background: #ffffff;
}
body.is-dark .admin-success-stories .items-table .table-search input:active {
  background: #28282b;
}
.admin-success-stories .items-table .table-search input:valid {
  color: #1d252d;
}
body.is-dark .admin-success-stories .items-table .table-search input:valid {
  color: #cecece;
}
.admin-success-stories .items-table .table-search svg path {
  stroke: #a2a5b9;
}
body.is-dark .admin-success-stories .items-table .table-search svg path {
  stroke: #a2a5b9;
}
.admin-success-stories .items-table .table-content {
  position: relative;
}
.admin-success-stories .items-table .table-content table {
  border: none !important;
}
.admin-success-stories .items-table .table-content table .first-last-column {
  margin: 0 24px;
}
.admin-success-stories .items-table .table-content table thead tr {
  background: #f2f2f2;
}
body.is-dark .admin-success-stories .items-table .table-content table thead tr {
  background: #252529;
}
.admin-success-stories .items-table .table-content table thead tr .thContent {
  display: flex;
  flex-direction: row;
  padding: 10px 0px;
}
.admin-success-stories .items-table .table-content table thead tr .thContent svg {
  fill: #575767;
}
body.is-dark .admin-success-stories .items-table .table-content table thead tr .thContent svg {
  fill: #cecece;
}
.admin-success-stories .items-table .table-content table thead tr th {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  border: none;
}
.admin-success-stories .items-table .table-content table thead tr th span {
  cursor: pointer;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #575767;
}
body.is-dark .admin-success-stories .items-table .table-content table thead tr th span {
  color: #cecece;
}
.admin-success-stories .items-table .table-content table thead tr .arrowUp {
  margin: 0 2px;
  padding: 2px;
}
body.is-dark .admin-success-stories .items-table .table-content table thead tr .arrowUp {
  fill: white;
}
.admin-success-stories .items-table .table-content table thead tr .arrowDown {
  margin: 0 2px;
  padding: 2px;
}
body.is-dark .admin-success-stories .items-table .table-content table thead tr .arrowDown {
  fill: white;
}
.admin-success-stories .items-table .table-content table tbody td {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d !important;
  border: none;
}
body.is-dark .admin-success-stories .items-table .table-content table tbody td {
  color: #cecece !important;
}
.admin-success-stories .items-table .table-content table tbody td .published {
  padding: 8px 14px;
  border-radius: 18.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
body.is-dark .admin-success-stories .items-table .table-content table tbody td .published {
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
.admin-success-stories .items-table .table-content table tbody td .unpublished {
  padding: 8px 14px;
  border-radius: 18.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #1d252d;
  background: #f2f2f2;
}
body.is-dark .admin-success-stories .items-table .table-content table tbody td .unpublished {
  color: #cecece;
  background: #252529;
}
.admin-success-stories .items-table .table-content table tbody .oddTR {
  height: 96px;
  background: #f9f9f9 !important;
}
body.is-dark .admin-success-stories .items-table .table-content table tbody .oddTR {
  background: #323236 !important;
}
.admin-success-stories .items-table .table-content table tbody .oddTR:hover {
  background: #ebedf5 !important;
}
body.is-dark .admin-success-stories .items-table .table-content table tbody .oddTR:hover {
  background: #404046 !important;
}
.admin-success-stories .items-table .table-content table tbody .oddTR:hover td {
  background: #ebedf5 !important;
}
body.is-dark .admin-success-stories .items-table .table-content table tbody .oddTR:hover td {
  background: #404046 !important;
}
.admin-success-stories .items-table .table-content table tbody .evenTR {
  height: 96px;
  background: #ffffff !important;
}
body.is-dark .admin-success-stories .items-table .table-content table tbody .evenTR {
  background: #28282b !important;
}
.admin-success-stories .items-table .table-content table tbody .evenTR:hover {
  background: #ebedf5 !important;
}
body.is-dark .admin-success-stories .items-table .table-content table tbody .evenTR:hover {
  background: #404046 !important;
}
.admin-success-stories .items-table .table-content table tbody .evenTR:hover td {
  background: #ebedf5 !important;
}
body.is-dark .admin-success-stories .items-table .table-content table tbody .evenTR:hover td {
  background: #404046 !important;
}
.admin-success-stories .items-table .table-content table tbody .three-dots path {
  stroke: #1d252d;
}
body.is-dark .admin-success-stories .items-table .table-content table tbody .three-dots path {
  stroke: #cecece;
}
.admin-success-stories .items-table .table-content table tbody .store-image-column {
  display: inline-block;
  border-radius: 5px;
  width: 64px;
}
.admin-success-stories .items-table .table-content table tbody .store-image-column img {
  height: 100%;
  width: 100%;
  border-radius: 5px;
}
body.is-dark .admin-success-stories .items-table .table-content table tbody .store-image-column {
  background: #f9f9f9;
}
.admin-success-stories .items-table .table-content table tbody .dropdown-menu {
  min-width: 200px;
}
.admin-success-stories .items-table .table-content table tbody .side-dropdown {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  border-radius: 8px;
  background: #f9f9f9;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .admin-success-stories .items-table .table-content table tbody .side-dropdown {
  background: #323236;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
.admin-success-stories .items-table .table-content table tbody .side-dropdown .side-dropdown-item {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 20px;
  gap: 8px;
  width: 152px;
  height: 38px;
  border-radius: 4px;
  background: #f9f9f9;
}
body.is-dark .admin-success-stories .items-table .table-content table tbody .side-dropdown .side-dropdown-item {
  background: #323236;
}
.admin-success-stories .items-table .table-content table tbody .side-dropdown .side-dropdown-item svg .svg-part1 {
  stroke: #28282b;
}
body.is-dark .admin-success-stories .items-table .table-content table tbody .side-dropdown .side-dropdown-item svg .svg-part1 {
  stroke: #a2a5b9;
}
.admin-success-stories .items-table .table-content table tbody .side-dropdown .side-dropdown-item svg .svg-part2 {
  stroke: #1d252d;
}
body.is-dark .admin-success-stories .items-table .table-content table tbody .side-dropdown .side-dropdown-item svg .svg-part2 {
  stroke: #a2a5b9;
}
.admin-success-stories .items-table .table-content table tbody .side-dropdown .side-dropdown-item p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #28282b;
}
body.is-dark .admin-success-stories .items-table .table-content table tbody .side-dropdown .side-dropdown-item p {
  color: #a2a5b9;
}
.admin-success-stories .items-table .table-content table .first-column {
  margin: 0 1em;
}
.admin-success-stories .items-table .table-content table .last-column {
  margin: 0 24px;
}
.admin-success-stories .items-table .table-content .paginator {
  display: flex;
  justify-content: center;
}
.admin-success-stories .items-table .has-no-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  height: 123px;
  margin: auto auto;
}
.admin-success-stories .items-table .has-no-content svg {
  margin-bottom: 25.9px;
}
.admin-success-stories .items-table .has-no-content svg path {
  fill: #bababa;
}
.admin-success-stories .items-table .has-no-content h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 4px;
  color: #1d252d;
}
body.is-dark .admin-success-stories .items-table .has-no-content h2 {
  color: #cecece;
}
.admin-success-stories .items-table .has-no-content p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #575767;
}
body.is-dark .admin-success-stories .items-table .has-no-content p {
  color: #cecece;
}
@media (max-width: 768px) {
  .admin-success-stories .items-table {
    display: none;
  }
}
.admin-success-stories .mobile-items-table .slider-container {
  width: 100%;
}
.admin-success-stories .mobile-items-table .swiper-autoheight,
.admin-success-stories .mobile-items-table .swiper-autoheight .swiper-slide {
  height: auto;
  width: auto;
}
.admin-success-stories .mobile-items-table .filter-items-mobile {
  margin-bottom: 24px;
}
.admin-success-stories .mobile-items-table .filter-items-mobile .category {
  cursor: pointer;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 8px 10px 4px;
  gap: 8px;
  height: 30px;
  border-radius: 15px;
  background: #ffffff;
}
.admin-success-stories .mobile-items-table .filter-items-mobile .category svg rect {
  fill: #daf7ec;
}
body.is-dark .admin-success-stories .mobile-items-table .filter-items-mobile .category svg rect {
  fill: #424748;
}
.admin-success-stories .mobile-items-table .filter-items-mobile .category svg path {
  stroke: #06d6a0;
}
body.is-dark .admin-success-stories .mobile-items-table .filter-items-mobile .category svg path {
  stroke: #06d6a0;
}
.admin-success-stories .mobile-items-table .filter-items-mobile .category p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .admin-success-stories .mobile-items-table .filter-items-mobile .category p {
  color: #cecece;
}
.admin-success-stories .mobile-items-table .filter-items-mobile .category p:hover {
  color: #4f008c;
}
body.is-dark .admin-success-stories .mobile-items-table .filter-items-mobile .category p:hover {
  color: #797bf2;
}
.admin-success-stories .mobile-items-table .filter-items-mobile .category.active {
  border: 1px solid #4f008c;
}
body.is-dark .admin-success-stories .mobile-items-table .filter-items-mobile .category.active {
  border: 1px solid #797bf2;
}
.admin-success-stories .mobile-items-table .filter-items-mobile .category.active svg rect {
  fill: #f3e3ff;
}
body.is-dark .admin-success-stories .mobile-items-table .filter-items-mobile .category.active svg rect {
  fill: #424748;
}
.admin-success-stories .mobile-items-table .filter-items-mobile .category.active svg path {
  stroke: #4f008c;
}
body.is-dark .admin-success-stories .mobile-items-table .filter-items-mobile .category.active svg path {
  stroke: #797bf2;
}
.admin-success-stories .mobile-items-table .filter-items-mobile .category.active p {
  color: #4f008c !important;
}
body.is-dark .admin-success-stories .mobile-items-table .filter-items-mobile .category.active p {
  color: #797bf2 !important;
}
body.is-dark .admin-success-stories .mobile-items-table .filter-items-mobile .category {
  background: #28282b;
}
.admin-success-stories .mobile-items-table .filter-items-mobile .category:disabled {
  background: #F2F2F2;
  color: #1D252D;
  opacity: 0.3;
}
body.is-dark .admin-success-stories .mobile-items-table .filter-items-mobile .category:disabled {
  background: #252529;
  color: #CECECE;
  opacity: 0.3;
}
.admin-success-stories .mobile-items-table .has-content {
  width: 100%;
}
.admin-success-stories .mobile-items-table {
  display: none;
}
@media (max-width: 768px) {
  .admin-success-stories .mobile-items-table {
    display: flex;
    position: relative;
  }
}
.admin-success-stories .mobile-items-table {
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  width: 100%;
  background: #f9f9f9;
}
body.is-dark .admin-success-stories .mobile-items-table {
  background: #2d2d31;
}
.admin-success-stories .mobile-items-table .table-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 24px;
}
.admin-success-stories .mobile-items-table .table-header .left {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.admin-success-stories .mobile-items-table .table-header .left h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 25px;
  color: #1d252d;
}
body.is-dark .admin-success-stories .mobile-items-table .table-header .left h3 {
  color: #cecece;
}
.admin-success-stories .mobile-items-table .table-header .left p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #575767;
}
body.is-dark .admin-success-stories .mobile-items-table .table-header .left p {
  color: #cecece;
}
.admin-success-stories .mobile-items-table .table-header .left .years {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 24px;
}
.admin-success-stories .mobile-items-table .table-header .left .years p {
  display: flex;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  color: #1d252d;
}
body.is-dark .admin-success-stories .mobile-items-table .table-header .left .years p {
  color: #CECECE;
}
.admin-success-stories .mobile-items-table .table-header .left .years .year {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 189px;
  height: 38px;
  border-radius: 4px;
  color: #1d252d;
}
.admin-success-stories .mobile-items-table .table-header .right {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  background: #4f008c;
  border-radius: 4px;
  cursor: pointer;
}
.admin-success-stories .mobile-items-table .table-header .right span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
}
body.is-dark .admin-success-stories .mobile-items-table .table-header .right {
  background: #797bf2;
}
.admin-success-stories .mobile-items-table .table-header .right:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .admin-success-stories .mobile-items-table .table-header .right:hover {
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.admin-success-stories .mobile-items-table .card {
  background-color: #fff;
  padding: 20px;
  background: #ffffff;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
  border-radius: 8px;
  margin-bottom: 20px;
  width: 100%;
}
body.is-dark .admin-success-stories .mobile-items-table .card {
  background: #28282b;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.admin-success-stories .mobile-items-table .card .card-top-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
}
.admin-success-stories .mobile-items-table .card .card-top-header .image-container {
  margin-right: 16px;
}
body.is-rtl .admin-success-stories .mobile-items-table .card .card-top-header .image-container {
  margin-left: 16px;
  margin-right: 0;
}
.admin-success-stories .mobile-items-table .card .card-top-header .image-container img {
  width: 80px;
  height: 80px;
}
.admin-success-stories .mobile-items-table .card .card-top-header .card-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.admin-success-stories .mobile-items-table .card .card-top-header .card-info .card-title {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .admin-success-stories .mobile-items-table .card .card-top-header .card-info .card-title {
  color: #cecece;
}
.admin-success-stories .mobile-items-table .card .card-top-header .card-info .card-subtitle {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #575767;
}
body.is-dark .admin-success-stories .mobile-items-table .card .card-top-header .card-info .card-subtitle {
  color: #a2a5b9;
}
.admin-success-stories .mobile-items-table .card .card-top-header .card-info .published {
  padding: 2px 8px;
  border-radius: 18.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  margin-top: 6px;
  width: 112px;
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
body.is-dark .admin-success-stories .mobile-items-table .card .card-top-header .card-info .published {
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
.admin-success-stories .mobile-items-table .card .card-top-header .card-info .unpublished {
  padding: 2px 8px;
  border-radius: 18.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  margin-top: 6px;
  width: 112px;
  color: #1d252d;
  background: #f2f2f2;
}
body.is-dark .admin-success-stories .mobile-items-table .card .card-top-header .card-info .unpublished {
  color: #cecece;
  background: #252529;
}
.admin-success-stories .mobile-items-table .card .card-top-header .card-info .card-status .store-status-column {
  display: inline-block;
  width: 112px;
}
.admin-success-stories .mobile-items-table .card .card-top-header .card-info .card-status .published {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  gap: 10px;
  height: 37px;
  border-radius: 18.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
body.is-dark .admin-success-stories .mobile-items-table .card .card-top-header .card-info .card-status .published {
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
.admin-success-stories .mobile-items-table .card .card-top-header .card-info .card-status .unpublished {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  gap: 10px;
  height: 37px;
  border-radius: 18.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #1d252d;
  background: #f2f2f2;
}
body.is-dark .admin-success-stories .mobile-items-table .card .card-top-header .card-info .card-status .unpublished {
  color: #cecece;
  background: #252529;
}
.admin-success-stories .mobile-items-table .card .card-top-header .action-button {
  margin-left: auto;
  order: 3;
  align-self: flex-start;
}
body.is-rtl .admin-success-stories .mobile-items-table .card .card-top-header .action-button {
  margin-left: 0;
  margin-right: auto;
}
.admin-success-stories .mobile-items-table .card .card-top-header .action-button svg path {
  stroke: #1d252d;
}
body.is-dark .admin-success-stories .mobile-items-table .card .card-top-header .action-button svg path {
  stroke: #a2a5b9;
}
.admin-success-stories .mobile-items-table .card .card-top-header .action-button .side-dropdown {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  border-radius: 8px;
  background: #f9f9f9;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .admin-success-stories .mobile-items-table .card .card-top-header .action-button .side-dropdown {
  background: #323236;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
.admin-success-stories .mobile-items-table .card .card-top-header .action-button .side-dropdown .side-dropdown-item {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 20px;
  gap: 8px;
  width: 152px;
  height: 38px;
  border-radius: 4px;
  background: #f9f9f9;
}
body.is-dark .admin-success-stories .mobile-items-table .card .card-top-header .action-button .side-dropdown .side-dropdown-item {
  background: #323236;
}
.admin-success-stories .mobile-items-table .card .card-top-header .action-button .side-dropdown .side-dropdown-item svg .svg-part1 {
  stroke: #28282b;
}
body.is-dark .admin-success-stories .mobile-items-table .card .card-top-header .action-button .side-dropdown .side-dropdown-item svg .svg-part1 {
  stroke: #a2a5b9;
}
.admin-success-stories .mobile-items-table .card .card-top-header .action-button .side-dropdown .side-dropdown-item svg .svg-part2 {
  stroke: #1d252d;
}
body.is-dark .admin-success-stories .mobile-items-table .card .card-top-header .action-button .side-dropdown .side-dropdown-item svg .svg-part2 {
  stroke: #a2a5b9;
}
.admin-success-stories .mobile-items-table .card .card-top-header .action-button .side-dropdown .side-dropdown-item p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #28282b;
}
body.is-dark .admin-success-stories .mobile-items-table .card .card-top-header .action-button .side-dropdown .side-dropdown-item p {
  color: #a2a5b9;
}
.admin-success-stories .mobile-items-table .card .line {
  margin-top: 16px;
  margin-bottom: 16px;
  height: 1px;
  background-color: #ededed;
}
body.is-dark .admin-success-stories .mobile-items-table .card .line {
  background-color: #232323;
}
.admin-success-stories .mobile-items-table .card .card-bottom-footer {
  display: flex;
  justify-content: space-between;
}
.admin-success-stories .mobile-items-table .card .card-bottom-footer .title {
  font-weight: 400;
  font-size: 11px;
  color: #575767;
  margin-bottom: 4px;
}
body.is-dark .admin-success-stories .mobile-items-table .card .card-bottom-footer .title {
  color: #cecece;
}
.admin-success-stories .mobile-items-table .card .card-bottom-footer .value {
  font-weight: 400;
  font-size: 13px;
  color: #1d252d;
}
body.is-dark .admin-success-stories .mobile-items-table .card .card-bottom-footer .value {
  color: #cecece;
}
.admin-success-stories .mobile-items-table .card .card-bottom-footer .stock p {
  display: flex;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #4f008c;
}
body.is-dark .admin-success-stories .mobile-items-table .card .card-bottom-footer .stock p {
  color: #797bf2 !important;
}
.admin-success-stories .mobile-items-table .card .card-bottom-footer .stock p svg {
  fill: #4f008c;
}
body.is-dark .admin-success-stories .mobile-items-table .card .card-bottom-footer .stock p svg {
  fill: #797bf2 !important;
}
.admin-success-stories .mobile-items-table .pagination-container {
  width: 100%;
  display: flex;
  justify-content: center;
}
.admin-success-stories .has-no-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  height: 187px;
  margin: auto auto;
}
.admin-success-stories .has-no-content svg {
  margin-bottom: 25.9px;
}
.admin-success-stories .has-no-content svg path {
  fill: #bababa;
}
body.is-dark .admin-success-stories .has-no-content svg path {
  fill: #bababa;
}
.admin-success-stories .has-no-content h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 4px;
  color: #1d252d;
}
body.is-dark .admin-success-stories .has-no-content h2 {
  color: #cecece;
}
.admin-success-stories .has-no-content p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #575767;
}
body.is-dark .admin-success-stories .has-no-content p {
  color: #cecece;
}
.admin-success-stories .has-no-content .right {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  background: #4f008c;
  border-radius: 4px;
  margin-top: 24px;
  cursor: pointer;
}
.admin-success-stories .has-no-content .right span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
}
body.is-dark .admin-success-stories .has-no-content .right {
  background: #797bf2;
}
.admin-success-stories .has-no-content .right:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .admin-success-stories .has-no-content .right:hover {
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}

.store-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 218px;
  width: 100%;
  min-height: 600px;
  background: #f9f9f9;
}
body.is-dark .store-item {
  background: #323236;
}
@media (max-width: 768px) {
  .store-item {
    padding: 20px;
  }
}
.store-item .form-container {
  width: 550px;
  margin-top: 51.5px;
}
@media (max-width: 768px) {
  .store-item .form-container {
    width: 100%;
  }
}
.store-item .form-container h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  margin-bottom: 36.5px;
  color: #1d252d;
}
body.is-dark .store-item .form-container h2 {
  color: #cecece;
}
.store-item .form-container p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  margin-bottom: 4px;
  color: #1d252d;
}
body.is-dark .store-item .form-container p {
  color: #cecece;
}
body.is-dark .store-item .form-container .image-background-container {
  background: #f1f1f1;
}
.store-item .form-container .image-container {
  width: 128px;
  height: 128px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #b5b5b5;
}
body.is-dark .store-item .form-container .image-container {
  border: 1px solid #404046;
}
.store-item .form-container .image-container img {
  width: 50%;
  height: 50%;
  border-radius: 8px;
}
.store-item .form-container .image-container .image-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-items: center;
  padding: 0px;
  gap: 4px;
}
.store-item .form-container .image-container .image-placeholder svg .fill {
  fill: #4f008c;
}
body.is-dark .store-item .form-container .image-container .image-placeholder svg .fill {
  fill: #797bf2;
}
.store-item .form-container .image-container .image-placeholder svg .stroke {
  stroke: #4f008c;
}
body.is-dark .store-item .form-container .image-container .image-placeholder svg .stroke {
  stroke: #797bf2;
}
.store-item .form-container .image-container .image-placeholder h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #4f008c;
}
body.is-dark .store-item .form-container .image-container .image-placeholder h3 {
  color: #797bf2;
}
.store-item .form-container .red-error {
  color: #ff375e;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  margin-bottom: 4px;
}
.store-item .form-container .recommended-size {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  margin: 8px 0;
  display: inline-block;
  color: #575767;
}
body.is-dark .store-item .form-container .recommended-size {
  color: #cecece;
}
.store-item .form-container .recommended-size {
  margin-bottom: 8px 0;
}
.store-item .form-container .trash-img {
  display: flex;
  gap: 8.17px;
  margin-bottom: 16px;
  cursor: pointer;
}
.store-item .form-container .trash-img svg path {
  stroke: #ff375e;
}
body.is-dark .store-item .form-container .trash-img svg path {
  color: #ff375e;
}
.store-item .form-container .trash-img span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #ff375e;
}
body.is-dark .store-item .form-container .trash-img span {
  color: #ff375e;
}
.store-item .form-container .store-item-form {
  display: flex;
  flex-direction: column;
}
.store-item .form-container .store-item-form .form-input-group {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.store-item .form-container .store-item-form .form-input-group input,
.store-item .form-container .store-item-form .form-input-group select,
.store-item .form-container .store-item-form .form-input-group textarea {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 16px;
  gap: 8px;
  min-height: 45px;
}
.store-item .form-container .store-item-form .red-error {
  color: #ff375e;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  margin-bottom: 4px;
}
.store-item .form-container .store-item-form .store-item-label {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #1d252d;
}
body.is-dark .store-item .form-container .store-item-form .store-item-label {
  color: #cecece;
}
.store-item .form-container .store-item-form .type:invalid {
  color: #1d252d;
}
body.is-dark .store-item .form-container .store-item-form .type:invalid {
  color: #cecece;
}
.store-item .form-container .store-item-form .select:not(.is-multiple):not(.is-loading)::after {
  border-color: #1d252d;
}
body.is-dark .store-item .form-container .store-item-form .select:not(.is-multiple):not(.is-loading)::after {
  border-color: #cecece;
}
.store-item .publish-item {
  display: flex;
  gap: 10px;
}
.store-item .publish-item .switch input[type=checkbox]:checked + .check {
  background: #4f008c !important;
}
body.is-dark .store-item .publish-item .switch input[type=checkbox]:checked + .check {
  background: #797bf2 !important;
}
body.is-rtl .store-item .publish-item .switch input[type=checkbox]:checked + .check:before {
  transform: translate3d(-100%, 0, 0);
}
.store-item .publish-item .switch .check {
  background: #8d8fa1 !important;
}
body.is-dark .store-item .publish-item .switch .check {
  background: #363659 !important;
}
.store-item .publish-item .publish-item-label {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .store-item .publish-item .publish-item-label {
  color: #cecece;
}
.store-item .save-item {
  float: right;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 32px;
  padding: 12px 24px;
  gap: 8px;
  height: 48px;
  background: #4f008c;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 768px) {
  .store-item .save-item {
    float: left;
  }
}
body.is-dark .store-item .save-item {
  background: #797bf2;
}
.store-item .save-item:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .store-item .save-item:hover {
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}

.store-item-delete-modal .modalBody {
  padding: 24px !important;
}
.store-item-delete-modal .modal-background {
  transform: translate3d(0, 0, 0);
  transition-property: opacity, visibility;
  transition-timing-function: linear;
  transition-duration: 250ms;
  background-color: #1d252d;
  opacity: 0.5;
}
.store-item-delete-modal .modal-close {
  display: none;
}
.store-item-delete-modal .title {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #1d252d;
}
body.is-dark .store-item-delete-modal .title {
  color: #cecece;
}
.store-item-delete-modal svg .trash-fill {
  fill: #ff375e;
}
body.is-dark .store-item-delete-modal svg .trash-fill {
  fill: #ff375e;
}
.store-item-delete-modal svg .trash-stroke {
  stroke: #ff375e;
}
body.is-dark .store-item-delete-modal svg .trash-stroke {
  stroke: #ff375e;
}
.store-item-delete-modal .modalHeaderMsgMsg {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 26px;
  color: #1d252d;
}
body.is-dark .store-item-delete-modal .modalHeaderMsgMsg {
  color: #cecece;
}
.store-item-delete-modal .modalMsg {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #1d252d;
}
body.is-dark .store-item-delete-modal .modalMsg {
  color: #cecece;
}
.store-item-delete-modal .modalMsg.modalMsg-withHeader {
  font-weight: 400 !important;
}
.store-item-delete-modal .modify-points-content .modalBody .modalTitle {
  margin-top: 0px !important;
}
.store-item-delete-modal .buttonsActions {
  display: flex;
  flex-direction: row;
  gap: 24px;
  padding: 0px;
  margin-top: 48px;
  width: 100%;
  justify-content: flex-end;
}
.store-item-delete-modal .buttonsActions .confirmButton {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  background: #4f008c;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
}
body.is-dark .store-item-delete-modal .buttonsActions .confirmButton {
  background: #797bf2;
}
.store-item-delete-modal .buttonsActions .confirmButton:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .store-item-delete-modal .buttonsActions .confirmButton:hover {
  background: #797bf2 !important;
  color: #ffffff !important;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.store-item-delete-modal .buttonsActions .cancelButton {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  border: 1px solid #4f008c;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #4f008c;
}
body.is-dark .store-item-delete-modal .buttonsActions .cancelButton {
  color: #797bf2;
  background: #28282b;
}
.store-item-delete-modal .buttonsActions .cancelButton:hover {
  background: #4f008c;
  color: #ffffff;
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .store-item-delete-modal .buttonsActions .cancelButton:hover {
  background: #797bf2;
  color: #ffffff;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}

.admin-orders-history {
  display: flex;
  flex-direction: column;
}
.admin-orders-history .slider-container {
  width: 100%;
}
.admin-orders-history .swiper-autoheight,
.admin-orders-history .swiper-autoheight .swiper-slide {
  height: auto;
  width: auto;
}
.admin-orders-history .filter-items-mobile {
  margin-bottom: 24px;
}
.admin-orders-history .filter-items-mobile .category {
  cursor: pointer;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 8px 10px 4px;
  gap: 8px;
  height: 30px;
  border-radius: 15px;
  background: #ffffff;
}
.admin-orders-history .filter-items-mobile .category svg rect {
  fill: #daf7ec;
}
body.is-dark .admin-orders-history .filter-items-mobile .category svg rect {
  fill: #424748;
}
.admin-orders-history .filter-items-mobile .category svg path {
  stroke: #06d6a0;
}
body.is-dark .admin-orders-history .filter-items-mobile .category svg path {
  stroke: #06d6a0;
}
.admin-orders-history .filter-items-mobile .category p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .admin-orders-history .filter-items-mobile .category p {
  color: #cecece;
}
.admin-orders-history .filter-items-mobile .category p:hover {
  color: #4f008c;
}
body.is-dark .admin-orders-history .filter-items-mobile .category p:hover {
  color: #797bf2;
}
.admin-orders-history .filter-items-mobile .category.active {
  border: 1px solid #4f008c;
}
body.is-dark .admin-orders-history .filter-items-mobile .category.active {
  border: 1px solid #797bf2;
}
.admin-orders-history .filter-items-mobile .category.active svg rect {
  fill: #f3e3ff;
}
body.is-dark .admin-orders-history .filter-items-mobile .category.active svg rect {
  fill: #424748;
}
.admin-orders-history .filter-items-mobile .category.active svg path {
  stroke: #4f008c;
}
body.is-dark .admin-orders-history .filter-items-mobile .category.active svg path {
  stroke: #797bf2;
}
.admin-orders-history .filter-items-mobile .category.active p {
  color: #4f008c !important;
}
body.is-dark .admin-orders-history .filter-items-mobile .category.active p {
  color: #797bf2 !important;
}
body.is-dark .admin-orders-history .filter-items-mobile .category {
  background: #28282b;
}
.admin-orders-history .filter-items-mobile .category:disabled {
  background: #F2F2F2;
  color: #1D252D;
  opacity: 0.3;
}
body.is-dark .admin-orders-history .filter-items-mobile .category:disabled {
  background: #252529;
  color: #CECECE;
  opacity: 0.3;
}
.admin-orders-history .table-search-mobile {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px;
  gap: 8px;
  width: 100%;
  height: 40px;
  background: rgba(255, 255, 255, 0.33);
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #ffffff;
}
body.is-dark .admin-orders-history .table-search-mobile {
  background: #323236;
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.33);
}
.admin-orders-history .table-search-mobile:hover {
  border: 1px solid #ededed;
  background: #f9f9f9;
}
body.is-dark .admin-orders-history .table-search-mobile:hover {
  border: 1px solid #232323;
  background: #323236;
}
.admin-orders-history .table-search-mobile:active {
  background: #ffffff;
  border: 1px solid #ededed;
}
body.is-dark .admin-orders-history .table-search-mobile:active {
  background: #28282b;
  border: 1px solid #232323;
}
.admin-orders-history .table-search-mobile:filled {
  border: 1px solid #ededed;
  background: #ffffff;
}
body.is-dark .admin-orders-history .table-search-mobile:filled {
  background: #28282b;
  border: 1px solid #232323;
}
.admin-orders-history .table-search-mobile input {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #ffffff;
  width: 100%;
}
body.is-dark .admin-orders-history .table-search-mobile input {
  color: #a2a5b9;
}
.admin-orders-history .table-search-mobile input:hover {
  color: #a2a5b9;
  background: #f9f9f9;
}
body.is-dark .admin-orders-history .table-search-mobile input:hover {
  background: #323236;
}
.admin-orders-history .table-search-mobile input:active {
  background: #ffffff;
  color: #a2a5b9 !important;
}
body.is-dark .admin-orders-history .table-search-mobile input:active {
  color: #ffffff !important;
}
body.is-dark .admin-orders-history .table-search-mobile input:active {
  background: #28282b;
}
.admin-orders-history .table-search-mobile input:active::-webkit-input-placeholder {
  color: #a2a5b9 !important;
}
.admin-orders-history .table-search-mobile input:active::-moz-placeholder {
  color: #a2a5b9 !important;
}
.admin-orders-history .table-search-mobile input:active:-ms-input-placeholder {
  color: #a2a5b9 !important;
}
.admin-orders-history .table-search-mobile input:active:-moz-placeholder {
  color: #a2a5b9 !important;
}
.admin-orders-history .table-search-mobile input::-webkit-input-placeholder {
  color: #ffffff;
}
.admin-orders-history .table-search-mobile input::-moz-placeholder {
  color: #ffffff;
}
.admin-orders-history .table-search-mobile input:-ms-input-placeholder {
  color: #ffffff;
}
.admin-orders-history .table-search-mobile input:-moz-placeholder {
  color: #ffffff;
}
.admin-orders-history .table-search-mobile input:valid {
  color: #ffffff;
}
body.is-dark .admin-orders-history .table-search-mobile input:valid {
  color: #cecece;
}
.admin-orders-history .table-search-mobile svg {
  margin: 0;
  margin-top: 0 !important;
}
.admin-orders-history .table-search-mobile svg path {
  stroke: #a2a5b9;
}
body.is-dark .admin-orders-history .table-search-mobile svg path {
  stroke: #a2a5b9;
}
.admin-orders-history .histories-table .years {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 24px;
}
.admin-orders-history .histories-table .years p {
  display: flex;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  color: #1d252d;
}
body.is-dark .admin-orders-history .histories-table .years p {
  color: #CECECE;
}
.admin-orders-history .histories-table .years .year {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 189px;
  height: 38px;
  border-radius: 4px;
  color: #1d252d;
}
.admin-orders-history .histories-table {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 218px;
  position: absolute;
  width: 100%;
  top: 290px;
  min-height: 600px;
  background: #f9f9f9;
}
body.is-dark .admin-orders-history .histories-table {
  background: #323236;
}
.admin-orders-history .histories-table .table td,
.admin-orders-history .histories-table .table th {
  border: unset;
}
.admin-orders-history .histories-table .table-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 24px;
}
.admin-orders-history .histories-table .table-header .left {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.admin-orders-history .histories-table .table-header .left h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 25px;
  color: #1d252d;
}
body.is-dark .admin-orders-history .histories-table .table-header .left h3 {
  color: #cecece;
}
.admin-orders-history .histories-table .table-header .left p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #575767;
}
body.is-dark .admin-orders-history .histories-table .table-header .left p {
  color: #cecece;
}
.admin-orders-history .histories-table .table-header .right {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  background: #4f008c;
  border-radius: 4px;
  cursor: pointer;
}
.admin-orders-history .histories-table .table-header .right span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
}
body.is-dark .admin-orders-history .histories-table .table-header .right {
  background: #797bf2;
}
.admin-orders-history .histories-table .table-header .right:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .admin-orders-history .histories-table .table-header .right:hover {
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.admin-orders-history .histories-table .table-search {
  margin: 20px 0px 20px 0px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px;
  gap: 8px;
  width: 250px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #ededed;
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
}
body.is-dark .admin-orders-history .histories-table .table-search {
  background: #28282b;
  border: 1px solid #232323;
  border-radius: 4px;
  color: #a2a5b9;
}
.admin-orders-history .histories-table .table-search:hover {
  border: 1px solid #ededed;
  background: #f9f9f9;
}
body.is-dark .admin-orders-history .histories-table .table-search:hover {
  border: 1px solid #232323;
  background: #323236;
}
.admin-orders-history .histories-table .table-search:active {
  background: #ffffff;
  border: 1px solid #ededed;
}
body.is-dark .admin-orders-history .histories-table .table-search:active {
  background: #28282b;
  border: 1px solid #232323;
}
.admin-orders-history .histories-table .table-search:filled {
  border: 1px solid #ededed;
  background: #ffffff;
}
body.is-dark .admin-orders-history .histories-table .table-search:filled {
  background: #28282b;
  border: 1px solid #232323;
}
.admin-orders-history .histories-table .table-search input {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #a2a5b9;
}
body.is-dark .admin-orders-history .histories-table .table-search input {
  color: #a2a5b9;
}
.admin-orders-history .histories-table .table-search input:hover {
  background: #f9f9f9;
}
body.is-dark .admin-orders-history .histories-table .table-search input:hover {
  background: #323236;
}
.admin-orders-history .histories-table .table-search input:active {
  background: #ffffff;
}
body.is-dark .admin-orders-history .histories-table .table-search input:active {
  background: #28282b;
}
.admin-orders-history .histories-table .table-search input:valid {
  color: #1d252d;
}
body.is-dark .admin-orders-history .histories-table .table-search input:valid {
  color: #cecece;
}
.admin-orders-history .histories-table .table-search svg path {
  stroke: #a2a5b9;
}
body.is-dark .admin-orders-history .histories-table .table-search svg path {
  stroke: #a2a5b9;
}
.admin-orders-history .histories-table .table-content table {
  border: none !important;
}
.admin-orders-history .histories-table .table-content table .first-last-column {
  margin: 0 24px;
}
.admin-orders-history .histories-table .table-content table thead tr {
  background: #f2f2f2;
}
body.is-dark .admin-orders-history .histories-table .table-content table thead tr {
  background: #252529;
}
.admin-orders-history .histories-table .table-content table thead tr .thContent {
  display: flex;
  flex-direction: row;
  padding: 10px;
}
.admin-orders-history .histories-table .table-content table thead tr .thContent svg {
  fill: #575767;
}
body.is-dark .admin-orders-history .histories-table .table-content table thead tr .thContent svg {
  fill: #cecece;
}
.admin-orders-history .histories-table .table-content table thead tr th {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  border: none;
}
.admin-orders-history .histories-table .table-content table thead tr th span {
  cursor: pointer;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 18px;
  color: #575767;
}
body.is-dark .admin-orders-history .histories-table .table-content table thead tr th span {
  color: #cecece;
}
.admin-orders-history .histories-table .table-content table thead tr .arrowUp {
  margin: 0 2px;
  padding: 2px;
}
body.is-dark .admin-orders-history .histories-table .table-content table thead tr .arrowUp {
  fill: white;
}
.admin-orders-history .histories-table .table-content table thead tr .arrowDown {
  margin: 0 2px;
  padding: 2px;
}
body.is-dark .admin-orders-history .histories-table .table-content table thead tr .arrowDown {
  fill: white;
}
.admin-orders-history .histories-table .table-content table tbody td {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d !important;
}
body.is-dark .admin-orders-history .histories-table .table-content table tbody td {
  color: #cecece !important;
}
.admin-orders-history .histories-table .table-content table tbody td .status-column {
  min-width: 102px;
}
.admin-orders-history .histories-table .table-content table tbody .oddTR {
  height: 96px;
  background: #f9f9f9 !important;
  border-bottom: unset;
}
body.is-dark .admin-orders-history .histories-table .table-content table tbody .oddTR {
  background: #323236 !important;
  border-bottom: unset;
}
.admin-orders-history .histories-table .table-content table tbody .oddTR:hover {
  background: #ebedf5 !important;
  border-bottom: unset;
}
body.is-dark .admin-orders-history .histories-table .table-content table tbody .oddTR:hover {
  background: #404046 !important;
  border-bottom: unset;
}
.admin-orders-history .histories-table .table-content table tbody .oddTR:hover td {
  background: #ebedf5 !important;
  border-bottom: unset;
}
body.is-dark .admin-orders-history .histories-table .table-content table tbody .oddTR:hover td {
  background: #404046 !important;
  border-bottom: unset;
}
.admin-orders-history .histories-table .table-content table tbody .evenTR {
  height: 96px;
  background: #ffffff !important;
  border-bottom: unset;
}
body.is-dark .admin-orders-history .histories-table .table-content table tbody .evenTR {
  background: #28282b !important;
  border-bottom: unset;
}
.admin-orders-history .histories-table .table-content table tbody .evenTR:hover {
  background: #ebedf5 !important;
  border-bottom: unset;
}
body.is-dark .admin-orders-history .histories-table .table-content table tbody .evenTR:hover {
  background: #404046 !important;
  border-bottom: unset;
}
.admin-orders-history .histories-table .table-content table tbody .evenTR:hover td {
  background: #ebedf5 !important;
  border-bottom: unset;
}
body.is-dark .admin-orders-history .histories-table .table-content table tbody .evenTR:hover td {
  background: #404046 !important;
  border-bottom: unset;
}
.admin-orders-history .histories-table .table-content table tbody .three-dots path {
  stroke: #1d252d;
}
body.is-dark .admin-orders-history .histories-table .table-content table tbody .three-dots path {
  stroke: #cecece;
}
.admin-orders-history .histories-table .table-content table tbody .history-column {
  display: inline-block;
}
.admin-orders-history .histories-table .table-content table tbody .delivered {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  gap: 10px;
  height: 37px;
  border-radius: 18.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
body.is-dark .admin-orders-history .histories-table .table-content table tbody .delivered {
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
.admin-orders-history .histories-table .table-content table tbody .pending {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  gap: 10px;
  height: 37px;
  border-radius: 18.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #b39b2d;
  background: #fffcec;
}
body.is-dark .admin-orders-history .histories-table .table-content table tbody .pending {
  background: #403f3b;
}
.admin-orders-history .histories-table .table-content table tbody .side-dropdown {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  border-radius: 8px;
  background: #f9f9f9;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .admin-orders-history .histories-table .table-content table tbody .side-dropdown {
  background: #323236;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
.admin-orders-history .histories-table .table-content table tbody .side-dropdown .side-dropdown-item {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 20px;
  gap: 8px;
  height: 38px;
  border-radius: 4px;
  background: #f9f9f9;
}
body.is-dark .admin-orders-history .histories-table .table-content table tbody .side-dropdown .side-dropdown-item {
  background: #323236;
}
.admin-orders-history .histories-table .table-content table tbody .side-dropdown .side-dropdown-item svg .svg-part1 {
  stroke: #28282b;
}
body.is-dark .admin-orders-history .histories-table .table-content table tbody .side-dropdown .side-dropdown-item svg .svg-part1 {
  stroke: #a2a5b9;
}
.admin-orders-history .histories-table .table-content table tbody .side-dropdown .side-dropdown-item svg .svg-part2 {
  stroke: #1d252d;
}
body.is-dark .admin-orders-history .histories-table .table-content table tbody .side-dropdown .side-dropdown-item svg .svg-part2 {
  stroke: #a2a5b9;
}
.admin-orders-history .histories-table .table-content table tbody .side-dropdown .side-dropdown-item p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #28282b;
}
body.is-dark .admin-orders-history .histories-table .table-content table tbody .side-dropdown .side-dropdown-item p {
  color: #a2a5b9;
}
.admin-orders-history .histories-table .table-content table .first-column {
  margin: 0 1em;
}
.admin-orders-history .histories-table .table-content table .last-column {
  margin: 0 24px;
}
.admin-orders-history .histories-table .table-content .paginator {
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .admin-orders-history .histories-table {
    display: none;
  }
}
.admin-orders-history .mobile-histories-table {
  display: none;
}
@media (max-width: 768px) {
  .admin-orders-history .mobile-histories-table {
    display: flex;
  }
}
.admin-orders-history .mobile-histories-table {
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  width: 100%;
  background: #f9f9f9;
}
body.is-dark .admin-orders-history .mobile-histories-table {
  background: #2d2d31;
}
.admin-orders-history .mobile-histories-table .table-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 24px;
}
.admin-orders-history .mobile-histories-table .table-header .left {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.admin-orders-history .mobile-histories-table .table-header .left h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 25px;
  color: #1d252d;
}
body.is-dark .admin-orders-history .mobile-histories-table .table-header .left h3 {
  color: #cecece;
}
.admin-orders-history .mobile-histories-table .table-header .left p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #575767;
}
body.is-dark .admin-orders-history .mobile-histories-table .table-header .left p {
  color: #cecece;
}
.admin-orders-history .mobile-histories-table .table-header .right {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  background: #4f008c;
  border-radius: 4px;
  cursor: pointer;
}
.admin-orders-history .mobile-histories-table .table-header .right span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
}
body.is-dark .admin-orders-history .mobile-histories-table .table-header .right {
  background: #797bf2;
}
.admin-orders-history .mobile-histories-table .table-header .right:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .admin-orders-history .mobile-histories-table .table-header .right:hover {
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.admin-orders-history .mobile-histories-table .table-search {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px;
  gap: 8px;
  width: 250px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #ededed;
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
}
body.is-dark .admin-orders-history .mobile-histories-table .table-search {
  background: #28282b;
  border: 1px solid #232323;
  border-radius: 4px;
  color: #a2a5b9;
}
.admin-orders-history .mobile-histories-table .table-search:hover {
  border: 1px solid #ededed;
  background: #f9f9f9;
}
body.is-dark .admin-orders-history .mobile-histories-table .table-search:hover {
  border: 1px solid #232323;
  background: #323236;
}
.admin-orders-history .mobile-histories-table .table-search:active {
  background: #ffffff;
  border: 1px solid #ededed;
}
body.is-dark .admin-orders-history .mobile-histories-table .table-search:active {
  background: #28282b;
  border: 1px solid #232323;
}
.admin-orders-history .mobile-histories-table .table-search:filled {
  border: 1px solid #ededed;
  background: #ffffff;
}
body.is-dark .admin-orders-history .mobile-histories-table .table-search:filled {
  background: #28282b;
  border: 1px solid #232323;
}
.admin-orders-history .mobile-histories-table .table-search input {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #a2a5b9;
}
body.is-dark .admin-orders-history .mobile-histories-table .table-search input {
  color: #a2a5b9;
}
.admin-orders-history .mobile-histories-table .table-search input:hover {
  background: #f9f9f9;
}
body.is-dark .admin-orders-history .mobile-histories-table .table-search input:hover {
  background: #323236;
}
.admin-orders-history .mobile-histories-table .table-search input:active {
  background: #ffffff;
}
body.is-dark .admin-orders-history .mobile-histories-table .table-search input:active {
  background: #28282b;
}
.admin-orders-history .mobile-histories-table .table-search input:valid {
  color: #1d252d;
}
body.is-dark .admin-orders-history .mobile-histories-table .table-search input:valid {
  color: #cecece;
}
.admin-orders-history .mobile-histories-table .table-search svg path {
  stroke: #a2a5b9;
}
body.is-dark .admin-orders-history .mobile-histories-table .table-search svg path {
  stroke: #a2a5b9;
}
.admin-orders-history .mobile-histories-table .cards-content {
  width: 100%;
}
.admin-orders-history .mobile-histories-table .cards-content .card {
  background-color: #fff;
  padding: 20px;
  background: #ffffff;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
  border-radius: 8px;
  margin-bottom: 20px;
  width: 100%;
}
body.is-dark .admin-orders-history .mobile-histories-table .cards-content .card {
  background: #28282b;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-top-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .image-container {
  margin-right: 16px;
}
body.is-rtl .admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .image-container {
  margin-left: 16px;
  margin-right: 0;
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .image-container img {
  width: 80px;
  height: 80px;
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .card-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .card-info .card-title {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .card-info .card-title {
  color: #cecece;
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .card-info .card-subtitle {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #575767;
}
body.is-dark .admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .card-info .card-subtitle {
  color: #a2a5b9;
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .card-info .card-status .store-status-column {
  display: inline-block;
  width: 112px;
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .card-info .card-status .delivered {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  gap: 10px;
  height: 37px;
  border-radius: 18.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
body.is-dark .admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .card-info .card-status .delivered {
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .card-info .card-status .pending {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  gap: 10px;
  height: 37px;
  border-radius: 18.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #b39b2d;
  background: #fffcec;
}
body.is-dark .admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .card-info .card-status .pending {
  background: #403f3b;
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .action-button {
  margin-left: auto;
  order: 3;
  align-self: flex-start;
}
body.is-rtl .admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .action-button {
  margin-left: 0;
  margin-right: auto;
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .action-button svg path {
  stroke: #1d252d;
}
body.is-dark .admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .action-button svg path {
  stroke: #a2a5b9;
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .action-button .side-dropdown {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  border-radius: 8px;
  background: #f9f9f9;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .action-button .side-dropdown {
  background: #323236;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .action-button .side-dropdown .side-dropdown-item {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 20px;
  gap: 8px;
  height: 38px;
  border-radius: 4px;
  background: #f9f9f9;
}
body.is-dark .admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .action-button .side-dropdown .side-dropdown-item {
  background: #323236;
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .action-button .side-dropdown .side-dropdown-item svg .svg-part1 {
  stroke: #28282b;
}
body.is-dark .admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .action-button .side-dropdown .side-dropdown-item svg .svg-part1 {
  stroke: #a2a5b9;
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .action-button .side-dropdown .side-dropdown-item svg .svg-part2 {
  stroke: #1d252d;
}
body.is-dark .admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .action-button .side-dropdown .side-dropdown-item svg .svg-part2 {
  stroke: #a2a5b9;
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .action-button .side-dropdown .side-dropdown-item p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #28282b;
}
body.is-dark .admin-orders-history .mobile-histories-table .cards-content .card .card-top-header .action-button .side-dropdown .side-dropdown-item p {
  color: #a2a5b9;
}
.admin-orders-history .mobile-histories-table .cards-content .card .line {
  margin-top: 16px;
  margin-bottom: 16px;
  height: 1px;
  background-color: #ededed;
}
body.is-dark .admin-orders-history .mobile-histories-table .cards-content .card .line {
  background-color: #232323;
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-bottom-footer {
  display: flex;
  flex-flow: row wrap;
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-bottom-footer .required-points,
.admin-orders-history .mobile-histories-table .cards-content .card .card-bottom-footer .stock {
  width: 50%;
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-bottom-footer .title {
  font-weight: 400;
  font-size: 11px;
  color: #575767;
  margin-bottom: 4px;
}
body.is-dark .admin-orders-history .mobile-histories-table .cards-content .card .card-bottom-footer .title {
  color: #cecece;
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-bottom-footer .value {
  font-weight: 400;
  font-size: 13px;
  color: #1d252d;
}
body.is-dark .admin-orders-history .mobile-histories-table .cards-content .card .card-bottom-footer .value {
  color: #cecece;
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-bottom-footer .value {
  overflow-wrap: break-word;
  hyphens: auto;
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-bottom-footer-one-line {
  display: block;
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-bottom-footer-one-line .title {
  font-weight: 400;
  font-size: 11px;
  color: #575767;
  margin-bottom: 4px;
}
body.is-dark .admin-orders-history .mobile-histories-table .cards-content .card .card-bottom-footer-one-line .title {
  color: #cecece;
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-bottom-footer-one-line .value {
  font-weight: 400;
  font-size: 13px;
  color: #1d252d;
}
body.is-dark .admin-orders-history .mobile-histories-table .cards-content .card .card-bottom-footer-one-line .value {
  color: #cecece;
}
.admin-orders-history .mobile-histories-table .cards-content .card .card-bottom-footer-one-line .value {
  overflow-wrap: break-word;
  hyphens: auto;
}
.admin-orders-history .mobile-histories-table .cards-content .card .stock {
  margin-bottom: 10px;
}
.admin-orders-history .mobile-histories-table .cards-content .card .m-b-16 {
  margin-bottom: 16px;
}
.admin-orders-history .mobile-histories-table .pagination-container {
  width: 100%;
  display: flex;
  justify-content: center;
}
.admin-orders-history .table-wrapper {
  display: contents;
  border-radius: 8px;
  padding: 20px;
}
.admin-orders-history .table-wrapper .text-center-outer {
  min-height: 400px;
  display: table;
  width: 100%;
  text-align: center;
}
.admin-orders-history .table-wrapper .text-center-outer .inner {
  display: table-cell;
  vertical-align: middle;
}
.admin-orders-history .table-wrapper .text-center-outer .inner svg {
  margin-bottom: 24px;
}
.admin-orders-history .table-wrapper .text-center-outer .inner h3 {
  font-weight: 700;
  font-size: 17px;
}

.employee-redemption-history {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  gap: 24px;
  position: absolute;
  width: 100%;
}
.employee-redemption-history .align-center {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 75vh;
}
.employee-redemption-history .confirm-receiving {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #FFFFFF;
  background: #4F008C;
}
body.is-dark .employee-redemption-history .confirm-receiving {
  background: #797BF2;
}
.employee-redemption-history .history-conetnt {
  width: 80%;
  margin: 88px 7%;
}
.employee-redemption-history .history-conetnt .search {
  margin: 20px 0px 20px 0px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px;
  gap: 8px;
  width: 250px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #EDEDED;
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
}
body.is-dark .employee-redemption-history .history-conetnt .search {
  background: #28282B;
  border: 1px solid #232323;
  border-radius: 4px;
  color: #A2A5B9;
}
.employee-redemption-history .history-conetnt .search input {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #A2A5B9;
}
body.is-dark .employee-redemption-history .history-conetnt .search input {
  color: #A2A5B9;
}
.employee-redemption-history .history-conetnt .search input:valid {
  color: #1D252D;
}
body.is-dark .employee-redemption-history .history-conetnt .search input:valid {
  color: #CECECE;
}
.employee-redemption-history .history-conetnt .search svg path {
  stroke: #A2A5B9;
}
body.is-dark .employee-redemption-history .history-conetnt .search svg path {
  stroke: #A2A5B9;
}
.employee-redemption-history .history-conetnt .search:hover {
  background: #F9F9F9;
  border: 1px solid #EDEDED;
}
body.is-dark .employee-redemption-history .history-conetnt .search:hover {
  background: #323236;
  border: 1px solid #232323;
}
.employee-redemption-history .history-conetnt .search:active {
  background: #FFFFFF;
  border: 1px solid #EDEDED;
}
body.is-dark .employee-redemption-history .history-conetnt .search:active {
  background: #28282B;
  border: 1px solid #232323;
}
.employee-redemption-history .history-conetnt .table-content .item-row {
  display: flex;
  flex-direction: row;
  gap: 24px;
  box-sizing: border-box;
  padding: 16px 24px;
  width: 100%;
  height: 96px;
  background: #FFFFFF;
  align-items: center;
  border-bottom: 1px solid #DBDBDB;
}
body.is-dark .employee-redemption-history .history-conetnt .table-content .item-row {
  background: #28282B;
  border-bottom: 1px solid #2D2D31;
}
.employee-redemption-history .history-conetnt .table-content .item-row .store-image-column {
  display: inline-block;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  width: 64px;
  height: 64px;
}
.employee-redemption-history .history-conetnt .table-content .item-row .store-image-column img {
  width: 64px;
  height: 64px;
  border-radius: 4px;
}
body.is-dark .employee-redemption-history .history-conetnt .table-content .item-row .store-image-column {
  background: #F9F9F9;
}
.employee-redemption-history .history-conetnt .table-content .item-row .data {
  width: 65%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.employee-redemption-history .history-conetnt .table-content .item-row .data .data-type {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.employee-redemption-history .history-conetnt .table-content .item-row .data .data-type p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #575767;
}
body.is-dark .employee-redemption-history .history-conetnt .table-content .item-row .data .data-type p {
  color: #CECECE;
}
.employee-redemption-history .history-conetnt .table-content .item-row .data .data-type h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .employee-redemption-history .history-conetnt .table-content .item-row .data .data-type h3 {
  color: #CECECE;
}
.employee-redemption-history .history-conetnt .empty-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 24px;
}
.employee-redemption-history .history-conetnt .empty-row svg path {
  fill: #BABABA;
}
.employee-redemption-history .history-conetnt .empty-row h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  text-align: center;
  color: #1D252D;
}
body.is-dark .employee-redemption-history .history-conetnt .empty-row h2 {
  color: #CECECE;
}
.employee-redemption-history .history-conetnt .empty-row p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #575767;
}
body.is-dark .employee-redemption-history .history-conetnt .empty-row p {
  color: #CECECE;
}
.employee-redemption-history .history-conetnt-mobile {
  width: 100%;
  margin: 64px 5% 5%;
  overflow-y: scroll;
  display: flex;
}
.employee-redemption-history .history-conetnt-mobile .all-content-mobile {
  width: 100vw;
}
.employee-redemption-history .history-conetnt-mobile .align-center {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 75vh;
  width: 100vw;
}
.employee-redemption-history .history-conetnt-mobile .search {
  margin: 20px 0px 20px 0px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px;
  gap: 8px;
  width: 100%;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #EDEDED;
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
}
body.is-dark .employee-redemption-history .history-conetnt-mobile .search {
  background: #28282B;
  border: 1px solid #232323;
  border-radius: 4px;
  color: #A2A5B9;
}
.employee-redemption-history .history-conetnt-mobile .search input {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #A2A5B9;
}
body.is-dark .employee-redemption-history .history-conetnt-mobile .search input {
  color: #A2A5B9;
}
.employee-redemption-history .history-conetnt-mobile .search input:valid {
  color: #1D252D;
}
body.is-dark .employee-redemption-history .history-conetnt-mobile .search input:valid {
  color: #CECECE;
}
.employee-redemption-history .history-conetnt-mobile .search svg path {
  stroke: #A2A5B9;
}
body.is-dark .employee-redemption-history .history-conetnt-mobile .search svg path {
  stroke: #A2A5B9;
}
.employee-redemption-history .history-conetnt-mobile .search:hover {
  background: #F9F9F9;
  border: 1px solid #EDEDED;
}
body.is-dark .employee-redemption-history .history-conetnt-mobile .search:hover {
  background: #323236;
  border: 1px solid #232323;
}
.employee-redemption-history .history-conetnt-mobile .search:active {
  background: #FFFFFF;
  border: 1px solid #EDEDED;
}
body.is-dark .employee-redemption-history .history-conetnt-mobile .search:active {
  background: #28282B;
  border: 1px solid #232323;
}
.employee-redemption-history .history-conetnt-mobile .cards {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  overflow-y: scroll;
}
.employee-redemption-history .history-conetnt-mobile .cards .history-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 20px;
  gap: 16px;
  width: 100%;
  border-radius: 8px;
  background: #FFFFFF;
}
body.is-dark .employee-redemption-history .history-conetnt-mobile .cards .history-card {
  background: #28282B;
}
.employee-redemption-history .history-conetnt-mobile .cards .history-card .store-image-column {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  width: 64px;
  height: 64px;
  background: #F9F9F9;
  border-radius: 4px;
  margin-top: 20px;
}
.employee-redemption-history .history-conetnt-mobile .cards .history-card .store-image-column img {
  width: 64px;
  height: 64px;
  border-radius: 4px;
}
body.is-dark .employee-redemption-history .history-conetnt-mobile .cards .history-card .store-image-column {
  background: #F9F9F9;
}
.employee-redemption-history .history-conetnt-mobile .cards .history-card h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #1D252D;
}
body.is-dark .employee-redemption-history .history-conetnt-mobile .cards .history-card h2 {
  color: #CECECE;
}
.employee-redemption-history .history-conetnt-mobile .cards .history-card hr {
  width: 100%;
  height: 0px;
  margin: 0px;
  border: 1px solid #EDEDED;
}
body.is-dark .employee-redemption-history .history-conetnt-mobile .cards .history-card hr {
  border: 1px solid #232323;
}
.employee-redemption-history .history-conetnt-mobile .cards .history-card .data {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0px;
  margin-bottom: 20px;
  gap: 16px;
}
.employee-redemption-history .history-conetnt-mobile .cards .history-card .data .data-type p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #575767;
}
body.is-dark .employee-redemption-history .history-conetnt-mobile .cards .history-card .data .data-type p {
  color: #CECECE;
}
.employee-redemption-history .history-conetnt-mobile .cards .history-card .data .data-type h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .employee-redemption-history .history-conetnt-mobile .cards .history-card .data .data-type h3 {
  color: #CECECE;
}
.employee-redemption-history .history-conetnt-mobile .cards .history-card .data .data-type .date-format {
  direction: ltr;
}
.employee-redemption-history .history-conetnt-mobile .empty-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 24px;
}
.employee-redemption-history .history-conetnt-mobile .empty-row svg path {
  fill: #BABABA;
}
.employee-redemption-history .history-conetnt-mobile .empty-row h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  text-align: center;
  color: #1D252D;
}
body.is-dark .employee-redemption-history .history-conetnt-mobile .empty-row h2 {
  color: #CECECE;
}
.employee-redemption-history .history-conetnt-mobile .empty-row p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #575767;
}
body.is-dark .employee-redemption-history .history-conetnt-mobile .empty-row p {
  color: #CECECE;
}

.admin-sadarah-activities .header-wrapper, .admin-sadarah-activities .page-content {
  padding: 0 !important;
}
.admin-sadarah-activities .header-wrapper.mobile, .admin-sadarah-activities .page-content.mobile {
  padding: 0 20px !important;
}
.admin-sadarah-activities .admin-sadarah-activities-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.admin-sadarah-activities .admin-sadarah-activities-content .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.admin-sadarah-activities .admin-sadarah-activities-content .header h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  color: #1D252D;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content .header h3 {
  color: #CECECE;
}
.admin-sadarah-activities .admin-sadarah-activities-content .header .add-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  background: #4f008c;
  border-radius: 4px;
  cursor: pointer;
}
.admin-sadarah-activities .admin-sadarah-activities-content .header .add-button span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content .header .add-button {
  background: #797bf2;
}
.admin-sadarah-activities .admin-sadarah-activities-content .header .add-button:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content .header .add-button:hover {
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: #fff;
  padding: 20px;
  background: #ffffff;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
  border-radius: 8px;
  margin-bottom: 20px;
  width: 23.75%;
  overflow: hidden;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card {
  background: #28282b;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .header h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .header h3 {
  color: #CECECE;
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .header .actions {
  margin: 0 -0.875rem !important;
  order: 3;
  align-self: flex-start;
}
body.is-rtl .admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .header .actions {
  margin-left: 0;
  margin-right: auto;
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .header .actions svg path {
  stroke: #1d252d;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .header .actions svg path {
  stroke: #a2a5b9;
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .header .actions .side-dropdown {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  border-radius: 8px;
  background: #f9f9f9;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .header .actions .side-dropdown {
  background: #323236;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .header .actions .side-dropdown .side-dropdown-item {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 20px;
  gap: 8px;
  width: 152px;
  height: 38px;
  border-radius: 4px;
  background: #f9f9f9;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .header .actions .side-dropdown .side-dropdown-item {
  background: #323236;
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .header .actions .side-dropdown .side-dropdown-item svg .svg-part1 {
  stroke: #28282b;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .header .actions .side-dropdown .side-dropdown-item svg .svg-part1 {
  stroke: #a2a5b9;
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .header .actions .side-dropdown .side-dropdown-item svg .svg-part2 {
  stroke: #1d252d;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .header .actions .side-dropdown .side-dropdown-item svg .svg-part2 {
  stroke: #a2a5b9;
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .header .actions .side-dropdown .side-dropdown-item p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #28282b;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .header .actions .side-dropdown .side-dropdown-item p {
  color: #a2a5b9;
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .description {
  height: 42px;
  overflow: hidden;
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .description p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #575767;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .description p {
  color: #CECECE;
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .status {
  display: flex;
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .status .store-status-column {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 1.56rem;
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .status .published {
  padding: 2px 8px;
  border-radius: 18.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .status .published {
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .status .unpublished {
  padding: 2px 8px;
  border-radius: 18.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #1d252d;
  background: #f2f2f2;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .status .unpublished {
  color: #cecece;
  background: #252529;
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .line {
  margin: 8px 0;
  height: 1px;
  background-color: #ededed;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .line {
  background-color: #232323;
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .card-bottom-footer {
  display: flex;
  justify-content: space-between;
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .card-bottom-footer .title {
  font-weight: 400;
  font-size: 11px;
  color: #575767;
  margin-bottom: 4px;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .card-bottom-footer .title {
  color: #cecece;
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .card-bottom-footer .value {
  font-weight: 400;
  font-size: 13px;
  color: #1d252d;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .card-bottom-footer .value {
  color: #cecece;
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .more {
  width: 100%;
  display: flex;
  gap: 12px;
  justify-content: flex-start;
  cursor: pointer;
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .more p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #4F008C;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .more p {
  color: #797BF2;
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .more svg path {
  stroke: #4F008C;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content .cards-content .card .more svg path {
  stroke: #797BF2;
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .right-dropdown .dropdown-menu {
  right: -225px;
}
.admin-sadarah-activities .admin-sadarah-activities-content .cards-content .right-dropdown svg {
  transform: scale(-1, 1);
}
.admin-sadarah-activities .admin-sadarah-activities-content .pagination-container {
  width: 100%;
  display: flex;
  justify-content: center;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 24px;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .header h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  color: #1D252D;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content-mobile .header h3 {
  color: #CECECE;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .header .add-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  background: #4f008c;
  border-radius: 4px;
  cursor: pointer;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .header .add-button span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content-mobile .header .add-button {
  background: #797bf2;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .header .add-button:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content-mobile .header .add-button:hover {
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: #fff;
  padding: 20px;
  background: #ffffff;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
  border-radius: 8px;
  margin-bottom: 20px;
  width: 100%;
  overflow: hidden;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card {
  background: #28282b;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .header h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .header h3 {
  color: #CECECE;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .header .actions {
  margin-left: auto;
  order: 3;
  align-self: flex-start;
}
body.is-rtl .admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .header .actions {
  margin-left: 0;
  margin-right: auto;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .header .actions svg path {
  stroke: #1d252d;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .header .actions svg path {
  stroke: #a2a5b9;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .header .actions .side-dropdown {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  border-radius: 8px;
  background: #f9f9f9;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .header .actions .side-dropdown {
  background: #323236;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .header .actions .side-dropdown .side-dropdown-item {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 20px;
  gap: 8px;
  width: 152px;
  height: 38px;
  border-radius: 4px;
  background: #f9f9f9;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .header .actions .side-dropdown .side-dropdown-item {
  background: #323236;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .header .actions .side-dropdown .side-dropdown-item svg .svg-part1 {
  stroke: #28282b;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .header .actions .side-dropdown .side-dropdown-item svg .svg-part1 {
  stroke: #a2a5b9;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .header .actions .side-dropdown .side-dropdown-item svg .svg-part2 {
  stroke: #1d252d;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .header .actions .side-dropdown .side-dropdown-item svg .svg-part2 {
  stroke: #a2a5b9;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .header .actions .side-dropdown .side-dropdown-item p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #28282b;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .header .actions .side-dropdown .side-dropdown-item p {
  color: #a2a5b9;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .description p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #575767;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .description p {
  color: #CECECE;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .status .store-status-column {
  display: inline-block;
  width: 112px;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .status .published {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  gap: 10px;
  height: 37px;
  border-radius: 18.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .status .published {
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .status .unpublished {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  gap: 10px;
  height: 37px;
  border-radius: 18.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #1d252d;
  background: #f2f2f2;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .status .unpublished {
  color: #cecece;
  background: #252529;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .line {
  margin-top: 16px;
  margin-bottom: 16px;
  height: 1px;
  background-color: #ededed;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .line {
  background-color: #232323;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .card-bottom-footer {
  display: flex;
  justify-content: space-between;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .card-bottom-footer .title {
  font-weight: 400;
  font-size: 11px;
  color: #575767;
  margin-bottom: 4px;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .card-bottom-footer .title {
  color: #cecece;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .card-bottom-footer .value {
  font-weight: 400;
  font-size: 13px;
  color: #1d252d;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .card-bottom-footer .value {
  color: #cecece;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .more {
  width: 100%;
  display: flex;
  gap: 12px;
  justify-content: flex-start;
  cursor: pointer;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .more p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #4F008C;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .more p {
  color: #797BF2;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .more svg path {
  stroke: #4F008C;
}
body.is-dark .admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .card .more svg path {
  stroke: #797BF2;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .right-dropdown .dropdown-menu {
  right: -225px;
}
.admin-sadarah-activities .admin-sadarah-activities-content-mobile .cards-content .right-dropdown svg {
  transform: scale(-1, 1);
}
.admin-sadarah-activities .has-no-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  height: 100%;
  width: 100%;
  margin-top: 10%;
}
.admin-sadarah-activities .has-no-content svg {
  margin-bottom: 25.9px;
}
.admin-sadarah-activities .has-no-content svg path {
  fill: #BABABA;
}
body.is-dark .admin-sadarah-activities .has-no-content svg path {
  fill: #BABABA;
}
.admin-sadarah-activities .has-no-content h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 4px;
  color: #1D252D;
}
body.is-dark .admin-sadarah-activities .has-no-content h2 {
  color: #CECECE;
}
.admin-sadarah-activities .has-no-content p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #575767;
}
body.is-dark .admin-sadarah-activities .has-no-content p {
  color: #CECECE;
}
.admin-sadarah-activities .publishToggle path {
  fill: #1D252D;
}
body.is-dark .admin-sadarah-activities .publishToggle path {
  color: #CECECE;
}

.admin-activity-info-modal .modalBody {
  width: 100%;
}
.admin-activity-info-modal .modalBody .row {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.admin-activity-info-modal .modalBody .row .column {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.admin-activity-info-modal .modalBody .row .column .key {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #575767;
}
body.is-dark .admin-activity-info-modal .modalBody .row .column .key {
  color: #CECECE;
}
.admin-activity-info-modal .modalBody .row .column .value {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .admin-activity-info-modal .modalBody .row .column .value {
  color: #CECECE;
}

.admin-create-success-story {
  display: flex;
  justify-content: center;
}
.admin-create-success-story .form-container {
  width: 50%;
  padding: 24px;
  margin-top: 108px;
  margin-bottom: 77px;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .admin-create-success-story .form-container {
  background: #28282B;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.admin-create-success-story .form-container .header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.admin-create-success-story .form-container .header h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  color: #1D252D;
}
body.is-dark .admin-create-success-story .form-container .header h2 {
  color: #CECECE;
}
.admin-create-success-story .form-container .header p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .admin-create-success-story .form-container .header p {
  color: #CECECE;
}
.admin-create-success-story .form-container .header button {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  height: 40px;
  gap: 8px;
  border-radius: 4px;
  color: #1D252D;
  background: #F9F9F9;
}
body.is-dark .admin-create-success-story .form-container .header button {
  color: #A2A5B9;
  background: #323236;
}
.admin-create-success-story .form-container .header button:hover {
  background: #DBDBDB;
}
body.is-dark .admin-create-success-story .form-container .header button:hover {
  border: 1px solid #797BF2;
  color: #797BF2;
}
.admin-create-success-story .form-container .separator {
  width: 100%;
  margin: 24px 0;
  height: 0px;
  border: 1px solid #EDEDED;
}
body.is-dark .admin-create-success-story .form-container .separator {
  border: 1px solid #232323;
}
.admin-create-success-story .form-container .form input, .admin-create-success-story .form-container .form select, .admin-create-success-story .form-container .form textarea {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .admin-create-success-story .form-container .form input, body.is-dark .admin-create-success-story .form-container .form select, body.is-dark .admin-create-success-story .form-container .form textarea {
  color: #CECECE;
  background: #323236;
}
.admin-create-success-story .form-container .form .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.admin-create-success-story .form-container .form .row .extra-task {
  display: flex;
  gap: 10px;
}
.admin-create-success-story .form-container .form .row .extra-task .switch input[type=checkbox]:checked + .check {
  background: #4f008c !important;
}
body.is-dark .admin-create-success-story .form-container .form .row .extra-task .switch input[type=checkbox]:checked + .check {
  background: #797bf2 !important;
}
body.is-rtl .admin-create-success-story .form-container .form .row .extra-task .switch input[type=checkbox]:checked + .check:before {
  transform: translate3d(-100%, 0, 0);
}
.admin-create-success-story .form-container .form .row .extra-task .switch .check {
  background: #8d8fa1 !important;
}
body.is-dark .admin-create-success-story .form-container .form .row .extra-task .switch .check {
  background: #363659 !important;
}
.admin-create-success-story .form-container .form .row .extra-task .extra-task-label {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .admin-create-success-story .form-container .form .row .extra-task .extra-task-label {
  color: #cecece;
}
.admin-create-success-story .form-container .form .row .form-input-group {
  margin-bottom: 24px;
  width: 100%;
}
.admin-create-success-story .form-container .form .row .form-input-group label {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .admin-create-success-story .form-container .form .row .form-input-group label {
  color: #CECECE;
}
.admin-create-success-story .form-container .form .row .form-input-group label.pale {
  font-weight: 400;
}
.admin-create-success-story .form-container .form .row.attachements {
  flex-direction: column;
  align-items: flex-start;
}
.admin-create-success-story .form-container .form .row.attachements h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #1D252D;
}
body.is-dark .admin-create-success-story .form-container .form .row.attachements h2 {
  color: #CECECE;
}
.admin-create-success-story .form-container .form .row.attachements .attachements-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  margin-bottom: 8px;
}
.admin-create-success-story .form-container .form .row.attachements .attachements-list .item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  gap: 16px;
  border-radius: 8px;
  width: 100%;
  height: 37px;
  background: #F9F9F9;
}
body.is-dark .admin-create-success-story .form-container .form .row.attachements .attachements-list .item {
  background: #323236;
}
.admin-create-success-story .form-container .form .row.attachements .attachements-list .item .left {
  display: flex;
  align-items: center;
  gap: 6px;
}
.admin-create-success-story .form-container .form .row.attachements .attachements-list .item .left svg path {
  stroke: #1D252D;
}
body.is-dark .admin-create-success-story .form-container .form .row.attachements .attachements-list .item .left svg path {
  stroke: #CECECE;
}
.admin-create-success-story .form-container .form .row.attachements .attachements-list .item .left p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .admin-create-success-story .form-container .form .row.attachements .attachements-list .item .left p {
  color: #CECECE;
}
.admin-create-success-story .form-container .form .row.attachements .attachements-list .item .right svg {
  cursor: pointer;
}
.admin-create-success-story .form-container .form .row.attachements .attachements-list .item .right {
  display: flex;
  align-items: center;
  gap: 22px;
}
.admin-create-success-story .form-container .form .row.attachements .attachements-list .item .right .eye path {
  stroke: #4F008C;
}
body.is-dark .admin-create-success-story .form-container .form .row.attachements .attachements-list .item .right .eye path {
  stroke: #797BF2;
}
.admin-create-success-story .form-container .form .row.attachements .attachements-list .item .right .trash path {
  stroke: #FF375E;
}
body.is-dark .admin-create-success-story .form-container .form .row.attachements .attachements-list .item .right .trash path {
  stroke: #FF375E;
}
.admin-create-success-story .form-container .actions {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: flex-end;
  margin-top: 32px;
}
.admin-create-success-story .form-container .actions.ar {
  justify-content: flex-start;
}
.admin-create-success-story .form-container .actions .save {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  background: #4f008c;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
}
body.is-dark .admin-create-success-story .form-container .actions .save {
  background: #797bf2;
}
.admin-create-success-story .form-container .actions .save:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .admin-create-success-story .form-container .actions .save:hover {
  background: #797bf2 !important;
  color: #ffffff !important;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.admin-create-success-story .form-container .actions .save-mark {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  border: 1px solid #4f008c;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #4f008c;
}
body.is-dark .admin-create-success-story .form-container .actions .save-mark {
  color: #797bf2;
  border: 1px solid #797bf2;
  background: #28282b;
}
.admin-create-success-story .form-container .actions .save-mark:hover {
  background: #4f008c;
  color: #ffffff;
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .admin-create-success-story .form-container .actions .save-mark:hover {
  background: #797bf2;
  color: #ffffff;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.admin-create-success-story .booking-service-form-container {
  width: 50%;
  padding: 24px;
  margin-top: 108px;
  margin-bottom: 77px;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .admin-create-success-story .booking-service-form-container {
  background: #28282B;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.admin-create-success-story .booking-service-form-container .form .mt {
  margin-top: 8px;
}
.admin-create-success-story .booking-service-form-container .form .mt4 {
  margin-top: 4px;
}
.admin-create-success-story .booking-service-form-container .form .mt24 {
  margin-top: 24px;
}
.admin-create-success-story .booking-service-form-container .form .mt-minus {
  margin-top: -12px;
}
.admin-create-success-story .booking-service-form-container .form input, .admin-create-success-story .booking-service-form-container .form select, .admin-create-success-story .booking-service-form-container .form textarea {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .admin-create-success-story .booking-service-form-container .form input, body.is-dark .admin-create-success-story .booking-service-form-container .form select, body.is-dark .admin-create-success-story .booking-service-form-container .form textarea {
  color: #CECECE;
  background: #323236;
}
.admin-create-success-story .booking-service-form-container .form .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.admin-create-success-story .booking-service-form-container .form .row.mh-12 {
  margin: 0px 12px;
}
.admin-create-success-story .booking-service-form-container .form .row .extra-task {
  display: flex;
  gap: 10px;
}
.admin-create-success-story .booking-service-form-container .form .row .extra-task .switch input[type=checkbox]:checked + .check {
  background: #4f008c !important;
}
body.is-dark .admin-create-success-story .booking-service-form-container .form .row .extra-task .switch input[type=checkbox]:checked + .check {
  background: #797bf2 !important;
}
body.is-rtl .admin-create-success-story .booking-service-form-container .form .row .extra-task .switch input[type=checkbox]:checked + .check:before {
  transform: translate3d(-100%, 0, 0);
}
.admin-create-success-story .booking-service-form-container .form .row .extra-task .switch .check {
  background: #8d8fa1 !important;
}
body.is-dark .admin-create-success-story .booking-service-form-container .form .row .extra-task .switch .check {
  background: #363659 !important;
}
.admin-create-success-story .booking-service-form-container .form .row .extra-task .extra-task-label {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .admin-create-success-story .booking-service-form-container .form .row .extra-task .extra-task-label {
  color: #cecece;
}
.admin-create-success-story .booking-service-form-container .form .row .form-input-group {
  width: 100%;
}
.admin-create-success-story .booking-service-form-container .form .row .form-input-group label {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .admin-create-success-story .booking-service-form-container .form .row .form-input-group label {
  color: #CECECE;
}
.admin-create-success-story .booking-service-form-container .form .row .form-input-group label.pale {
  font-weight: 400;
}
.admin-create-success-story .booking-service-form-container .form .row .form-input-group-column {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.admin-create-success-story .booking-service-form-container .form .row .form-input-group-column.en {
  padding: 0 18px 0 0px;
}
.admin-create-success-story .booking-service-form-container .form .row .form-input-group-column.ar {
  padding: 0 0px 0 18px;
}
.admin-create-success-story .booking-service-form-container .form .row .form-input-group-column label {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .admin-create-success-story .booking-service-form-container .form .row .form-input-group-column label {
  color: #CECECE;
}
.admin-create-success-story .booking-service-form-container .form .row .form-input-group-column label.pale {
  font-weight: 400;
}
.admin-create-success-story .booking-service-form-container .form .row .form-input-group-column .dropdown-menu-animation .dropdown-trigger {
  display: flex;
  justify-content: space-between;
  border-radius: 5px;
  padding: 8px;
  width: 100%;
  height: 36px !important;
  border: 1px solid #ccc;
}
.admin-create-success-story .booking-service-form-container .form .row .date-field-group {
  width: 100%;
}
.admin-create-success-story .booking-service-form-container .form .row .date-field-group .date-field {
  width: 100%;
}
.admin-create-success-story .booking-service-form-container .form .column {
  flex-direction: column;
}
.admin-create-success-story .booking-service-form-container .form .column .form-input-group .field {
  margin-top: 8px;
}
.admin-create-success-story .booking-service-form-container .form .column .form-input-group.ar .field {
  margin-left: 20px;
}
.admin-create-success-story .booking-service-form-container .form .column .form-input-group.en .field {
  margin-right: 20px;
}
.admin-create-success-story .booking-service-form-container .actions {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: flex-end;
  margin-top: 32px;
}
.admin-create-success-story .booking-service-form-container .actions.mh-8 {
  margin-right: 8px;
  margin-left: 8px;
}
.admin-create-success-story .booking-service-form-container .actions.ar {
  justify-content: flex-start;
}
.admin-create-success-story .booking-service-form-container .actions .save {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  background: #4f008c;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
}
body.is-dark .admin-create-success-story .booking-service-form-container .actions .save {
  background: #797bf2;
}
.admin-create-success-story .booking-service-form-container .actions .save:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .admin-create-success-story .booking-service-form-container .actions .save:hover {
  background: #797bf2 !important;
  color: #ffffff !important;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.admin-create-success-story.create-todo .form-header {
  padding: 12px 0px;
  border-bottom: 1px solid #e5e5e5;
  transition: all 0.3s;
}
body.is-dark .admin-create-success-story.create-todo .form-header {
  border-bottom: 1px solid #404046;
}
.admin-create-success-story.create-todo .form-header .form-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.admin-create-success-story.create-todo .form-header .form-header-inner .left h3 {
  font-family: "STC Forward", sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1d252d;
}
body.is-dark .admin-create-success-story.create-todo .form-header .form-header-inner .left h3 {
  color: #cecece;
}
.admin-create-success-story.create-todo .form-header .form-header-inner .right {
  color: #1d252d;
}
body.is-dark .admin-create-success-story.create-todo .form-header .form-header-inner .right {
  color: #cecece;
}
.admin-create-success-story.create-todo .form-header .form-header-inner .right .buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.admin-create-success-story.create-todo .row .svg-importance .cls-1 {
  fill: #4f008c;
}
.admin-create-success-story.create-todo .row .svg-importance .cls-1, .admin-create-success-story.create-todo .row .svg-importance .cls-2, .admin-create-success-story.create-todo .row .svg-importance .cls-3 {
  stroke-width: 0px;
}
.admin-create-success-story.create-todo .row .svg-importance .cls-2 {
  fill: #ff375e;
}
.admin-create-success-story.create-todo .row .svg-importance .cls-3 {
  fill: #f7f0ff;
}
.admin-create-success-story.create-todo .row .svg-title .cls-1 {
  fill: #4f008c;
}
.admin-create-success-story.create-todo .row .svg-title .cls-1, .admin-create-success-story.create-todo .row .svg-title .cls-2, .admin-create-success-story.create-todo .row .svg-title .cls-3 {
  stroke-width: 0px;
}
.admin-create-success-story.create-todo .row .svg-title .cls-2 {
  fill: #f4f4f4;
}
.admin-create-success-story.create-todo .row .svg-title .cls-3 {
  fill: #fff;
}
.admin-create-success-story.create-todo .row .svg-description .cls-1 {
  fill: #4f008c;
}
.admin-create-success-story.create-todo .row .svg-description .cls-1, .admin-create-success-story.create-todo .row .svg-description .cls-2, .admin-create-success-story.create-todo .row .svg-description .cls-3 {
  stroke-width: 0px;
}
.admin-create-success-story.create-todo .row .svg-description .cls-2 {
  fill: #ff375e;
}
.admin-create-success-story.create-todo .row .svg-description .cls-3 {
  fill: #fff;
}
.admin-create-success-story.create-todo .row .svg-note .cls-1 {
  fill: #4f008c;
}
.admin-create-success-story.create-todo .row .svg-note .cls-1, .admin-create-success-story.create-todo .row .svg-note .cls-2, .admin-create-success-story.create-todo .row .svg-note .cls-3 {
  stroke-width: 0px;
}
.admin-create-success-story.create-todo .row .svg-note .cls-2 {
  fill: #ff375e;
}
.admin-create-success-story.create-todo .row .svg-note .cls-3 {
  fill: #fff;
}
.admin-create-success-story.create-todo .row .svg-attachements .cls-1 {
  fill: #ea3f54;
  stroke-width: 0px;
}
.admin-create-success-story.create-todo .row .svg-estimation .cls-1 {
  fill: #ff375e;
}
.admin-create-success-story.create-todo .row .svg-estimation .cls-1, .admin-create-success-story.create-todo .row .svg-estimation .cls-2, .admin-create-success-story.create-todo .row .svg-estimation .cls-3, .admin-create-success-story.create-todo .row .svg-estimation .cls-4 {
  stroke-width: 0px;
}
.admin-create-success-story.create-todo .row .svg-estimation .cls-2 {
  fill: #4f008c;
}
.admin-create-success-story.create-todo .row .svg-estimation .cls-3 {
  fill: #ffdd40;
}
.admin-create-success-story.create-todo .row .svg-estimation .cls-4 {
  fill: #fff;
}
.admin-create-success-story.create-todo .row .svg-assignees .cls-1 {
  fill: #4f008c;
}
.admin-create-success-story.create-todo .row .svg-assignees .cls-1, .admin-create-success-story.create-todo .row .svg-assignees .cls-2, .admin-create-success-story.create-todo .row .svg-assignees .cls-3 {
  stroke-width: 0px;
}
.admin-create-success-story.create-todo .row .svg-assignees .cls-2 {
  fill: #f4f4f4;
}
.admin-create-success-story.create-todo .row .svg-assignees .cls-3 {
  fill: #fff;
}
.admin-create-success-story.create-todo .row .svg-add-assignees .cls-1 {
  fill: #4f008c;
}
.admin-create-success-story.create-todo .row .svg-add-assignees .cls-1, .admin-create-success-story.create-todo .row .svg-add-assignees .cls-2, .admin-create-success-story.create-todo .row .svg-add-assignees .cls-3 {
  stroke-width: 0px;
}
.admin-create-success-story.create-todo .row .svg-add-assignees .cls-2 {
  fill: #f4f4f4;
}
.admin-create-success-story.create-todo .row .svg-add-assignees .cls-3 {
  fill: #fff;
}
.admin-create-success-story.create-todo .row .assign-button {
  flex-direction: row;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  background: transparent;
  color: #4F008C;
  border: 1px solid #4F008C;
  border-radius: 7px;
}
body.is-dark .admin-create-success-story.create-todo .row .assign-button {
  color: #CECECE;
  border: 1px solid #797BF2;
}
.admin-create-success-story.create-todo .row .assign-button:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
  background: #4f008c;
  color: #ffffff;
}
body.is-dark .admin-create-success-story.create-todo .row .assign-button:hover {
  background: #797bf2;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.admin-create-success-story.create-todo .row .assignees-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin-top: 12px;
  border-top: 1px solid #dedede;
  padding-top: 24px;
}
body.is-dark .admin-create-success-story.create-todo .row .assignees-list {
  border-radius: 1px #CECECE;
}
.admin-create-success-story.create-todo .row .column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 12px;
}
.admin-create-success-story.create-todo .row .column.center {
  cursor: pointer;
  align-items: normal !important;
}
.admin-create-success-story.create-todo .row .column .separator {
  width: 100%;
  padding-bottom: 20px;
  margin-top: -24px;
  margin-bottom: 12px;
  border-bottom: 1px solid rgb(229, 229, 229);
}
body.is-dark .admin-create-success-story.create-todo .row .column .separator {
  border-bottom: 1px solid #1d252d;
}
.admin-create-success-story.create-todo .row .mission-create-label {
  font-family: STC Forward, sans-serif;
  font-weight: 500;
  font-size: 0.9rem;
  color: #1d252d !important;
}
body.is-dark .admin-create-success-story.create-todo .row .mission-create-label {
  color: #cecece !important;
}
.admin-create-success-story.create-todo .row .select, .admin-create-success-story.create-todo .row select {
  width: 100%;
}
.admin-create-success-story.create-todo .row.inside {
  justify-content: stretch;
  width: 100%;
}
.admin-create-success-story.create-todo .assignee-member-card {
  display: flex;
  justify-content: space-around;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #EDEDED;
}
body.is-dark .admin-create-success-story.create-todo .assignee-member-card {
  border-bottom: 1px solid #232323;
}
.admin-create-success-story.create-todo .assignee-member-card .people-item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.admin-create-success-story.create-todo .assignee-member-card .people-item .meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.admin-create-success-story.create-todo .assignee-member-card .people-item .meta .dark-inverted {
  font-size: 13px;
  font-weight: 500;
}
.admin-create-success-story.create-todo .assignee-member-card .options {
  display: flex;
}
.admin-create-success-story.create-todo .assignee-member-card .options .remove-assignee {
  cursor: pointer;
}
.admin-create-success-story.create-todo .assignee-member-card .options .remove-assignee rect {
  fill: #4F008C;
}
body.is-dark .admin-create-success-story.create-todo .assignee-member-card .options .remove-assignee rect {
  fill: #797BF2;
}

.admin-create-success-story-mobile .form-container {
  width: 100%;
  padding: 24px;
  margin-top: 52px;
  margin-bottom: 0px;
}
.admin-create-success-story-mobile .form-container .actions {
  justify-content: start;
}
.admin-create-success-story-mobile .booking-service-form-container {
  width: 100%;
}
.admin-create-success-story-mobile .booking-service-form-container .form .row.mob {
  display: block;
}

.admin-sadarah-create-activity {
  display: flex;
  justify-content: center;
}
.admin-sadarah-create-activity .form-container {
  width: 50%;
  padding: 24px;
  margin-top: 108px;
  margin-bottom: 77px;
}
.admin-sadarah-create-activity .form-container .header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 32px;
}
.admin-sadarah-create-activity .form-container .header h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  color: #1D252D;
}
body.is-dark .admin-sadarah-create-activity .form-container .header h2 {
  color: #CECECE;
}
.admin-sadarah-create-activity .form-container .header .tr-buttons {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.admin-sadarah-create-activity .form-container .header .tr-buttons .lang {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 10px;
  gap: 10px;
  width: 61px;
  height: 35px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #1D252D;
  background: #F2F2F2;
}
body.is-dark .admin-sadarah-create-activity .form-container .header .tr-buttons .lang {
  color: #CECECE;
  background: #252529;
}
.admin-sadarah-create-activity .form-container .header .tr-buttons .lang:hover {
  color: #4F008C;
  background: #F2F2F2;
  border: 1px solid #4F008C;
}
body.is-dark .admin-sadarah-create-activity .form-container .header .tr-buttons .lang:hover {
  color: #797BF2;
  background: #252529;
  border: 1px solid #797BF2;
}
.admin-sadarah-create-activity .form-container .header .tr-buttons .lang.active {
  font-weight: 500;
  color: #4F008C;
  background: #F3E3FF;
}
body.is-dark .admin-sadarah-create-activity .form-container .header .tr-buttons .lang.active {
  color: #797BF2;
  background: #363659;
}
.admin-sadarah-create-activity .form-container .separator {
  width: 100%;
  margin: 8px 0;
  height: 0px;
  border: 1px solid #EDEDED;
}
body.is-dark .admin-sadarah-create-activity .form-container .separator {
  border: 1px solid #232323;
}
.admin-sadarah-create-activity .form-container .form input, .admin-sadarah-create-activity .form-container .form select, .admin-sadarah-create-activity .form-container .form textarea {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .admin-sadarah-create-activity .form-container .form input, body.is-dark .admin-sadarah-create-activity .form-container .form select, body.is-dark .admin-sadarah-create-activity .form-container .form textarea {
  color: #CECECE;
  background: #323236;
}
.admin-sadarah-create-activity .form-container .form .border {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  gap: 16px;
  margin-bottom: 32px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #DBDBDB;
  background: #FFFFFF;
}
body.is-dark .admin-sadarah-create-activity .form-container .form .border {
  border: 1px solid #2D2D31;
  background: #28282B;
}
.admin-sadarah-create-activity .form-container .form .border .row {
  margin-bottom: -16px !important;
}
.admin-sadarah-create-activity .form-container .form .checkbox-border {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  gap: 16px;
  margin-bottom: 32px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #DBDBDB;
  background: #FFFFFF;
}
body.is-dark .admin-sadarah-create-activity .form-container .form .checkbox-border {
  border: 1px solid #2D2D31;
  background: #28282B;
}
.admin-sadarah-create-activity .form-container .form .checkbox-border .row .publish {
  display: flex;
  align-items: center;
  justify-content: center;
}
.admin-sadarah-create-activity .form-container .form .checkbox-border .row .publish .checkbox .check {
  width: 20px;
  height: 20px;
}
.admin-sadarah-create-activity .form-container .form .checkbox-border .row .publish .checkbox input[type=checkbox]:checked + .check {
  background: #4f008c !important;
}
body.is-dark .admin-sadarah-create-activity .form-container .form .checkbox-border .row .publish .checkbox input[type=checkbox]:checked + .check {
  background: #797bf2 !important;
}
body.is-rtl .admin-sadarah-create-activity .form-container .form .checkbox-border .row .publish .checkbox input[type=checkbox]:checked + .check:before {
  transform: translate3d(-100%, 0, 0);
}
.admin-sadarah-create-activity .form-container .form .checkbox-border .row .publish .publish-label {
  margin-left: -8px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .admin-sadarah-create-activity .form-container .form .checkbox-border .row .publish .publish-label {
  color: #cecece;
}
.admin-sadarah-create-activity .form-container .form .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.admin-sadarah-create-activity .form-container .form .row .extra-task {
  display: flex;
  gap: 10px;
}
.admin-sadarah-create-activity .form-container .form .row .extra-task .switch input[type=checkbox]:checked + .check {
  background: #4f008c !important;
}
body.is-dark .admin-sadarah-create-activity .form-container .form .row .extra-task .switch input[type=checkbox]:checked + .check {
  background: #797bf2 !important;
}
body.is-rtl .admin-sadarah-create-activity .form-container .form .row .extra-task .switch input[type=checkbox]:checked + .check:before {
  transform: translate3d(-100%, 0, 0);
}
.admin-sadarah-create-activity .form-container .form .row .extra-task .switch .check {
  background: #8d8fa1 !important;
}
body.is-dark .admin-sadarah-create-activity .form-container .form .row .extra-task .switch .check {
  background: #363659 !important;
}
.admin-sadarah-create-activity .form-container .form .row .extra-task .extra-task-label {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .admin-sadarah-create-activity .form-container .form .row .extra-task .extra-task-label {
  color: #cecece;
}
.admin-sadarah-create-activity .form-container .form .row .form-input-group {
  margin-bottom: 16px;
  width: 100%;
}
.admin-sadarah-create-activity .form-container .form .row .form-input-group label {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #1D252D;
  margin-bottom: 4px;
}
body.is-dark .admin-sadarah-create-activity .form-container .form .row .form-input-group label {
  color: #CECECE;
}
.admin-sadarah-create-activity .form-container .form .row .form-input-group label.pale {
  font-weight: 400;
}
.admin-sadarah-create-activity .form-container .form .row .form-input-group .link-group {
  display: flex;
  gap: 4.75px;
}
.admin-sadarah-create-activity .form-container .form .row .form-input-group .link-group svg path {
  stroke: #1D252D;
}
body.is-dark .admin-sadarah-create-activity .form-container .form .row .form-input-group .link-group svg path {
  stroke: #CECECE;
}
body.is-dark .admin-sadarah-create-activity .form-container .form .row .form-input-group.custom input, body.is-dark .admin-sadarah-create-activity .form-container .form .row .form-input-group.custom textarea {
  background: #28282B;
}
.admin-sadarah-create-activity .form-container .form .row .red-error {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  margin-bottom: 4px;
  color: brown;
}
.admin-sadarah-create-activity .form-container .form .row.ar .form-input-group input, .admin-sadarah-create-activity .form-container .form .row.ar .form-input-group textarea, .admin-sadarah-create-activity .form-container .form .row.ar .form-input-group label {
  direction: rtl;
  float: right;
}
.admin-sadarah-create-activity .form-container .actions {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: flex-end;
  margin-top: 32px;
}
.admin-sadarah-create-activity .form-container .actions .save {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  background: #4f008c;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
}
body.is-dark .admin-sadarah-create-activity .form-container .actions .save {
  background: #797bf2;
}
.admin-sadarah-create-activity .form-container .actions .save:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .admin-sadarah-create-activity .form-container .actions .save:hover {
  background: #797bf2 !important;
  color: #ffffff !important;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.admin-sadarah-create-activity .form-container .actions .save-mark {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  border: 1px solid #4f008c;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #4f008c;
}
body.is-dark .admin-sadarah-create-activity .form-container .actions .save-mark {
  color: #797bf2;
  border: 1px solid #797bf2;
  background: #28282b;
}
.admin-sadarah-create-activity .form-container .actions .save-mark:hover {
  background: #4f008c;
  color: #ffffff;
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .admin-sadarah-create-activity .form-container .actions .save-mark:hover {
  background: #797bf2;
  color: #ffffff;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}

.admin-sadarah-create-activity-mobile .form-container {
  width: 100%;
  padding: 24px;
  margin-top: 52px;
  margin-bottom: 0px;
}
.admin-sadarah-create-activity-mobile .form-container .actions {
  justify-content: start;
}

.sadarah-activities {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sadarah-activities .activity-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  gap: 20px;
  isolation: isolate;
  width: 100%;
  border-radius: 8px;
  background: #F3E3FF;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .sadarah-activities .activity-item {
  background: #363659;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.sadarah-activities .activity-item h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  color: #1D252D;
}
body.is-dark .sadarah-activities .activity-item h2 {
  color: #CECECE;
}
.sadarah-activities .activity-item p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #575767;
}
body.is-dark .sadarah-activities .activity-item p {
  color: #CECECE;
}
.sadarah-activities .separator {
  width: 100%;
  height: 0px;
  margin: 20px 0;
  border: 1px solid #EDEDED;
}
body.is-dark .sadarah-activities .separator {
  border: 1px solid #232323;
}

.sadarah-page-for-dropdown {
  height: 100vh;
  overflow-y: scroll;
}

.topic-feed-item-post .wecare-title-with-edit.rtl .dropdown .dropdown-menu {
  position: absolute;
  top: 30px;
  right: -230px;
  left: 0;
}
.topic-feed-item-post .dropdown-list {
  padding: 20px;
}
.topic-feed-item-post .dropdown-list .side-dropdown-item {
  display: flex;
  gap: 8px;
  cursor: pointer;
}
.topic-feed-item-post .dropdown-list .side-dropdown-item a, .topic-feed-item-post .dropdown-list .side-dropdown-item p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #1D252D;
}
body.is-dark .topic-feed-item-post .dropdown-list .side-dropdown-item a, body.is-dark .topic-feed-item-post .dropdown-list .side-dropdown-item p {
  color: #A2A5B9;
}
.topic-feed-item-post .dropdown-list .side-dropdown-item svg path {
  stroke: #1D252D;
}
body.is-dark .topic-feed-item-post .dropdown-list .side-dropdown-item svg path {
  stroke: #A2A5B9;
}
.topic-feed-item-post .mobile-dropdown-list {
  display: flex;
  flex-direction: column;
  padding: 10px 20px 40px;
  background: #ffffff;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  height: 18vh;
}
.topic-feed-item-post .mobile-dropdown-list .line {
  width: 100px;
  height: 6px;
  background: #f2f2f2;
  margin: 0px auto 30px;
  border-radius: 3px;
}
body.is-dark .topic-feed-item-post .mobile-dropdown-list .line {
  background: #252529;
}
.topic-feed-item-post .topic-content {
  overflow: visible !important;
}

.topic-feed-item-preview {
  overflow: hidden;
}

.sadarah-topic-form .ck-content p {
  color: #1D252D;
}
body.is-dark .sadarah-topic-form .ck-content p {
  color: #CECECE;
}

/*! ######### Start New Styles ########## */
/*! ##### Pages #### */
.admin-surveys-list {
  display: flex;
  flex-direction: column;
}
body.is-dark .admin-surveys-list {
  background: #323236 !important;
}
.admin-surveys-list .surveys-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 24px 178px;
  gap: 24px;
  isolation: isolate;
  width: 100%;
  height: 290px;
}
@media (max-width: 768px) {
  .admin-surveys-list .surveys-header {
    padding: 20px;
  }
}
.admin-surveys-list .surveys-header {
  background: #4f008c;
}
body.is-dark .admin-surveys-list .surveys-header {
  background: #28282b;
}
.admin-surveys-list .surveys-header svg path {
  fill: white;
}
body.is-dark .admin-surveys-list .surveys-header svg path {
  fill: #cecece;
}
.admin-surveys-list .surveys-header svg .svg-rec {
  fill: white;
}
body.is-dark .admin-surveys-list .surveys-header svg .svg-rec {
  fill: #cecece;
}
.admin-surveys-list .surveys-header h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 42px;
  line-height: 51px;
  color: #ffffff;
}
body.is-dark .admin-surveys-list .surveys-header h2 {
  color: #cecece;
}
.admin-surveys-list .surveys-header p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 21px;
  color: #cd8cff;
}
body.is-dark .admin-surveys-list .surveys-header p {
  color: #939394;
}
.admin-surveys-list .admin-surveys-list-web .items-table {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-height: 600px;
  background: #f9f9f9;
  gap: 1.5rem;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table {
  background: #323236;
}
.admin-surveys-list .admin-surveys-list-web .items-table .table-header {
  padding: 1.5rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.5rem;
  border: 1px solid #EDEDED;
  background: #FFF;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .table-header {
  background: #323236;
  border: 1px solid #232323;
}
.admin-surveys-list .admin-surveys-list-web .items-table .table-header .surveys-filter {
  display: flex;
}
.admin-surveys-list .admin-surveys-list-web .items-table .table-header .surveys-filter h3 {
  font-family: "STC Forward";
  font-size: 1.0625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.59375rem;
  color: #1D252D;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .table-header .surveys-filter h3 {
  color: #CECECE;
}
.admin-surveys-list .admin-surveys-list-web .items-table .table-header .surveys-filter p {
  font-family: "STC Forward";
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3125rem;
  color: #575767;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .table-header .surveys-filter p {
  color: #CECECE;
}
.admin-surveys-list .admin-surveys-list-web .items-table .table-header .surveys-filter .select-search {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 200px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  margin: 0 3rem;
}
.admin-surveys-list .admin-surveys-list-web .items-table .table-header .surveys-filter .select-search .select select option {
  color: #1D252D;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .table-header .surveys-filter .select-search .select select option {
  color: #CECECE;
}
.admin-surveys-list .admin-surveys-list-web .items-table .table-header .surveys-filter .select-search .select.is-empty select {
  color: #1D252D;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .table-header .surveys-filter .select-search .select.is-empty select {
  color: #CECECE;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .table-header .surveys-filter .select-search {
  color: #a2a5b9;
}
.admin-surveys-list .admin-surveys-list-web .items-table .table-header .right {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  margin: 0px;
  background: #4f008c;
  border-radius: 4px;
  cursor: pointer;
}
.admin-surveys-list .admin-surveys-list-web .items-table .table-header .right span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .table-header .right {
  background: #797bf2;
}
.admin-surveys-list .admin-surveys-list-web .items-table .table-header .right:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .table-header .right:hover {
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys {
  display: flex;
  width: 100%;
  gap: 1.25rem;
  flex-wrap: wrap;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card {
  display: flex;
  padding: 1.25rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  border-radius: 0.5rem;
  background: #FFF;
  margin-bottom: 1.25rem;
  /* Shadows / For cards / shadow-10-[day] */
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
  flex-basis: 23.7%;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card {
  background: #28282B;
  /* Shadows / For cards / shadow-10-[night] */
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .header-info {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .header-info .info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  flex: 1 0 0;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .header-info .info .name {
  height: 1.3125rem;
  align-self: stretch;
  overflow: hidden;
  color: #1D252D;
  text-overflow: ellipsis;
  /* Body / Medium */
  font-family: "STC Forward";
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3125rem;
  /* 161.538% */
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .header-info .info .name {
  color: #CECECE;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .header-info .info .target-audience {
  align-self: stretch;
  color: #575767;
  /* Body / Regular */
  font-family: "STC Forward";
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3125rem;
  /* 161.538% */
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .header-info .info .target-audience {
  color: #CECECE;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .header-info .actions svg path {
  stroke: #1D252D;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .header-info .actions svg path {
  stroke: #A2A5B9;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .header-info .actions.en .dropdown-menu {
  margin-right: 0px !important;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .header-info .actions .dropdown-menu {
  margin-right: -180px;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .header-info .actions .dropdown-menu .dropdown-content {
  padding: 20px 16px;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .header-info .actions .dropdown-menu .side-dropdown-item {
  display: flex;
  gap: 8px;
  padding: 12px 0;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .header-info .actions .dropdown-menu .side-dropdown-item p {
  text-align: center;
  font-family: "STC Forward";
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .header-info .actions .dropdown-menu .side-dropdown-item p {
  color: #CECECE;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .header-info .actions.mobile .dropdown-content {
  padding: 0px;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .header-info .actions.mobile .dropdown-list {
  border-radius: 0px;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .header-info .actions.mobile .side-dropdown-item {
  display: flex;
  height: 38px;
  padding: 24px 13px;
  margin: 24px 13px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 4px;
  border-radius: 4px;
  background: #F9F9F9;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .header-info .actions.mobile .side-dropdown-item {
  background: #323236;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .status {
  display: flex;
  padding: 0.125rem 0.75rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.90625rem;
  text-align: center;
  /* Body / Regular */
  font-family: "STC Forward";
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3125rem;
  /* 161.538% */
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .green {
  background: rgba(6, 214, 160, 0.15);
  color: #06D6A0;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .gray {
  background: #F2F2F2;
  color: #A2A5B9;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .gray {
  background: #252529;
  color: #8D8FA1;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .pink {
  background: #F3E3FF;
  color: #4F008C;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .pink {
  background: #363659;
  color: #797BF2;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .red {
  background: rgba(255, 55, 94, 0.15);
  color: #FF375E;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .brown {
  background: #8f0962;
  color: #cfc9cd;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .black {
  background: #272727;
  color: #f4f7f5;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .black {
  background: #757575;
  color: #eeeeee;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-top .yellow {
  background: rgba(121, 113, 14, 0.15);
  color: #5c5539;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-date p {
  color: #575767;
  /* footnote / Medium */
  font-family: "STC Forward";
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.125rem;
  /* 163.636% */
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-date p {
  color: #CECECE;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-date svg {
  stroke: #DBDBDB;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .header .header-date svg {
  stroke: #2D2D31;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .details {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .details p {
  color: #4F008C;
  text-align: center;
  /* Body / Medium */
  font-family: "STC Forward";
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3125rem;
  /* 161.538% */
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .details p {
  color: #797BF2;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .details svg.ar {
  transform: scaleX(-1);
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .details svg {
  stroke: #4F008C;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .details svg {
  stroke: #797BF2;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .line {
  width: 100%;
  height: 1px;
  background: #ededed;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .line {
  background: #232323;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .statistic-details {
  display: flex;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .statistic-details .chart {
  width: 3.5rem;
  height: 3.5rem;
  position: relative;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .statistic-details .chart .pie {
  --w: 3.5rem;
  width: var(--w);
  aspect-ratio: 1;
  display: inline-grid;
  place-content: center;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .statistic-details .chart .pie:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  inset: 0;
  background: conic-gradient(#4F008C calc(var(--p) * 1%), #06D6A0 0);
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .statistic-details .chart .pie:before {
  background: conic-gradient(#797BF2 calc(var(--p) * 1%), #06D6A0 0);
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .statistic-details .no-show,
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .statistic-details .participants {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  flex: 1 0 0;
  white-space: nowrap;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .statistic-details .no-show .vertical,
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .statistic-details .participants .vertical {
  height: 2.7rem;
  width: 0.25rem;
  border-radius: 0.25rem;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .statistic-details .no-show .info,
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .statistic-details .participants .info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  flex: 1 0 0;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .statistic-details .no-show .info .top,
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .statistic-details .participants .info .top {
  color: #575767;
  /* footnote / Regular */
  font-family: "STC Forward";
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  /* 163.636% */
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .statistic-details .no-show .info .top,
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .statistic-details .participants .info .top {
  color: #CECECE;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .statistic-details .no-show .info .bottom,
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .statistic-details .participants .info .bottom {
  color: #1D252D;
  /* Body / Regular */
  font-family: "STC Forward";
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3125rem;
  /* 161.538% */
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .statistic-details .no-show .info .bottom,
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .statistic-details .participants .info .bottom {
  color: #CECECE;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .purple {
  background: #4F008C;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .purple {
  background: #797BF2;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .green-no-text {
  background: #06D6A0;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .statistic .green-no-text {
  background: #05BD8D;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .question-and-users {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .question-and-users .question-and-users-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .question-and-users .question-and-users-container span {
  color: #575767;
  text-align: center;
  /* footnote / Regular */
  font-family: "STC Forward";
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  /* 163.636% */
  flex: 1 0 0;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .question-and-users .question-and-users-container span {
  color: #CECECE;
}
.admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .question-and-users .question-and-users-container .vertical-gray {
  width: 0.0625rem;
  height: 1.125rem;
  background: #EDEDED;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card .question-and-users .question-and-users-container .vertical-gray {
  background: #232323;
}
@media (max-width: 1620px) {
  .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card {
    flex-basis: 31.333333%;
  }
}
@media (max-width: 1200px) {
  .admin-surveys-list .admin-surveys-list-web .items-table .surveys .survey-card {
    flex-basis: 48%;
  }
}
@media (max-width: 768px) {
  .admin-surveys-list .admin-surveys-list-web .items-table .surveys {
    display: block;
  }
}
.admin-surveys-list .admin-surveys-list-web .items-table .has-no-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  height: 123px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0%;
  right: 0%;
}
.admin-surveys-list .admin-surveys-list-web .items-table .has-no-content svg {
  margin-bottom: 25.9px;
}
.admin-surveys-list .admin-surveys-list-web .items-table .has-no-content svg path {
  fill: #bababa;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .has-no-content svg path {
  fill: #cecece;
}
.admin-surveys-list .admin-surveys-list-web .items-table .has-no-content h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 4px;
  color: #1d252d;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .has-no-content h2 {
  color: #cecece;
}
.admin-surveys-list .admin-surveys-list-web .items-table .has-no-content p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #575767;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .has-no-content p {
  color: #cecece;
}
.admin-surveys-list .admin-surveys-list-web .items-table .pagination-container {
  margin: 0 auto;
}
@media (max-width: 768px) {
  .admin-surveys-list .admin-surveys-list-web .items-table .table-header {
    padding: 0;
    border: none !important;
    background: #f9f9f9 !important;
  }
  body.is-dark .admin-surveys-list .admin-surveys-list-web .items-table .table-header {
    background: #323236 !important;
  }
  .admin-surveys-list .admin-surveys-list-web .items-table .table-header .total-surveys {
    display: none;
  }
  .admin-surveys-list .admin-surveys-list-web .items-table .table-header .select-search {
    margin: 0 !important;
  }
  .admin-surveys-list .admin-surveys-list-web .items-table .table-header .text-in-router {
    display: none;
  }
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .table-header {
  width: 99%;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .table-header .surveys-filter .select-search {
  margin: 0px;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .table-header .surveys-filter .select-search select {
  height: 38px;
  margin: -3px 0px;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .table-header .surveys-filter .declarations-search {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px;
  gap: 8px;
  width: 375px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #ededed;
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 0px 20px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web.declarations .items-table .table-header .surveys-filter .declarations-search {
  background: #28282b;
  border: 1px solid #232323;
  border-radius: 4px;
  color: #a2a5b9;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .table-header .surveys-filter .declarations-search:hover {
  border: 1px solid #ededed;
  background: #f9f9f9;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web.declarations .items-table .table-header .surveys-filter .declarations-search:hover {
  border: 1px solid #232323;
  background: #323236;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .table-header .surveys-filter .declarations-search:active {
  background: #ffffff;
  border: 1px solid #ededed;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web.declarations .items-table .table-header .surveys-filter .declarations-search:active {
  background: #28282b;
  border: 1px solid #232323;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .table-header .surveys-filter .declarations-search:filled {
  border: 1px solid #ededed;
  background: #ffffff;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web.declarations .items-table .table-header .surveys-filter .declarations-search:filled {
  background: #28282b;
  border: 1px solid #232323;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .table-header .surveys-filter .declarations-search input {
  width: 100%;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #a2a5b9;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web.declarations .items-table .table-header .surveys-filter .declarations-search input {
  color: #a2a5b9;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .table-header .surveys-filter .declarations-search input:hover {
  background: #f9f9f9;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web.declarations .items-table .table-header .surveys-filter .declarations-search input:hover {
  background: #323236;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .table-header .surveys-filter .declarations-search input:active {
  background: #ffffff;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web.declarations .items-table .table-header .surveys-filter .declarations-search input:active {
  background: #28282b;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .table-header .surveys-filter .declarations-search input:valid {
  color: #1d252d;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web.declarations .items-table .table-header .surveys-filter .declarations-search input:valid {
  color: #cecece;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .table-header .surveys-filter .declarations-search svg path {
  stroke: #a2a5b9;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web.declarations .items-table .table-header .surveys-filter .declarations-search svg path {
  stroke: #a2a5b9;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .surveys .survey-card .header .declaration-info {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .surveys .survey-card .header .declaration-info .row {
  display: flex;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .surveys .survey-card .header .declaration-info .row .column {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .surveys .survey-card .header .declaration-info .row .column span {
  font-family: "STC Forward";
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: #575767;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web.declarations .items-table .surveys .survey-card .header .declaration-info .row .column span {
  color: #CECECE;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .surveys .survey-card .header .declaration-info .row .column b {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "STC Forward";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web.declarations .items-table .surveys .survey-card .header .declaration-info .row .column b {
  color: #CECECE;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .surveys .survey-card .header .declaration-info .row .column b .redPoint {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: #ff375e;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .surveys .survey-card .header .declaration-info .row .column b .orangePoint {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: orange;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .surveys .survey-card .header .declaration-info .row .column b .purplePoint {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: purple;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .surveys .survey-card .header .header-top .header-info .actions svg.stroke {
  stroke: #1D252D;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web.declarations .items-table .surveys .survey-card .header .header-top .header-info .actions svg.stroke {
  stroke: #A2A5B9;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .surveys .survey-card .header .header-top .header-info .actions svg .fill {
  fill: #1D252D;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web.declarations .items-table .surveys .survey-card .header .header-top .header-info .actions svg .fill {
  fill: #A2A5B9;
  stroke: none !important;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .surveys .survey-card .header .header-top .header-info .actions .dropdown-menu .side-dropdown-item p {
  text-align: center;
  font-family: "STC Forward";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web.declarations .items-table .surveys .survey-card .header .header-top .header-info .actions .dropdown-menu .side-dropdown-item p {
  color: #CECECE;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .surveys .survey-card .header .header-top .header-info .actions.mobile svg path.stroke {
  stroke: #1D252D;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web.declarations .items-table .surveys .survey-card .header .header-top .header-info .actions.mobile svg path.stroke {
  stroke: #A2A5B9;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .surveys .survey-card .header .header-top .header-info .actions.mobile svg path .fill {
  fill: #1D252D;
  stroke: none !important;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web.declarations .items-table .surveys .survey-card .header .header-top .header-info .actions.mobile svg path .fill {
  fill: #A2A5B9;
  stroke: none !important;
}
.admin-surveys-list .admin-surveys-list-web.declarations .items-table .surveys .survey-card .header .header-top .header-info .actions.mobile .dropdown-menu .side-dropdown-item p {
  text-align: center;
  font-family: "STC Forward";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .admin-surveys-list .admin-surveys-list-web.declarations .items-table .surveys .survey-card .header .header-top .header-info .actions.mobile .dropdown-menu .side-dropdown-item p {
  color: #CECECE;
}
.admin-surveys-list .dropdown.ar .dropdown-menu {
  margin-right: -166px;
}
.admin-surveys-list .dropdown .dropdown-menu {
  min-width: 192px;
}

.create-surveys {
  margin-top: 60px;
  padding: 48px 187px;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 48px;
}
@supports (padding-top: max(18px)) {
  .create-surveys {
    padding-top: calc(18px + env(safe-area-inset-top));
  }
}
.create-surveys.mobile {
  top: calc(min(34px, env(safe-area-inset-top)) - 0px);
}
.create-surveys .form-container {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.create-surveys .form-container section .red-border input, .create-surveys .form-container section .red-border textarea {
  border: 1px solid brown;
}
.create-surveys .form-container section .datepicker.en input,
.create-surveys .form-container section .timepicker.en input {
  padding: 0px 32px !important;
}
.create-surveys .form-container section .ar {
  direction: rtl;
}
.create-surveys .form-container section .ar p,
.create-surveys .form-container section .ar input {
  direction: rtl;
}
.create-surveys .form-container section .ar input {
  padding: 0px 16px !important;
}
.create-surveys .form-container section .en p,
.create-surveys .form-container section .en input,
.create-surveys .form-container section .en textarea {
  direction: ltr;
  float: left;
}
.create-surveys .form-container section .ar-input.ar input {
  padding: 0px 32px !important;
}
.create-surveys .form-container section .ar-input.en input {
  padding: 0px 16px !important;
}
.create-surveys .form-container .title-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 32px;
}
.create-surveys .form-container .title-row .title {
  display: flex;
  flex-direction: row;
  gap: 9px;
}
.create-surveys .form-container .title-row .title h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  color: #1D252D;
}
body.is-dark .create-surveys .form-container .title-row .title h2 {
  color: #CECECE;
}
.create-surveys .form-container .title-row .title svg path {
  stroke: #1D252D;
}
body.is-dark .create-surveys .form-container .title-row .title svg path {
  stroke: #CECECE;
}
.create-surveys .form-container .title-row .tr-buttons {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.create-surveys .form-container .title-row .tr-buttons .lang {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 10px;
  gap: 10px;
  width: 61px;
  height: 35px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #1D252D;
  background: #F2F2F2;
}
body.is-dark .create-surveys .form-container .title-row .tr-buttons .lang {
  color: #CECECE;
  background: #252529;
}
.create-surveys .form-container .title-row .tr-buttons .lang:hover {
  color: #4F008C;
  background: #F2F2F2;
  border: 1px solid #4F008C;
}
body.is-dark .create-surveys .form-container .title-row .tr-buttons .lang:hover {
  color: #797BF2;
  background: #252529;
  border: 1px solid #797BF2;
}
.create-surveys .form-container .title-row .tr-buttons .lang.active {
  font-weight: 500;
  color: #4F008C;
  background: #F3E3FF;
}
body.is-dark .create-surveys .form-container .title-row .tr-buttons .lang.active {
  color: #797BF2;
  background: #363659;
}
.create-surveys .form-container .section-title {
  font-family: "STC Forward";
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  margin-bottom: 4px;
  color: #1D252D;
}
body.is-dark .create-surveys .form-container .section-title {
  color: #CECECE;
}
.create-surveys .form-container .audience-list,
.create-surveys .form-container .time-list,
.create-surveys .form-container .media-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.create-surveys .form-container .audience-list button,
.create-surveys .form-container .time-list button,
.create-surveys .form-container .media-list button {
  border: 1px solid transparent;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 10px;
  gap: 10px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #1D252D;
  background: #F2F2F2;
}
body.is-dark .create-surveys .form-container .audience-list button,
body.is-dark .create-surveys .form-container .time-list button,
body.is-dark .create-surveys .form-container .media-list button {
  color: #CECECE;
  background: #252529;
}
.create-surveys .form-container .audience-list button.disapled,
.create-surveys .form-container .time-list button.disapled,
.create-surveys .form-container .media-list button.disapled {
  color: #CECECE;
}
body.is-dark .create-surveys .form-container .audience-list button.disapled,
body.is-dark .create-surveys .form-container .time-list button.disapled,
body.is-dark .create-surveys .form-container .media-list button.disapled {
  background-color: #404046;
  color: #616161;
}
.create-surveys .form-container .audience-list button.disapled:hover,
.create-surveys .form-container .time-list button.disapled:hover,
.create-surveys .form-container .media-list button.disapled:hover {
  color: none;
  background: none;
}
.create-surveys .form-container .audience-list button:hover,
.create-surveys .form-container .time-list button:hover,
.create-surveys .form-container .media-list button:hover {
  color: #4F008C;
  background: #F2F2F2;
  border: 1px solid #4F008C;
}
body.is-dark .create-surveys .form-container .audience-list button:hover,
body.is-dark .create-surveys .form-container .time-list button:hover,
body.is-dark .create-surveys .form-container .media-list button:hover {
  color: #797BF2;
  background: #252529;
  border: 1px solid #797BF2;
}
.create-surveys .form-container .audience-list button.active,
.create-surveys .form-container .time-list button.active,
.create-surveys .form-container .media-list button.active {
  font-weight: 500;
  color: #4F008C;
  background: #F3E3FF;
}
body.is-dark .create-surveys .form-container .audience-list button.active,
body.is-dark .create-surveys .form-container .time-list button.active,
body.is-dark .create-surveys .form-container .media-list button.active {
  color: #797BF2;
  background: #363659;
}
.create-surveys .form-container .separator {
  width: 100%;
  height: 0px;
  margin: 16px 0px;
  border: 1px solid #EDEDED;
}
body.is-dark .create-surveys .form-container .separator {
  border: 1px solid #232323;
}
.create-surveys .form-container .mt {
  margin-top: 16px;
}
.create-surveys .form-container .custom-audience {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 16px;
  gap: 16px;
  border-radius: 8px;
  background: #FFFFFF;
}
body.is-dark .create-surveys .form-container .custom-audience {
  background: #28282B;
}
.create-surveys .form-container .custom-audience .full-width {
  width: 100%;
}
.create-surveys .form-container .custom-audience .file-section {
  width: 100%;
}
.create-surveys .form-container .custom-audience .file-section .file-cta {
  display: flex;
  width: 100%;
  border: 1.2px dashed #DBDBDB;
  justify-content: space-between;
}
body.is-dark .create-surveys .form-container .custom-audience .file-section .file-cta {
  background: #252529 !important;
  border: 1.2px dashed #404046;
}
.create-surveys .form-container .custom-audience .file-section .file-cta .browse-file {
  display: flex;
  gap: 10px;
}
.create-surveys .form-container .custom-audience .file-section .file-cta .browse-file i {
  line-height: unset;
}
.create-surveys .form-container .custom-audience .file-section .file-cta .x-span {
  display: none;
  padding: 10px;
}
.create-surveys .form-container .custom-audience .file-section .file-cta .x-span svg path {
  stroke: #1d252d;
}
body.is-dark .create-surveys .form-container .custom-audience .file-section .file-cta .x-span svg path {
  stroke: #cecece;
}
.create-surveys .form-container .custom-audience .file-section .user-email {
  font-weight: 400;
  font-size: 13px;
  color: #1d252d;
}
body.is-dark .create-surveys .form-container .custom-audience .file-section .user-email {
  color: #cecece;
}
.create-surveys .form-container .custom-audience .file-section .user-email {
  margin-bottom: 10px;
}
.create-surveys .form-container .custom-audience .file-section .is-danger .file-cta {
  border: 1.2px solid #ff375e !important;
}
.create-surveys .form-container .custom-audience .file-section .is-danger .file-cta .x-span {
  display: block !important;
}
.create-surveys .form-container .custom-audience .file-section .user-file {
  font-weight: 500;
  font-size: 13px;
  color: #1d252d;
}
body.is-dark .create-surveys .form-container .custom-audience .file-section .user-file {
  color: #cecece;
}
.create-surveys .form-container .custom-audience .file-section .user-file {
  margin-bottom: 15px;
}
.create-surveys .form-container .custom-audience .file-section .error {
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #ff375e;
}
.create-surveys .form-container .custom-audience .file-section .bulk-buttons-container {
  display: flex;
  justify-content: space-between;
}
.create-surveys .form-container .custom-audience .file-section .bulk-buttons-container .view-users {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  gap: 8px;
  height: 38px;
  background: #f9f9f9;
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
  font-weight: 500;
  font-size: 13px;
  color: #28282b;
}
body.is-dark .create-surveys .form-container .custom-audience .file-section .bulk-buttons-container .view-users svg {
  stroke: #a2a5b9;
}
.create-surveys .form-container .custom-audience .file-section .bulk-buttons-container .view-users svg {
  stroke: #28282b;
}
body.is-dark .create-surveys .form-container .custom-audience .file-section .bulk-buttons-container .view-users {
  background: #323236;
  color: #a2a5b9;
}
.create-surveys .form-container .custom-audience .file-section .bulk-buttons-container .view-users {
  margin-top: 20px;
}
.create-surveys .form-container .custom-audience .file-section .bulk-buttons-container .bulk-delete {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  gap: 8px;
  width: 48px;
  height: 38px;
  background: #f9f9f9;
  border-radius: 4px;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin-top: 20px;
}
body.is-dark .create-surveys .form-container .custom-audience .file-section .bulk-buttons-container .bulk-delete {
  background: #323236;
}
.create-surveys .form-container .custom-audience .file-section .bulk-buttons-container .bulk-delete svg {
  fill: #ff375e;
}
.create-surveys .form-container .custom-audience .Users_custom_lists {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 8.5px 16px;
  gap: 24px;
  width: 100%;
}
.create-surveys .form-container .custom-audience .Users_custom_lists .select-list-actions {
  display: flex;
  gap: 24px;
}
.create-surveys .form-container .custom-audience .Users_custom_lists .list-title {
  display: flex;
  gap: 9px;
  color: #1D252D;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
}
body.is-dark .create-surveys .form-container .custom-audience .Users_custom_lists .list-title {
  color: #CECECE;
}
.create-surveys .form-container .custom-audience .Users_custom_lists .list-title svg {
  fill: #1D252D;
}
body.is-dark .create-surveys .form-container .custom-audience .Users_custom_lists .list-title svg {
  fill: #CECECE;
}
.create-surveys .form-container .custom-audience .Users_custom_lists .view-users svg {
  stroke: #A2A5B9;
}
body.is-dark .create-surveys .form-container .custom-audience .Users_custom_lists .view-users svg {
  stroke: #CECECE;
}
.create-surveys .form-container .custom-audience .Users_custom_lists .bulk-delete svg {
  fill: #4F008C;
}
body.is-dark .create-surveys .form-container .custom-audience .Users_custom_lists .bulk-delete svg {
  fill: #797BF2;
}
.create-surveys .form-container .custom-audience .manage-lists {
  margin-top: 24px;
  display: flex;
  gap: 11px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #4F008C;
  border-bottom: 1px dashed #4F008C;
}
body.is-dark .create-surveys .form-container .custom-audience .manage-lists {
  color: #797BF2;
  border-bottom: 1px dashed #797BF2;
}
.create-surveys .form-container .custom-audience .manage-lists svg {
  fill: #4F008C;
}
body.is-dark .create-surveys .form-container .custom-audience .manage-lists svg {
  fill: #797BF2;
}
.create-surveys .form-container .custom-audience .validation-notes-save {
  cursor: pointer;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #4F008C;
  border-bottom: 1px dashed #4F008C;
}
body.is-dark .create-surveys .form-container .custom-audience .validation-notes-save {
  color: #797BF2;
  border-bottom: 1px dashed #797BF2;
}
.create-surveys .form-container .custom-audience h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #1D252D;
}
body.is-dark .create-surveys .form-container .custom-audience h3 {
  color: #CECECE;
}
.create-surveys .form-container .custom-audience .svg-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.create-surveys .form-container .custom-audience .svg-container svg {
  fill: #A2A5B9;
}
body.is-dark .create-surveys .form-container .custom-audience .svg-container svg {
  fill: #8D8FA1;
}
.create-surveys .form-container .custom-audience h4 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  color: #575767;
}
body.is-dark .create-surveys .form-container .custom-audience h4 {
  color: #CECECE;
}
.create-surveys .form-container .custom-audience .file-separator {
  width: 100%;
  height: 0px;
  border: 1px solid #EDEDED;
}
body.is-dark .create-surveys .form-container .custom-audience .file-separator {
  border: 1px solid #232323;
}
.create-surveys .form-container .custom-audience .select-file {
  cursor: pointer;
  width: 100%;
  min-height: 44px;
  border: 2px dashed hsl(0, 0%, 86%);
  border-radius: 0.65rem;
  background: #ebedf5;
  display: flex;
  gap: 10px;
  align-items: center;
  padding-left: calc(0.75em - 1px);
  padding-right: calc(0.75em - 1px);
  padding-top: 0;
  padding-bottom: 0;
  color: #1d252d;
  transition: color 0.3s, background-color 0.3s, border 0.3s, box-shadow 0.3s;
}
body.is-dark .create-surveys .form-container .custom-audience .select-file {
  background-color: #28282b !important;
  border-color: #404046 !important;
  color: #cecece;
}
.create-surveys .form-container .custom-audience .select-file:hover {
  background: #fff;
  border: 2px solid #4f008c;
  color: #4f008c;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
body.is-dark .create-surveys .form-container .custom-audience .select-file:hover {
  background-color: #28282b !important;
  color: #797bf2;
  border: 2px solid #797bf2 !important;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.create-surveys .form-container .custom-audience .select-file svg {
  stroke: #1D252D;
}
body.is-dark .create-surveys .form-container .custom-audience .select-file svg {
  stroke: #CECECE;
}
.create-surveys .form-container .custom-audience .select-file p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .create-surveys .form-container .custom-audience .select-file p {
  color: #CECECE;
}
.create-surveys .form-container .custom-audience .validation-notes {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #A2A5B9;
}
body.is-dark .create-surveys .form-container .custom-audience .validation-notes {
  color: #A2A5B9;
}
.create-surveys .form-container .date-time {
  display: flex;
  flex-direction: row;
  gap: 24px;
  width: 100%;
}
.create-surveys .form-container .date-time .date-field-group {
  position: relative;
  width: 50%;
}
.create-surveys .form-container .date-time .date-field-group .date-field {
  width: 100%;
}
.create-surveys .form-container .date-time .date-field-group .date-field input {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 16px;
  gap: 8px;
  width: 100%;
  height: 41px;
  border-radius: 4px !important;
  border: 1px solid #DBDBDB;
  background: #FFFFFF;
}
body.is-dark .create-surveys .form-container .date-time .date-field-group .date-field input {
  border: 1px solid #2D2D31;
  background: #28282B;
}
.create-surveys .form-container .date-time .date-field-group svg {
  position: absolute;
  top: 10px;
  z-index: 3;
}
.create-surveys .form-container .date-time .date-field-group svg.ar {
  left: 12px;
}
.create-surveys .form-container .date-time .date-field-group svg.en {
  right: 12px;
}
.create-surveys .form-container .date-time .date-field-group svg path {
  stroke: #1D252D;
}
body.is-dark .create-surveys .form-container .date-time .date-field-group svg path {
  stroke: #CECECE;
}
.create-surveys .form-container .red-error {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  margin-bottom: 4px;
  color: brown;
}
.create-surveys .form-container .actions {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: 32px;
}
.create-surveys .form-container .actions .submit {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
  background: #4f008c;
}
body.is-dark .create-surveys .form-container .actions .submit {
  background: #797bf2;
}
.create-surveys .form-container .actions .submit:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .create-surveys .form-container .actions .submit:hover {
  background: #797bf2 !important;
  color: #ffffff !important;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.create-surveys .form-container .actions .dimmed {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #BABABA;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  background: #DBDBDB;
  border-radius: 4px;
  cursor: no-drop;
}
body.is-dark .create-surveys .form-container .actions .dimmed {
  background: #3b3b41;
  border-color: #404046;
  color: #cecece;
}
.create-surveys .form-container .questions .question {
  cursor: move;
  display: flex;
  padding: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
  border-radius: 1rem;
  background: #ffffff;
}
body.is-dark .create-surveys .form-container .questions .question {
  background: #28282B !important;
}
.create-surveys .form-container .questions .question .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.create-surveys .form-container .questions .question .head p {
  font-family: "STC Forward";
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  color: #1D252D;
}
body.is-dark .create-surveys .form-container .questions .question .head p {
  color: #CECECE;
}
.create-surveys .form-container .questions .question .head .question-actions {
  display: flex;
  gap: 0.75rem;
}
.create-surveys .form-container .questions .question .head .question-actions .copy {
  display: flex;
  height: 2.375rem;
  padding: 0.75rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.25rem;
  background: #F9F9F9;
  cursor: pointer;
}
body.is-dark .create-surveys .form-container .questions .question .head .question-actions .copy {
  background: #323236;
}
.create-surveys .form-container .questions .question .head .question-actions .copy svg path {
  stroke: #1D252D;
}
body.is-dark .create-surveys .form-container .questions .question .head .question-actions .copy svg path {
  stroke: #A2A5B9;
}
.create-surveys .form-container .questions .question .head .question-actions .remove {
  display: flex;
  height: 2.375rem;
  padding: 0.75rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.25rem;
  background: #F9F9F9;
  cursor: pointer;
}
body.is-dark .create-surveys .form-container .questions .question .head .question-actions .remove {
  background: #323236;
}
.create-surveys .form-container .questions .question .head .question-actions .remove svg path {
  fill: #FF375E;
}
body.is-dark .create-surveys .form-container .questions .question .head .question-actions .remove svg path {
  fill: #FF375E;
}
.create-surveys .form-container .questions .question .line {
  width: 100%;
  height: 1px;
  background: #ededed;
}
body.is-dark .create-surveys .form-container .questions .question .line {
  background: #232323;
}
.create-surveys .form-container .questions .question .field .checkbox {
  margin: 0;
  padding: 0;
  margin-bottom: 0;
}
.create-surveys .form-container .questions .question .field .checkbox .control-label {
  padding: 0;
  font-family: "STC Forward";
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  color: #1D252D;
}
body.is-dark .create-surveys .form-container .questions .question .field .checkbox .control-label {
  color: #CECECE !important;
}
.create-surveys .form-container .questions .question .questions-info {
  gap: 1rem;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.create-surveys .form-container .questions .question .questions-info .audience-list svg {
  stroke: #1D252D;
}
body.is-dark .create-surveys .form-container .questions .question .questions-info .audience-list svg {
  stroke: #CECECE;
}
.create-surveys .form-container .questions .question .questions-info .audience-list svg:hover {
  stroke: #4F008C;
}
body.is-dark .create-surveys .form-container .questions .question .questions-info .audience-list svg:hover {
  stroke: #797BF2;
}
.create-surveys .form-container .questions .question .questions-info .audience-list svg.active {
  stroke: #4F008C;
}
body.is-dark .create-surveys .form-container .questions .question .questions-info .audience-list svg.active {
  stroke: #797BF2;
}
.create-surveys .form-container .questions .question .questions-info .audience-list .questions-title {
  width: 100%;
}
.create-surveys .form-container .questions .question .questions-info .questions-title {
  width: 100%;
}
.create-surveys .form-container .questions .question .questions-info .answers {
  gap: 1rem;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.create-surveys .form-container .questions .question .questions-info .answers .answers-container {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
}
.create-surveys .form-container .questions .question .questions-info .answers .answers-container.ar {
  direction: rtl !important;
}
.create-surveys .form-container .questions .question .questions-info .answers .answers-container.en {
  direction: ltr !important;
}
.create-surveys .form-container .questions .question .questions-info .answers .answers-container .last {
  display: flex;
  border-bottom: 1px solid #EDEDED;
  width: 100%;
}
.create-surveys .form-container .questions .question .questions-info .answers .answers-container .last input {
  width: 100%;
}
.create-surveys .form-container .questions .question .questions-info .answers .answers-container .last svg {
  cursor: pointer;
}
.create-surveys .form-container .questions .question .questions-info .answers .answers-container .add {
  display: flex;
  gap: 0.5rem;
  width: 100%;
}
.create-surveys .form-container .questions .question .questions-info .answers .answers-container .add.ar {
  direction: rtl !important;
}
.create-surveys .form-container .questions .question .questions-info .answers .answers-container .add.en {
  direction: ltr !important;
}
.create-surveys .form-container .questions .question .questions-info .answers .answers-container .add p {
  cursor: pointer;
}
.create-surveys .form-container .add-more {
  display: flex;
  cursor: pointer;
  gap: 1rem;
}
.create-surveys .form-container .add-more p {
  font-family: "STC Forward";
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3125rem;
  color: #1D252D;
}
body.is-dark .create-surveys .form-container .add-more p {
  color: #CECECE;
}
.create-surveys .form-container .add-more p svg {
  stroke: #1D252D;
}
body.is-dark .create-surveys .form-container .add-more p svg {
  stroke: #CECECE;
}
.create-surveys .presentaion {
  width: 50%;
}
.create-surveys .presentaion .survey-look {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 20px;
  gap: 16px;
  width: 100%;
  min-height: 120px;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .create-surveys .presentaion .survey-look {
  background: #28282B;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.create-surveys .presentaion .survey-look.ar {
  direction: rtl;
}
.create-surveys .presentaion .survey-look.en {
  direction: ltr;
}
.create-surveys .presentaion .survey-look .survey-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-width: 56px;
  max-width: 56px;
  height: 56px;
  border-radius: 28px;
  background: #4F008C;
}
body.is-dark .create-surveys .presentaion .survey-look .survey-icon {
  background: #4F008C;
}
.create-surveys .presentaion .survey-look .survey-icon img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.create-surveys .presentaion .survey-look .survey-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: 523px;
  min-height: 80px;
}
.create-surveys .presentaion .survey-look .survey-info h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 26px;
  color: #1D252D;
}
body.is-dark .create-surveys .presentaion .survey-look .survey-info h3 {
  color: #CECECE;
}
.create-surveys .presentaion .survey-look .survey-info p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #575767;
}
body.is-dark .create-surveys .presentaion .survey-look .survey-info p {
  color: #CECECE;
}
.create-surveys .presentaion .survey-look .survey-info small {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #A2A5B9;
}
body.is-dark .create-surveys .presentaion .survey-look .survey-info small {
  color: #A2A5B9;
}
.create-surveys .actions-mobile {
  display: none;
}
@media (max-width: 720px) {
  .create-surveys {
    padding: 1.5rem;
    margin-bottom: 75px;
  }
  .create-surveys .form-container {
    width: 100%;
    display: block;
  }
  .create-surveys .form-container .date-field-group input {
    font-size: 0.85rem;
  }
  .create-surveys .form-container .questions-info .audience-list svg {
    display: none;
  }
  .create-surveys .form-container .questions-info .audience-list button {
    font-size: 12px;
  }
}

.survey-delete-success-modal-container .modal-background {
  transform: translate3d(0, 0, 0);
  transition-property: opacity, visibility;
  transition-timing-function: linear;
  transition-duration: 250ms;
  background-color: #1d252d;
  opacity: 0.5;
}
.survey-delete-success-modal-container .modal-close {
  display: none;
}
.survey-delete-success-modal-container .title {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #1d252d;
}
body.is-dark .survey-delete-success-modal-container .title {
  color: #cecece;
}
.survey-delete-success-modal-container svg .trash-fill {
  fill: #ff375e;
}
body.is-dark .survey-delete-success-modal-container svg .trash-fill {
  fill: #ff375e;
}
.survey-delete-success-modal-container svg .trash-stroke {
  stroke: #ff375e;
}
body.is-dark .survey-delete-success-modal-container svg .trash-stroke {
  stroke: #ff375e;
}
.survey-delete-success-modal-container .modalMsg {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #1d252d;
}
body.is-dark .survey-delete-success-modal-container .modalMsg {
  color: #cecece;
}
.survey-delete-success-modal-container .notification-success-model {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  position: relative;
  max-width: 500px;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .survey-delete-success-modal-container .notification-success-model {
  background: #28282B;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.survey-delete-success-modal-container .notification-success-model .modalHeader {
  padding: 24px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  width: 100%;
  height: 72px;
  background: #F9F9F9;
  border-bottom: 1px solid #DBDBDB;
}
body.is-dark .survey-delete-success-modal-container .notification-success-model .modalHeader {
  background: #323236;
  border-bottom: 1px solid #2D2D31;
}
.survey-delete-success-modal-container .notification-success-model .modalHeader .title {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  margin-top: 24px;
  color: #1D252D;
}
body.is-dark .survey-delete-success-modal-container .notification-success-model .modalHeader .title {
  color: #CECECE;
}
.survey-delete-success-modal-container .notification-success-model .modalBody {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 24px !important;
  background: #FFFFFF;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .survey-delete-success-modal-container .notification-success-model .modalBody {
  background: #28282B;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.survey-delete-success-modal-container .notification-success-model .modalBody .animated-svg {
  margin: 0px !important;
  height: 128px !important;
  width: 128px !important;
}
.survey-delete-success-modal-container .notification-success-model .modalBody .modalMsg {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #1D252D;
}
body.is-dark .survey-delete-success-modal-container .notification-success-model .modalBody .modalMsg {
  color: #CECECE;
}
.survey-delete-success-modal-container .notification-success-model .modalBody .buttonsActions {
  display: flex;
  justify-content: right;
  margin-top: 48px;
  gap: 24px;
}
.survey-delete-success-modal-container .notification-success-model .modalBody .buttonsActions.ar {
  justify-content: left;
}
.survey-delete-success-modal-container .notification-success-model .modalBody .buttonsActions .cancelButton {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  width: 138px;
  height: 40px;
  background: white;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  border: 1px solid #4F008C;
  border-radius: 4px;
}
body.is-dark .survey-delete-success-modal-container .notification-success-model .modalBody .buttonsActions .cancelButton {
  color: #797bf2;
  background: #28282b;
}
.survey-delete-success-modal-container .notification-success-model .modalBody .buttonsActions .cancelButton:hover {
  background: #4f008c;
  color: #ffffff;
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .survey-delete-success-modal-container .notification-success-model .modalBody .buttonsActions .cancelButton:hover {
  background: #797bf2;
  color: #ffffff;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.survey-delete-success-modal-container .notification-success-model .modalBody .buttonsActions .closeButton {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  border: 1px solid #4f008c;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #4f008c;
}
body.is-dark .survey-delete-success-modal-container .notification-success-model .modalBody .buttonsActions .closeButton {
  color: #797bf2;
  border: 1px solid #797BF2;
  background: #28282b;
}
.survey-delete-success-modal-container .notification-success-model .modalBody .buttonsActions .closeButton:hover {
  background: #4f008c;
  color: #ffffff;
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .survey-delete-success-modal-container .notification-success-model .modalBody .buttonsActions .closeButton:hover {
  background: #797bf2;
  color: #ffffff;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.survey-delete-success-modal-container .notification-success-mobile-model {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  margin: 0px;
  position: relative;
  width: 100%;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .survey-delete-success-modal-container .notification-success-mobile-model {
  background: #28282B;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.survey-delete-success-modal-container .notification-success-mobile-model .modalHeader {
  padding: 24px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  width: 100%;
  height: 72px;
  background: #F9F9F9;
  border-bottom: 1px solid #DBDBDB;
}
body.is-dark .survey-delete-success-modal-container .notification-success-mobile-model .modalHeader {
  background: #323236;
  border-bottom: 1px solid #2D2D31;
}
.survey-delete-success-modal-container .notification-success-mobile-model .modalHeader .title {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  margin-top: 24px;
  color: #1D252D;
}
body.is-dark .survey-delete-success-modal-container .notification-success-mobile-model .modalHeader .title {
  color: #CECECE;
}
.survey-delete-success-modal-container .notification-success-mobile-model .modalBody {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 24px !important;
  background: #FFFFFF;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .survey-delete-success-modal-container .notification-success-mobile-model .modalBody {
  background: #28282B;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.survey-delete-success-modal-container .notification-success-mobile-model .modalBody .animated-svg {
  margin: 0px !important;
  height: 128px !important;
  width: 128px !important;
}
.survey-delete-success-modal-container .notification-success-mobile-model .modalBody .modalMsg {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #1D252D;
}
body.is-dark .survey-delete-success-modal-container .notification-success-mobile-model .modalBody .modalMsg {
  color: #CECECE;
}
.survey-delete-success-modal-container .notification-success-mobile-model .modalBody .buttonsActions {
  display: flex;
  justify-content: right;
  margin-top: 48px;
  gap: 24px;
}
.survey-delete-success-modal-container .notification-success-mobile-model .modalBody .buttonsActions.ar {
  justify-content: right;
}
.survey-delete-success-modal-container .notification-success-mobile-model .modalBody .buttonsActions .closeButton {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  border: 1px solid #4f008c;
  color: #4f008c;
}
body.is-dark .survey-delete-success-modal-container .notification-success-mobile-model .modalBody .buttonsActions .closeButton {
  color: #797bf2;
  border: 1px solid #797BF2;
  background: #28282b;
}
.survey-delete-success-modal-container .notification-success-mobile-model .modalBody .buttonsActions .closeButton:hover {
  background: #4f008c;
  color: #ffffff;
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .survey-delete-success-modal-container .notification-success-mobile-model .modalBody .buttonsActions .closeButton:hover {
  background: #797bf2;
  color: #ffffff;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.survey-delete-success-modal-container .notification-success-mobile-model .modalBody .buttonsActions .cancelButton {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  width: 138px;
  height: 40px;
  background: white;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  border: 1px solid #4F008C;
  border-radius: 4px;
}
body.is-dark .survey-delete-success-modal-container .notification-success-mobile-model .modalBody .buttonsActions .cancelButton {
  color: #797bf2;
  background: #28282b;
}
.survey-delete-success-modal-container .notification-success-mobile-model .modalBody .buttonsActions .cancelButton:hover {
  background: #4f008c;
  color: #ffffff;
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .survey-delete-success-modal-container .notification-success-mobile-model .modalBody .buttonsActions .cancelButton:hover {
  background: #797bf2;
  color: #ffffff;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.survey-delete-success-modal-container .survey-success-mobile-model {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  margin: 0px;
  position: relative;
  width: 100%;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .survey-delete-success-modal-container .survey-success-mobile-model {
  background: #28282B;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.survey-delete-success-modal-container .survey-success-mobile-model .modalHeader {
  padding: 24px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  width: 100%;
  height: 72px;
  background: #F9F9F9;
  border-bottom: 1px solid #DBDBDB;
}
body.is-dark .survey-delete-success-modal-container .survey-success-mobile-model .modalHeader {
  background: #323236;
  border-bottom: 1px solid #2D2D31;
}
.survey-delete-success-modal-container .survey-success-mobile-model .modalHeader .title {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  margin-top: 24px;
  color: #1D252D;
}
body.is-dark .survey-delete-success-modal-container .survey-success-mobile-model .modalHeader .title {
  color: #CECECE;
}
.survey-delete-success-modal-container .survey-success-mobile-model .modalBody {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 24px !important;
  background: #FFFFFF;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .survey-delete-success-modal-container .survey-success-mobile-model .modalBody {
  background: #28282B;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.survey-delete-success-modal-container .survey-success-mobile-model .modalBody .animated-svg {
  margin: 0px !important;
  height: 128px !important;
  width: 128px !important;
}
.survey-delete-success-modal-container .survey-success-mobile-model .modalBody .modalMsg {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #1D252D;
}
body.is-dark .survey-delete-success-modal-container .survey-success-mobile-model .modalBody .modalMsg {
  color: #CECECE;
}
.survey-delete-success-modal-container .survey-success-mobile-model .modalBody .buttonsActions {
  display: flex;
  justify-content: right;
  margin-top: 48px;
  gap: 24px;
}
.survey-delete-success-modal-container .survey-success-mobile-model .modalBody .buttonsActions.ar {
  justify-content: right;
}
.survey-delete-success-modal-container .survey-success-mobile-model .modalBody .buttonsActions .cancelButton {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  width: 138px;
  height: 40px;
  background: white;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  border: 1px solid #4F008C;
  border-radius: 4px;
}
.survey-delete-success-modal-container .survey-success-mobile-model .modalBody .buttonsActions .closeButton {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  border: 1px solid #4f008c;
  color: #4f008c;
}
body.is-dark .survey-delete-success-modal-container .survey-success-mobile-model .modalBody .buttonsActions .closeButton {
  color: #797bf2;
  border: 1px solid #797BF2;
  background: #28282b;
}
.survey-delete-success-modal-container .survey-success-mobile-model .modalBody .buttonsActions .closeButton:hover {
  background: #4f008c;
  color: #ffffff;
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .survey-delete-success-modal-container .survey-success-mobile-model .modalBody .buttonsActions .closeButton:hover {
  background: #797bf2;
  color: #ffffff;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}

.survey-error-modal-container .modal-background {
  transform: translate3d(0, 0, 0);
  transition-property: opacity, visibility;
  transition-timing-function: linear;
  transition-duration: 250ms;
  background-color: #1d252d;
  opacity: 0.5;
}
.survey-error-modal-container .modal-close {
  display: none;
}
.survey-error-modal-container .title {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #1d252d;
}
body.is-dark .survey-error-modal-container .title {
  color: #cecece;
}
.survey-error-modal-container .modalBody h3 {
  margin-top: 21px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 23px;
  line-height: 34px;
  color: #1D252D;
}
body.is-dark .survey-error-modal-container .modalBody h3 {
  color: #cecece;
}
.survey-error-modal-container .modalBody p {
  margin-top: 8px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  color: #1D252D;
}
body.is-dark .survey-error-modal-container .modalBody p {
  color: #cecece;
}
.survey-error-modal-container .notification-success-model {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  position: relative;
  width: 500px;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .survey-error-modal-container .notification-success-model {
  background: #28282B;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.survey-error-modal-container .notification-success-model .modalHeader {
  padding: 24px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  width: 100%;
  height: 72px;
  background: #F9F9F9;
  border-bottom: 1px solid #DBDBDB;
}
body.is-dark .survey-error-modal-container .notification-success-model .modalHeader {
  background: #323236;
  border-bottom: 1px solid #2D2D31;
}
.survey-error-modal-container .notification-success-model .modalHeader .title {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  margin-top: 24px;
  color: #1D252D;
}
body.is-dark .survey-error-modal-container .notification-success-model .modalHeader .title {
  color: #CECECE;
}
.survey-error-modal-container .notification-success-model .modalBody {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 24px !important;
  background: #FFFFFF;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .survey-error-modal-container .notification-success-model .modalBody {
  background: #28282B;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.survey-error-modal-container .notification-success-model .modalBody .animated-svg {
  margin: 0px !important;
  height: 128px !important;
  width: 128px !important;
}
.survey-error-modal-container .notification-success-model .modalBody .modalMsg {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #1D252D;
}
body.is-dark .survey-error-modal-container .notification-success-model .modalBody .modalMsg {
  color: #CECECE;
}
.survey-error-modal-container .notification-success-model .modalBody .buttonsActions {
  display: flex;
  justify-content: right;
  margin-top: 48px;
  gap: 24px;
}
.survey-error-modal-container .notification-success-model .modalBody .buttonsActions.ar {
  justify-content: left;
}
.survey-error-modal-container .notification-success-model .modalBody .buttonsActions .cancelButton {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  width: 138px;
  height: 40px;
  background: white;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  border: 1px solid #4F008C;
  border-radius: 4px;
}
.survey-error-modal-container .notification-success-model .modalBody .buttonsActions .closeButton {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  border: 1px solid #4f008c;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #4f008c;
}
body.is-dark .survey-error-modal-container .notification-success-model .modalBody .buttonsActions .closeButton {
  color: #797bf2;
  border: 1px solid #797BF2;
  background: #28282b;
}
.survey-error-modal-container .notification-success-model .modalBody .buttonsActions .closeButton:hover {
  background: #4f008c;
  color: #ffffff;
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .survey-error-modal-container .notification-success-model .modalBody .buttonsActions .closeButton:hover {
  background: #797bf2;
  color: #ffffff;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}

@media (max-width: 720px) {
  .survey-delete-model {
    width: auto !important;
  }
}
@media (min-width: 768px) {
  .create-surveys.mobile {
    padding: 1.5rem;
  }
  .create-surveys.mobile .form-container {
    width: 100% !important;
  }
}
@media (max-width: 820px) {
  .create-surveys.mobile {
    padding: 1.5rem;
  }
  .create-surveys.mobile .form-container {
    width: 100% !important;
  }
}
.declaration-back-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  margin: 0px;
  background: #4f008c;
  border-radius: 4px;
  cursor: pointer;
}
.declaration-back-button span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
}
body.is-dark .declaration-back-button {
  background: #797bf2;
}
.declaration-back-button:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .declaration-back-button:hover {
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}

.navbar-custom-link .navbar-svg-icon path {
  fill: #1d252d;
}
body.is-dark .navbar-custom-link .navbar-svg-icon path {
  fill: #cecece;
}
.navbar-custom-link.is-active .navbar-svg-icon path {
  fill: #4f008c;
}
body.is-dark .navbar-custom-link.is-active .navbar-svg-icon path {
  fill: #797bf2;
}

.notifications-sidebar-icon path {
  fill: #4f008c;
}
body.is-dark .notifications-sidebar-icon path {
  fill: #797bf2;
}

.router-link-active .active-sidebar-label {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #4f008c;
}
body.is-dark .router-link-active .active-sidebar-label {
  color: #797bf2;
}

.admin-notifications-list {
  display: flex;
  flex-direction: column;
}
body.is-dark .admin-notifications-list {
  background: transparent;
}
.admin-notifications-list .admin-notifications-list-web .items-table {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-height: 600px;
  background: #f9f9f9;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table {
  background: transparent;
}
.admin-notifications-list .admin-notifications-list-web .items-table .loading-mentors {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  height: 123px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0%;
  right: 0%;
}
.admin-notifications-list .admin-notifications-list-web .items-table .loading-mentors svg {
  width: 200px;
  height: 200px;
  margin: auto;
  display: block;
  shape-rendering: auto;
  background: none;
}
.admin-notifications-list .admin-notifications-list-web .items-table .loading-mentors svg path {
  fill: #4f008c;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .loading-mentors svg path {
  fill: #797bf2;
}
.admin-notifications-list .admin-notifications-list-web .items-table .table-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.admin-notifications-list .admin-notifications-list-web .items-table .table-header.mb-2 {
  margin-bottom: 2em !important;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .table-header {
  background: transparent;
}
.admin-notifications-list .admin-notifications-list-web .items-table .table-header .select-search {
  margin: 25px 0px 25px 0px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 200px;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .table-header .select-search {
  background: #28282b;
  border: 1px solid #232323;
  border-radius: 4px;
  color: #a2a5b9;
}
.admin-notifications-list .admin-notifications-list-web .items-table .table-header .select-search:hover {
  border: 1px solid #ededed;
  background: #f9f9f9;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .table-header .select-search:hover {
  border: 1px solid #232323;
  background: #323236;
}
.admin-notifications-list .admin-notifications-list-web .items-table .table-header .select-search:active {
  background: #ffffff;
  border: 1px solid #ededed;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .table-header .select-search:active {
  background: #28282b;
  border: 1px solid #232323;
}
.admin-notifications-list .admin-notifications-list-web .items-table .table-header .select-search:filled {
  border: 1px solid #ededed;
  background: #ffffff;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .table-header .select-search:filled {
  background: #28282b;
  border: 1px solid #232323;
}
.admin-notifications-list .admin-notifications-list-web .items-table .table-header .right {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  margin: 0px;
  background: #4f008c;
  border-radius: 4px;
  cursor: pointer;
}
.admin-notifications-list .admin-notifications-list-web .items-table .table-header .right span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .table-header .right {
  background: #797bf2;
}
.admin-notifications-list .admin-notifications-list-web .items-table .table-header .right:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .table-header .right:hover {
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content {
  width: 100%;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 175px;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table {
  border: none !important;
  width: 100%;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table .first-last-column {
  margin: 0 24px;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table thead tr {
  background: #f2f2f2;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table thead tr {
  background: #252529;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table thead tr .thContent {
  display: flex;
  flex-direction: row;
  padding: 10px 0px;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table thead tr .thContent svg {
  fill: #575767;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table thead tr .thContent svg {
  fill: #cecece;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table thead tr th {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  border: none;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table thead tr th span {
  cursor: pointer;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #575767;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table thead tr th span {
  color: #cecece;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table thead tr .sort-icons {
  margin: 0 3px;
  width: auto;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table thead tr .sort-icons svg path {
  fill: #a2a5b9;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table thead tr .sort-icons svg:hover {
  width: 6px;
  height: 12px;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table thead tr .sort-icons svg:hover path {
  fill: #202022;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table thead tr .sort-icons svg:hover path {
  fill: rgb(241, 236, 236);
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table thead tr .sort-icons svg.active {
  width: 6px;
  height: 12px;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table thead tr .sort-icons svg.active path {
  fill: #202022;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table thead tr .sort-icons svg.active path {
  fill: rgb(241, 236, 236);
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table thead tr .arrowUp {
  margin: 0 2px;
  padding: 2px;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table thead tr .arrowUp {
  fill: white;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table thead tr .arrowDown {
  margin: 0 2px;
  padding: 2px;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table thead tr .arrowDown {
  fill: white;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody td {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d !important;
  border: none;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody td {
  color: #cecece !important;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .oddTR {
  height: 96px;
  background: #f9f9f9 !important;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .oddTR {
  background: #323236 !important;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .oddTR:hover {
  background: #ebedf5 !important;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .oddTR:hover {
  background: #404046 !important;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .oddTR:hover td {
  background: #ebedf5 !important;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .oddTR:hover td {
  background: #404046 !important;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .evenTR {
  height: 96px;
  background: #ffffff !important;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .evenTR {
  background: #28282b !important;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .evenTR:hover {
  background: #ebedf5 !important;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .evenTR:hover {
  background: #404046 !important;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .evenTR:hover td {
  background: #ebedf5 !important;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .evenTR:hover td {
  background: #404046 !important;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .three-dots path {
  stroke: #1d252d;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .three-dots path {
  stroke: #cecece;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .sent {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2px 12px;
  gap: 10px;
  height: 25px;
  border-radius: 14.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .sent {
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .pending {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2px 12px;
  gap: 10px;
  height: 25px;
  border-radius: 14.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #b39b2d;
  background: #fffcec;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .pending {
  color: #b39b2d;
  background: #403f3b;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .deleted {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2px 12px;
  gap: 10px;
  height: 25px;
  border-radius: 14.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #a2a5b9;
  background: #f2f2f2;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .deleted {
  color: #8d8fa1;
  background: #252529;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .availability_status_0 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2px 0px;
  gap: 10px;
  height: 25px;
  border-radius: 14.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #a2a5b9;
  background: #f2f2f2;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .availability_status_0 {
  color: #8d8fa1;
  background: #252529;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .availability_status_1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2px 0px;
  gap: 10px;
  height: 25px;
  border-radius: 14.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .availability_status_1 {
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .side-dropdown {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  gap: 16px;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0px 15px 15px -6px rgba(191, 182, 182, 0.3);
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .side-dropdown {
  background: #28282b;
  box-shadow: 1px 6px 10px 2px rgba(35, 35, 38, 0.3);
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .side-dropdown .side-dropdown-item {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 10px;
  gap: 8px;
  width: 100%;
  height: 38px;
  border-radius: 4px;
  overflow: visible;
  background: #F9F9F9;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .side-dropdown .side-dropdown-item {
  background: #323236;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .side-dropdown .side-dropdown-item svg .svg-part1 {
  stroke: #28282b;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .side-dropdown .side-dropdown-item svg .svg-part1 {
  stroke: #a2a5b9;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .side-dropdown .side-dropdown-item svg .svg-part2 {
  stroke: #1d252d;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .side-dropdown .side-dropdown-item svg .svg-part2 {
  stroke: #a2a5b9;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .side-dropdown .side-dropdown-item svg .svg-part3 {
  fill: #1d252d;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .side-dropdown .side-dropdown-item svg .svg-part3 {
  fill: #a2a5b9;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .side-dropdown .side-dropdown-item p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #28282b;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .side-dropdown .side-dropdown-item p {
  color: #a2a5b9;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .notification-id-column {
  display: inline-block;
  height: 25px;
}
@media (min-width: 1566px) {
  .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .notification-id-column {
    width: 40px;
  }
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .notification-title-column {
  display: inline-block;
  height: 21px;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .notification-audience-column {
  display: inline-block;
  height: 21px;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .notification-createdDate-column {
  display: inline-block;
  height: 21px;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .notification-schedulesDate-column {
  display: inline-block;
  height: 21px;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .notification-publishedDate-column {
  display: inline-block;
  height: 21px;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .notification-status-column {
  display: flex;
  height: 25px;
  justify-content: center;
}
@media (min-width: 1566px) {
  .admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .notification-status-column {
    width: 82px;
  }
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .notification-updatedBy-column {
  display: inline-block;
  height: 21px;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table tbody .notification-createdBy-column {
  display: inline-block;
  height: 21px;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content table .margin-horizontaly {
  margin: 0 1.5em;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content .paginator {
  display: flex;
  justify-content: center;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-content .table-content.is-badge {
  padding-bottom: 220px !important;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-no-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  height: 123px;
  width: 100%;
  position: absolute;
  top: 55%;
  left: 0%;
  right: 0%;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-no-content svg {
  margin-bottom: 25.9px;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-no-content svg path {
  fill: #bababa;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-no-content svg path {
  fill: #cecece;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-no-content h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 4px;
  color: #1d252d;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-no-content h2 {
  color: #cecece;
}
.admin-notifications-list .admin-notifications-list-web .items-table .has-no-content p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #575767;
}
body.is-dark .admin-notifications-list .admin-notifications-list-web .items-table .has-no-content p {
  color: #cecece;
}
@media (max-width: 768px) {
  .admin-notifications-list .admin-notifications-list-web .items-table {
    display: none;
  }
}
.admin-notifications-list .dropdown.ar .dropdown-menu {
  margin-right: -166px;
}
.admin-notifications-list .dropdown .dropdown-menu {
  min-width: 192px;
}
.admin-notifications-list.admin-badges .assign-icon {
  stroke: #1D252D;
}
body.is-dark .admin-notifications-list.admin-badges .assign-icon {
  stroke: #A2A5B9;
}

.admin-notifications-list-mobile .bottom-sheet-menu-mobile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 48px 20px;
  gap: 20px;
  isolation: isolate;
  position: relative;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
  border-radius: 24px 24px 0px 0px !important;
}
body.is-dark .admin-notifications-list-mobile .bottom-sheet-menu-mobile {
  background: #28282b;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
  border-radius: 24px 24px 0px 0px;
}
.admin-notifications-list-mobile .bottom-sheet-menu-mobile .side-dropdown-item {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 20px;
  gap: 8px;
  width: 100%;
  height: 38px;
  border-radius: 4px;
  background: #f9f9f9;
}
body.is-dark .admin-notifications-list-mobile .bottom-sheet-menu-mobile .side-dropdown-item {
  background: #323236;
}
.admin-notifications-list-mobile .bottom-sheet-menu-mobile .side-dropdown-item svg .svg-part1 {
  stroke: #28282b;
}
body.is-dark .admin-notifications-list-mobile .bottom-sheet-menu-mobile .side-dropdown-item svg .svg-part1 {
  stroke: #a2a5b9;
}
.admin-notifications-list-mobile .bottom-sheet-menu-mobile .side-dropdown-item svg .svg-part2 {
  stroke: #1d252d;
}
body.is-dark .admin-notifications-list-mobile .bottom-sheet-menu-mobile .side-dropdown-item svg .svg-part2 {
  stroke: #a2a5b9;
}
.admin-notifications-list-mobile .bottom-sheet-menu-mobile .side-dropdown-item svg rect {
  fill: white;
}
.admin-notifications-list-mobile .bottom-sheet-menu-mobile .side-dropdown-item p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .admin-notifications-list-mobile .bottom-sheet-menu-mobile .side-dropdown-item p {
  color: #a2a5b9;
}
.admin-notifications-list-mobile .table-header-mobile-text th span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .admin-notifications-list-mobile .table-header-mobile-text th span {
  color: #cecece;
}
.admin-notifications-list-mobile {
  display: flex;
  flex-direction: column;
}
body.is-dark .admin-notifications-list-mobile .notifications-slider {
  background: #323236;
}
.admin-notifications-list-mobile .notifications-slider .title p {
  margin: 1em 0 0.5em 0 !important;
}
.admin-notifications-list-mobile .line-container {
  margin: 24px 0;
}
.admin-notifications-list-mobile .line-container .line {
  width: 100%;
  height: 1px;
  background: #ededed;
}
body.is-dark .admin-notifications-list-mobile .line-container .line {
  background: #232323;
}
.admin-notifications-list-mobile .items-table .table-header {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.admin-notifications-list-mobile .items-table .table-header .dropdown .dropdown-trigger {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  gap: 8px;
  width: 200px;
  height: 38px;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #dbdbdb;
}
body.is-dark .admin-notifications-list-mobile .items-table .table-header .dropdown .dropdown-trigger {
  background: #28282b;
  border: 1px solid #2d2d31;
}
.admin-notifications-list-mobile .items-table .table-header .select {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  gap: 8px;
  width: 200px;
  height: 38px;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #dbdbdb;
}
body.is-dark .admin-notifications-list-mobile .items-table .table-header .select {
  background: #28282b;
  border: 1px solid #2d2d31;
}
.admin-notifications-list-mobile .items-table .table-header .select span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .admin-notifications-list-mobile .items-table .table-header .select span {
  color: #cecece;
}
.admin-notifications-list-mobile .items-table .table-header .select svg path {
  stroke: #1d252d;
}
body.is-dark .admin-notifications-list-mobile .items-table .table-header .select svg path {
  stroke: #cecece;
}
.admin-notifications-list-mobile .items-table .table-header .dropdown-menu {
  padding: 0px !important;
}
.admin-notifications-list-mobile .items-table .table-header .bottom-sheet-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 48px 20px;
  gap: 16px;
  isolation: isolate;
  width: 100%;
  height: 296px;
  border-radius: 24px 24px 0px 0px !important;
  background: #ffffff;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .admin-notifications-list-mobile .items-table .table-header .bottom-sheet-menu {
  background: #28282b;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.admin-notifications-list-mobile .items-table .table-header .bottom-sheet-menu .select-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 20px;
  gap: 8px;
  width: 100%;
  height: 38px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .admin-notifications-list-mobile .items-table .table-header .bottom-sheet-menu .select-item {
  color: #cecece;
}
.admin-notifications-list-mobile .items-table .table-header .bottom-sheet-menu .select-item.active {
  color: #4f008c !important;
  background: #f3e3ff;
}
body.is-dark .admin-notifications-list-mobile .items-table .table-header .bottom-sheet-menu .select-item.active {
  color: #797bf2 !important;
  background: #363659;
}
.admin-notifications-list-mobile .items-table .table-header .right {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  background: #4f008c;
  border-radius: 4px;
  cursor: pointer;
}
.admin-notifications-list-mobile .items-table .table-header .right span {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
}
body.is-dark .admin-notifications-list-mobile .items-table .table-header .right {
  background: #797bf2;
}
.admin-notifications-list-mobile .items-table .table-header .right:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .admin-notifications-list-mobile .items-table .table-header .right:hover {
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.admin-notifications-list-mobile .has-content .table-content .notification-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 24px;
  margin-bottom: 20px;
  width: 100%;
  border-radius: 8px;
  background: #ffffff;
}
body.is-dark .admin-notifications-list-mobile .has-content .table-content .notification-card {
  background: #28282b;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .top-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .head .title {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .head .title {
  color: #cecece;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .head .dropdown-menu {
  padding: 0px !important;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .head .bottom-sheet-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 48px 20px;
  gap: 20px;
  isolation: isolate;
  position: relative;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
  border-radius: 24px 24px 0px 0px;
}
body.is-dark .admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .head .bottom-sheet-menu {
  background: #28282b;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
  border-radius: 24px 24px 0px 0px;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .head .bottom-sheet-menu .side-dropdown-item {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 20px;
  gap: 8px;
  width: 100%;
  height: 38px;
  border-radius: 4px;
  background: #f9f9f9;
}
body.is-dark .admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .head .bottom-sheet-menu .side-dropdown-item {
  background: #323236;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .head .bottom-sheet-menu .side-dropdown-item svg .svg-part1 {
  stroke: #28282b;
}
body.is-dark .admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .head .bottom-sheet-menu .side-dropdown-item svg .svg-part1 {
  stroke: #a2a5b9;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .head .bottom-sheet-menu .side-dropdown-item svg .svg-part2 {
  stroke: #1d252d;
}
body.is-dark .admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .head .bottom-sheet-menu .side-dropdown-item svg .svg-part2 {
  stroke: #a2a5b9;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .head .bottom-sheet-menu .side-dropdown-item svg .svg-part3 {
  fill: #1d252d;
}
body.is-dark .admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .head .bottom-sheet-menu .side-dropdown-item svg .svg-part3 {
  fill: #a2a5b9;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .head .bottom-sheet-menu .side-dropdown-item svg rect {
  fill: white;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .head .bottom-sheet-menu .side-dropdown-item p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .head .bottom-sheet-menu .side-dropdown-item p {
  color: #a2a5b9;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .head .three-dots path {
  stroke: #1d252d;
}
body.is-dark .admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .head .three-dots path {
  stroke: #cecece;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .audience {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  margin-top: -16px;
  color: #575767;
}
body.is-dark .admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .audience {
  color: #cecece;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .status {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  gap: 10px;
  height: 25px;
  border-radius: 14.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .status.sent {
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
body.is-dark .admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .status.sent {
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .status.availability_status_0 {
  color: #a2a5b9;
  background: #f2f2f2;
}
body.is-dark .admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .status.availability_status_0 {
  color: #8d8fa1;
  background: #252529;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .status.availability_status_1 {
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
body.is-dark .admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .status.availability_status_1 {
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .status.pending {
  color: #b39b2d;
  background: #fffcec;
}
body.is-dark .admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .status.pending {
  color: #b39b2d;
  background: #403f3b;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .status.deleted {
  color: #a2a5b9;
  background: #f2f2f2;
}
body.is-dark .admin-notifications-list-mobile .has-content .table-content .notification-card .top-section .status.deleted {
  color: #8d8fa1;
  background: #252529;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .hr {
  width: 100%;
  height: 0px;
  margin: 16px 0;
  border: 1px solid #ededed;
}
body.is-dark .admin-notifications-list-mobile .has-content .table-content .notification-card .hr {
  border: 1px solid #232323;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .bottom-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .bottom-section .first-row {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .bottom-section .first-row .title {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #575767;
}
body.is-dark .admin-notifications-list-mobile .has-content .table-content .notification-card .bottom-section .first-row .title {
  color: #cecece;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .bottom-section .first-row .conetent {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  margin-top: -16px;
  color: #1d252d;
}
body.is-dark .admin-notifications-list-mobile .has-content .table-content .notification-card .bottom-section .first-row .conetent {
  color: #cecece;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .bottom-section .row {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .bottom-section .row .col {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .bottom-section .row .col .title {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #575767;
}
body.is-dark .admin-notifications-list-mobile .has-content .table-content .notification-card .bottom-section .row .col .title {
  color: #cecece;
}
.admin-notifications-list-mobile .has-content .table-content .notification-card .bottom-section .row .col .conetent {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  margin-top: -16px;
  color: #1d252d;
}
body.is-dark .admin-notifications-list-mobile .has-content .table-content .notification-card .bottom-section .row .col .conetent {
  color: #cecece;
}
.admin-notifications-list-mobile .loading-mentors {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  height: 123px;
  width: 100%;
  position: absolute;
  top: 55%;
  left: 0%;
  right: 0%;
}
.admin-notifications-list-mobile .loading-mentors svg {
  width: 200px;
  height: 200px;
  margin: auto;
  display: block;
  shape-rendering: auto;
  background: none;
}
.admin-notifications-list-mobile .loading-mentors svg path {
  fill: #4f008c;
}
body.is-dark .admin-notifications-list-mobile .loading-mentors svg path {
  fill: #797bf2;
}
.admin-notifications-list-mobile .has-no-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  height: 123px;
  width: 100%;
  position: absolute;
  top: 70%;
  left: 0%;
  right: 0%;
}
.admin-notifications-list-mobile .has-no-content svg {
  margin-bottom: 25.9px;
}
.admin-notifications-list-mobile .has-no-content svg path {
  fill: #bababa;
}
body.is-dark .admin-notifications-list-mobile .has-no-content svg path {
  fill: #cecece;
}
.admin-notifications-list-mobile .has-no-content h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 4px;
  color: #1d252d;
}
body.is-dark .admin-notifications-list-mobile .has-no-content h2 {
  color: #cecece;
}
.admin-notifications-list-mobile .has-no-content p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #575767;
}
body.is-dark .admin-notifications-list-mobile .has-no-content p {
  color: #cecece;
}
.admin-notifications-list-mobile.admin-badges .assign-icon {
  stroke: #1D252D;
}
body.is-dark .admin-notifications-list-mobile.admin-badges .assign-icon {
  stroke: #A2A5B9;
}

.notifications-slider {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  background: #f9f9f9;
  padding-bottom: 0px;
}
body.is-dark .notifications-slider {
  background: transparent;
}
.notifications-slider .title {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.notifications-slider .title p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  color: #1d252d;
}
body.is-dark .notifications-slider .title p {
  color: #cecece;
}
.notifications-slider .title .slider-navigator {
  display: flex;
  gap: 24px;
  direction: rtl;
}
.notifications-slider .title .slider-navigator svg.active path {
  fill: #410073;
  stroke: #4f008c;
}
body.is-dark .notifications-slider .title .slider-navigator svg.active path {
  fill: #797bf2;
  stroke: none;
}
.notifications-slider .title .slider-navigator svg.dimmed path {
  fill: #e7e1ec;
  stroke: #e7e1ec;
}
body.is-dark .notifications-slider .title .slider-navigator svg.dimmed path {
  fill: #393949;
  stroke: #393949;
}
.notifications-slider .empty-notifications {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 16px;
  width: 250px;
  height: 103px;
  background: #f9f9f9;
  border: 1px solid #ededed;
  border-radius: 8px;
}
body.is-dark .notifications-slider .empty-notifications {
  background: #323236;
  border: 1px solid #232323;
}
.notifications-slider .empty-notifications svg path {
  stroke: #1d252d;
}
body.is-dark .notifications-slider .empty-notifications svg path {
  stroke: #cecece;
}
.notifications-slider .empty-notifications .sub-title {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .notifications-slider .empty-notifications .sub-title {
  color: #cecece;
}
.notifications-slider .scheduled-notification-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px 24px;
  gap: 4px;
  width: 250px;
  background: #f9f9f9;
  border: 1px solid #ededed;
  border-radius: 8px;
}
body.is-dark .notifications-slider .scheduled-notification-card {
  background: #323236;
  border: 1px solid #232323;
}
.notifications-slider .scheduled-notification-card .header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.notifications-slider .scheduled-notification-card .header .title {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
  margin-bottom: 0;
}
body.is-dark .notifications-slider .scheduled-notification-card .header .title {
  color: #cecece;
}
.notifications-slider .scheduled-notification-card .header .notification-dropdown-svg path {
  stroke: #1d252d;
}
body.is-dark .notifications-slider .scheduled-notification-card .header .notification-dropdown-svg path {
  stroke: #cecece;
}
.notifications-slider .scheduled-notification-card .header .bottom-sheet-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 48px 20px;
  gap: 20px;
  isolation: isolate;
  position: relative;
  width: 100%;
  height: 308px;
  background: #ffffff;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
  border-radius: 24px 24px 0px 0px;
}
body.is-dark .notifications-slider .scheduled-notification-card .header .bottom-sheet-menu {
  background: #28282b;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
  border-radius: 24px 24px 0px 0px;
}
.notifications-slider .scheduled-notification-card .header .bottom-sheet-menu .side-dropdown-item {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 20px;
  gap: 8px;
  width: 100%;
  height: 38px;
  border-radius: 4px;
  background: #f9f9f9;
}
body.is-dark .notifications-slider .scheduled-notification-card .header .bottom-sheet-menu .side-dropdown-item {
  background: #323236;
}
.notifications-slider .scheduled-notification-card .header .bottom-sheet-menu .side-dropdown-item svg .svg-part1 {
  stroke: #28282b;
}
body.is-dark .notifications-slider .scheduled-notification-card .header .bottom-sheet-menu .side-dropdown-item svg .svg-part1 {
  stroke: #a2a5b9;
}
.notifications-slider .scheduled-notification-card .header .bottom-sheet-menu .side-dropdown-item svg .svg-part2 {
  stroke: #1d252d;
}
body.is-dark .notifications-slider .scheduled-notification-card .header .bottom-sheet-menu .side-dropdown-item svg .svg-part2 {
  stroke: #a2a5b9;
}
.notifications-slider .scheduled-notification-card .header .bottom-sheet-menu .side-dropdown-item svg rect {
  fill: white;
}
.notifications-slider .scheduled-notification-card .header .bottom-sheet-menu .side-dropdown-item p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .notifications-slider .scheduled-notification-card .header .bottom-sheet-menu .side-dropdown-item p {
  color: #a2a5b9;
}
.notifications-slider .scheduled-notification-card .header .side-dropdown {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  gap: 10px;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0px 15px 15px -6px rgba(191, 182, 182, 0.3);
}
body.is-dark .notifications-slider .scheduled-notification-card .header .side-dropdown {
  background: #28282b;
  box-shadow: 1px 6px 10px 2px rgba(35, 35, 38, 0.3);
}
.notifications-slider .scheduled-notification-card .header .side-dropdown .side-dropdown-item {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 10px;
  gap: 8px;
  width: 138px;
  border-radius: 4px;
  background: #ffffff;
}
body.is-dark .notifications-slider .scheduled-notification-card .header .side-dropdown .side-dropdown-item {
  background: #323236;
}
.notifications-slider .scheduled-notification-card .header .side-dropdown .side-dropdown-item svg .svg-part1 {
  stroke: #28282b;
}
body.is-dark .notifications-slider .scheduled-notification-card .header .side-dropdown .side-dropdown-item svg .svg-part1 {
  stroke: #a2a5b9;
}
.notifications-slider .scheduled-notification-card .header .side-dropdown .side-dropdown-item svg .svg-part2 {
  stroke: #1d252d;
}
body.is-dark .notifications-slider .scheduled-notification-card .header .side-dropdown .side-dropdown-item svg .svg-part2 {
  stroke: #a2a5b9;
}
.notifications-slider .scheduled-notification-card .header .side-dropdown .side-dropdown-item svg .svg-part3 {
  fill: #1d252d;
}
body.is-dark .notifications-slider .scheduled-notification-card .header .side-dropdown .side-dropdown-item svg .svg-part3 {
  fill: #a2a5b9;
}
.notifications-slider .scheduled-notification-card .header .side-dropdown .side-dropdown-item p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #28282b;
}
body.is-dark .notifications-slider .scheduled-notification-card .header .side-dropdown .side-dropdown-item p {
  color: #a2a5b9;
}
.notifications-slider .scheduled-notification-card .target_audience {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #575767;
}
body.is-dark .notifications-slider .scheduled-notification-card .target_audience {
  color: #cecece;
}
.notifications-slider .scheduled-notification-card .time {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .notifications-slider .scheduled-notification-card .time {
  color: #cecece;
}
.notifications-slider .scheduled-notification-card:hover {
  background: #ffffff;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .notifications-slider .scheduled-notification-card:hover {
  background: #28282b;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.notifications-slider .scheduled-notification-card.ar {
  direction: rtl;
}
.notifications-slider .ar .dropdown-menu {
  margin-right: -176px;
}
@media (max-width: 1792px) {
  .notifications-slider .swiper-slide {
    width: 302px !important;
  }
}

.notification-container {
  width: 100%;
  margin: 24px auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  .notification-container {
    padding-left: 1rem;
    padding-right: 1rem;
    margin: 16px auto;
  }
}
@media (min-width: 1536px) {
  .notification-container {
    max-width: 1600px;
  }
}
.notification-container .swiper {
  overflow: visible;
}
.notification-container.preview .employee-submit-survey .form-container {
  width: 75% !important;
}
.notification-container.preview .admin-surveys-list-web .items-table {
  min-height: auto !important;
}

.custom-button-select {
  color: #4F008C;
  background: #F3E3FF;
}
body.is-dark .custom-button-select {
  color: #797BF2;
  background: #363659;
}

.notification-slider-container {
  width: 100%;
}
@media (max-width: 768px) {
  .notification-slider-container .bottom-sheet-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 48px 20px;
    gap: 16px;
    isolation: isolate;
    width: 100%;
    height: 296px;
    border-radius: 24px 24px 0px 0px !important;
    background: #ffffff;
    box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
  }
  body.is-dark .notification-slider-container .bottom-sheet-menu {
    background: #28282b;
    box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
  }
  .notification-slider-container .bottom-sheet-menu .select-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 20px;
    gap: 8px;
    width: 100%;
    height: 38px;
    border-radius: 4px;
    font-family: "STC Forward";
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    color: #1d252d;
  }
  body.is-dark .notification-slider-container .bottom-sheet-menu .select-item {
    color: #cecece;
  }
  .notification-slider-container .bottom-sheet-menu .select-item.active {
    color: #4f008c !important;
    background: #f3e3ff;
  }
  body.is-dark .notification-slider-container .bottom-sheet-menu .select-item.active {
    color: #797bf2 !important;
    background: #363659;
  }
}
.notification-slider-container .swiper-slide {
  position: unset;
}
.notification-slider-container .swiper {
  position: unset;
}

.notification-list-modal-container .modal-close {
  display: none;
}
.notification-list-modal-container .modal-background {
  background-color: rgba(40, 40, 43, 0.65);
}
.notification-list-modal-container .animation-content {
  position: relative;
  transition: transform 400ms ease-in-out !important;
  -webkit-transition: transform 400ms ease-in-out !important;
}
.notification-list-modal-container .animation-content .modal-dropdown-container {
  transition: transform 400ms ease-in-out !important;
  -webkit-transition: transform 400ms ease-in-out !important;
  transform: translatey(100%);
  -webkit-transform: translatey(100%);
  margin: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  right: auto !important;
  top: auto !important;
  z-index: 500 !important;
}
.notification-list-modal-container .animation-content .modal-dropdown-container .modal-content {
  transition: transform 0.3s ease;
  animation-fill-mode: both;
  margin: 0;
}
.notification-list-modal-container .animation-content .modal-dropdown-container .modal-content .modalBody {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 48px 20px;
  gap: 20px;
  isolation: isolate;
  position: relative;
  width: 100%;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
  border-radius: 24px 24px 0px 0px;
  background: #ffffff;
}
body.is-dark .notification-list-modal-container .animation-content .modal-dropdown-container .modal-content .modalBody {
  background: #232326;
}
.notification-list-modal-container.is-active .modal-dropdown-container {
  transform: translatey(0%);
}
.notification-list-modal-container .side-dropdown-item {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 20px;
  gap: 8px;
  width: 100%;
  height: 38px;
  border-radius: 4px;
  background: #f9f9f9;
}
body.is-dark .notification-list-modal-container .side-dropdown-item {
  background: #323236;
}
.notification-list-modal-container .side-dropdown-item svg .svg-part1 {
  stroke: #28282b;
}
body.is-dark .notification-list-modal-container .side-dropdown-item svg .svg-part1 {
  stroke: #a2a5b9;
}
.notification-list-modal-container .side-dropdown-item svg .svg-part2 {
  stroke: #1d252d;
}
body.is-dark .notification-list-modal-container .side-dropdown-item svg .svg-part2 {
  stroke: #a2a5b9;
}
.notification-list-modal-container .side-dropdown-item svg rect {
  fill: white;
}
.notification-list-modal-container .side-dropdown-item p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .notification-list-modal-container .side-dropdown-item p {
  color: #a2a5b9;
}

.mentor-availability-name {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .mentor-availability-name {
  color: #cecece;
}

.notification-icon-cards-container {
  width: 100%;
  max-height: 74vh;
  overflow-y: scroll;
}

.move-icons {
  margin: 8px 0px 0px 4px;
  width: auto;
}
.move-icons svg {
  cursor: pointer;
}
.move-icons svg path {
  fill: #a2a5b9;
}

.create-notifications {
  padding: 48px 187px;
  position: relative;
  top: 60px;
  display: flex;
  flex-direction: row;
  gap: 48px;
}
.create-notifications .ck .ck-content {
  max-height: 400px;
  min-height: 200px;
}
.create-notifications .ck p {
  float: none !important;
}
.create-notifications .form-container {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.create-notifications .form-container .content-word {
  font-family: "STC Forward";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 24px;
  color: #1D252D;
}
body.is-dark .create-notifications .form-container .content-word {
  color: #CECECE;
}
.create-notifications .form-container section.red-border textarea, .create-notifications .form-container section.red-border input {
  border: 1px solid brown;
}
.create-notifications .form-container section .datepicker.en input, .create-notifications .form-container section .timepicker.en input {
  padding: 0px 32px !important;
}
.create-notifications .form-container section .ar {
  direction: rtl;
}
.create-notifications .form-container section .ar p, .create-notifications .form-container section .ar input {
  direction: rtl;
}
.create-notifications .form-container section .ar input {
  padding: 0px 16px !important;
}
.create-notifications .form-container section .en {
  direction: ltr;
}
.create-notifications .form-container section .en p, .create-notifications .form-container section .en input, .create-notifications .form-container section .en textarea {
  direction: ltr;
  float: left;
}
.create-notifications .form-container section .ar-input.ar input {
  padding: 0px 32px !important;
}
.create-notifications .form-container section .ar-input.en input {
  padding: 0px 16px !important;
}
.create-notifications .form-container section .ar-direction {
  direction: rtl !important;
}
.create-notifications .form-container section .ar-direction p, .create-notifications .form-container section .ar-direction input, .create-notifications .form-container section .ar-direction textarea {
  direction: rtl !important;
}
.create-notifications .form-container section .ar-direction input {
  padding: 0px 16px !important;
}
.create-notifications .form-container section .en-direction {
  direction: ltr !important;
}
.create-notifications .form-container section .en-direction p, .create-notifications .form-container section .en-direction input, .create-notifications .form-container section .en-direction textarea {
  direction: ltr;
  float: left;
}
.create-notifications .form-container .title-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 32px;
}
.create-notifications .form-container .title-row .title {
  display: flex;
  flex-direction: row;
  gap: 9px;
}
.create-notifications .form-container .title-row .title h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  color: #1D252D;
}
body.is-dark .create-notifications .form-container .title-row .title h2 {
  color: #CECECE;
}
.create-notifications .form-container .title-row .title svg path {
  stroke: #1D252D;
}
body.is-dark .create-notifications .form-container .title-row .title svg path {
  stroke: #CECECE;
}
.create-notifications .form-container .title-row .tr-buttons {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.create-notifications .form-container .title-row .tr-buttons .lang {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 10px;
  gap: 10px;
  width: 61px;
  height: 35px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #1D252D;
  background: #F2F2F2;
}
body.is-dark .create-notifications .form-container .title-row .tr-buttons .lang {
  color: #CECECE;
  background: #252529;
}
.create-notifications .form-container .title-row .tr-buttons .lang:hover {
  color: #4F008C;
  background: #F2F2F2;
  border: 1px solid #4F008C;
}
body.is-dark .create-notifications .form-container .title-row .tr-buttons .lang:hover {
  color: #797BF2;
  background: #252529;
  border: 1px solid #797BF2;
}
.create-notifications .form-container .title-row .tr-buttons .lang.active {
  font-weight: 500;
  color: #4F008C;
  background: #F3E3FF;
}
body.is-dark .create-notifications .form-container .title-row .tr-buttons .lang.active {
  color: #797BF2;
  background: #363659;
}
.create-notifications .form-container .arabic_input.ar {
  direction: rtl !important;
}
.create-notifications .form-container .arabic_input.ar input, .create-notifications .form-container .arabic_input.ar textarea {
  direction: rtl !important;
}
.create-notifications .form-container .section-title {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  margin-bottom: 4px;
  color: #1D252D;
}
body.is-dark .create-notifications .form-container .section-title {
  color: #CECECE;
}
.create-notifications .form-container .audience-list, .create-notifications .form-container .time-list, .create-notifications .form-container .media-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.create-notifications .form-container .audience-list button, .create-notifications .form-container .time-list button, .create-notifications .form-container .media-list button {
  border: 1px solid transparent;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 10px;
  gap: 10px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #1D252D;
  background: #F2F2F2;
}
body.is-dark .create-notifications .form-container .audience-list button, body.is-dark .create-notifications .form-container .time-list button, body.is-dark .create-notifications .form-container .media-list button {
  color: #CECECE;
  background: #252529;
}
.create-notifications .form-container .audience-list button:hover, .create-notifications .form-container .time-list button:hover, .create-notifications .form-container .media-list button:hover {
  color: #4F008C;
  background: #F2F2F2;
  border: 1px solid #4F008C;
}
body.is-dark .create-notifications .form-container .audience-list button:hover, body.is-dark .create-notifications .form-container .time-list button:hover, body.is-dark .create-notifications .form-container .media-list button:hover {
  color: #797BF2;
  background: #252529;
  border: 1px solid #797BF2;
}
.create-notifications .form-container .audience-list button.active, .create-notifications .form-container .time-list button.active, .create-notifications .form-container .media-list button.active {
  font-weight: 500;
  color: #4F008C;
  background: #F3E3FF;
}
body.is-dark .create-notifications .form-container .audience-list button.active, body.is-dark .create-notifications .form-container .time-list button.active, body.is-dark .create-notifications .form-container .media-list button.active {
  color: #797BF2;
  background: #363659;
}
.create-notifications .form-container .separator {
  width: 100%;
  height: 0px;
  margin: 16px 0px;
  border: 1px solid #EDEDED;
}
body.is-dark .create-notifications .form-container .separator {
  border: 1px solid #232323;
}
.create-notifications .form-container .ck-toolbar {
  border-top-right-radius: 4px !important;
  border-top-left-radius: 4px !important;
  border: 1px solid #DBDBDB !important;
  background: #F2F2F2 !important;
}
body.is-dark .create-notifications .form-container .ck-toolbar {
  border: 1px solid #2D2D31 !important;
  background: #252529 !important;
}
.create-notifications .form-container .mt {
  margin-top: 16px;
}
.create-notifications .form-container .form-input-group .link-group {
  display: flex;
  gap: 4.75px;
}
.create-notifications .form-container .form-input-group .link-group svg path {
  stroke: #1D252D;
}
body.is-dark .create-notifications .form-container .form-input-group .link-group svg path {
  stroke: #CECECE;
}
.create-notifications .form-container .form-input-group.en .red-error {
  float: left;
}
.create-notifications .form-container .custom-audience {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 16px;
  gap: 16px;
  border-radius: 8px;
  background: #FFFFFF;
}
body.is-dark .create-notifications .form-container .custom-audience {
  background: #28282B;
}
.create-notifications .form-container .custom-audience .full-width {
  width: 100%;
}
.create-notifications .form-container .custom-audience .file-section {
  width: 100%;
}
.create-notifications .form-container .custom-audience .file-section .file-cta {
  display: flex;
  width: 100%;
  border: 1.2px dashed #DBDBDB;
  justify-content: space-between;
}
body.is-dark .create-notifications .form-container .custom-audience .file-section .file-cta {
  background: #252529 !important;
  border: 1.2px dashed #404046;
}
.create-notifications .form-container .custom-audience .file-section .file-cta .browse-file {
  display: flex;
  gap: 10px;
}
.create-notifications .form-container .custom-audience .file-section .file-cta .browse-file i {
  line-height: unset;
}
.create-notifications .form-container .custom-audience .file-section .file-cta .x-span {
  display: none;
  padding: 10px;
}
.create-notifications .form-container .custom-audience .file-section .file-cta .x-span svg path {
  stroke: #1d252d;
}
body.is-dark .create-notifications .form-container .custom-audience .file-section .file-cta .x-span svg path {
  stroke: #cecece;
}
.create-notifications .form-container .custom-audience .file-section .user-email {
  font-weight: 400;
  font-size: 13px;
  color: #1d252d;
}
body.is-dark .create-notifications .form-container .custom-audience .file-section .user-email {
  color: #cecece;
}
.create-notifications .form-container .custom-audience .file-section .user-email {
  margin-bottom: 10px;
}
.create-notifications .form-container .custom-audience .file-section .is-danger .file-cta {
  border: 1.2px solid #ff375e !important;
}
.create-notifications .form-container .custom-audience .file-section .is-danger .file-cta .x-span {
  display: block !important;
}
.create-notifications .form-container .custom-audience .file-section .user-file {
  font-weight: 500;
  font-size: 13px;
  color: #1d252d;
}
body.is-dark .create-notifications .form-container .custom-audience .file-section .user-file {
  color: #cecece;
}
.create-notifications .form-container .custom-audience .file-section .user-file {
  margin-bottom: 15px;
}
.create-notifications .form-container .custom-audience .file-section .error {
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #ff375e;
}
.create-notifications .form-container .custom-audience .file-section .bulk-buttons-container {
  display: flex;
  justify-content: space-between;
}
.create-notifications .form-container .custom-audience .file-section .bulk-buttons-container .view-users {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  gap: 8px;
  height: 38px;
  background: #f9f9f9;
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
  font-weight: 500;
  font-size: 13px;
  color: #28282b;
}
body.is-dark .create-notifications .form-container .custom-audience .file-section .bulk-buttons-container .view-users svg {
  stroke: #a2a5b9;
}
.create-notifications .form-container .custom-audience .file-section .bulk-buttons-container .view-users svg {
  stroke: #28282b;
}
body.is-dark .create-notifications .form-container .custom-audience .file-section .bulk-buttons-container .view-users {
  background: #323236;
  color: #a2a5b9;
}
.create-notifications .form-container .custom-audience .file-section .bulk-buttons-container .view-users {
  margin-top: 20px;
}
.create-notifications .form-container .custom-audience .file-section .bulk-buttons-container .bulk-delete {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  gap: 8px;
  width: 48px;
  height: 38px;
  background: #f9f9f9;
  border-radius: 4px;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin-top: 20px;
}
body.is-dark .create-notifications .form-container .custom-audience .file-section .bulk-buttons-container .bulk-delete {
  background: #323236;
}
.create-notifications .form-container .custom-audience .file-section .bulk-buttons-container .bulk-delete svg {
  fill: #ff375e;
}
.create-notifications .form-container .custom-audience .Users_custom_lists {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 8.5px 16px;
  gap: 24px;
  width: 100%;
}
.create-notifications .form-container .custom-audience .Users_custom_lists .select-list-actions {
  display: flex;
  gap: 24px;
}
.create-notifications .form-container .custom-audience .Users_custom_lists .list-title {
  display: flex;
  gap: 9px;
  color: #1D252D;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
}
body.is-dark .create-notifications .form-container .custom-audience .Users_custom_lists .list-title {
  color: #CECECE;
}
.create-notifications .form-container .custom-audience .Users_custom_lists .list-title svg {
  fill: #1D252D;
}
body.is-dark .create-notifications .form-container .custom-audience .Users_custom_lists .list-title svg {
  fill: #CECECE;
}
.create-notifications .form-container .custom-audience .Users_custom_lists .view-users svg {
  stroke: #A2A5B9;
}
body.is-dark .create-notifications .form-container .custom-audience .Users_custom_lists .view-users svg {
  stroke: #CECECE;
}
.create-notifications .form-container .custom-audience .Users_custom_lists .bulk-delete svg {
  fill: #4F008C;
}
body.is-dark .create-notifications .form-container .custom-audience .Users_custom_lists .bulk-delete svg {
  fill: #797BF2;
}
.create-notifications .form-container .custom-audience .manage-lists {
  margin-top: 24px;
  display: flex;
  gap: 11px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #4F008C;
  border-bottom: 1px dashed #4F008C;
}
body.is-dark .create-notifications .form-container .custom-audience .manage-lists {
  color: #797BF2;
  border-bottom: 1px dashed #797BF2;
}
.create-notifications .form-container .custom-audience .manage-lists svg {
  fill: #4F008C;
}
body.is-dark .create-notifications .form-container .custom-audience .manage-lists svg {
  fill: #797BF2;
}
.create-notifications .form-container .custom-audience .validation-notes-save {
  cursor: pointer;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #4F008C;
  border-bottom: 1px dashed #4F008C;
}
body.is-dark .create-notifications .form-container .custom-audience .validation-notes-save {
  color: #797BF2;
  border-bottom: 1px dashed #797BF2;
}
.create-notifications .form-container .custom-audience h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #1D252D;
}
body.is-dark .create-notifications .form-container .custom-audience h3 {
  color: #CECECE;
}
.create-notifications .form-container .custom-audience .svg-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.create-notifications .form-container .custom-audience .svg-container svg {
  fill: #A2A5B9;
}
body.is-dark .create-notifications .form-container .custom-audience .svg-container svg {
  fill: #8D8FA1;
}
.create-notifications .form-container .custom-audience h4 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  color: #575767;
}
body.is-dark .create-notifications .form-container .custom-audience h4 {
  color: #CECECE;
}
.create-notifications .form-container .custom-audience .file-separator {
  width: 100%;
  height: 0px;
  border: 1px solid #EDEDED;
}
body.is-dark .create-notifications .form-container .custom-audience .file-separator {
  border: 1px solid #232323;
}
.create-notifications .form-container .custom-audience .select-file {
  cursor: pointer;
  width: 100%;
  min-height: 44px;
  border: 2px dashed hsl(0, 0%, 86%);
  border-radius: 0.65rem;
  background: #ebedf5;
  display: flex;
  gap: 10px;
  align-items: center;
  padding-left: calc(0.75em - 1px);
  padding-right: calc(0.75em - 1px);
  padding-top: 0;
  padding-bottom: 0;
  color: #1d252d;
  transition: color 0.3s, background-color 0.3s, border 0.3s, box-shadow 0.3s;
}
body.is-dark .create-notifications .form-container .custom-audience .select-file {
  background-color: #28282b !important;
  border-color: #404046 !important;
  color: #cecece;
}
.create-notifications .form-container .custom-audience .select-file:hover {
  background: #fff;
  border: 2px solid #4f008c;
  color: #4f008c;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
body.is-dark .create-notifications .form-container .custom-audience .select-file:hover {
  background-color: #28282b !important;
  color: #797bf2;
  border: 2px solid #797bf2 !important;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.create-notifications .form-container .custom-audience .select-file svg {
  stroke: #1D252D;
}
body.is-dark .create-notifications .form-container .custom-audience .select-file svg {
  stroke: #CECECE;
}
.create-notifications .form-container .custom-audience .select-file p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .create-notifications .form-container .custom-audience .select-file p {
  color: #CECECE;
}
.create-notifications .form-container .custom-audience .validation-notes {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #A2A5B9;
}
body.is-dark .create-notifications .form-container .custom-audience .validation-notes {
  color: #A2A5B9;
}
.create-notifications .form-container .date-time {
  display: flex;
  flex-direction: row;
  gap: 24px;
  width: 100%;
}
.create-notifications .form-container .date-time .date-field-group {
  position: relative;
  width: 50%;
}
.create-notifications .form-container .date-time .date-field-group .date-field {
  width: 100%;
}
.create-notifications .form-container .date-time .date-field-group .date-field input {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 16px;
  gap: 8px;
  width: 100%;
  height: 41px;
  border-radius: 4px !important;
  border: 1px solid #DBDBDB;
  background: #FFFFFF;
}
body.is-dark .create-notifications .form-container .date-time .date-field-group .date-field input {
  border: 1px solid #2D2D31;
  background: #28282B;
}
.create-notifications .form-container .date-time .date-field-group svg {
  position: absolute;
  top: 10px;
  z-index: 3;
}
.create-notifications .form-container .date-time .date-field-group svg.ar {
  left: 12px;
}
.create-notifications .form-container .date-time .date-field-group svg.en {
  right: 12px;
}
.create-notifications .form-container .date-time .date-field-group svg path {
  stroke: #1D252D;
}
body.is-dark .create-notifications .form-container .date-time .date-field-group svg path {
  stroke: #CECECE;
}
.create-notifications .form-container .notification-picture {
  cursor: pointer;
  width: 100%;
  min-height: 44px;
  border: 2px dashed hsl(0, 0%, 86%);
  border-radius: 0.65rem;
  background: #ebedf5;
  display: flex;
  align-items: center;
  padding-left: calc(0.75em - 1px);
  padding-right: calc(0.75em - 1px);
  padding-top: 0;
  padding-bottom: 0;
  color: #1d252d;
  transition: color 0.3s, background-color 0.3s, border 0.3s, box-shadow 0.3s;
}
body.is-dark .create-notifications .form-container .notification-picture {
  background-color: #28282b !important;
  border-color: #404046 !important;
  color: #cecece;
}
.create-notifications .form-container .notification-picture:hover {
  background: #fff;
  border: 2px solid #4f008c;
  color: #4f008c;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
body.is-dark .create-notifications .form-container .notification-picture:hover {
  background-color: #28282b !important;
  color: #797bf2;
  border: 2px solid #797bf2 !important;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.create-notifications .form-container .notification-picture .add-img {
  stroke: #1D252D;
}
body.is-dark .create-notifications .form-container .notification-picture .add-img {
  stroke: #CECECE;
}
.create-notifications .form-container .notification-picture .img-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 4px;
}
.create-notifications .form-container .notification-picture .img-container img {
  height: 100px;
  width: 100px;
  border-radius: 10px;
}
.create-notifications .form-container .red-error {
  position: relative;
  top: -2rem;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  margin-bottom: 4px;
  color: brown;
}
.create-notifications .form-container .red-error.for-link {
  top: -1rem !important;
}
.create-notifications .form-container .red-error.textarea-error {
  top: -0.75rem;
}
.create-notifications .form-container .actions {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: 32px;
}
.create-notifications .form-container .actions .submit {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
  background: #4f008c;
}
body.is-dark .create-notifications .form-container .actions .submit {
  background: #797bf2;
}
.create-notifications .form-container .actions .submit:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .create-notifications .form-container .actions .submit:hover {
  background: #797bf2 !important;
  color: #ffffff !important;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.create-notifications .form-container .actions .dimmed {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #BABABA;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  background: #DBDBDB;
  border-radius: 4px;
  cursor: no-drop;
}
body.is-dark .create-notifications .form-container .actions .dimmed {
  background: #3b3b41;
  border-color: #404046;
  color: #cecece;
}
.create-notifications .presentaion {
  width: 50%;
}
.create-notifications .presentaion .notification-look {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 20px;
  gap: 16px;
  width: 100%;
  min-height: 120px;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .create-notifications .presentaion .notification-look {
  background: #28282B;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.create-notifications .presentaion .notification-look.ar {
  direction: rtl;
}
.create-notifications .presentaion .notification-look.en {
  direction: ltr;
}
.create-notifications .presentaion .notification-look .notification-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-width: 56px;
  max-width: 56px;
  height: 56px;
  border-radius: 28px;
  background: #4F008C;
}
body.is-dark .create-notifications .presentaion .notification-look .notification-icon {
  background: #4F008C;
}
.create-notifications .presentaion .notification-look .notification-icon img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.create-notifications .presentaion .notification-look .notification-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: 523px;
  min-height: 80px;
}
.create-notifications .presentaion .notification-look .notification-info h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 26px;
  color: #1D252D;
}
body.is-dark .create-notifications .presentaion .notification-look .notification-info h3 {
  color: #CECECE;
}
.create-notifications .presentaion .notification-look .notification-info p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #575767;
}
body.is-dark .create-notifications .presentaion .notification-look .notification-info p {
  color: #CECECE;
}
.create-notifications .presentaion .notification-look .notification-info small {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #A2A5B9;
}
body.is-dark .create-notifications .presentaion .notification-look .notification-info small {
  color: #A2A5B9;
}
.create-notifications .presentaion .declaration-look {
  border-radius: 8px;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
  background: #F9F9F9;
}
body.is-dark .create-notifications .presentaion .declaration-look {
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
  background: #2D2D31;
}
.create-notifications .presentaion .declaration-look .preview-title {
  display: flex;
  padding: 20px;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  border-bottom: 1px solid #EDEDED;
  background: #FFF;
}
body.is-dark .create-notifications .presentaion .declaration-look .preview-title {
  border-bottom: 1px solid #232323;
  background: #28282B;
}
.create-notifications .presentaion .declaration-look .preview-title p {
  font-family: "STC Forward";
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 25.5px;
  color: #1D252D;
}
body.is-dark .create-notifications .presentaion .declaration-look .preview-title p {
  color: #CECECE;
}
.create-notifications .presentaion .declaration-look .preview-content {
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  background: #FFF;
}
body.is-dark .create-notifications .presentaion .declaration-look .preview-content {
  background: #28282B;
}
.create-notifications .presentaion .declaration-look .preview-content p {
  font-family: "STC Forward";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  color: #575767;
}
body.is-dark .create-notifications .presentaion .declaration-look .preview-content p {
  color: #CECECE;
}
.create-notifications .presentaion .declaration-look .preview-checkbox {
  display: flex;
  gap: 8px;
  margin: 20px 32px;
}
.create-notifications .presentaion .declaration-look .preview-checkbox svg .rect1 {
  fill: white;
}
body.is-dark .create-notifications .presentaion .declaration-look .preview-checkbox svg .rect1 {
  fill: #28282B;
}
.create-notifications .presentaion .declaration-look .preview-checkbox svg .rect2 {
  stroke: #A2A5B9;
}
body.is-dark .create-notifications .presentaion .declaration-look .preview-checkbox svg .rect2 {
  stroke: #A2A5B9;
}
.create-notifications .presentaion .declaration-look .preview-checkbox p {
  font-family: "STC Forward";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .create-notifications .presentaion .declaration-look .preview-checkbox p {
  color: #CECECE;
}
.create-notifications .presentaion .declaration-look .separator {
  margin: 0 5%;
  height: 0px;
  border: 1px solid #EDEDED;
}
body.is-dark .create-notifications .presentaion .declaration-look .separator {
  border: 1px solid #232323;
}
.create-notifications .presentaion .declaration-look .action {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  padding: 24px;
}
.create-notifications .presentaion .declaration-look.ar {
  text-align: justify;
  direction: rtl;
}
.create-notifications .presentaion .declaration-look.en {
  text-align: justify;
  direction: ltr;
}
.create-notifications .presentaion.declaration {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.create-notifications .presentaion.declaration .presentation-header {
  display: flex;
  justify-content: space-between;
}
.create-notifications .presentaion.declaration .presentation-header .alert-text {
  font-family: "STC Forward";
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .create-notifications .presentaion.declaration .presentation-header .alert-text {
  color: #CECECE;
}
.create-notifications .presentaion.declaration .presentation-header .tr-buttons {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.create-notifications .presentaion.declaration .presentation-header .tr-buttons .lang {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 10px;
  gap: 10px;
  width: 61px;
  height: 35px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #1D252D;
  background: #F2F2F2;
}
body.is-dark .create-notifications .presentaion.declaration .presentation-header .tr-buttons .lang {
  color: #CECECE;
  background: #252529;
}
.create-notifications .presentaion.declaration .presentation-header .tr-buttons .lang:hover {
  color: #4F008C;
  background: #F2F2F2;
  border: 1px solid #4F008C;
}
body.is-dark .create-notifications .presentaion.declaration .presentation-header .tr-buttons .lang:hover {
  color: #797BF2;
  background: #252529;
  border: 1px solid #797BF2;
}
.create-notifications .presentaion.declaration .presentation-header .tr-buttons .lang.active {
  font-weight: 500;
  color: #4F008C;
  background: #F3E3FF;
}
body.is-dark .create-notifications .presentaion.declaration .presentation-header .tr-buttons .lang.active {
  color: #797BF2;
  background: #363659;
}
.create-notifications .presentaion.declaration .notification-look {
  border-radius: 8px;
  background: #F3E3FF;
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .create-notifications .presentaion.declaration .notification-look {
  background: #363659;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.create-notifications .presentaion.declaration .notification-look .heading {
  font-family: "STC Forward";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 25.5px;
  color: #4F008C;
}
body.is-dark .create-notifications .presentaion.declaration .notification-look .heading {
  color: #797BF2;
}
.create-notifications .presentaion.declaration .notification-look .desc {
  font-family: "STC Forward";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  color: #4F008C;
}
body.is-dark .create-notifications .presentaion.declaration .notification-look .desc {
  color: #797BF2;
}
.create-notifications .presentaion.declaration .notification-look .preview-button {
  color: #4F008C;
  border-bottom: 1px dashed #4F008C;
}
body.is-dark .create-notifications .presentaion.declaration .notification-look .preview-button {
  color: #797BF2;
  border-bottom: 1px dashed #797BF2;
}
.create-notifications .presentaion.declaration .notification-look.ar {
  text-align: justify;
  direction: rtl;
}
.create-notifications .actions-mobile {
  display: none;
}
.create-notifications.badges-assign .badge-row {
  display: flex;
  margin-top: 8px;
}

.create-notifications-mobile {
  padding: 24px;
  position: relative;
  margin-top: 60px;
  top: calc(min(34px, env(safe-area-inset-top)) - 0px);
}
.create-notifications-mobile .form-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 114px;
}
.create-notifications-mobile .form-container .content-word {
  font-family: "STC Forward";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 24px;
  color: #1D252D;
}
body.is-dark .create-notifications-mobile .form-container .content-word {
  color: #CECECE;
}
.create-notifications-mobile .form-container .title-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 32px;
}
.create-notifications-mobile .form-container .title-row .title {
  display: flex;
  flex-direction: row;
  gap: 9px;
}
.create-notifications-mobile .form-container .title-row .title h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  color: #1D252D;
}
body.is-dark .create-notifications-mobile .form-container .title-row .title h2 {
  color: #CECECE;
}
.create-notifications-mobile .form-container .title-row .title svg path {
  stroke: #1D252D;
}
body.is-dark .create-notifications-mobile .form-container .title-row .title svg path {
  stroke: #CECECE;
}
.create-notifications-mobile .form-container .title-row .tr-buttons {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.create-notifications-mobile .form-container .title-row .tr-buttons .lang {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 10px;
  gap: 10px;
  width: 61px;
  height: 35px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #1D252D;
  background: #F2F2F2;
}
body.is-dark .create-notifications-mobile .form-container .title-row .tr-buttons .lang {
  color: #CECECE;
  background: #252529;
}
.create-notifications-mobile .form-container .title-row .tr-buttons .lang.active {
  font-weight: 500;
  color: #4F008C;
  background: #F3E3FF;
}
body.is-dark .create-notifications-mobile .form-container .title-row .tr-buttons .lang.active {
  color: #797BF2;
  background: #363659;
}
.create-notifications-mobile .form-container .section-title {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  margin-bottom: 4px;
  color: #1D252D;
}
body.is-dark .create-notifications-mobile .form-container .section-title {
  color: #CECECE;
}
.create-notifications-mobile .form-container .audience-list, .create-notifications-mobile .form-container .time-list, .create-notifications-mobile .form-container .media-list {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.create-notifications-mobile .form-container .audience-list button, .create-notifications-mobile .form-container .time-list button, .create-notifications-mobile .form-container .media-list button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 10px;
  gap: 10px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #1D252D;
  background: #F2F2F2;
}
body.is-dark .create-notifications-mobile .form-container .audience-list button, body.is-dark .create-notifications-mobile .form-container .time-list button, body.is-dark .create-notifications-mobile .form-container .media-list button {
  color: #CECECE;
  background: #252529;
}
.create-notifications-mobile .form-container .audience-list button.active, .create-notifications-mobile .form-container .time-list button.active, .create-notifications-mobile .form-container .media-list button.active {
  font-weight: 500;
  color: #4F008C;
  background: #F3E3FF;
}
body.is-dark .create-notifications-mobile .form-container .audience-list button.active, body.is-dark .create-notifications-mobile .form-container .time-list button.active, body.is-dark .create-notifications-mobile .form-container .media-list button.active {
  color: #797BF2;
  background: #363659;
}
.create-notifications-mobile .form-container .separator {
  width: 100%;
  height: 0px;
  margin: 16px 0px;
  border: 1px solid #EDEDED;
}
body.is-dark .create-notifications-mobile .form-container .separator {
  border: 1px solid #232323;
}
.create-notifications-mobile .form-container .ck-toolbar {
  border-top-right-radius: 4px !important;
  border-top-left-radius: 4px !important;
  border: 1px solid #DBDBDB !important;
  background: #F2F2F2 !important;
}
body.is-dark .create-notifications-mobile .form-container .ck-toolbar {
  border: 1px solid #2D2D31 !important;
  background: #252529 !important;
}
.create-notifications-mobile .form-container .red-error {
  position: relative;
  top: -2rem;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  margin-bottom: 4px;
  color: brown;
}
.create-notifications-mobile .form-container .red-error.textarea-error {
  top: -0.75rem;
}
.create-notifications-mobile .form-container .mt {
  margin-top: 16px;
}
.create-notifications-mobile .form-container .form-input-group .link-group {
  display: flex;
  gap: 4.75px;
}
.create-notifications-mobile .form-container .form-input-group .link-group svg path {
  stroke: #1D252D;
}
body.is-dark .create-notifications-mobile .form-container .form-input-group .link-group svg path {
  stroke: #CECECE;
}
.create-notifications-mobile .form-container .custom-audience {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 16px;
  gap: 16px;
  width: 100%;
  border-radius: 8px;
  background: #FFFFFF;
}
body.is-dark .create-notifications-mobile .form-container .custom-audience {
  background: #28282B;
}
.create-notifications-mobile .form-container .custom-audience .full-width {
  width: 100%;
}
.create-notifications-mobile .form-container .custom-audience .file-section {
  width: 100%;
}
.create-notifications-mobile .form-container .custom-audience .file-section .file-cta {
  display: flex;
  width: 100%;
  border: 1.2px dashed #DBDBDB;
  justify-content: space-between;
}
body.is-dark .create-notifications-mobile .form-container .custom-audience .file-section .file-cta {
  background: #252529 !important;
  border: 1.2px dashed #404046;
}
.create-notifications-mobile .form-container .custom-audience .file-section .file-cta .browse-file {
  display: flex;
  gap: 10px;
}
.create-notifications-mobile .form-container .custom-audience .file-section .file-cta .browse-file i {
  line-height: unset;
}
.create-notifications-mobile .form-container .custom-audience .file-section .file-cta .x-span {
  display: none;
  padding: 10px;
}
.create-notifications-mobile .form-container .custom-audience .file-section .file-cta .x-span svg path {
  stroke: #1d252d;
}
body.is-dark .create-notifications-mobile .form-container .custom-audience .file-section .file-cta .x-span svg path {
  stroke: #cecece;
}
.create-notifications-mobile .form-container .custom-audience .file-section .user-email {
  font-weight: 400;
  font-size: 13px;
  color: #1d252d;
}
body.is-dark .create-notifications-mobile .form-container .custom-audience .file-section .user-email {
  color: #cecece;
}
.create-notifications-mobile .form-container .custom-audience .file-section .user-email {
  margin-bottom: 10px;
}
.create-notifications-mobile .form-container .custom-audience .file-section .is-danger .file-cta {
  border: 1.2px solid #ff375e !important;
}
.create-notifications-mobile .form-container .custom-audience .file-section .is-danger .file-cta .x-span {
  display: block !important;
}
.create-notifications-mobile .form-container .custom-audience .file-section .user-file {
  font-weight: 500;
  font-size: 13px;
  color: #1d252d;
}
body.is-dark .create-notifications-mobile .form-container .custom-audience .file-section .user-file {
  color: #cecece;
}
.create-notifications-mobile .form-container .custom-audience .file-section .user-file {
  margin-bottom: 15px;
}
.create-notifications-mobile .form-container .custom-audience .file-section .error {
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #ff375e;
}
.create-notifications-mobile .form-container .custom-audience .file-section .bulk-buttons-container {
  display: flex;
  justify-content: space-between;
}
.create-notifications-mobile .form-container .custom-audience .file-section .bulk-buttons-container .view-users {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  gap: 8px;
  background: #f9f9f9;
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
  font-weight: 500;
  font-size: 13px;
  color: #28282b;
}
body.is-dark .create-notifications-mobile .form-container .custom-audience .file-section .bulk-buttons-container .view-users svg {
  stroke: #a2a5b9;
}
.create-notifications-mobile .form-container .custom-audience .file-section .bulk-buttons-container .view-users svg {
  stroke: #28282b;
}
body.is-dark .create-notifications-mobile .form-container .custom-audience .file-section .bulk-buttons-container .view-users {
  background: #323236;
  color: #a2a5b9;
}
.create-notifications-mobile .form-container .custom-audience .file-section .bulk-buttons-container .view-users {
  margin-top: 20px;
}
.create-notifications-mobile .form-container .custom-audience .file-section .bulk-buttons-container .bulk-delete {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  gap: 8px;
  width: 48px;
  height: 38px;
  background: #f9f9f9;
  border-radius: 4px;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin-top: 20px;
}
body.is-dark .create-notifications-mobile .form-container .custom-audience .file-section .bulk-buttons-container .bulk-delete {
  background: #323236;
}
.create-notifications-mobile .form-container .custom-audience .file-section .bulk-buttons-container .bulk-delete svg {
  fill: #ff375e;
}
.create-notifications-mobile .form-container .custom-audience .Users_custom_lists {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 8.5px 16px;
  gap: 24px;
  width: 100%;
}
.create-notifications-mobile .form-container .custom-audience .Users_custom_lists .select-list-actions {
  display: flex;
  gap: 24px;
}
.create-notifications-mobile .form-container .custom-audience .Users_custom_lists .list-title {
  display: flex;
  gap: 9px;
  color: #1D252D;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
}
body.is-dark .create-notifications-mobile .form-container .custom-audience .Users_custom_lists .list-title {
  color: #CECECE;
}
.create-notifications-mobile .form-container .custom-audience .Users_custom_lists .list-title svg {
  fill: #1D252D;
}
body.is-dark .create-notifications-mobile .form-container .custom-audience .Users_custom_lists .list-title svg {
  fill: #CECECE;
}
.create-notifications-mobile .form-container .custom-audience .Users_custom_lists .view-users svg {
  stroke: #A2A5B9;
}
body.is-dark .create-notifications-mobile .form-container .custom-audience .Users_custom_lists .view-users svg {
  stroke: #CECECE;
}
.create-notifications-mobile .form-container .custom-audience .Users_custom_lists .bulk-delete svg {
  fill: #4F008C;
}
body.is-dark .create-notifications-mobile .form-container .custom-audience .Users_custom_lists .bulk-delete svg {
  fill: #797BF2;
}
.create-notifications-mobile .form-container .custom-audience .manage-lists {
  margin-top: 24px;
  display: flex;
  gap: 11px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #4F008C;
  border-bottom: 1px dashed #4F008C;
}
body.is-dark .create-notifications-mobile .form-container .custom-audience .manage-lists {
  color: #797BF2;
  border-bottom: 1px dashed #797BF2;
}
.create-notifications-mobile .form-container .custom-audience .manage-lists svg {
  fill: #4F008C;
}
body.is-dark .create-notifications-mobile .form-container .custom-audience .manage-lists svg {
  fill: #797BF2;
}
.create-notifications-mobile .form-container .custom-audience .validation-notes-save {
  cursor: pointer;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #4F008C;
  border-bottom: 1px dashed #4F008C;
}
body.is-dark .create-notifications-mobile .form-container .custom-audience .validation-notes-save {
  color: #797BF2;
  border-bottom: 1px dashed #797BF2;
}
.create-notifications-mobile .form-container .custom-audience h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #1D252D;
}
body.is-dark .create-notifications-mobile .form-container .custom-audience h3 {
  color: #CECECE;
}
.create-notifications-mobile .form-container .custom-audience .svg-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.create-notifications-mobile .form-container .custom-audience .svg-container svg {
  fill: #A2A5B9;
}
body.is-dark .create-notifications-mobile .form-container .custom-audience .svg-container svg {
  fill: #8D8FA1;
}
.create-notifications-mobile .form-container .custom-audience h4 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  color: #575767;
}
body.is-dark .create-notifications-mobile .form-container .custom-audience h4 {
  color: #CECECE;
}
.create-notifications-mobile .form-container .custom-audience .file-separator {
  width: 100%;
  height: 0px;
  border: 1px solid #EDEDED;
}
body.is-dark .create-notifications-mobile .form-container .custom-audience .file-separator {
  border: 1px solid #232323;
}
.create-notifications-mobile .form-container .custom-audience .select-file {
  cursor: pointer;
  width: 100%;
  min-height: 44px;
  border: 2px dashed hsl(0, 0%, 86%);
  border-radius: 0.65rem;
  background: #ebedf5;
  display: flex;
  gap: 10px;
  align-items: center;
  padding-left: calc(0.75em - 1px);
  padding-right: calc(0.75em - 1px);
  padding-top: 0;
  padding-bottom: 0;
  color: #1d252d;
  transition: color 0.3s, background-color 0.3s, border 0.3s, box-shadow 0.3s;
}
body.is-dark .create-notifications-mobile .form-container .custom-audience .select-file {
  background-color: #28282b !important;
  border-color: #404046 !important;
  color: #cecece;
}
.create-notifications-mobile .form-container .custom-audience .select-file:hover {
  background: #fff;
  border: 2px solid #4f008c;
  color: #4f008c;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
body.is-dark .create-notifications-mobile .form-container .custom-audience .select-file:hover {
  background-color: #28282b !important;
  color: #797bf2;
  border: 2px solid #797bf2 !important;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.create-notifications-mobile .form-container .custom-audience .select-file svg {
  stroke: #1D252D;
}
body.is-dark .create-notifications-mobile .form-container .custom-audience .select-file svg {
  stroke: #CECECE;
}
.create-notifications-mobile .form-container .custom-audience .select-file p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .create-notifications-mobile .form-container .custom-audience .select-file p {
  color: #CECECE;
}
.create-notifications-mobile .form-container .custom-audience .validation-notes {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #A2A5B9;
}
body.is-dark .create-notifications-mobile .form-container .custom-audience .validation-notes {
  color: #A2A5B9;
}
.create-notifications-mobile .form-container .date-time {
  display: flex;
  flex-direction: row;
  gap: 24px;
  width: 100%;
}
.create-notifications-mobile .form-container .date-time .date-field-group {
  position: relative;
  width: 50%;
}
.create-notifications-mobile .form-container .date-time .date-field-group .date-field {
  width: 100%;
}
.create-notifications-mobile .form-container .date-time .date-field-group .date-field input {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 16px;
  gap: 8px;
  width: 100%;
  height: 41px;
  border-radius: 4px !important;
  border: 1px solid #DBDBDB;
  background: #FFFFFF;
}
body.is-dark .create-notifications-mobile .form-container .date-time .date-field-group .date-field input {
  border: 1px solid #2D2D31;
  background: #28282B;
}
.create-notifications-mobile .form-container .date-time .date-field-group svg {
  display: none;
}
body.is-dark .create-notifications-mobile .form-container .date-time .date-field-group svg {
  display: inline-block;
  position: absolute;
  top: 10px;
  z-index: 3;
}
body.is-dark .create-notifications-mobile .form-container .date-time .date-field-group svg.ar {
  right: 16px;
}
body.is-dark .create-notifications-mobile .form-container .date-time .date-field-group svg.en {
  right: 16px;
}
body.is-dark .create-notifications-mobile .form-container .date-time .date-field-group svg path {
  stroke: #CECECE;
}
.create-notifications-mobile .form-container .notification-picture {
  cursor: pointer;
  width: 100%;
  min-height: 44px;
  border: 2px dashed hsl(0, 0%, 86%);
  border-radius: 0.65rem;
  background: #ebedf5;
  display: flex;
  align-items: center;
  padding-left: calc(0.75em - 1px);
  padding-right: calc(0.75em - 1px);
  padding-top: 0;
  padding-bottom: 0;
  color: #1d252d;
  transition: color 0.3s, background-color 0.3s, border 0.3s, box-shadow 0.3s;
}
body.is-dark .create-notifications-mobile .form-container .notification-picture {
  background-color: #28282b !important;
  border-color: #404046 !important;
  color: #cecece;
}
.create-notifications-mobile .form-container .notification-picture:hover {
  background: #fff;
  border: 2px solid #4f008c;
  color: #4f008c;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
body.is-dark .create-notifications-mobile .form-container .notification-picture:hover {
  background-color: #28282b !important;
  color: #797bf2;
  border: 2px solid #797bf2 !important;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.create-notifications-mobile .form-container .notification-picture .add-img {
  stroke: #1D252D;
}
body.is-dark .create-notifications-mobile .form-container .notification-picture .add-img {
  stroke: #CECECE;
}
.create-notifications-mobile .form-container .notification-picture .img-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 4px;
}
.create-notifications-mobile .form-container .notification-picture .img-container img {
  height: 100px;
  width: 100px;
  border-radius: 10px;
}
.create-notifications-mobile .form-container .actions {
  display: none;
}
.create-notifications-mobile .actions-mobile {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin-top: 32px;
  position: fixed;
  backdrop-filter: blur(10px);
  height: 114px;
  margin-bottom: 10px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 20px;
  border-top: 0.5px solid #EDEDED;
  background: #FFFFFF;
  border-top: 0.5px solid #EDEDED;
}
body.is-dark .create-notifications-mobile .actions-mobile {
  background: #28282B;
  border: 0.5px solid #232323;
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.create-notifications-mobile .actions-mobile .submit {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
  background: #4f008c;
}
body.is-dark .create-notifications-mobile .actions-mobile .submit {
  background: #797bf2;
}
.create-notifications-mobile .actions-mobile .submit:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .create-notifications-mobile .actions-mobile .submit:hover {
  background: #797bf2 !important;
  color: #ffffff !important;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.create-notifications-mobile .presentaion {
  display: none;
}

.loading-bar {
  height: 10px;
  display: flex;
  border-radius: 5px;
  background: #F2F2F2;
}
.loading-bar .presentage {
  height: 10px;
  border-radius: 5px;
  background: #4F008C;
}
body.is-dark .loading-bar .presentage {
  background: #797BF2;
}

.create-declaration-form .form-container .file-object {
  display: flex;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 8px;
  margin-bottom: 16px;
  background: #FFF;
}
body.is-dark .create-declaration-form .form-container .file-object {
  background: #28282B;
}
.create-declaration-form .form-container .file-object .heading {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.create-declaration-form .form-container .file-object .heading .file-name-info {
  display: flex;
  gap: 8px;
}
.create-declaration-form .form-container .file-object .heading .file-name-info svg path {
  fill: #1D252D;
}
body.is-dark .create-declaration-form .form-container .file-object .heading .file-name-info svg path {
  fill: #CECECE;
}
.create-declaration-form .form-container .file-object .heading .file-name-info p {
  font-family: "STC Forward";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .create-declaration-form .form-container .file-object .heading .file-name-info p {
  color: #CECECE;
}
.create-declaration-form .form-container .file-object .separator {
  margin: 0px;
}
.create-declaration-form .form-container .file-object .column {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.create-declaration-form .form-container .file-object .row {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 24px;
}
.create-declaration-form .form-container .file-object .row .left {
  flex: 7;
}
.create-declaration-form .form-container .file-object .row .right {
  flex: 3;
}
.create-declaration-form .form-container .file-object .row .right p {
  font-size: 11px;
  font-style: normal;
  font-family: "STC Forward";
  font-weight: 400;
  line-height: 18px;
  color: #1D252D;
}
body.is-dark .create-declaration-form .form-container .file-object .row .right p {
  color: #CECECE;
}
.create-declaration-form .form-container .file-object .row .right .tr-buttons {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.create-declaration-form .form-container .file-object .row .right .tr-buttons .lang {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 10px;
  gap: 10px;
  width: 61px;
  height: 35px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #1D252D;
  background: #F2F2F2;
}
body.is-dark .create-declaration-form .form-container .file-object .row .right .tr-buttons .lang {
  color: #CECECE;
  background: #252529;
}
.create-declaration-form .form-container .file-object .row .right .tr-buttons .lang:hover {
  color: #4F008C;
  background: #F2F2F2;
  border: 1px solid #4F008C;
}
body.is-dark .create-declaration-form .form-container .file-object .row .right .tr-buttons .lang:hover {
  color: #797BF2;
  background: #252529;
  border: 1px solid #797BF2;
}
.create-declaration-form .form-container .file-object .row .right .tr-buttons .lang.active {
  font-weight: 500;
  color: #4F008C;
  background: #F3E3FF;
}
body.is-dark .create-declaration-form .form-container .file-object .row .right .tr-buttons .lang.active {
  color: #797BF2;
  background: #363659;
}
.create-declaration-form .form-container .select-attachement {
  display: flex;
  padding: 8.5px 16px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 4px;
  cursor: pointer;
  border: 1.2px dashed #DBDBDB;
  background: #EBEDF5;
  transition: color 0.3s, background-color 0.3s, border 0.3s, box-shadow 0.3s;
}
body.is-dark .create-declaration-form .form-container .select-attachement {
  border: 1.2px dashed #404046;
  background: #28282B;
}
.create-declaration-form .form-container .select-attachement:hover {
  border: 1.5px solid #4f008c;
}
body.is-dark .create-declaration-form .form-container .select-attachement:hover {
  border: 1.5px solid #797bf2;
}
.create-declaration-form .form-container .select-attachement p {
  font-family: "STC Forward";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .create-declaration-form .form-container .select-attachement p {
  color: #CECECE;
}
.create-declaration-form .form-container .select-attachement svg path {
  stroke: #575767;
}
body.is-dark .create-declaration-form .form-container .select-attachement svg path {
  stroke: #CECECE;
}
.create-declaration-form.as-survey .declaration-steps-section {
  justify-content: center;
}
.create-declaration-form.as-survey .mb {
  margin-bottom: 8px;
}
.create-declaration-form .questions .question {
  display: flex;
  padding: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
  border-radius: 1rem;
  background: #ffffff;
}
body.is-dark .create-declaration-form .questions .question {
  background: #28282B !important;
}
.create-declaration-form .questions .question .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.create-declaration-form .questions .question .head p {
  font-family: "STC Forward";
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  color: #1D252D;
}
body.is-dark .create-declaration-form .questions .question .head p {
  color: #CECECE;
}
.create-declaration-form .questions .question .head .question-actions {
  display: flex;
  gap: 0.75rem;
}
.create-declaration-form .questions .question .head .question-actions .copy {
  display: flex;
  height: 2.375rem;
  padding: 0.75rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.25rem;
  background: #F9F9F9;
  cursor: pointer;
}
body.is-dark .create-declaration-form .questions .question .head .question-actions .copy {
  background: #323236;
}
.create-declaration-form .questions .question .head .question-actions .copy svg path {
  stroke: #1D252D;
}
body.is-dark .create-declaration-form .questions .question .head .question-actions .copy svg path {
  stroke: #A2A5B9;
}
.create-declaration-form .questions .question .head .question-actions .remove {
  display: flex;
  height: 2.375rem;
  padding: 0.75rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.25rem;
  background: #F9F9F9;
  cursor: pointer;
}
body.is-dark .create-declaration-form .questions .question .head .question-actions .remove {
  background: #323236;
}
.create-declaration-form .questions .question .head .question-actions .remove svg path {
  fill: #FF375E;
}
body.is-dark .create-declaration-form .questions .question .head .question-actions .remove svg path {
  fill: #FF375E;
}
.create-declaration-form .questions .question .line {
  width: 100%;
  height: 1px;
  background: #ededed;
}
body.is-dark .create-declaration-form .questions .question .line {
  background: #232323;
}
.create-declaration-form .questions .question .field .checkbox {
  margin: 0;
  padding: 0;
  margin-bottom: 0;
}
.create-declaration-form .questions .question .field .checkbox .control-label {
  padding: 0;
  font-family: "STC Forward";
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  color: #1D252D;
}
body.is-dark .create-declaration-form .questions .question .field .checkbox .control-label {
  color: #CECECE !important;
}
.create-declaration-form .questions .question .questions-info {
  gap: 1rem;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.create-declaration-form .questions .question .questions-info .audience-list svg {
  stroke: #1D252D;
}
body.is-dark .create-declaration-form .questions .question .questions-info .audience-list svg {
  stroke: #CECECE;
}
.create-declaration-form .questions .question .questions-info .audience-list svg:hover {
  stroke: #4F008C;
}
body.is-dark .create-declaration-form .questions .question .questions-info .audience-list svg:hover {
  stroke: #797BF2;
}
.create-declaration-form .questions .question .questions-info .audience-list svg.active {
  stroke: #4F008C;
}
body.is-dark .create-declaration-form .questions .question .questions-info .audience-list svg.active {
  stroke: #797BF2;
}
.create-declaration-form .questions .question .questions-info .audience-list .questions-title {
  width: 100%;
}
.create-declaration-form .questions .question .questions-info .questions-title {
  width: 100%;
}
.create-declaration-form .questions .question .questions-info .answers {
  gap: 1rem;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.create-declaration-form .questions .question .questions-info .answers .answers-container {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
}
.create-declaration-form .questions .question .questions-info .answers .answers-container.ar {
  direction: rtl !important;
}
.create-declaration-form .questions .question .questions-info .answers .answers-container.en {
  direction: ltr !important;
}
.create-declaration-form .questions .question .questions-info .answers .answers-container .last {
  display: flex;
  border-bottom: 1px solid #EDEDED;
  width: 100%;
}
.create-declaration-form .questions .question .questions-info .answers .answers-container .last input {
  width: 100%;
}
.create-declaration-form .questions .question .questions-info .answers .answers-container .last svg {
  cursor: pointer;
}
.create-declaration-form .questions .question .questions-info .answers .answers-container .add {
  display: flex;
  gap: 0.5rem;
  width: 100%;
}
.create-declaration-form .questions .question .questions-info .answers .answers-container .add.ar {
  direction: rtl !important;
}
.create-declaration-form .questions .question .questions-info .answers .answers-container .add.en {
  direction: ltr !important;
}
.create-declaration-form .questions .question .questions-info .answers .answers-container .add p {
  cursor: pointer;
}
.create-declaration-form .add-more {
  display: flex;
  cursor: pointer;
  gap: 1rem;
}
.create-declaration-form .add-more p {
  font-family: "STC Forward";
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3125rem;
  color: #1D252D;
}
body.is-dark .create-declaration-form .add-more p {
  color: #CECECE;
}
.create-declaration-form .add-more p svg {
  stroke: #1D252D;
}
body.is-dark .create-declaration-form .add-more p svg {
  stroke: #CECECE;
}

.declaration-steps-section {
  display: flex;
  padding: 16px 56px;
  margin-bottom: 32px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 8px;
  background: #FFF;
}
body.is-dark .declaration-steps-section {
  background: #28282B;
}
.declaration-steps-section .step {
  display: flex;
  align-items: center;
  gap: 8px;
}
.declaration-steps-section .step .custom-circle {
  display: flex;
  width: 40px;
  height: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  background: #F3E3FF;
}
body.is-dark .declaration-steps-section .step .custom-circle {
  background: #2D2D41;
}
.declaration-steps-section .step .custom-circle p {
  font-family: "STC Forward";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  color: #4F008C;
}
body.is-dark .declaration-steps-section .step .custom-circle p {
  color: #797BF2;
}
.declaration-steps-section .step .custom-circle.done {
  background: #DAF7EC;
}
body.is-dark .declaration-steps-section .step .custom-circle.done {
  background: #424748;
}
.declaration-steps-section .step .circle {
  display: flex;
  width: 40px;
  height: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  background: #F3E3FF;
}
body.is-dark .declaration-steps-section .step .circle {
  background: #2D2D41;
}
.declaration-steps-section .step .circle p {
  font-family: "STC Forward";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  color: #4F008C;
}
body.is-dark .declaration-steps-section .step .circle p {
  color: #797BF2;
}
.declaration-steps-section .step .circle.done {
  background: #DAF7EC;
}
body.is-dark .declaration-steps-section .step .circle.done {
  background: #424748;
}
.declaration-steps-section .step p {
  font-family: "STC Forward";
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .declaration-steps-section .step p {
  color: #CECECE;
}
.declaration-steps-section .line {
  width: 45%;
  height: 1px;
  background: #EDEDED;
}
body.is-dark .declaration-steps-section .line {
  color: #CECECE;
}
.declaration-steps-section.mobile {
  padding: 16px 16px;
}
.declaration-steps-section.mobile .line {
  width: 20%;
}

.custom-switch-button {
  display: flex;
  flex-direction: column;
}
.custom-switch-button .switch input[type=checkbox]:checked + .check {
  background: #4f008c !important;
}
body.is-dark .custom-switch-button .switch input[type=checkbox]:checked + .check {
  background: #797bf2 !important;
}
body.is-rtl .custom-switch-button .switch input[type=checkbox]:checked + .check:before {
  transform: translate3d(-100%, 0, 0);
}
.custom-switch-button .switch .check {
  background: #8d8fa1 !important;
}
body.is-dark .custom-switch-button .switch .check {
  background: #363659 !important;
}
.custom-switch-button .field:not(:last-child) {
  margin-bottom: 0 !important;
}
.custom-switch-button .custom-switch-button-label {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .custom-switch-button .custom-switch-button-label {
  color: #cecece;
}
.custom-switch-button .checkbox-titles {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.custom-switch-button .checkbox-titles .red-error {
  top: -1rem !important;
}
.custom-switch-button.with-background {
  display: flex;
  padding: 16px;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
  border-radius: 4px;
  border: 1px solid #DBDBDB;
  background: #FFF;
}
body.is-dark .custom-switch-button.with-background {
  border: 1px solid #2D2D31;
  background: #28282B;
}

.employee-notifications {
  margin-top: 60px;
  padding: 24px 215px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.employee-notifications.forIcon .container {
  min-height: 50vh;
  align-items: normal;
}
.employee-notifications .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  border-radius: 8px 8px 0px 0px;
  width: 100%;
  background: #FFFFFF;
}
.employee-notifications .container.list {
  height: 85vh;
  overflow-y: scroll;
}
body.is-dark .employee-notifications .container {
  background: #252529;
}
.employee-notifications .container .title {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 0px 16px;
  margin-bottom: 24px;
}
.employee-notifications .container .title h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .employee-notifications .container .title h3 {
  color: #cecece;
}
.employee-notifications .container .title .action {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-bottom: 1px dashed #4f008c;
}
body.is-dark .employee-notifications .container .title .action {
  border-bottom: 1px dashed #797bf2;
}
.employee-notifications .container .title .action button {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #4f008c;
}
body.is-dark .employee-notifications .container .title .action button {
  color: #797bf2;
}
.employee-notifications .container .title .notification-icon-mark-as-read {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer !important;
  line-height: 21px;
  text-align: center;
  color: #4F008C;
  border-bottom: 1px dashed #4F008C;
}
body.is-dark .employee-notifications .container .title .notification-icon-mark-as-read {
  color: #797BF2;
  border-bottom: 1px dashed #797BF2;
}
.employee-notifications .container .notification-card {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px;
  gap: 8px;
  width: 100%;
  border-bottom: 1px solid #ededed;
  cursor: pointer;
}
body.is-dark .employee-notifications .container .notification-card {
  border-bottom: 1px solid #232323;
}
.employee-notifications .container .notification-card.ar {
  direction: rtl;
}
.employee-notifications .container .notification-card.en {
  direction: ltr;
}
.employee-notifications .container .notification-card .notification-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-width: 56px;
  max-width: 56px;
  height: 56px;
  border-radius: 28px;
  background: #4f008c;
}
.employee-notifications .container .notification-card .notification-icon img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.employee-notifications .container .notification-card .notification-icon .like_light_b .cls-1 {
  stroke: #fff;
}
.employee-notifications .container .notification-card .notification-icon .like_light_b .cls-1,
.employee-notifications .container .notification-card .notification-icon .like_light_b .cls-2 {
  fill: #fff;
}
.employee-notifications .container .notification-card .notification-icon .like_light_b .cls-1,
.employee-notifications .container .notification-card .notification-icon .like_light_b .cls-2,
.employee-notifications .container .notification-card .notification-icon .like_light_b .cls-3 {
  stroke-miterlimit: 10;
  stroke-width: 2.86px;
}
.employee-notifications .container .notification-card .notification-icon .like_light_b .cls-2,
.employee-notifications .container .notification-card .notification-icon .like_light_b .cls-3 {
  stroke: #4f008c;
}
.employee-notifications .container .notification-card .notification-icon .like_light_b .cls-3 {
  fill: #ff375e;
}
.employee-notifications .container .notification-card .notification-icon .like_light_b .cls-4 {
  fill: #4f008c;
  stroke-width: 0px;
}
.employee-notifications .container .notification-card .notification-icon .like_dark_b .cls-1 {
  fill: #fff;
}
.employee-notifications .container .notification-card .notification-icon .like_dark_b .cls-1,
.employee-notifications .container .notification-card .notification-icon .like_dark_b .cls-2 {
  stroke: #4f008c;
  stroke-miterlimit: 10;
  stroke-width: 2.86px;
}
.employee-notifications .container .notification-card .notification-icon .like_dark_b .cls-2 {
  fill: #ff375e;
}
.employee-notifications .container .notification-card .notification-icon .like_dark_b .cls-3 {
  fill: #4f008c;
  stroke-width: 0px;
}
.employee-notifications .container .notification-card .notification-icon .like_dark_b {
  display: none;
}
body.is-dark .employee-notifications .container .notification-card .notification-icon .like_dark_b {
  display: block;
}
.employee-notifications .container .notification-card .notification-icon .survey_light_b .cls-1 {
  fill: #fff;
}
.employee-notifications .container .notification-card .notification-icon .survey_light_b .cls-1,
.employee-notifications .container .notification-card .notification-icon .survey_light_b .cls-2 {
  stroke-width: 0px;
}
.employee-notifications .container .notification-card .notification-icon .survey_light_b .cls-2 {
  fill: #4f008c;
}
.employee-notifications .container .notification-card .notification-icon .survey_light_b {
  display: block;
}
.employee-notifications .container .notification-card .notification-icon .survey_dark_b .cls-1 {
  fill: #4f008c;
}
.employee-notifications .container .notification-card .notification-icon .survey_dark_b .cls-1,
.employee-notifications .container .notification-card .notification-icon .survey_dark_b .cls-2 {
  stroke-width: 0px;
}
.employee-notifications .container .notification-card .notification-icon .survey_dark_b .cls-2 {
  fill: #fff;
}
.employee-notifications .container .notification-card .notification-icon .survey_dark_b {
  display: none;
}
body.is-dark .employee-notifications .container .notification-card .notification-icon .survey_dark_b {
  display: block;
}
.employee-notifications .container .notification-card .notification-icon .comment_dark_b .cls-1 {
  fill: #fff;
}
.employee-notifications .container .notification-card .notification-icon .comment_dark_b .cls-1,
.employee-notifications .container .notification-card .notification-icon .comment_dark_b .cls-2 {
  stroke-width: 0px;
}
.employee-notifications .container .notification-card .notification-icon .comment_dark_b .cls-2 {
  fill: #4f008c;
}
body.is-dark .employee-notifications .container .notification-card .notification-icon .comment_dark_b {
  display: block;
}
.employee-notifications .container .notification-card .notification-icon .comment_light_b .cls-1 {
  fill: #4f008c;
}
.employee-notifications .container .notification-card .notification-icon .comment_light_b .cls-1,
.employee-notifications .container .notification-card .notification-icon .comment_light_b .cls-2 {
  stroke-width: 0px;
}
.employee-notifications .container .notification-card .notification-icon .comment_light_b .cls-2 {
  fill: #fff;
}
.employee-notifications .container .notification-card .notification-icon .comment_light_b {
  display: block;
}
body.is-dark .employee-notifications .container .notification-card .notification-icon .comment_light_b {
  display: none;
}
.employee-notifications .container .notification-card .notification-icon .recommend_dark_b .cls-1 {
  fill: #4f008c;
}
.employee-notifications .container .notification-card .notification-icon .recommend_dark_b .cls-1,
.employee-notifications .container .notification-card .notification-icon .recommend_dark_b .cls-2 {
  stroke-width: 0px;
}
.employee-notifications .container .notification-card .notification-icon .recommend_dark_b .cls-2 {
  fill: #fff;
}
.employee-notifications .container .notification-card .notification-icon .recommend_dark_b {
  display: none;
}
body.is-dark .employee-notifications .container .notification-card .notification-icon .recommend_dark_b {
  display: block;
}
.employee-notifications .container .notification-card .notification-icon .recommend_light_b .cls-1 {
  fill: #4f008c;
}
.employee-notifications .container .notification-card .notification-icon .recommend_light_b .cls-1,
.employee-notifications .container .notification-card .notification-icon .recommend_light_b .cls-2 {
  stroke-width: 0px;
}
.employee-notifications .container .notification-card .notification-icon .recommend_light_b .cls-2 {
  fill: #fff;
}
.employee-notifications .container .notification-card .notification-icon .recommendation_light_b .cls-1 {
  fill: #ffdd40;
}
.employee-notifications .container .notification-card .notification-icon .recommendation_light_b .cls-1,
.employee-notifications .container .notification-card .notification-icon .recommendation_light_b .cls-2,
.employee-notifications .container .notification-card .notification-icon .recommendation_light_b .cls-3,
.employee-notifications .container .notification-card .notification-icon .recommendation_light_b .cls-4 {
  stroke-miterlimit: 10;
}
.employee-notifications .container .notification-card .notification-icon .recommendation_light_b .cls-1,
.employee-notifications .container .notification-card .notification-icon .recommendation_light_b .cls-3,
.employee-notifications .container .notification-card .notification-icon .recommendation_light_b .cls-4 {
  stroke: #4f008c;
  stroke-width: 2.86px;
}
.employee-notifications .container .notification-card .notification-icon .recommendation_light_b .cls-2 {
  stroke: #fff;
  stroke-width: 3.81px;
}
.employee-notifications .container .notification-card .notification-icon .recommendation_light_b .cls-2,
.employee-notifications .container .notification-card .notification-icon .recommendation_light_b .cls-3 {
  fill: #fff;
}
.employee-notifications .container .notification-card .notification-icon .recommendation_light_b .cls-4 {
  fill: #ff375e;
}
.employee-notifications .container .notification-card .notification-icon .recommendation_light_b .cls-5 {
  fill: #4f008c;
  stroke-width: 0px;
}
.employee-notifications .container .notification-card .notification-icon .recommendation_light_b {
  display: block;
}
body.is-dark .employee-notifications .container .notification-card .notification-icon .recommendation_light_b {
  display: none;
}
.employee-notifications .container .notification-card .notification-icon .recommendation_dark_b .cls-1 {
  fill: #ffdd40;
}
.employee-notifications .container .notification-card .notification-icon .recommendation_dark_b .cls-1,
.employee-notifications .container .notification-card .notification-icon .recommendation_dark_b .cls-2,
.employee-notifications .container .notification-card .notification-icon .recommendation_dark_b .cls-3 {
  stroke: #4f008c;
  stroke-miterlimit: 10;
  stroke-width: 2.86px;
}
.employee-notifications .container .notification-card .notification-icon .recommendation_dark_b .cls-2 {
  fill: #fff;
}
.employee-notifications .container .notification-card .notification-icon .recommendation_dark_b .cls-3 {
  fill: #ff375e;
}
.employee-notifications .container .notification-card .notification-icon .recommendation_dark_b {
  display: none;
}
body.is-dark .employee-notifications .container .notification-card .notification-icon .recommendation_dark_b {
  display: block;
}
body.is-dark .employee-notifications .container .notification-card .notification-icon {
  background: #4f008c;
}
.employee-notifications .container .notification-card .notification-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: 100%;
}
.employee-notifications .container .notification-card .notification-info .notification-identifier {
  display: flex;
  align-items: center;
  gap: 8px;
}
.employee-notifications .container .notification-card .notification-info .notification-identifier i {
  font-size: 16px;
}
.employee-notifications .container .notification-card .notification-info .notification-identifier .redPoint {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: #ff375e;
}
.employee-notifications .container .notification-card .notification-info .notification-identifier .is-delete {
  top: 0;
  right: 0;
  font-size: 0.7rem;
  padding: 0 8px;
  position: absolute;
  background: none;
  border: none;
  color: #ff375e;
}
.employee-notifications .container .notification-card .notification-info .notification-identifier .is-delete .icon {
  margin-right: -3px;
  margin-left: -3px;
}
[dir=rtl] .employee-notifications .container .notification-card .notification-info .notification-identifier .is-delete {
  right: unset;
  left: 0;
}
.employee-notifications .container .notification-card .notification-info .notification-identifier .is-undo {
  position: absolute;
  top: 0;
  right: 0;
  animation-name: fadeInLeft;
  animation-duration: 0.3s;
  transition: all 0.3s;
  animation-fill-mode: both;
  font-size: 0.7rem;
  padding: 0 8px;
  background: none;
  border: none;
  color: #06d6a0;
}
.employee-notifications .container .notification-card .notification-info .notification-identifier .is-undo .icon {
  margin-right: -3px;
  margin-left: -3px;
}
[dir=rtl] .employee-notifications .container .notification-card .notification-info .notification-identifier .is-undo {
  right: unset;
  left: 0;
}
.employee-notifications .container .notification-card .notification-info .notificationTitle {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.employee-notifications .container .notification-card .notification-info .notificationTitle h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .employee-notifications .container .notification-card .notification-info .notificationTitle h3 {
  color: #cecece;
}
.employee-notifications .container .notification-card .notification-info .desc {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: start;
  color: #575767;
}
body.is-dark .employee-notifications .container .notification-card .notification-info .desc {
  color: #cecece;
}
.employee-notifications .container .notification-card .notification-info small {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #a2a5b9;
}
body.is-dark .employee-notifications .container .notification-card .notification-info small {
  color: #a2a5b9;
}
.employee-notifications .container .notification-card:hover {
  background: #ebedf5;
  border-bottom: 1px solid #ededed;
}
body.is-dark .employee-notifications .container .notification-card:hover {
  background: #404046;
  border-bottom: 1px solid #232323;
}
.employee-notifications .container .notification-card.unread {
  background: #f7f5ff;
  border-bottom: 1px solid #ededed;
}
body.is-dark .employee-notifications .container .notification-card.unread {
  background: #2d2d41;
  border-bottom: 1px solid #232323;
}
.employee-notifications .container .load {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 30px;
}
.employee-notifications .container .load button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  border-radius: 4px;
  color: #4f008c;
  border: 1px solid #4f008c;
}
body.is-dark .employee-notifications .container .load button {
  color: #797bf2;
  border: 1px solid #797bf2;
}
.employee-notifications .container .load button:hover {
  background: #4f008c;
  color: #ffffff;
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .employee-notifications .container .load button:hover {
  background: #797bf2;
  color: #ffffff;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.employee-notifications .has-no-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  width: 100%;
  position: absolute;
  top: 40%;
  left: 0%;
  right: 0%;
}
.employee-notifications .has-no-content svg {
  margin-bottom: 25.9px;
}
.employee-notifications .has-no-content svg path {
  fill: #bababa;
}
body.is-dark .employee-notifications .has-no-content svg path {
  fill: #cecece;
}
.employee-notifications .has-no-content h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 4px;
  color: #1d252d;
}
body.is-dark .employee-notifications .has-no-content h2 {
  color: #cecece;
}
.employee-notifications .has-no-content p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #575767;
}
body.is-dark .employee-notifications .has-no-content p {
  color: #cecece;
}

.employee-notifications-mobile {
  margin-top: 60px;
  padding: 18px 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@supports (padding-top: max(18px)) {
  .employee-notifications-mobile {
    padding-top: calc(18px + env(safe-area-inset-top));
  }
}
.employee-notifications-mobile .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  border-radius: 8px 8px 0px 0px;
  width: 100%;
}
.employee-notifications-mobile .container .title {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 0px 16px;
  margin-bottom: 18px;
}
.employee-notifications-mobile .container .title h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .employee-notifications-mobile .container .title h3 {
  color: #cecece;
}
.employee-notifications-mobile .container .title .action {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-bottom: 1px dashed #4f008c;
}
body.is-dark .employee-notifications-mobile .container .title .action {
  border-bottom: 1px dashed #797bf2;
}
.employee-notifications-mobile .container .title .action button {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 21px;
  text-align: center;
  color: #4f008c;
}
body.is-dark .employee-notifications-mobile .container .title .action button {
  color: #797bf2;
}
.employee-notifications-mobile .container .notification-card {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px;
  gap: 8px;
  width: 100%;
  border-bottom: 1px solid #ededed;
  cursor: pointer;
}
body.is-dark .employee-notifications-mobile .container .notification-card {
  border-bottom: 1px solid #232323;
}
.employee-notifications-mobile .container .notification-card.ar {
  direction: rtl;
}
.employee-notifications-mobile .container .notification-card.en {
  direction: ltr;
}
.employee-notifications-mobile .container .notification-card .notification-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-width: 56px;
  max-width: 56px;
  height: 56px;
  border-radius: 28px;
  background: #4f008c;
}
.employee-notifications-mobile .container .notification-card .notification-icon .like_light_b .cls-1 {
  stroke: #fff;
}
.employee-notifications-mobile .container .notification-card .notification-icon .like_light_b .cls-1,
.employee-notifications-mobile .container .notification-card .notification-icon .like_light_b .cls-2 {
  fill: #fff;
}
.employee-notifications-mobile .container .notification-card .notification-icon .like_light_b .cls-1,
.employee-notifications-mobile .container .notification-card .notification-icon .like_light_b .cls-2,
.employee-notifications-mobile .container .notification-card .notification-icon .like_light_b .cls-3 {
  stroke-miterlimit: 10;
  stroke-width: 2.86px;
}
.employee-notifications-mobile .container .notification-card .notification-icon .like_light_b .cls-2,
.employee-notifications-mobile .container .notification-card .notification-icon .like_light_b .cls-3 {
  stroke: #4f008c;
}
.employee-notifications-mobile .container .notification-card .notification-icon .like_light_b .cls-3 {
  fill: #ff375e;
}
.employee-notifications-mobile .container .notification-card .notification-icon .like_light_b .cls-4 {
  fill: #4f008c;
  stroke-width: 0px;
}
.employee-notifications-mobile .container .notification-card .notification-icon .like_dark_b .cls-1 {
  fill: #fff;
}
.employee-notifications-mobile .container .notification-card .notification-icon .like_dark_b .cls-1,
.employee-notifications-mobile .container .notification-card .notification-icon .like_dark_b .cls-2 {
  stroke: #4f008c;
  stroke-miterlimit: 10;
  stroke-width: 2.86px;
}
.employee-notifications-mobile .container .notification-card .notification-icon .like_dark_b .cls-2 {
  fill: #ff375e;
}
.employee-notifications-mobile .container .notification-card .notification-icon .like_dark_b .cls-3 {
  fill: #4f008c;
  stroke-width: 0px;
}
.employee-notifications-mobile .container .notification-card .notification-icon .like_dark_b {
  display: none;
}
body.is-dark .employee-notifications-mobile .container .notification-card .notification-icon .like_dark_b {
  display: block;
}
.employee-notifications-mobile .container .notification-card .notification-icon .survey_light_b .cls-1 {
  fill: #fff;
}
.employee-notifications-mobile .container .notification-card .notification-icon .survey_light_b .cls-1,
.employee-notifications-mobile .container .notification-card .notification-icon .survey_light_b .cls-2 {
  stroke-width: 0px;
}
.employee-notifications-mobile .container .notification-card .notification-icon .survey_light_b .cls-2 {
  fill: #4f008c;
}
.employee-notifications-mobile .container .notification-card .notification-icon .survey_dark_b .cls-1 {
  fill: #4f008c;
}
.employee-notifications-mobile .container .notification-card .notification-icon .survey_dark_b .cls-1,
.employee-notifications-mobile .container .notification-card .notification-icon .survey_dark_b .cls-2 {
  stroke-width: 0px;
}
.employee-notifications-mobile .container .notification-card .notification-icon .survey_dark_b .cls-2 {
  fill: #fff;
}
.employee-notifications-mobile .container .notification-card .notification-icon .survey_dark_b {
  display: none;
}
body.is-dark .employee-notifications-mobile .container .notification-card .notification-icon .survey_dark_b {
  display: block;
}
.employee-notifications-mobile .container .notification-card .notification-icon .recommendation_light_b .cls-1 {
  fill: #ffdd40;
}
.employee-notifications-mobile .container .notification-card .notification-icon .recommendation_light_b .cls-1,
.employee-notifications-mobile .container .notification-card .notification-icon .recommendation_light_b .cls-2,
.employee-notifications-mobile .container .notification-card .notification-icon .recommendation_light_b .cls-3,
.employee-notifications-mobile .container .notification-card .notification-icon .recommendation_light_b .cls-4 {
  stroke-miterlimit: 10;
}
.employee-notifications-mobile .container .notification-card .notification-icon .recommendation_light_b .cls-1,
.employee-notifications-mobile .container .notification-card .notification-icon .recommendation_light_b .cls-3,
.employee-notifications-mobile .container .notification-card .notification-icon .recommendation_light_b .cls-4 {
  stroke: #4f008c;
  stroke-width: 2.86px;
}
.employee-notifications-mobile .container .notification-card .notification-icon .recommendation_light_b .cls-2 {
  stroke: #fff;
  stroke-width: 3.81px;
}
.employee-notifications-mobile .container .notification-card .notification-icon .recommendation_light_b .cls-2,
.employee-notifications-mobile .container .notification-card .notification-icon .recommendation_light_b .cls-3 {
  fill: #fff;
}
.employee-notifications-mobile .container .notification-card .notification-icon .recommendation_light_b .cls-4 {
  fill: #ff375e;
}
.employee-notifications-mobile .container .notification-card .notification-icon .recommendation_light_b .cls-5 {
  fill: #4f008c;
  stroke-width: 0px;
}
.employee-notifications-mobile .container .notification-card .notification-icon .recommendation_light_b {
  display: block;
}
body.is-dark .employee-notifications-mobile .container .notification-card .notification-icon .recommendation_light_b {
  display: none;
}
.employee-notifications-mobile .container .notification-card .notification-icon .recommendation_dark_b .cls-1 {
  fill: #ffdd40;
}
.employee-notifications-mobile .container .notification-card .notification-icon .recommendation_dark_b .cls-1,
.employee-notifications-mobile .container .notification-card .notification-icon .recommendation_dark_b .cls-2,
.employee-notifications-mobile .container .notification-card .notification-icon .recommendation_dark_b .cls-3 {
  stroke: #4f008c;
  stroke-miterlimit: 10;
  stroke-width: 2.86px;
}
.employee-notifications-mobile .container .notification-card .notification-icon .recommendation_dark_b .cls-2 {
  fill: #fff;
}
.employee-notifications-mobile .container .notification-card .notification-icon .recommendation_dark_b .cls-3 {
  fill: #ff375e;
}
.employee-notifications-mobile .container .notification-card .notification-icon .recommendation_dark_b {
  display: none;
}
body.is-dark .employee-notifications-mobile .container .notification-card .notification-icon .recommendation_dark_b {
  display: block;
}
.employee-notifications-mobile .container .notification-card .notification-icon .comment_dark_b .cls-1 {
  fill: #fff;
}
.employee-notifications-mobile .container .notification-card .notification-icon .comment_dark_b .cls-1,
.employee-notifications-mobile .container .notification-card .notification-icon .comment_dark_b .cls-2 {
  stroke-width: 0px;
}
.employee-notifications-mobile .container .notification-card .notification-icon .comment_dark_b .cls-2 {
  fill: #4f008c;
}
body.is-dark .employee-notifications-mobile .container .notification-card .notification-icon .comment_dark_b {
  display: block;
}
.employee-notifications-mobile .container .notification-card .notification-icon .comment_light_b .cls-1 {
  fill: #4f008c;
}
.employee-notifications-mobile .container .notification-card .notification-icon .comment_light_b .cls-1,
.employee-notifications-mobile .container .notification-card .notification-icon .comment_light_b .cls-2 {
  stroke-width: 0px;
}
.employee-notifications-mobile .container .notification-card .notification-icon .comment_light_b .cls-2 {
  fill: #fff;
}
.employee-notifications-mobile .container .notification-card .notification-icon .comment_light_b {
  display: block;
}
body.is-dark .employee-notifications-mobile .container .notification-card .notification-icon .comment_light_b {
  display: none;
}
.employee-notifications-mobile .container .notification-card .notification-icon .recommend_light_b .cls-1 {
  fill: #4f008c;
}
.employee-notifications-mobile .container .notification-card .notification-icon .recommend_light_b .cls-1,
.employee-notifications-mobile .container .notification-card .notification-icon .recommend_light_b .cls-2 {
  stroke-width: 0px;
}
.employee-notifications-mobile .container .notification-card .notification-icon .recommend_light_b .cls-2 {
  fill: #fff;
}
body.is-dark .employee-notifications-mobile .container .notification-card .notification-icon {
  background: #4f008c;
}
.employee-notifications-mobile .container .notification-card .notification-icon img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.employee-notifications-mobile .container .notification-card .notification-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: 100%;
}
.employee-notifications-mobile .container .notification-card .notification-info .notification-identifier {
  display: flex;
  align-items: center;
  gap: 8px;
}
.employee-notifications-mobile .container .notification-card .notification-info .notification-identifier i {
  font-size: 16px;
}
.employee-notifications-mobile .container .notification-card .notification-info .notification-identifier .redPoint {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: #ff375e;
}
.employee-notifications-mobile .container .notification-card .notification-info .notification-identifier .is-delete {
  top: 0;
  right: 0;
  font-size: 0.7rem;
  padding: 0 8px;
  position: absolute;
  background: none;
  border: none;
  color: #ff375e;
}
.employee-notifications-mobile .container .notification-card .notification-info .notification-identifier .is-delete .icon {
  margin-right: -3px;
  margin-left: -3px;
}
[dir=rtl] .employee-notifications-mobile .container .notification-card .notification-info .notification-identifier .is-delete {
  right: unset;
  left: 0;
}
.employee-notifications-mobile .container .notification-card .notification-info .notification-identifier .is-undo {
  position: absolute;
  top: 0;
  right: 0;
  animation-name: fadeInLeft;
  animation-duration: 0.3s;
  transition: all 0.3s;
  animation-fill-mode: both;
  font-size: 0.7rem;
  padding: 0 8px;
  background: none;
  border: none;
  color: #06d6a0;
}
.employee-notifications-mobile .container .notification-card .notification-info .notification-identifier .is-undo .icon {
  margin-right: -3px;
  margin-left: -3px;
}
[dir=rtl] .employee-notifications-mobile .container .notification-card .notification-info .notification-identifier .is-undo {
  right: unset;
  left: 0;
}
.employee-notifications-mobile .container .notification-card .notification-info .notificationTitle {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.employee-notifications-mobile .container .notification-card .notification-info .notificationTitle h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .employee-notifications-mobile .container .notification-card .notification-info .notificationTitle h3 {
  color: #cecece;
}
.employee-notifications-mobile .container .notification-card .notification-info .desc {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #575767;
}
body.is-dark .employee-notifications-mobile .container .notification-card .notification-info .desc {
  color: #cecece;
}
.employee-notifications-mobile .container .notification-card .notification-info small {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #a2a5b9;
}
body.is-dark .employee-notifications-mobile .container .notification-card .notification-info small {
  color: #a2a5b9;
}
.employee-notifications-mobile .container .notification-card:hover {
  background: #ebedf5;
  border-bottom: 1px solid #ededed;
}
body.is-dark .employee-notifications-mobile .container .notification-card:hover {
  background: #404046;
  border-bottom: 1px solid #232323;
}
.employee-notifications-mobile .container .notification-card.unread {
  background: #f7f5ff;
  border-bottom: 1px solid #ededed;
}
body.is-dark .employee-notifications-mobile .container .notification-card.unread {
  background: #2d2d41;
  border-bottom: 1px solid #232323;
}
.employee-notifications-mobile .container .load {
  display: none;
}
.employee-notifications-mobile .has-no-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  width: 100%;
  min-height: 300px;
  position: absolute;
  top: 30%;
  left: 0%;
  right: 0%;
}
.employee-notifications-mobile .has-no-content svg {
  margin-bottom: 25.9px;
}
.employee-notifications-mobile .has-no-content svg path {
  fill: #bababa;
}
body.is-dark .employee-notifications-mobile .has-no-content svg path {
  fill: #cecece;
}
.employee-notifications-mobile .has-no-content h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 4px;
  color: #1d252d;
}
body.is-dark .employee-notifications-mobile .has-no-content h2 {
  color: #cecece;
}
.employee-notifications-mobile .has-no-content p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #575767;
}
body.is-dark .employee-notifications-mobile .has-no-content p {
  color: #cecece;
}

.employee-submit-survey {
  display: flex;
  justify-content: center;
}
.employee-submit-survey .feedback-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  text-align: center;
  margin-top: 15%;
}
.employee-submit-survey .feedback-content p {
  text-align: center;
  font-family: "STC Forward";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  color: #1D252D;
}
body.is-dark .employee-submit-survey .feedback-content p {
  color: #CECECE;
}
.employee-submit-survey .feedback-content .back {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  background: #4f008c;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
}
body.is-dark .employee-submit-survey .feedback-content .back {
  background: #797bf2;
}
.employee-submit-survey .feedback-content .back:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .employee-submit-survey .feedback-content .back:hover {
  background: #797bf2 !important;
  color: #ffffff !important;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.employee-submit-survey .form-container {
  width: 50%;
  padding: 24px;
  margin-top: 108px;
  margin-bottom: 77px;
}
.employee-submit-survey .form-container .form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.employee-submit-survey .form-container .form input, .employee-submit-survey .form-container .form select, .employee-submit-survey .form-container .form textarea {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .employee-submit-survey .form-container .form input, body.is-dark .employee-submit-survey .form-container .form select, body.is-dark .employee-submit-survey .form-container .form textarea {
  color: #CECECE;
  background: #323236;
}
.employee-submit-survey .form-container .form .form-group {
  display: flex;
  flex-direction: column;
  gap: 16;
  padding: 20px;
  border-radius: 8px;
  background: var(--natural-cards-natural-day, #FFF);
  box-shadow: 0px 22px 22px -6px rgba(219, 216, 216, 0.2);
}
body.is-dark .employee-submit-survey .form-container .form .form-group {
  background: var(--natural-cards-natural-night, #28282B);
  /* Shadows / For cards / shadow-10-[night] */
  box-shadow: 1px 3px 3px 1px rgba(35, 35, 38, 0.2);
}
.employee-submit-survey .form-container .form .form-group .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.employee-submit-survey .form-container .form .form-group .row .input-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.employee-submit-survey .form-container .form .form-group .row .input-group .question-text {
  font-family: "STC Forward";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  color: #1D252D;
}
body.is-dark .employee-submit-survey .form-container .form .form-group .row .input-group .question-text {
  color: #CECECE;
}
.employee-submit-survey .form-container .form .form-group .row .input-group .question-text small {
  color: #FF375E;
  font-family: "STC Forward";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.employee-submit-survey .form-container .form .form-group .row .input-group .error-info {
  display: flex;
  align-items: self-start;
  gap: 8px;
}
.employee-submit-survey .form-container .form .form-group .row .input-group .error-info .red-error {
  color: #FF375E;
  font-family: "STC Forward";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}
.employee-submit-survey .form-container .form .form-group .row .input-group .red-border {
  border-radius: 4px;
  border: 1px solid #FF375E;
  background: #FFF;
}
body.is-dark .employee-submit-survey .form-container .form .form-group .row .input-group .red-border {
  background: #323236;
}
.employee-submit-survey .form-container .form .form-group .row .input-group .ques-val-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0px -12px;
}
.employee-submit-survey .form-container .form .form-group .row .input-group .ques-val-group .control-label {
  font-family: "STC Forward";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .employee-submit-survey .form-container .form .form-group .row .input-group .ques-val-group .control-label {
  color: #CECECE;
}
.employee-submit-survey .form-container .form .form-group .row .input-group .ques-val-group.ar .b-radio.radio {
  margin-right: 0em !important;
}
.employee-submit-survey .form-container .form .form-group .row.ar .form-input-group input, .employee-submit-survey .form-container .form .form-group .row.ar .form-input-group textarea, .employee-submit-survey .form-container .form .form-group .row.ar .form-input-group label {
  direction: rtl;
  float: right;
}
.employee-submit-survey .form-container .form input[type=checkbox] + .check, .employee-submit-survey .form-container .form input[type=radio] + .check {
  width: 1.7em !important;
  height: 1.7em !important;
}
.employee-submit-survey .form-container .form input[type=checkbox]:checked + .check {
  width: 1.7em !important;
  height: 1.7em !important;
  background: #4f008c !important;
}
body.is-dark .employee-submit-survey .form-container .form input[type=checkbox]:checked + .check {
  background: #797bf2 !important;
}
body.is-rtl .employee-submit-survey .form-container .form input[type=checkbox]:checked + .check:before {
  transform: translate3d(-100%, 0, 0);
}
.employee-submit-survey .form-container .form .ques-val-group.ar .b-checkbox.checkbox {
  margin-right: 0em !important;
}
.employee-submit-survey .form-container .form input[type=radio]:checked + .check {
  width: 1.7em !important;
  height: 1.7em !important;
  background: #4f008c !important;
}
body.is-dark .employee-submit-survey .form-container .form input[type=radio]:checked + .check {
  background: #797bf2 !important;
}
.employee-submit-survey .form-container .form input[type=radio]:checked + .check.b-radio.radio.ar {
  margin-right: 0em !important;
}
.employee-submit-survey .form-container .actions {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  margin-top: 32px;
}
.employee-submit-survey .form-container .actions.ar {
  justify-content: flex-end;
}
.employee-submit-survey .form-container .actions .save {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  background: #4f008c;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
}
body.is-dark .employee-submit-survey .form-container .actions .save {
  background: #797bf2;
}
.employee-submit-survey .form-container .actions .save:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .employee-submit-survey .form-container .actions .save:hover {
  background: #797bf2 !important;
  color: #ffffff !important;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.employee-submit-survey.declaration .form-container {
  padding: 24px 0px;
}
.employee-submit-survey.declaration {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.employee-submit-survey.declaration .content-info-header {
  position: relative;
  top: 100px;
  width: 50%;
  padding: 24px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
  transition: all 0.3s;
  box-shadow: #dbd8d8 0 0 22px -6px;
  background-color: #fff;
}
body.is-dark .employee-submit-survey.declaration .content-info-header {
  box-shadow: #232326 0 0 3px 1px;
  background-color: #28282b;
}
.employee-submit-survey.declaration .content-info-header .declaration-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 12px 0px;
  padding: 20px 0px;
  border-bottom: 1px solid #e3e3e3;
}
body.is-dark .employee-submit-survey.declaration .content-info-header .declaration-title {
  transition: all 0.3s;
  border-bottom: 1px solid #e5e5e5;
}
.employee-submit-survey.declaration .content-info-header .declaration-title h3 {
  font-family: "STC Forward", sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.3;
}
body.is-dark .employee-submit-survey.declaration .content-info-header .declaration-title h3 {
  color: #cecece;
}
.employee-submit-survey.declaration .content-info-header .declaration-title .attachments {
  display: flex;
  align-items: center;
  margin: 5px 0;
}
.employee-submit-survey.declaration .aggreement-checkbox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  box-shadow: #dbd8d8 0 0 22px -6px;
  background-color: #fff;
  border-radius: 8px;
}
body.is-dark .employee-submit-survey.declaration .aggreement-checkbox {
  transition: all 0.3s;
  box-shadow: #232326 0 0 3px 1px;
  background-color: #28282b;
}
.employee-submit-survey.declaration .aggreement-checkbox .field.has-addons {
  display: flex;
  align-items: baseline;
}

@supports (padding-top: max(18px)) {
  .employee-submit-survey-mobile {
    padding-top: calc(18px + env(safe-area-inset-top));
  }
}
.employee-submit-survey-mobile .feedback-content {
  margin-top: 50%;
}
.employee-submit-survey-mobile .form-container {
  width: 100%;
  padding: 24px;
  margin-top: 52px;
  margin-bottom: 0px;
}
.employee-submit-survey-mobile .form-container .actions {
  justify-content: start;
}
.employee-submit-survey-mobile.declaration {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.employee-submit-survey-mobile.declaration .content-info-header {
  position: relative;
  top: 100px;
  width: 100%;
  padding: 24px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  transition: all 0.3s;
  box-shadow: #dbd8d8 0 0 22px -6px;
  background-color: #fff;
}
body.is-dark .employee-submit-survey-mobile.declaration .content-info-header {
  box-shadow: #232326 0 0 3px 1px;
  background-color: #28282b;
}
.employee-submit-survey-mobile.declaration .content-info-header .declaration-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 12px 0px;
  padding: 20px 0px;
  border-bottom: 1px solid #e3e3e3;
}
body.is-dark .employee-submit-survey-mobile.declaration .content-info-header .declaration-title {
  transition: all 0.3s;
  border-bottom: 1px solid #e5e5e5;
}
.employee-submit-survey-mobile.declaration .content-info-header .declaration-title h3 {
  font-family: "STC Forward", sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.3;
}
body.is-dark .employee-submit-survey-mobile.declaration .content-info-header .declaration-title h3 {
  color: #cecece;
}
.employee-submit-survey-mobile.declaration .content-info-header .declaration-title .attachments {
  display: flex;
  align-items: center;
  margin: 5px 0;
}
.employee-submit-survey-mobile.declaration .aggreement-checkbox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  box-shadow: #dbd8d8 0 0 22px -6px;
  background-color: #fff;
  border-radius: 8px;
}
body.is-dark .employee-submit-survey-mobile.declaration .aggreement-checkbox {
  transition: all 0.3s;
  box-shadow: #232326 0 0 3px 1px;
  background-color: #28282b;
}
.employee-submit-survey-mobile.declaration .aggreement-checkbox .field.has-addons {
  display: flex;
  align-items: baseline;
}

.diary-missions .mission-cards-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.diary-missions .mission-cards-container .mission-card {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0px 24px;
  width: 100%;
  min-height: 120px;
  border-radius: 12px;
  background: #FFFFFF;
  border: 1px solid #EDEDED;
}
body.is-dark .diary-missions .mission-cards-container .mission-card {
  background: #28282B;
  border: 1px solid #232323;
}
.diary-missions .mission-cards-container .mission-card .owner-info {
  position: relative;
  display: flex;
  gap: 16px;
  align-items: center;
  flex: 3;
}
.diary-missions .mission-cards-container .mission-card .owner-info .rhombus {
  width: 70px;
  height: 70px;
  position: relative;
  transform: rotate(45deg);
  overflow: hidden;
  border-radius: 7px;
  border: 5px solid #FFFFFF;
}
body.is-dark .diary-missions .mission-cards-container .mission-card .owner-info .rhombus {
  border: 5px solid #28282B;
}
.diary-missions .mission-cards-container .mission-card .owner-info .rhombus .avtr {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.diary-missions .mission-cards-container .mission-card .owner-info .rhombus.empty {
  display: flex;
  justify-content: center;
}
.diary-missions .mission-cards-container .mission-card .owner-info .rhombus.empty span {
  display: flex;
  align-items: center;
  transform: rotate(314deg);
}
.diary-missions .mission-cards-container .mission-card .owner-info .name-and-code {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.diary-missions .mission-cards-container .mission-card .owner-info .name-and-code .owner-name {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .diary-missions .mission-cards-container .mission-card .owner-info .name-and-code .owner-name {
  color: #CECECE;
}
.diary-missions .mission-cards-container .mission-card .owner-info .name-and-code .mission-code {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #1D252D;
}
body.is-dark .diary-missions .mission-cards-container .mission-card .owner-info .name-and-code .mission-code {
  color: #CECECE;
}
.diary-missions .mission-cards-container .mission-card .owner-info svg {
  position: absolute;
  top: 10%;
  left: 16%;
  z-index: 1;
}
.diary-missions .mission-cards-container .mission-card .owner-info.ar svg {
  right: 16%;
  left: auto;
}
.diary-missions .mission-cards-container .mission-card .mission-info {
  margin: 18px 0px;
  display: flex;
  flex-direction: column;
  flex: 6;
}
.diary-missions .mission-cards-container .mission-card .mission-info .upper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0px 128px;
}
.diary-missions .mission-cards-container .mission-card .mission-info .upper .title {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
}
.diary-missions .mission-cards-container .mission-card .mission-info .upper .title svg .cls-1 {
  fill: #4f008c;
}
body.is-dark .diary-missions .mission-cards-container .mission-card .mission-info .upper .title svg .cls-1 {
  fill: #a2a5b9;
}
.diary-missions .mission-cards-container .mission-card .mission-info .upper .title svg .cls-1, .diary-missions .mission-cards-container .mission-card .mission-info .upper .title svg .cls-2, .diary-missions .mission-cards-container .mission-card .mission-info .upper .title svg .cls-3 {
  stroke-width: 0px;
}
.diary-missions .mission-cards-container .mission-card .mission-info .upper .title svg .cls-2 {
  fill: #f4f4f4;
}
.diary-missions .mission-cards-container .mission-card .mission-info .upper .title svg .cls-3 {
  fill: #fff;
}
.diary-missions .mission-cards-container .mission-card .mission-info .upper .title h3 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .diary-missions .mission-cards-container .mission-card .mission-info .upper .title h3 {
  color: #CECECE;
}
.diary-missions .mission-cards-container .mission-card .mission-info .upper .mission-duration {
  display: flex;
  justify-content: space-between;
  gap: 32px;
}
.diary-missions .mission-cards-container .mission-card .mission-info .upper .mission-duration .date-preview {
  margin-bottom: 14px;
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
}
.diary-missions .mission-cards-container .mission-card .mission-info .upper .mission-duration .date-preview svg .cls-1 {
  fill: #4f008c;
}
.diary-missions .mission-cards-container .mission-card .mission-info .upper .mission-duration .date-preview svg .cls-1, .diary-missions .mission-cards-container .mission-card .mission-info .upper .mission-duration .date-preview svg .cls-2, .diary-missions .mission-cards-container .mission-card .mission-info .upper .mission-duration .date-preview svg .cls-3 {
  stroke-width: 0px;
}
.diary-missions .mission-cards-container .mission-card .mission-info .upper .mission-duration .date-preview svg .cls-2 {
  fill: #ff375e;
}
.diary-missions .mission-cards-container .mission-card .mission-info .upper .mission-duration .date-preview svg .cls-3 {
  fill: #fff;
}
.diary-missions .mission-cards-container .mission-card .mission-info .upper .mission-duration .date-preview p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .diary-missions .mission-cards-container .mission-card .mission-info .upper .mission-duration .date-preview p {
  color: #CECECE;
}
.diary-missions .mission-cards-container .mission-card .mission-info .upper .progressbar {
  width: 100%;
  margin-top: 24px;
}
.diary-missions .mission-cards-container .mission-card .options {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 16px;
  flex: 1;
}
.diary-missions .mission-cards-container .mission-card .folded-ribbon-badge {
  position: absolute;
  top: 18px;
  right: -22px;
  background: #4f008c;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 3px 26px;
  transform: rotate(45deg);
  height: 25px;
  border-top-left-radius: 4px;
}
body.is-dark .diary-missions .mission-cards-container .mission-card .folded-ribbon-badge {
  background: #797bf2;
}
.diary-missions .mission-cards-container .mission-card .folded-ribbon-badge.ar {
  right: auto;
  left: -22px;
  transform: rotate(-45deg);
  padding: 0px 26px;
}
.diary-missions .mission-cards-container .mission-card .folded-ribbon-badge .text {
  display: block;
}
.diary-missions .mission-cards-container .mission-card .folded-assignment-badge {
  position: absolute;
  top: 22px;
  right: -43px;
  background: #8c0000;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 3px 26px;
  transform: rotate(45deg);
  height: 25px;
  border-top-left-radius: 10px;
}
body.is-dark .diary-missions .mission-cards-container .mission-card .folded-assignment-badge {
  background: #7e1515;
}
.diary-missions .mission-cards-container .mission-card .folded-assignment-badge.ar {
  right: auto;
  left: -22px;
  transform: rotate(-45deg);
  padding: 0px 26px;
}
.diary-missions .mission-cards-container .mission-card .folded-assignment-badge .text {
  display: block;
}
.diary-missions .mission-cards-container .mission-card .folded-assignment-badge {
  position: absolute;
  top: 22px;
  right: -43px;
  background: #8c0000;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 3px 26px;
  transform: rotate(45deg);
  height: 25px;
  border-top-left-radius: 10px;
}
body.is-dark .diary-missions .mission-cards-container .mission-card .folded-assignment-badge {
  background: #7e1515;
}
.diary-missions .mission-cards-container .mission-card .folded-assignment-badge.ar {
  right: auto;
  left: -22px;
  transform: rotate(-45deg);
  padding: 0px 26px;
}
.diary-missions .mission-cards-container .mission-card .folded-assignment-badge .text {
  display: block;
}
.diary-missions .mission-cards-container .mission-card.mobile {
  flex-direction: column;
  align-items: stretch;
  padding: 18px 24px;
}
.diary-missions .mission-cards-container .mission-card.mobile .mission-info {
  margin: 18px 0px;
}
.diary-missions .mission-cards-container .mission-card.mobile .mission-info .upper {
  margin: 18px 0px;
  width: 100%;
}
.diary-missions .svg-create-mission .cls-1 {
  fill: #4f008c;
}
.diary-missions .svg-create-mission .cls-1, .diary-missions .svg-create-mission .cls-2, .diary-missions .svg-create-mission .cls-3, .diary-missions .svg-create-mission .cls-4 {
  stroke-width: 0px;
}
.diary-missions .svg-create-mission .cls-2 {
  fill: #ff375e;
}
.diary-missions .svg-create-mission .cls-3 {
  fill: #ffdd40;
}
.diary-missions .svg-create-mission .cls-4 {
  fill: #fff;
}
body.is-dark .diary-missions .svg-create-mission .cls-1 {
  fill: #a2a5b9;
}
body.is-dark .diary-missions .svg-create-mission .cls-1, body.is-dark .diary-missions .svg-create-mission .cls-2, body.is-dark .diary-missions .svg-create-mission .cls-3 {
  stroke-width: 0px;
}
body.is-dark .diary-missions .svg-create-mission .cls-2 {
  fill: #ff375e;
}
body.is-dark .diary-missions .svg-create-mission .cls-3 {
  fill: #ffdd40;
}
.diary-missions .create-button {
  flex-direction: row;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  color: #4F008C;
  border: 1px solid #4F008C;
  border-radius: 7px;
}
body.is-dark .diary-missions .create-button {
  color: #CECECE;
  border: 1px solid #797BF2;
}
.diary-missions .create-button:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
  background: #4f008c;
  color: #ffffff;
}
body.is-dark .diary-missions .create-button:hover {
  background: #797bf2;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.diary-missions .target-buttons {
  display: flex;
}
.diary-missions .target-buttons .target-btn {
  flex-direction: row;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  background: transparent;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  color: #4F008C;
  border: 1px solid #4F008C;
}
body.is-dark .diary-missions .target-buttons .target-btn {
  color: #CECECE;
  border: 1px solid #797BF2;
}
.diary-missions .target-buttons .target-btn.active-btn {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
  background: #4f008c;
  color: #ffffff;
}
body.is-dark .diary-missions .target-buttons .target-btn.active-btn {
  background: #797bf2;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}

.select-assignees-modals {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.select-assignees-modals .modal-card-head {
  background: #fafafa;
  border-bottom: #eee 1px solid;
}
body.is-dark .select-assignees-modals .modal-card-head {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-color: #232326;
  color: #cecece;
}
.select-assignees-modals .modal-card-head .modal-card-title {
  font-size: 1rem;
  font-weight: 500;
  color: currentColor;
}
.select-assignees-modals .modal-card-body {
  max-height: 70vh;
  padding: 20px 0px !important;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  padding: 16px 0;
}
body.is-dark .select-assignees-modals .modal-card-body {
  background: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
  color: #cecece;
}
.select-assignees-modals .modal-card-body .content {
  width: 100%;
}
.select-assignees-modals .modal-card-body .content .listItem {
  display: flex;
  justify-content: space-around;
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #EDEDED;
}
body.is-dark .select-assignees-modals .modal-card-body .content .listItem {
  border-bottom: 1px solid #232323;
}
.select-assignees-modals .modal-card-body .content .listItem .people-item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.select-assignees-modals .modal-card-body .content .listItem .people-item .meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.select-assignees-modals .modal-card-body .content .listItem .people-item .meta .dark-inverted {
  font-size: 13px;
  font-weight: 500;
}
.select-assignees-modals .modal-card-body .content .listItem .field .check {
  width: 24px;
  height: 24px;
}
.select-assignees-modals .modal-card-body .content .no-content {
  display: flex;
  justify-content: center;
  margin-bottom: 24px !important;
  padding: 50px 0px !important;
  border-bottom: 1px solid #EDEDED;
}
body.is-dark .select-assignees-modals .modal-card-body .content .no-content {
  border-bottom: 1px solid #232323;
}
.select-assignees-modals .modal-card-body .content .no-content .empty-subordinates {
  text-align: center;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .select-assignees-modals .modal-card-body .content .no-content .empty-subordinates {
  color: #cecece;
}

.mission-info {
  display: flex;
}
.mission-info.mobile {
  flex-direction: column;
}
.mission-info .fushia {
  background: #ff375e;
}
body.is-dark .mission-info .fushia {
  background: #ff375e !important;
}
.mission-info .fushia:hover {
  background: #ff375e !important;
}
body.is-dark .mission-info .fushia:hover {
  background: #ff375e !important;
  border-color: #ff375e !important;
}
.mission-info .fushia span {
  font-weight: 600;
  font-size: 1rem;
  color: #ffffff;
}
.mission-info .toggle_view_comments {
  text-align: center;
  margin-top: 10px;
  text-decoration: underline;
  cursor: pointer;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 21px;
  color: #4f008c;
}
body.is-dark .mission-info .toggle_view_comments {
  color: #797bf2;
}
.mission-info .is-submit-form {
  flex: 7;
}
.mission-info .comments {
  position: relative;
  flex: 4;
  height: 100vh;
  padding-top: calc(env(safe-area-inset-top) + 80px);
  overflow: hidden;
}
.mission-info .comments.mobile {
  padding-top: 20px;
}
.mission-info .comments.mobile .comments-list {
  padding: 0px 12px;
}
.mission-info .comments .write-comment-box {
  padding: 12px;
  background: white;
  border-radius: 7px;
}
body.is-dark .mission-info .comments .write-comment-box {
  background: #2f2f33;
}
.mission-info .comments .write-comment-box .actions {
  display: flex;
  justify-content: flex-end;
}
.mission-info .comments .separator {
  height: 1px;
  background: #e3e3e3;
  margin: -10px 0px 12px 0px;
}
body.is-dark .mission-info .comments .separator {
  background: #232323;
}
.mission-info .comments .separator.mt-10 {
  margin-top: 10px;
}
.mission-info .comments .comments-list {
  max-height: 50vh;
  overflow-y: auto;
}
.mission-info .comments .comments-list .comment-card {
  min-height: 140px;
  margin: 5px 0px;
  padding: 6px 8px;
  overflow: hidden;
  border-radius: 7px;
  border: 1px solid #e3e3e3;
}
body.is-dark .mission-info .comments .comments-list .comment-card {
  border: 1px solid #232323;
}
.mission-info .comments .comments-list .comment-card .comment-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
.mission-info .comments .comments-list .comment-card .comment-row .img-container {
  flex: 1;
}
.mission-info .comments .comments-list .comment-card .comment-row .img-container .owner-image {
  height: 50px;
  width: 50px;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mission-info .comments .comments-list .comment-card .comment-row .img-container .owner-image .avtr {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.mission-info .comments .comments-list .comment-card .comment-column {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.mission-info .comments .comments-list .comment-card .comment-column .user-info {
  flex: 8;
}
.mission-info .comments .comments-list .comment-card .comment-column .user-info .username {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  border: none;
  color: #1d252d;
}
body.is-dark .mission-info .comments .comments-list .comment-card .comment-column .user-info .username {
  color: #cecece;
}
.mission-info .comments .comments-list .comment-card .comment-column .user-info .job-title {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 300;
  font-size: 11px;
  line-height: 17px;
  border: none;
  color: #1d252d;
}
body.is-dark .mission-info .comments .comments-list .comment-card .comment-column .user-info .job-title {
  color: #cecece;
}
.mission-info .comments .comments-list .comment-card .comment-column .content {
  display: flex;
  flex-direction: column;
  gap: 0px;
  border-radius: 5px;
  text-align: justify;
  width: 100%;
}
.mission-info .comments .comments-list .comment-card .comment-column .content .comment {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  border: none;
  color: #1d252d;
}
body.is-dark .mission-info .comments .comments-list .comment-card .comment-column .content .comment {
  color: #cecece;
}
.mission-info .comments .comments-list .comment-card .comment-column .content .toggle-more {
  cursor: pointer;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  text-decoration: underline;
  color: #4f008c;
}
body.is-dark .mission-info .comments .comments-list .comment-card .comment-column .content .toggle-more {
  color: #797bf2;
}
.mission-info .comments .comments-list .comment-card .comment-column .meta-options {
  margin-top: -20px;
  display: flex;
  justify-content: space-between;
}
.mission-info .comments .comments-list .comment-card .comment-column .meta-options .time {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 17px;
  border: none;
  color: #1d252d;
}
body.is-dark .mission-info .comments .comments-list .comment-card .comment-column .meta-options .time {
  color: #cecece;
}
.mission-info .comments .comments-list .comment-card .comment-column .meta-options .options {
  display: flex;
  gap: 4px;
}
.mission-info .comments .comments-list .comment-card .comment-column .meta-options .options svg {
  cursor: pointer;
}
.mission-info .comments .comments-list .comment-card .comment-column .meta-options .options .edit path {
  stroke: #1d252d;
}
body.is-dark .mission-info .comments .comments-list .comment-card .comment-column .meta-options .options .edit path {
  stroke: #cecece;
}
.mission-info .comments .comments-list .comment-card .comment-column .meta-options .options .delete {
  background: none !important;
  fill: #1d252d;
}
body.is-dark .mission-info .comments .comments-list .comment-card .comment-column .meta-options .options .delete {
  fill: #cecece;
}
.mission-info .comments .comments-list::-webkit-scrollbar {
  width: 10px;
}
.mission-info .comments .comments-list::-webkit-scrollbar-track {
  background: #e3e3e3;
}
body.is-dark .mission-info .comments .comments-list::-webkit-scrollbar-track {
  background: #2f2f33;
}
.mission-info .comments .comments-list::-webkit-scrollbar-thumb {
  background: #4f008c;
}
body.is-dark .mission-info .comments .comments-list::-webkit-scrollbar-thumb {
  background: #797bf2;
}
.mission-info .comments .comments-list::-webkit-scrollbar-thumb {
  border-radius: 5px;
}
.mission-info .comments .comments-list::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.mission-info .comments .comment-placeholder .placeholder-card {
  min-height: 140px;
  margin: 5px 2px;
  padding: 14px 15px;
  border-radius: 14px;
  border: 1px solid #dedede;
}
body.is-dark .mission-info .comments .comment-placeholder .placeholder-card {
  border: 1px solid #232323;
}
.mission-info .row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
  border-bottom: 1px solid #DEDEDE;
}
body.is-dark .mission-info .row {
  border-bottom: 1px solid #232323;
}
.mission-info .row.extra-info {
  background: #fafafa;
  padding: 0px 12px;
}
body.is-dark .mission-info .row.extra-info {
  background: #2d2d31;
}
.mission-info .row.extra-info p {
  margin: 0px 16px;
}
.mission-info .row .data-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 8px 0px;
  padding-top: 24px !important;
}
.mission-info .row .data-container.no-padding {
  padding: 0px !important;
  padding-top: 0px !important;
  margin-bottom: 8px !important;
}
.mission-info .row .data-container h3 {
  font-family: "STC Forward", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
}
.mission-info .row .data-container p {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  border: none;
  color: #1d252d;
}
body.is-dark .mission-info .row .data-container p {
  color: #cecece;
}
.mission-info .row .data-container .mission-duration {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  gap: 32px;
}
.mission-info .row .data-container .mission-duration svg .cls-1 {
  fill: #4f008c;
}
.mission-info .row .data-container .mission-duration svg .cls-1, .mission-info .row .data-container .mission-duration svg .cls-2, .mission-info .row .data-container .mission-duration svg .cls-3 {
  stroke-width: 0px;
}
.mission-info .row .data-container .mission-duration svg .cls-2 {
  fill: #ff375e;
}
.mission-info .row .data-container .mission-duration svg .cls-3 {
  fill: #fff;
}
.mission-info .row .data-container .mission-duration .date-preview {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  margin-bottom: 14px;
}
.mission-info .row .assign-button {
  flex-direction: row;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  background: transparent;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  background: transparent;
  color: #4F008C;
  border: 1px solid #4F008C;
  border-radius: 7px;
}
body.is-dark .mission-info .row .assign-button {
  color: #CECECE;
  border: 1px solid #797BF2;
}
.mission-info .row .assign-button:hover {
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
  background: #4f008c;
  color: #ffffff;
}
body.is-dark .mission-info .row .assign-button:hover {
  background: #797bf2;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}
.mission-info .row .assignees-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  padding-top: 12px;
}
.mission-info .row .assignees-list .card-container svg {
  stroke: #000000;
  fill: #000000;
}
body.is-dark .mission-info .row .assignees-list .card-container svg {
  stroke: #CCCCCC;
  fill: #CCCCCC;
}
.mission-info .row .assignees-list .card-container svg .stroke {
  stroke: #CCCCCC;
}
.mission-info .row .assignees-list .assignee-member-card {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #EDEDED;
}
body.is-dark .mission-info .row .assignees-list .assignee-member-card {
  border-bottom: 1px solid #232323;
}
.mission-info .row .assignees-list .assignee-member-card.no-border {
  border-bottom: none;
}
body.is-dark .mission-info .row .assignees-list .assignee-member-card.no-border {
  border-bottom: none;
}
.mission-info .row .assignees-list .assignee-member-card .people-item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.mission-info .row .assignees-list .assignee-member-card .people-item .meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.mission-info .row .assignees-list .assignee-member-card .people-item .meta .dark-inverted {
  font-size: 13px;
  font-weight: 500;
}
.mission-info .row .assignees-list .assignee-member-card .options {
  display: flex;
}
.mission-info .row .assignees-list .assignee-member-card .options .remove-assignee {
  cursor: pointer;
}
.mission-info .row .assignees-list .assignee-member-card .options .remove-assignee rect {
  fill: #4F008C;
}
body.is-dark .mission-info .row .assignees-list .assignee-member-card .options .remove-assignee rect {
  fill: #797BF2;
}
.mission-info .row .assignees-list .assignee-member-card .options .status {
  display: flex;
}
.mission-info .row .assignees-list .assignee-member-card .options .status .task-status-column {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 1.56rem;
}
.mission-info .row .assignees-list .assignee-member-card .options .status .active {
  padding: 8px 14px;
  border-radius: 18.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
body.is-dark .mission-info .row .assignees-list .assignee-member-card .options .status .active {
  color: #06d6a0;
  background: rgba(6, 214, 160, 0.15);
}
.mission-info .row .assignees-list .assignee-member-card .options .status .completed {
  padding: 8px 14px;
  border-radius: 18.5px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #1d252d;
  background: #f2f2f2;
}
body.is-dark .mission-info .row .assignees-list .assignee-member-card .options .status .completed {
  color: #cecece;
  background: #252529;
}
.mission-info .row .assignees-list .assignee-member-card:last-child {
  border-bottom: none !important;
}
.mission-info .row .column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 12px;
}
.mission-info .row .column.center {
  cursor: pointer;
  align-items: normal !important;
}
.mission-info .row .mission-create-label {
  font-family: STC Forward, sans-serif;
  font-weight: 500;
  font-size: 0.9rem;
  color: #1d252d !important;
}
body.is-dark .mission-info .row .mission-create-label {
  color: #cecece !important;
}
.mission-info .row .select, .mission-info .row select {
  width: 100%;
}
.mission-info .row.inside {
  justify-content: stretch;
  width: 100%;
}
.mission-info .row:last-child {
  border-bottom: none !important;
}

.avtr-bg span {
  position: relative;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  padding-top: 1px;
}
.avtr-bg.is-primary {
  background: rgb(73.3787114846%, 38.9019607843%, 100%);
}
.avtr-bg.is-primary span {
  color: #4f008c;
}
.avtr-bg.is-accent {
  background: white;
}
.avtr-bg.is-accent span {
  color: #797bf2;
}
.avtr-bg.is-success {
  background: rgb(76.9215686275%, 99.3529411765%, 93.5294117647%);
}
.avtr-bg.is-success span {
  color: #06d6a0;
}
.avtr-bg.is-info {
  background: rgb(81.2263353617%, 93.6874577417%, 99.7540567951%);
}
.avtr-bg.is-info span {
  color: #039BE5;
}
.avtr-bg.is-warning {
  background: rgb(99.6887002224%, 94.9569436022%, 88.2328684051%);
}
.avtr-bg.is-warning span {
  color: #faae42;
}
.avtr-bg.is-danger {
  background: rgb(97.7274591845%, 80.5470506194%, 86.0011485766%);
}
.avtr-bg.is-danger span {
  color: #e62965;
}
.avtr-bg.is-h-purple {
  background: rgb(90.6279692494%, 88.7535630992%, 94.2268290576%);
}
.avtr-bg.is-h-purple span {
  color: #8269B2;
}
.avtr-bg.is-h-orange {
  background: rgb(100%, 90.8459383754%, 86.5882352941%);
}
.avtr-bg.is-h-orange span {
  color: #FFA981;
}
.avtr-bg.is-h-blue {
  background: rgb(85.568627451%, 95.6705882353%, 100%);
}
.avtr-bg.is-h-blue span {
  color: #37C3FF;
}
.avtr-bg.is-h-red {
  background: rgb(99.7388019428%, 90.7710019788%, 93.0782514841%);
}
.avtr-bg.is-h-red span {
  color: #F92B60;
}
.avtr-bg.is-h-green {
  background: rgb(89.3270588235%, 96.9364705882%, 88.24%);
}
.avtr-bg.is-h-green span {
  color: #93E088;
}
.avtr-bg.is-h-yellow {
  background: rgb(100%, 96.3629479378%, 87.137254902%);
}
.avtr-bg.is-h-yellow span {
  color: rgb(100%, 79.3974306964%, 27.137254902%);
}

.create-todo .date-ar .vc-arrow {
  transform: scaleX(-1);
}
.create-todo .vc-title {
  color: black !important;
}
body.is-dark .create-todo .vc-title {
  color: var(--white) !important;
}
.create-todo .vc-weekday {
  color: #4f008c !important;
}
body.is-dark .create-todo .vc-weekday {
  color: #797BF2 !important;
}
.create-todo .vc-highlight {
  background-color: #4f008c !important;
}
body.is-dark .create-todo .vc-highlight {
  background-color: #797BF2 !important;
}
.create-todo .vc-pane-layout {
  background-color: white !important;
}
body.is-dark .create-todo .vc-pane-layout {
  color: var(--white) !important;
  background-color: #1d252d !important;
}
.create-todo .vc-popover-content {
  background: #d9d0d0 !important;
}
.create-todo .vc-nav-popover-container {
  color: var(--white) !important;
  background: white !important;
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  border: 1px solid;
  border-color: var(--gray-700);
  border-radius: var(--rounded-lg);
  padding: 4px;
  box-shadow: var(--shadow);
}
body.is-dark .create-todo .vc-nav-popover-container {
  color: #1d252d !important;
  background-color: #1d252d !important;
}
.create-todo .vc-nav-item:hover {
  background-color: #2a4365 !important;
}
body.is-dark .create-todo .vc-nav-item:hover {
  color: white !important;
  background-color: var(--gray-900) !important;
}
body.is-dark .create-todo .vc-nav-title {
  color: white !important;
}
.create-todo .vc-nav-title:hover {
  background-color: var(--gray-900) !important;
  color: white !important;
}
.create-todo .vc-nav-arrow:hover {
  background-color: var(--gray-900) !important;
  color: white !important;
}
.create-todo .vc-nav-item.is-active {
  color: white !important;
  background: #2a4365 !important;
  font-weight: var(--font-bold);
  box-shadow: var(--shadow);
}
.create-todo .vc-nav-item.is-active:hover {
  background: #2a4365 !important;
}
.create-todo .vc-nav-title {
  color: #2a4365 !important;
}
.create-todo .row .row-column {
  padding: 0px !important;
}
.create-todo .row .row-column .time-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.create-todo .row .row-column .time-list button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 10px;
  gap: 10px;
  border-radius: 4px;
  border-width: 0;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #1D252D;
  background: #F2F2F2;
}
body.is-dark .create-todo .row .row-column .time-list button {
  color: #CECECE;
  background: #252529;
}
.create-todo .row .row-column .time-list button:hover {
  color: #4F008C;
  background: #F2F2F2;
  border: 1px solid #4F008C;
}
body.is-dark .create-todo .row .row-column .time-list button:hover {
  color: #797BF2;
  background: #252529;
  border: 1px solid #797BF2;
}
.create-todo .row .row-column .time-list button.active {
  font-weight: 500;
  color: #4F008C;
  background: #F3E3FF;
}
body.is-dark .create-todo .row .row-column .time-list button.active {
  color: #797BF2;
  background: #363659;
}
.create-todo .row .section-title {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .create-todo .row .section-title {
  color: #CECECE;
}
.create-todo .row .importancy {
  display: flex;
  flex-direction: row;
  gap: 12px;
  margin-top: 8px;
}
.create-todo .row .importancy button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 10px;
  gap: 10px;
  border-radius: 4px;
  border-width: 0;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #1D252D;
  background: #F2F2F2;
}
body.is-dark .create-todo .row .importancy button {
  color: #CECECE;
  background: #252529;
}
.create-todo .row .importancy button:hover {
  color: #4F008C;
  background: #F2F2F2;
  border: 1px solid #4F008C;
}
body.is-dark .create-todo .row .importancy button:hover {
  color: #797BF2;
  background: #252529;
  border: 1px solid #797BF2;
}
.create-todo .row .importancy button.active {
  font-weight: 500;
  color: #4F008C;
  background: #F3E3FF;
}
body.is-dark .create-todo .row .importancy button.active {
  color: #797BF2;
  background: #363659;
}

.to_do_header_icon path {
  fill: none;
  stroke: #cecece;
  stroke-miterlimit: 10;
  stroke-width: 1.5px;
}
.to_do_header_icon polyline {
  fill: none;
  stroke: #cecece;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}

.to_do_sidebar_icon path {
  fill: none;
  stroke: #000;
  stroke-miterlimit: 10;
  stroke-width: 1.5px;
}
body.is-dark .to_do_sidebar_icon path {
  stroke: #cecece;
}
.to_do_sidebar_icon polyline {
  fill: none;
  stroke: #000;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
body.is-dark .to_do_sidebar_icon polyline {
  stroke: #cecece;
}
.to_do_sidebar_icon:hover path {
  stroke: #4f008c !important;
}
body.is-dark .to_do_sidebar_icon:hover path {
  stroke: #797bf2 !important;
}
.to_do_sidebar_icon:hover polyline {
  stroke: #4f008c !important;
}
body.is-dark .to_do_sidebar_icon:hover polyline {
  stroke: #797bf2 !important;
}

.router-link-active .to_do_sidebar_icon path {
  fill: none;
  stroke: #4f008c !important;
  stroke-miterlimit: 10;
  stroke-width: 1.5px;
}
body.is-dark .router-link-active .to_do_sidebar_icon path {
  stroke: #797bf2 !important;
}
.router-link-active .to_do_sidebar_icon polyline {
  fill: none;
  stroke: #4f008c !important;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
body.is-dark .router-link-active .to_do_sidebar_icon polyline {
  stroke: #797bf2 !important;
}

.data-container .attachment-cards .cls-1 {
  fill: #101010;
}
body.is-dark .data-container .attachment-cards .cls-1 {
  fill: #fff;
}

.create-new-badge .form-container .title-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 32px;
}
.create-new-badge .form-container .title-row .title {
  display: flex;
  flex-direction: row;
  gap: 9px;
}
.create-new-badge .form-container .title-row .title h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  color: #1D252D;
}
body.is-dark .create-new-badge .form-container .title-row .title h2 {
  color: #CECECE;
}
.create-new-badge .form-container .title-row .title svg path {
  stroke: #1D252D;
}
body.is-dark .create-new-badge .form-container .title-row .title svg path {
  stroke: #CECECE;
}
.create-new-badge .form-container .title-row .tr-buttons {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.create-new-badge .form-container .title-row .tr-buttons .lang {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 10px;
  gap: 10px;
  width: 61px;
  height: 35px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #1D252D;
  background: #F2F2F2;
}
body.is-dark .create-new-badge .form-container .title-row .tr-buttons .lang {
  color: #CECECE;
  background: #252529;
}
.create-new-badge .form-container .title-row .tr-buttons .lang.active {
  font-weight: 500;
  color: #4F008C;
  background: #F3E3FF;
}
body.is-dark .create-new-badge .form-container .title-row .tr-buttons .lang.active {
  color: #797BF2;
  background: #363659;
}
.create-new-badge .form-container .store-item-form {
  margin-top: 2.4em;
}
.create-new-badge .form-container .form-section-ar {
  direction: rtl !important;
}
.create-new-badge .form-container .form-section-ar input, .create-new-badge .form-container .form-section-ar textarea {
  direction: rtl !important;
}
.create-new-badge .form-container .form-section-en {
  direction: ltr !important;
}
.create-new-badge .form-container .form-section-en input, .create-new-badge .form-container .form-section-en textarea {
  direction: ltr !important;
}

.admin-badges-history .badges-container .items-table .options-icon path {
  stroke: #1D252D;
}
body.is-dark .admin-badges-history .badges-container .items-table .options-icon path {
  stroke: #A2A5B9;
}

.assigned-employees-modals {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.assigned-employees-modals .modal-card-head {
  background: #fafafa;
  border-bottom: #eee 1px solid;
}
body.is-dark .assigned-employees-modals .modal-card-head {
  background: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-color: #232326;
  color: #cecece;
}
.assigned-employees-modals .modal-card-head .modal-card-title {
  font-size: 1rem;
  font-weight: 500;
  color: currentColor;
}
.assigned-employees-modals .modal-card-body {
  max-height: 70vh;
  padding: 20px 0px !important;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  padding: 16px 0;
}
body.is-dark .assigned-employees-modals .modal-card-body {
  background: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
  color: #cecece;
}
.assigned-employees-modals .modal-card-body .content {
  width: 100%;
}
.assigned-employees-modals .modal-card-body .content .listItem {
  display: flex;
  justify-content: space-around;
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #EDEDED;
}
body.is-dark .assigned-employees-modals .modal-card-body .content .listItem {
  border-bottom: 1px solid #232323;
}
.assigned-employees-modals .modal-card-body .content .listItem .people-item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.assigned-employees-modals .modal-card-body .content .listItem .people-item .meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.assigned-employees-modals .modal-card-body .content .listItem .people-item .meta .dark-inverted {
  font-size: 13px;
  font-weight: 500;
}
.assigned-employees-modals .modal-card-body .content .listItem .field .check {
  width: 24px;
  height: 24px;
}
.assigned-employees-modals .modal-card-body .content .listItem .h-avatar {
  width: 40px;
  height: 40px;
}
.assigned-employees-modals .modal-card-body .content .listItem .h-avatar img {
  width: 40px;
  height: 40px;
}
.assigned-employees-modals .modal-card-body .content .no-content {
  display: flex;
  justify-content: center;
  margin-bottom: 24px !important;
  padding: 50px 0px !important;
  border-bottom: 1px solid #EDEDED;
}
body.is-dark .assigned-employees-modals .modal-card-body .content .no-content {
  border-bottom: 1px solid #232323;
}
.assigned-employees-modals .modal-card-body .content .no-content .empty-subordinates {
  text-align: center;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .assigned-employees-modals .modal-card-body .content .no-content .empty-subordinates {
  color: #cecece;
}
.assigned-employees-modals .modal-card-body .content .loading-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.assigned-employees-modals .modal-card-body .content .loading-content svg path {
  fill: #1d252d;
}
body.is-dark .assigned-employees-modals .modal-card-body .content .loading-content svg path {
  fill: #cecece;
}
.assigned-employees-modals .modal-card-body .content .error-content {
  display: flex;
  justify-content: center;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  color: #1d252d;
}
body.is-dark .assigned-employees-modals .modal-card-body .content .error-content {
  color: #cecece;
}

.profile-modal-badge .modal-card-head {
  background: white !important;
  border-bottom: none !important;
}
body.is-dark .profile-modal-badge .modal-card-head {
  background: #28282B !important;
}
.profile-modal-badge .content .badge-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 5em !important;
  z-index: 2;
}
.profile-modal-badge .content .badge-content img {
  height: 179.5px !important;
  width: 137.5px !important;
}
.profile-modal-badge .content .badge-content.web-badge {
  position: absolute;
}
.profile-modal-badge .content .description {
  text-align: center !important;
}
.profile-modal-badge .content .animation {
  width: 400px;
  height: 144px !important;
  overflow: hidden;
  margin: 0px auto;
  position: relative;
  top: -100px;
  z-index: 10;
}
.profile-modal-badge .content .animation svg {
  height: auto !important;
  width: auto !important;
}

.survey-request .form-header-inner .tr-buttons {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.survey-request .form-header-inner .tr-buttons .lang {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 10px;
  gap: 10px;
  width: 61px;
  height: 35px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #1D252D;
  background: #F2F2F2;
}
body.is-dark .survey-request .form-header-inner .tr-buttons .lang {
  color: #CECECE;
  background: #252529;
}
.survey-request .form-header-inner .tr-buttons .lang:hover {
  color: #4F008C;
  background: #F2F2F2;
  border: 1px solid #4F008C;
}
body.is-dark .survey-request .form-header-inner .tr-buttons .lang:hover {
  color: #797BF2;
  background: #252529;
  border: 1px solid #797BF2;
}
.survey-request .form-header-inner .tr-buttons .lang.active {
  font-weight: 500;
  color: #4F008C;
  background: #F3E3FF;
}
body.is-dark .survey-request .form-header-inner .tr-buttons .lang.active {
  color: #797BF2;
  background: #363659;
}
.survey-request .form-section.rtl-dir {
  direction: rtl !important;
}
.survey-request .form-section.rtl-dir .block .field-body {
  margin: 0px -28px;
}
.survey-request .form-section.ltr-dir {
  direction: ltr !important;
}
.survey-request .form-section.ltr-dir .block .field-body {
  margin: 0px -12px;
}
.survey-request .form-section .check {
  display: flex;
  gap: 5px;
}

.manage-access-list-survey-modal .row {
  width: 100%;
}
.manage-access-list-survey-modal .audience-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.manage-access-list-survey-modal .audience-list button {
  border: 1px solid transparent;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 10px;
  gap: 10px;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #1D252D;
  background: #F2F2F2;
}
body.is-dark .manage-access-list-survey-modal .audience-list button {
  color: #CECECE;
  background: #252529;
}
.manage-access-list-survey-modal .audience-list button.disapled {
  color: #CECECE;
}
body.is-dark .manage-access-list-survey-modal .audience-list button.disapled {
  background-color: #404046;
  color: #616161;
}
.manage-access-list-survey-modal .audience-list button.disapled:hover {
  color: none;
  background: none;
}
.manage-access-list-survey-modal .audience-list button:hover {
  color: #4F008C;
  background: #F2F2F2;
  border: 1px solid #4F008C;
}
body.is-dark .manage-access-list-survey-modal .audience-list button:hover {
  color: #797BF2;
  background: #252529;
  border: 1px solid #797BF2;
}
.manage-access-list-survey-modal .audience-list button.active {
  font-weight: 500;
  color: #4F008C;
  background: #F3E3FF;
}
body.is-dark .manage-access-list-survey-modal .audience-list button.active {
  color: #797BF2;
  background: #363659;
}

.admin-cx-complaints .card .card-top-header {
  justify-content: space-between;
}
.admin-cx-complaints .card .card-top-header .actions svg path {
  stroke: #1D252D;
}
body.is-dark .admin-cx-complaints .card .card-top-header .actions svg path {
  stroke: #A2A5B9;
}
.admin-cx-complaints .card .card-top-header .actions.en .dropdown-menu {
  margin-right: 0px !important;
}
.admin-cx-complaints .card .card-top-header .actions .dropdown-menu {
  margin-right: -180px;
}
.admin-cx-complaints .card .card-top-header .actions .dropdown-menu .dropdown-content {
  padding: 20px 16px;
}
.admin-cx-complaints .card .card-top-header .actions .dropdown-menu .side-dropdown-item {
  display: flex;
  gap: 8px;
  padding: 12px 0;
}
.admin-cx-complaints .card .card-top-header .actions .dropdown-menu .side-dropdown-item p {
  text-align: center;
  font-family: "STC Forward";
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  color: #1D252D;
}
body.is-dark .admin-cx-complaints .card .card-top-header .actions .dropdown-menu .side-dropdown-item p {
  color: #CECECE;
}
.admin-cx-complaints .card .card-top-header .actions.mobile .dropdown-content {
  padding: 0px;
}
.admin-cx-complaints .card .card-top-header .actions.mobile .dropdown-list {
  border-radius: 0px;
}
.admin-cx-complaints .card .card-top-header .actions.mobile .side-dropdown-item {
  display: flex;
  height: 38px;
  padding: 24px 13px !important;
  margin: 24px 13px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 4px;
  background: #F9F9F9;
}
body.is-dark .admin-cx-complaints .card .card-top-header .actions.mobile .side-dropdown-item {
  background: #323236;
}
.admin-cx-complaints .dropdown.ar .dropdown-menu {
  margin-right: -166px;
}
.admin-cx-complaints .dropdown .dropdown-menu {
  min-width: 192px;
}

.admin-cx-complaints-modal .modal-background {
  transform: translate3d(0, 0, 0);
  transition-property: opacity, visibility;
  transition-timing-function: linear;
  transition-duration: 250ms;
  background-color: #1d252d;
  opacity: 0.5;
}
.admin-cx-complaints-modal .modal-close {
  display: none;
}
.admin-cx-complaints-modal .modalBody {
  width: 100%;
}
.admin-cx-complaints-modal .modalBody .row {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.admin-cx-complaints-modal .modalBody .row .column {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.admin-cx-complaints-modal .modalBody .row .column .key {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #575767;
}
body.is-dark .admin-cx-complaints-modal .modalBody .row .column .key {
  color: #CECECE;
}
.admin-cx-complaints-modal .modalBody .row .column .value {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #1D252D;
  word-wrap: break-word;
  word-break: break-all;
  overflow-wrap: break-word;
  max-width: 100%;
}
body.is-dark .admin-cx-complaints-modal .modalBody .row .column .value {
  color: #CECECE;
}
.admin-cx-complaints-modal .buttonsActions {
  display: flex;
  flex-direction: row;
  gap: 24px;
  padding: 0px;
  margin-top: 48px;
  width: 100%;
  justify-content: flex-end;
}
.admin-cx-complaints-modal .buttonsActions .cancelButton {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  height: 40px;
  border: 1px solid #4f008c;
  border-radius: 4px;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #4f008c;
}
body.is-dark .admin-cx-complaints-modal .buttonsActions .cancelButton {
  color: #797bf2;
  background: #28282b;
}
.admin-cx-complaints-modal .buttonsActions .cancelButton:hover {
  background: #4f008c;
  color: #ffffff;
  box-shadow: 0px 14px 26px rgba(79, 0, 140, 0.2);
}
body.is-dark .admin-cx-complaints-modal .buttonsActions .cancelButton:hover {
  background: #797bf2;
  color: #ffffff;
  box-shadow: 0px 14px 26px rgba(121, 123, 242, 0.2);
}

.admin-cx-complaints-web .items-table .action-buttons {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
.admin-cx-complaints-web .items-table .actions {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
.admin-cx-complaints-web .items-table .actions:hover {
  background-color: #f5f5f5;
}
body.is-dark .admin-cx-complaints-web .items-table .actions:hover {
  background-color: #28282b;
}
.admin-cx-complaints-web .items-table .actions svg {
  width: 20px;
  height: 20px;
  color: #666;
}
body.is-dark .admin-cx-complaints-web .items-table .actions svg {
  color: #A2A5B9;
}
.admin-cx-complaints-web .items-table .dropdown-list {
  min-width: 200px;
  padding: 0.5rem 0;
  background: white;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.admin-cx-complaints-web .items-table .contact-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
  text-decoration: none;
  color: inherit;
}
.admin-cx-complaints-web .items-table .contact-actions:hover {
  background-color: #f8f9fa;
}
.admin-cx-complaints-web .items-table .contact-actions svg {
  width: 18px;
  height: 18px;
  color: #666;
}
.admin-cx-complaints-web .items-table .contact-actions p {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
}
.admin-cx-complaints-web .items-table .side-dropdown-item {
  border-bottom: 1px solid #f0f0f0;
}
.admin-cx-complaints-web .items-table .side-dropdown-item:last-child {
  border-bottom: none;
}
.admin-cx-complaints-web .items-table .delete-item:hover {
  background-color: #fff5f5;
}
.admin-cx-complaints-web .items-table .delete-item:hover svg {
  color: #dc3545;
}

.resignation-form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  padding: 90px 178px;
  overflow: hidden;
  min-height: 100vh;
}
.resignation-form .progress-tracker {
  position: relative;
  width: 100%;
  padding: 20px 40px;
  margin-bottom: 20px;
}
.resignation-form .progress-tracker .progress-line {
  position: absolute;
  top: 40px;
  left: 80px;
  right: 80px;
  height: 2px;
  background-color: #ddd;
  z-index: 1;
}
.resignation-form .progress-tracker .progress-steps {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.resignation-form .progress-tracker .step {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 150px;
}
.resignation-form .progress-tracker .step .step-circle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}
.resignation-form .progress-tracker .step .step-label {
  font-size: 14px;
  text-align: center;
  color: #1D252D;
}
body.is-dark .resignation-form .progress-tracker .step .step-label {
  color: #CECECE;
}
.resignation-form .progress-tracker .step.active .step-circle {
  background-color: #00c3aa;
}
body.is-dark .resignation-form .progress-tracker .step.active .step-circle {
  background-color: #797bf2;
}
.resignation-form .progress-tracker .step.active .step-circle::after {
  content: "";
  width: 14px;
  height: 14px;
  background: white;
  border-radius: 50%;
}
.resignation-form .progress-tracker .step.active .step-label {
  color: #333;
  font-weight: 500;
}
.resignation-form .progress-tracker .step.completed .step-circle {
  background-color: #00c3aa;
}
body.is-dark .resignation-form .progress-tracker .step.completed .step-circle {
  background-color: #797bf2;
}
.resignation-form .progress-tracker .step.completed .check-icon {
  display: inline-block;
  width: 12px;
  height: 8px;
  border-left: 2px solid white;
  border-bottom: 2px solid white;
  transform: rotate(-45deg);
}
.resignation-form .content-area {
  width: 70%;
  margin-top: 30px;
  margin-bottom: 77px;
  border-radius: 8px;
}
.resignation-form .employee-card {
  display: flex;
  align-items: center;
  padding: 15px;
  margin-bottom: 20px;
}
.resignation-form .employee-card .employee-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  overflow: hidden;
}
.resignation-form .employee-card .employee-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.resignation-form .employee-card .employee-info {
  flex: 1;
}
.resignation-form .employee-card .employee-info .employee-name {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 4px;
}
.resignation-form .employee-card .employee-info .employee-position {
  font-size: 14px;
  color: #777;
  margin: 0;
}
.resignation-form .employee-card .dropdown-icon {
  color: #777;
}
.resignation-form .exit-interview {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.resignation-form .exit-interview .stepper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
  position: relative;
}
.resignation-form .exit-interview .stepper .step-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
}
.resignation-form .exit-interview .stepper .step-item .step-circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #757575;
  margin-bottom: 8px;
  transition: all 0.3s ease;
}
.resignation-form .exit-interview .stepper .step-item .step-label {
  font-size: 14px;
  color: #757575;
  text-align: center;
  max-width: 100px;
}
.resignation-form .exit-interview .stepper .step-item.active .step-circle {
  background-color: #2dd4bf;
  color: white;
}
.resignation-form .exit-interview .stepper .step-item.active .step-label {
  color: #2dd4bf;
  font-weight: 500;
}
.resignation-form .exit-interview .stepper .step-item.completed .step-circle {
  background-color: #2dd4bf;
  color: white;
}
.resignation-form .exit-interview .stepper .step-line {
  height: 3px;
  flex-grow: 1;
  background-color: #e0e0e0;
  position: relative;
  z-index: 1;
}
.resignation-form .exit-interview .interview-form {
  border-radius: 8px;
  padding: 24px;
}
.resignation-form .exit-interview .interview-form .form-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
.resignation-form .exit-interview .interview-form .form-header h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 600;
  font-size: 23px;
  color: #1D252D;
}
body.is-dark .resignation-form .exit-interview .interview-form .form-header h2 {
  color: #CECECE;
}
.resignation-form .exit-interview .interview-form .form-header .cancel-btn {
  background: none;
  border: none;
  color: #757575;
  cursor: pointer;
  font-size: 14px;
  padding: 8px 16px;
  border-radius: 4px;
}
.resignation-form .exit-interview .interview-form .form-header .cancel-btn:hover {
  background-color: #f5f5f5;
}
.resignation-form .exit-interview .interview-form .loading, .resignation-form .exit-interview .interview-form .error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
  color: #757575;
}
.resignation-form .exit-interview .interview-form .loading .spinner, .resignation-form .exit-interview .interview-form .error .spinner {
  width: 32px;
  height: 32px;
  border: 3px solid #f3f3f3;
  border-top: 3px solid #2dd4bf;
  border-radius: 50%;
  margin-bottom: 16px;
  animation: spin 1s linear infinite;
}
.resignation-form .exit-interview .interview-form .loading button, .resignation-form .exit-interview .interview-form .error button {
  margin-top: 16px;
  padding: 8px 16px;
  background-color: #2dd4bf;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.resignation-form .exit-interview .interview-form .questions-container .question-item {
  margin-bottom: 24px;
}
.resignation-form .exit-interview .interview-form .questions-container .question-item .question-text {
  font-size: 16px;
  text-align: center;
  margin-bottom: 16px;
}
.resignation-form .exit-interview .interview-form .questions-container .question-item .question-text.required::after {
  content: " *";
  color: #ff5252;
}
.resignation-form .exit-interview .interview-form .questions-container .question-item .emoji-row {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 16px;
}
.resignation-form .exit-interview .interview-form .questions-container .question-item .emoji-row.highlight-required {
  border-color: #ff5252;
  animation: pulse 1s infinite;
}
.resignation-form .exit-interview .interview-form .questions-container .question-item .emoji-row .emoji-option {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid #e0e0e0;
}
body.is-dark .resignation-form .exit-interview .interview-form .questions-container .question-item .emoji-row .emoji-option {
  order: 1px solid #797bf2;
}
.resignation-form .exit-interview .interview-form .questions-container .question-item .emoji-row .emoji-option .emoji {
  width: 32px;
  height: 32px;
  color: #757575;
}
.resignation-form .exit-interview .interview-form .questions-container .question-item .emoji-row .emoji-option:hover {
  background-color: #f5f5f5;
}
.resignation-form .exit-interview .interview-form .questions-container .question-item .emoji-row .emoji-option.selected {
  border-color: #2dd4bf;
  background-color: rgba(45, 212, 191, 0.1);
}
body.is-dark .resignation-form .exit-interview .interview-form .questions-container .question-item .emoji-row .emoji-option.selected {
  border-color: #797bf2;
  background-color: rgba(121, 123, 242, 0.1);
}
.resignation-form .exit-interview .interview-form .questions-container .question-item .emoji-row .emoji-option.selected .emoji {
  color: #2dd4bf;
}
body.is-dark .resignation-form .exit-interview .interview-form .questions-container .question-item .emoji-row .emoji-option.selected .emoji {
  color: #797bf2;
}
.resignation-form .exit-interview .interview-form .questions-container .question-item .divider {
  height: 1px;
  background-color: #e0e0e0;
  margin-top: 16px;
}
.resignation-form .exit-interview .interview-form .form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 32px;
}
.resignation-form .exit-interview .interview-form .form-actions .back-btn {
  padding: 10px 20px;
  background-color: #f5f5f5;
  color: #757575;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
}
.resignation-form .exit-interview .interview-form .form-actions .back-btn:hover {
  background-color: #e0e0e0;
}
.resignation-form .exit-interview .interview-form .form-actions .next-btn {
  padding: 10px 24px;
  background-color: #6d28d9;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
}
.resignation-form .exit-interview .interview-form .form-actions .next-btn:hover {
  background-color: #5b21b6;
}
.resignation-form .exit-interview .interview-form .form-actions .next-btn:disabled {
  background-color: #c4b5fd;
  cursor: not-allowed;
}
.resignation-form .form-group .form-label {
  font-weight: 500;
  font-family: "STC Forward", sans-serif;
  margin-bottom: 0.5em;
  font-size: 0.9rem;
  display: block;
  margin-right: 0px;
  color: #1d252d !important;
}
body.is-dark .resignation-form .form-group .form-label {
  color: #CECECE !important;
}
.resignation-form .resignation-tagInput .tag {
  display: flex !important;
  gap: 10px;
  padding: 12px;
}

.form-group.resignation-tagInput .select select, .form-group.resignation-tagInput .taginput .taginput-container.is-focusable, .form-group.resignation-tagInput .textarea, .form-group.resignation-tagInput .input {
  background-color: transparent !important;
}
.form-group .tag:not(body) {
  display: flex !important;
  background-color: #6d28d9 !important;
  color: #fff !important;
}
body.is-dark .form-group .tag:not(body) {
  background-color: #797bf2 !important;
  color: #fff !important;
}
.form-group .help.is-danger {
  margin-bottom: -17px;
}

.resignation-details .section-title {
  font-size: 18px;
  font-weight: 600;
  margin: 20px 0;
}
.resignation-details .form-container {
  margin-top: 20px;
}
.resignation-details .form-group {
  margin-bottom: 20px;
}
.resignation-details .form-group label[for=comments]::after {
  content: "";
}
.resignation-details .input-with-icon, .resignation-details .select-wrapper {
  position: relative;
}
.resignation-details .input-with-icon input, .resignation-details .input-with-icon select, .resignation-details .input-with-icon textarea, .resignation-details .select-wrapper input, .resignation-details .select-wrapper select, .resignation-details .select-wrapper textarea {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
  color: #1D252D;
  background: #f9f9f9;
}
body.is-dark .resignation-details .input-with-icon input, body.is-dark .resignation-details .input-with-icon select, body.is-dark .resignation-details .input-with-icon textarea, body.is-dark .resignation-details .select-wrapper input, body.is-dark .resignation-details .select-wrapper select, body.is-dark .resignation-details .select-wrapper textarea {
  color: #CECECE;
  background: #323236;
  border-color: #797bf2;
}
.resignation-details .input-with-icon input:focus, .resignation-details .input-with-icon select:focus, .resignation-details .input-with-icon textarea:focus, .resignation-details .select-wrapper input:focus, .resignation-details .select-wrapper select:focus, .resignation-details .select-wrapper textarea:focus {
  outline: none;
}
.resignation-details .input-with-icon textarea, .resignation-details .select-wrapper textarea {
  min-height: 100px;
  resize: vertical;
}
.resignation-details .input-with-icon .calendar-icon, .resignation-details .input-with-icon .dropdown-icon, .resignation-details .select-wrapper .calendar-icon, .resignation-details .select-wrapper .dropdown-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.future-outlook {
  max-width: 800px;
  margin: 0 auto;
  border-radius: 8px;
  padding: 24px;
}
.future-outlook .loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
  color: #757575;
}
.future-outlook .loading .spinner {
  width: 32px;
  height: 32px;
  border: 3px solid #f3f3f3;
  border-top: 3px solid #2dd4bf;
  border-radius: 50%;
  margin-bottom: 16px;
  animation: spin 1s linear infinite;
}
.future-outlook .form-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.future-outlook .form-header h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 600;
  font-size: 23px;
  color: #1D252D;
}
body.is-dark .future-outlook .form-header h2 {
  color: #CECECE;
}
.future-outlook .form-header .cancel-btn {
  background: none;
  border: none;
  color: #757575;
  cursor: pointer;
  font-size: 14px;
  padding: 8px 16px;
}
.future-outlook .form-header .cancel-btn:hover {
  text-decoration: underline;
}
.future-outlook .form-fields {
  margin-bottom: 30px;
}
.future-outlook .form-group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
}
.future-outlook .field-label {
  font-family: "STC Forward";
  display: block;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
  margin-bottom: 8px;
}
.future-outlook .required-asterisk {
  color: #e53e3e;
  margin-left: 2px;
}
.future-outlook .select-wrapper {
  position: relative;
  width: 100%;
}
.future-outlook .form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.future-outlook .form-actions .back-btn {
  padding: 10px 20px;
  background-color: #f1f1f1;
  color: #333;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
}
.future-outlook .form-actions .back-btn:hover {
  background-color: #e9e9e9;
}
.future-outlook .form-actions .next-btn {
  padding: 10px 24px;
  background-color: #6d28d9;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
}
.future-outlook .form-actions .next-btn:hover {
  background-color: #5b21b6;
}
.future-outlook .form-actions .next-btn:disabled {
  background-color: #c4b5fd;
  cursor: not-allowed;
}

.stay-in-touch {
  max-width: 800px;
  margin: 0 auto;
  border-radius: 8px;
  padding: 24px;
}
.stay-in-touch .form-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.stay-in-touch .form-header h2 {
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 600;
  font-size: 23px;
  color: #1D252D;
}
body.is-dark .stay-in-touch .form-header h2 {
  color: #CECECE;
}
.stay-in-touch .form-header .cancel-btn {
  background: none;
  border: none;
  color: #757575;
  cursor: pointer;
  font-size: 14px;
  padding: 8px 16px;
}
.stay-in-touch .form-header .cancel-btn:hover {
  text-decoration: underline;
}
.stay-in-touch .form-message {
  font-size: 18px;
  font-weight: 600;
  margin: 20px 0;
  margin-bottom: 24px;
}
.stay-in-touch .form-fields {
  margin-bottom: 30px;
}
.stay-in-touch .form-group {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.stay-in-touch .phone-input-group {
  display: flex;
  width: 100%;
}
.stay-in-touch .phone-input-group .country-code {
  display: flex;
  align-items: center;
  padding: 0 12px;
  background-color: #f7fafc;
  border: 1px solid #e2e8f0;
  border-right: none;
  border-radius: 6px 0 0 6px;
  color: #4a5568;
  font-size: 14px;
  height: 38px;
  margin-top: 0px;
}
.stay-in-touch .phone-input-group .country-code .country-flag {
  margin-right: 6px;
  width: 20px;
  height: auto;
}
.stay-in-touch .phone-input-group .country-code .dropdown-icon {
  margin-left: 6px;
}
.stay-in-touch .phone-input-group .phone-input {
  flex: 1;
  border-radius: 0 6px 6px 0;
}
.stay-in-touch .form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.stay-in-touch .form-actions .back-btn {
  padding: 10px 20px;
  background-color: #f1f1f1;
  color: #333;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
}
.stay-in-touch .form-actions .back-btn:hover {
  background-color: #e9e9e9;
}
.stay-in-touch .form-actions .submit-btn {
  padding: 10px 24px;
  background-color: #6d28d9;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
}
.stay-in-touch .form-actions .submit-btn:hover {
  background-color: #5b21b6;
}
.stay-in-touch .form-actions .submit-btn:disabled {
  background-color: #c4b5fd;
  cursor: not-allowed;
}

.employee-container {
  width: 100%;
  margin-bottom: 20px;
  box-shadow: #dbd8d8 0 0 22px -6px;
  border-radius: 4px;
  transition: all 0.3s ease;
  background: #f9f9f9;
}
body.is-dark .employee-container {
  background: #323236;
  box-shadow: #232326 0 0 3px 1px;
}
.employee-container:hover {
  border-color: #d0d0d0;
}
.employee-container .employee-card {
  display: flex;
  align-items: center;
  padding: 15px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.employee-container .employee-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  overflow: hidden;
}
.employee-container .employee-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.employee-container .employee-info {
  flex: 1;
}
.employee-container .employee-info .employee-name {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 4px;
}
.employee-container .employee-info .employee-position {
  font-size: 14px;
  color: #777;
  margin: 0;
}
.employee-container .toggle-icon {
  color: #777;
  transition: transform 0.3s ease;
}
.employee-container .toggle-icon.rotated {
  transform: rotate(180deg);
}
.employee-container .expanded-content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-in-out;
  border-top: 1px solid #e5e5e5;
}
body.is-dark .employee-container .expanded-content {
  border-color: #404046;
}
.employee-container .expanded-content.open {
  max-height: 1500px; /* Increased to accommodate tables */
  border-radius: 0px 0px 8px 8px;
}
.employee-container .employee-details {
  padding: 15px;
  background: #f9f9f9;
}
body.is-dark .employee-container .employee-details {
  background: #323236;
}
.employee-container .detail-row {
  display: flex;
  margin-bottom: 10px;
  font-size: 14px;
}
.employee-container .detail-row:last-child {
  margin-bottom: 0;
}
.employee-container .detail-row .detail-label {
  width: 120px;
  font-weight: 500;
  color: #1D252D;
}
body.is-dark .employee-container .detail-row .detail-label {
  color: #CECECE;
}
.employee-container .detail-row .detail-value {
  flex: 1;
  color: #1D252D;
}
body.is-dark .employee-container .detail-row .detail-value {
  color: #CECECE;
}
.employee-container {
  /* History tables styles */
}
.employee-container .history-section {
  margin-top: 20px;
}
.employee-container .section-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #1D252D;
}
body.is-dark .employee-container .section-title {
  color: #CECECE;
}
.employee-container .history-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.employee-container .history-table th, .employee-container .history-table td {
  padding: 8px;
  text-align: left;
  border: 1px solid #ddd;
}
body.is-dark .employee-container .history-table th, body.is-dark .employee-container .history-table td {
  border: 1px solid #888;
}
.employee-container .history-table th {
  background-color: #f2f2f2;
  font-weight: 500;
}
body.is-dark .employee-container .history-table th {
  background-color: #252529;
  color: #ddd;
}
.employee-container .history-table tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.02);
}
.employee-container .history-table .no-data {
  text-align: center;
  color: #888;
  font-style: italic;
  padding: 15px;
}
.employee-container {
  /* Loading indicator */
}
.employee-container .loading-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  color: #666;
  font-size: 14px;
}
.employee-container .loading-indicator .spinner {
  width: 20px;
  height: 20px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #3498db;
  border-radius: 50%;
  margin-right: 8px;
  animation: spin 1s linear infinite;
}
.employee-container .error-message {
  background-color: #fff2f2;
  color: #d32f2f;
  padding: 12px;
  border-radius: 4px;
  font-size: 14px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.employee-container .error-message .retry-btn {
  background-color: #f44336;
  color: white;
  border: none;
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
}
.employee-container .error-message .retry-btn:hover {
  background-color: #d32f2f;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.exit-interview .interview-form .questions-container .question-item .question-text.required.unanswered {
  color: #ff5252;
  font-weight: 500;
}
.exit-interview .interview-form .questions-container .question-item .question-text.required.unanswered::before {
  content: "⚠️ ";
  margin-right: 5px;
}
.exit-interview .interview-form .questions-container .question-item .emoji-row.highlight-required {
  border: 2px solid #ff5252;
  padding: 10px;
  border-radius: 8px;
  animation: danger-pulse 1.5s infinite;
}
.exit-interview .interview-form .questions-container .question-item.unanswered {
  background-color: rgba(255, 82, 82, 0.05);
  border-left: 4px solid #ff5252;
  padding-left: 12px;
  border-radius: 4px;
}
.exit-interview .interview-form .validation-summary.help.is-danger {
  padding: 12px;
  border-radius: 4px;
  border-left: 4px solid #ff5252;
  margin: 20px 0;
  font-weight: 500;
}
.exit-interview .interview-form .validation-summary.help.is-danger::before {
  content: "⚠️ ";
  margin-right: 5px;
}

@keyframes danger-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.4);
    background-color: rgba(255, 82, 82, 0.1);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(255, 82, 82, 0);
    background-color: rgba(255, 82, 82, 0.05);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
    background-color: rgba(255, 82, 82, 0.1);
  }
}
.resignation-form-mobile {
  padding: 90px 0px;
}
.resignation-form-mobile .content-area {
  width: 100%;
}
.resignation-form-mobile .exit-interview .interview-form .questions-container .question-item .emoji-row.highlight-required {
  border-color: #ff5252;
  animation: pulse 1s infinite;
}
.resignation-form-mobile .exit-interview .interview-form .questions-container .question-item .emoji-row .emoji-option {
  width: 36px;
  height: 36px;
  border-radius: 18px;
}
.resignation-form-mobile .exit-interview .interview-form .questions-container .question-item .emoji-row .emoji-option .emoji {
  width: 36px;
  height: 36px;
}

/*! _UnifiedApproval.scss | Solutions Takyah | Solutions By STC 2020-2026 */
/*
    Unified Approval page (ServiceFullPageV2)
    1. Local palette tints (derived from global $primary)
    2. Page wrapper
    3. Summary header card
    4. Tabs
    5. Tab panel + Info grid
    6. Line data tab
    7. Attachments tab
    8. Timeline tab
    9. Breadcrumb
   10. Side-sheet action panel
   11. Sticky action bar
   12. Mobile action sheet + trigger
   13. Generic action button
   14. Responsive
*/
/* ==========================================================================
   1. Local palette tints (derived from global $primary + status colors)
   ========================================================================== */
/* ==========================================================================
   2. Page wrapper
   ========================================================================== */
.task-full-page {
  padding: 32px 0 80px;
  box-sizing: border-box;
}

/* ==========================================================================
   3. Summary header card
   ========================================================================== */
.summary-card {
  background: #fff;
  border-radius: 14px;
  padding: 20px 24px;
  margin-bottom: 18px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.summary-skeleton {
  width: 100%;
}

.summary-top {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 16px;
}

.service-badge {
  flex: 0 0 auto;
}

.summary-top .summary-title-block {
  flex: 1 1 auto;
  min-width: 0;
}

/* Top action wrapper — contains trigger + dropdown (mirrors to opposite side in RTL) */
.summary-action-wrap {
  flex: 0 0 auto;
  align-self: flex-start;
  position: relative;
}

/* Transparent backdrop — closes the dropdown on any click outside */
.summary-action-backdrop {
  position: fixed;
  inset: 0;
  z-index: 49;
  background: transparent;
}

/* Action trigger button — matches BasePageHeader "add" button style */
.summary-action-trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: #4f008c;
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 0.88rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: filter 0.2s, opacity 0.2s;
  white-space: nowrap;
}
.summary-action-trigger:hover:not(:disabled) {
  filter: brightness(1.1);
}
.summary-action-trigger:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.summary-action-trigger .summary-action-caret {
  font-size: 0.7rem;
  transition: transform 0.2s ease;
}
.summary-action-trigger.is-open .summary-action-caret {
  transform: rotate(180deg);
}

/* Dropdown menu — appears directly below the trigger, right-aligned (LTR) / left-aligned (RTL) */
.summary-action-dropdown {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 200px;
  background: #fff;
  border: 1px solid var(--brand-100);
  border-radius: 10px;
  box-shadow: 0 6px 20px rgba(60, 40, 100, 0.12);
  padding: 6px;
  z-index: 50;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

[dir=rtl] .summary-action-dropdown {
  right: auto;
  left: 0;
}

.summary-action-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 12px;
  background: transparent;
  border: none;
  border-radius: 8px;
  text-align: start;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.88rem;
  font-weight: 600;
  color: #1d252d;
  transition: background 0.15s;
}
.summary-action-item:hover:not(:disabled) {
  background: var(--brand-50);
}
.summary-action-item:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.summary-action-item.is-approve .summary-action-item-icon, .summary-action-item.is-approve .summary-action-item-label {
  color: #06d6a0;
}
.summary-action-item.is-reject .summary-action-item-icon, .summary-action-item.is-reject .summary-action-item-label {
  color: #e62965;
}

.summary-action-item-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 0.9rem;
  color: #4f008c;
  flex-shrink: 0;
}

/* Dropdown transition */
.action-dropdown-enter-active,
.action-dropdown-leave-active {
  transition: opacity 0.15s ease, transform 0.15s ease;
}

.action-dropdown-enter,
.action-dropdown-leave-to {
  opacity: 0;
  transform: translateY(-6px);
}

/* LTR: badge LEFT, title-block fills to the right
   RTL: badge RIGHT, title-block fills to the left */
.summary-card.is-ltr .summary-top {
  direction: ltr;
}

.summary-card.is-rtl .summary-top {
  direction: rtl;
}

.summary-card.is-ltr .summary-top .summary-title-block {
  text-align: left;
  direction: ltr;
}

.summary-card.is-rtl .summary-top .summary-title-block {
  text-align: right;
  direction: rtl;
}

.summary-title-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  flex: 1 1 auto;
}

.summary-title-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 28px;
}

.summary-amount-block,
.summary-supplier-block {
  flex: 0 0 auto;
}

/* Hide mobile-specific blocks on desktop */
.summary-card .status-pill-mobile,
.summary-card .summary-amount-mobile,
.summary-card .summary-amount-mobile-row,
.summary-card .summary-supplier-mobile,
.summary-card .supplier-meta-mobile {
  display: none;
}

.summary-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: #4f008c;
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}

.summary-request-num {
  font-size: 1rem;
  font-weight: 700;
  color: #4f008c;
}

.summary-subtitle {
  margin: 0;
  font-size: 0.95rem;
  color: #4f008c;
  font-weight: 500;
  opacity: 0.85;
}

.summary-amount-block,
.summary-supplier-block {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
}

.summary-amount-label,
.summary-meta-label {
  font-size: 0.8rem;
  color: #8a8a8a;
  font-weight: 500;
}

.summary-amount-value {
  font-size: 1.05rem;
  font-weight: 700;
  color: #1d252d;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* Riyal icon — force size with both height and width since SVG has fixed viewBox */
.riyal-icon {
  display: inline-block !important;
  height: 0.9em !important;
  width: 0.8em !important;
  vertical-align: middle;
  color: currentColor;
  flex-shrink: 0;
}

.summary-amount-mobile .meta-value {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.summary-amount-mobile .riyal-icon {
  height: 0.9em;
  max-width: 1em;
}

.line-data-total .total-value {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.line-data-total .riyal-icon {
  height: 0.85em;
  max-width: 1em;
}

.info-item .money-value {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

.info-item .money-value .riyal-icon {
  height: 0.85em;
  max-width: 1em;
}

.summary-meta-value {
  font-size: 0.92rem;
  font-weight: 600;
  color: #1d252d;
}

.service-badge {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--brand-50);
  border: 1px solid var(--brand-100);
  color: #4f008c;
  width: 56px;
  height: 56px;
  border-radius: 10px;
  flex-shrink: 0;
  text-align: center;
  line-height: 1.1;
}
.service-badge .service-code {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.service-badge .service-number {
  font-size: 0.62rem;
  font-weight: 600;
  opacity: 0.85;
}

.summary-divider {
  height: 1px;
  background: var(--brand-100);
  margin: 16px 0 14px;
}

.summary-meta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 28px;
  /* Order in meta-row (desktop): requested-by → request-date → status → SLA (end) */
}
.summary-meta-row .meta-requested-by {
  order: 1;
}
.summary-meta-row .meta-request-date {
  order: 2;
}
.summary-meta-row .status-meta-desktop {
  order: 3;
}
.summary-meta-row .summary-sla {
  order: 4;
}

.summary-meta-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

/* RTL: align meta items and amount block to the right (start in RTL) */
.summary-card.is-rtl .summary-meta-row {
  justify-content: flex-start;
  direction: rtl;
}

.summary-card.is-rtl .summary-meta-item {
  justify-self: end;
  text-align: right;
  align-items: flex-end;
}

.summary-card.is-rtl .summary-meta-item .meta-label,
.summary-card.is-rtl .summary-meta-item .meta-value {
  text-align: right;
  width: 100%;
}

.summary-card.is-rtl .summary-amount-mobile {
  align-items: flex-end;
  text-align: right;
}

.summary-card.is-rtl .summary-amount-mobile .meta-label,
.summary-card.is-rtl .summary-amount-mobile .meta-value {
  text-align: right;
  width: 100%;
}

.summary-card.is-rtl .requester-inline {
  flex-direction: row;
  justify-content: flex-start;
}

.summary-meta-item .meta-label {
  font-size: 0.7rem;
  color: #8a8a8a;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-weight: 500;
}

.summary-meta-item .meta-value {
  font-size: 0.9rem;
  font-weight: 600;
  color: #1d252d;
}

.summary-sla .sla-value {
  color: #faae42;
  font-weight: 700;
}

.status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 14px;
  border-radius: 999px;
  background: rgba(250, 174, 66, 0.22);
  color: #b8770a;
  font-size: 0.82rem;
  font-weight: 600;
  width: -moz-fit-content;
  width: fit-content;
}
.status-pill i {
  font-size: 0.45rem;
}
.status-pill.is-success {
  background: rgba(6, 214, 160, 0.14);
  color: #06d6a0;
}
.status-pill.is-info {
  background: rgba(3, 155, 229, 0.14);
  color: #2e7dff;
}
.status-pill.is-warning {
  background: rgba(250, 174, 66, 0.22);
  color: #b8770a;
}
.status-pill.is-danger {
  background: rgba(230, 41, 101, 0.12);
  color: #e62965;
}

.requester-inline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.requester-inline .h-avatar,
.requester-inline .h-avatar *,
.requester-inline .avatar,
.requester-inline span.avatar,
.requester-inline img {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  overflow: hidden;
}
.requester-inline .h-avatar > *,
.requester-inline .avatar > * {
  border-radius: 50% !important;
}
.requester-inline {
  /* Override Avatar.vue inline width/height (40px from avatarStyle) */
}
.requester-inline ::v-deep .avatar.is-fake,
.requester-inline ::v-deep img.avatar {
  width: 28px !important;
  height: 28px !important;
}

/* ==========================================================================
   4. Tabs
   ========================================================================== */
.page-tabs {
  display: flex;
  align-items: center;
  gap: 6px;
  border-bottom: 1px solid var(--brand-100);
  margin-bottom: 18px;
  flex-wrap: wrap;
}

[dir=ltr] .page-tabs {
  justify-content: flex-start;
  direction: ltr;
}

[dir=rtl] .page-tabs {
  justify-content: flex-start;
  direction: rtl;
}

.tab-item {
  background: transparent;
  border: none;
  padding: 12px 18px;
  font-size: 0.92rem;
  font-weight: 600;
  color: #8a8a8a;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  transition: color 0.15s;
  font-family: inherit;
}
.tab-item:hover, .tab-item.is-active {
  color: #4f008c;
}
.tab-item.is-active::after {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: -1px;
  height: 3px;
  background: #4f008c;
  border-radius: 2px;
}
.tab-item.is-active .tab-count {
  background: #4f008c;
  color: #fff;
}

.tab-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  background: var(--brand-100);
  color: #4f008c;
  font-size: 0.72rem;
  font-weight: 700;
}

/* ==========================================================================
   5. Tab panel + Info grid (Request Details)
   ========================================================================== */
.tab-panel {
  min-height: 200px;
}

.tab-pane {
  animation: ua-fade-in 0.2s ease-out;
}

@keyframes ua-fade-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.detail-card {
  background: #fff;
  border-radius: 14px;
  padding: 22px 24px;
  margin-bottom: 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 32px;
}

.info-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 0.92rem;
  min-width: 0;
}
.info-item.is-wide {
  grid-column: 1/-1;
}
.info-item .label {
  color: #8a8a8a;
  font-size: 0.82rem;
  font-weight: 500;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.info-item .value {
  color: #1d252d;
  font-weight: 700;
  word-break: break-word;
  overflow-wrap: anywhere;
  min-width: 0;
}

[dir=rtl] .info-item {
  text-align: right;
}

[dir=ltr] .info-item:nth-child(odd) {
  text-align: left;
}

/* ==========================================================================
   6. Line data tab
   ========================================================================== */
.line-data-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

.line-data-count {
  font-size: 0.85rem;
  color: #8a8a8a;
  font-weight: 500;
}

.line-data-search {
  flex: 0 0 280px;
  max-width: 100%;
}

.line-search-input {
  width: 100%;
  padding: 8px 14px;
  border: 1px solid var(--brand-100);
  border-radius: 8px;
  font-size: 0.88rem;
  outline: none;
  background: var(--brand-50);
  color: #1d252d;
  font-family: inherit;
  transition: border-color 0.15s, background 0.15s;
}
.line-search-input:focus {
  border-color: #4f008c;
  background: #fff;
}

.line-data-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.line-data-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  margin-top: 10px;
  border-top: 1px solid var(--brand-100);
}

.total-label {
  font-size: 0.92rem;
  font-weight: 600;
  color: #4f008c;
}

.total-value {
  font-size: 1.05rem;
  font-weight: 700;
  color: #1d252d;
}

.line-data-hint {
  margin: 10px 0 0;
  font-size: 0.78rem;
  color: #b0b0b0;
  font-style: italic;
  text-align: center;
}

/* ==========================================================================
   7. Attachments tab
   ========================================================================== */
.attachments-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
}

.attachment-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  border: 1px solid var(--brand-50);
  border-radius: 12px;
  background: #fff;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.15s, box-shadow 0.15s;
  min-width: 0;
  overflow: hidden;
}
.attachment-item:hover {
  border-color: var(--brand-100);
  box-shadow: 0 2px 6px rgba(79, 0, 140, 0.06);
}
.attachment-item .file-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--brand-50);
  border-radius: 8px;
  color: #4f008c;
  font-size: 1rem;
}
.attachment-item .file-name-pill {
  flex: 1;
  min-width: 0;
  display: inline-block;
  padding: 9px 14px;
  border-radius: 8px;
  background: #fff;
  color: #1d252d;
  font-weight: 700;
  font-size: 0.88rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2;
}
.attachment-item .download-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  color: #4f008c;
  background: var(--brand-50);
  font-size: 0.85rem;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
  flex-shrink: 0;
}
.attachment-item .download-icon:hover {
  background: #4f008c;
  color: #fff;
}
.attachment-item.is-skeleton {
  border-color: #f0eef5;
  cursor: default;
}

.empty-attachments {
  grid-column: 1/-1;
  text-align: center;
  color: #999;
  font-style: italic;
  padding: 20px 0;
  margin: 0;
}

/* ==========================================================================
   8. Timeline tab
   ========================================================================== */
.timeline-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.timeline-dropdown-trigger {
  background: var(--brand-50);
  border: 1px solid var(--brand-100);
  border-radius: 8px;
  padding: 7px 14px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #4f008c;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: inherit;
}
.timeline-dropdown-trigger:hover {
  background: var(--brand-50);
}

.timeline-filter-dropdown ::v-deep .dropdown-content {
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  min-width: 160px;
}

/* Lift the dropdown menu above the mobile "Select action" button (z-index: 1300) */
.timeline-filter-dropdown ::v-deep .dropdown-menu {
  z-index: 1305 !important;
}

.export-csv-btn {
  background: none;
  border: none;
  color: #4f008c;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.9rem;
  font-weight: 600;
  font-family: inherit;
}
.export-csv-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.xls-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 22px;
  background: #1f7244; /* Excel brand green — keep literal */
  color: #fff;
  font-size: 0.6rem;
  font-weight: 700;
  border-radius: 4px;
  letter-spacing: 0.5px;
  position: relative;
}
.xls-badge::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 6px;
  background: #d5e8dc;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}

.timeline-list {
  position: relative;
  padding-left: 24px;
}
.timeline-list::before {
  content: "";
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 7px;
  width: 4px;
  background: #4f008c;
  border-radius: 2px;
}

[dir=rtl] .timeline-list {
  padding-left: 0;
  padding-right: 24px;
}

[dir=rtl] .timeline-list::before {
  left: auto;
  right: 7px;
}

.timeline-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 1px solid #f2eff8;
  border-radius: 12px;
  padding: 12px 14px;
  margin-bottom: 10px;
}
.timeline-card.is-skeleton {
  padding: 14px 16px;
}

.timeline-dot {
  position: absolute;
  left: -12px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  background: #4f008c;
  border-radius: 2px;
}
.timeline-dot.is-active {
  background: var(--brand-100);
}
.timeline-dot.is-reject {
  background: #e62965;
}
.timeline-dot.is-purple {
  background: #8269B2;
}
.timeline-dot.is-yellow {
  background: #faae42;
}

[dir=rtl] .timeline-dot {
  left: auto;
  right: -12px;
}

.timeline-avatar {
  flex-shrink: 0;
}
.timeline-avatar .h-avatar,
.timeline-avatar .avatar,
.timeline-avatar img {
  width: 42px !important;
  height: 42px !important;
  border-radius: 8px !important;
}

.timeline-content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.timeline-content .title-line {
  margin: 0;
  font-weight: 700;
  font-size: 0.95rem;
  color: #1d252d;
  line-height: 1.2;
}
.timeline-content .time-ago-wrap {
  display: block;
  width: 100%;
}
.timeline-content .time-ago {
  font-size: 0.78rem;
  color: #b0b0b0;
  line-height: 1.2;
  display: inline-block;
  max-width: 100%;
}

.task-full-page[dir=rtl] .timeline-content .time-ago-wrap,
[dir=rtl] .timeline-content .time-ago-wrap {
  text-align: right;
}

.task-full-page[dir=ltr] .timeline-content .time-ago-wrap,
[dir=ltr] .timeline-content .time-ago-wrap {
  text-align: left;
}

.status-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 2px 0;
}
.status-tags .tag {
  height: 16px;
  line-height: 16px;
  padding: 0 7px;
  font-size: 0.65rem;
  font-weight: 500;
}

.timeline-note {
  flex-shrink: 0;
  cursor: help;
  display: inline-flex;
  align-items: center;
  padding: 0 4px;
}
.timeline-note i {
  font-size: 16px;
  color: #faae42;
}

.empty-timeline {
  text-align: center;
  color: #999;
  padding: 40px 0;
  font-style: italic;
}

/* ==========================================================================
   9. Breadcrumb
   ========================================================================== */
.task-breadcrumb ul {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  font-size: 0.9rem;
}

.task-breadcrumb li {
  color: #6b5fa3;
}
.task-breadcrumb li a {
  color: #6b5fa3;
  text-decoration: underline;
  cursor: pointer;
}
.task-breadcrumb li + li::before {
  content: "›";
  margin: 0 6px;
  color: #999;
}
.task-breadcrumb li.is-active span {
  color: #222;
  font-weight: 500;
  text-decoration: none;
}

/* ==========================================================================
   10. Side-sheet action panel
   ========================================================================== */
.task-action-sheet-overlay {
  position: fixed;
  inset: 0;
  background: rgba(26, 16, 48, 0.45);
  z-index: 1400;
  backdrop-filter: blur(1px);
}

.task-action-panel {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 420px;
  max-width: 100vw;
  z-index: 1401;
  background: #fff;
  box-shadow: -8px 0 24px rgba(60, 40, 100, 0.12);
  padding: 20px 22px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.task-action-panel.is-rtl {
  right: auto;
  left: 0;
  box-shadow: 8px 0 24px rgba(60, 40, 100, 0.12);
}
.task-action-panel .panel-header {
  display: flex;
  align-items: center;
  gap: 12px;
}
.task-action-panel .panel-action-prefix {
  font-size: 0.85rem;
  font-weight: 700;
  color: #1d252d;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.task-action-panel .panel-action-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px;
  border-radius: 999px;
  font-size: 0.9rem;
  font-weight: 600;
  border: 1px solid transparent;
}
.task-action-panel .panel-action-tag.is-approve {
  background: rgba(6, 214, 160, 0.14);
  color: #06d6a0;
  border-color: rgba(6, 214, 160, 0.28);
}
.task-action-panel .panel-action-tag.is-approve .panel-action-tag-icon {
  background: #06d6a0;
}
.task-action-panel .panel-action-tag.is-reject {
  background: rgba(230, 41, 101, 0.12);
  color: #e62965;
  border-color: rgba(230, 41, 101, 0.25);
}
.task-action-panel .panel-action-tag.is-reject .panel-action-tag-icon {
  background: #e62965;
}
.task-action-panel .panel-action-tag.is-info {
  background: rgba(250, 174, 66, 0.22);
  color: #b8770a;
  border-color: rgba(250, 174, 66, 0.35);
}
.task-action-panel .panel-action-tag.is-info .panel-action-tag-icon {
  background: #b8770a;
}
.task-action-panel .panel-action-tag.is-delegate {
  background: var(--brand-50);
  color: #4f008c;
  border-color: var(--brand-100);
}
.task-action-panel .panel-action-tag.is-delegate .panel-action-tag-icon {
  background: #4f008c;
}
.task-action-panel .panel-action-tag.is-neutral {
  background: #f1f1f1;
  color: #555;
  border-color: #dcdcdc;
}
.task-action-panel .panel-action-tag.is-neutral .panel-action-tag-icon {
  background: #888;
}
.task-action-panel .panel-action-tag-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #fff;
  font-size: 0.75rem;
  flex-shrink: 0;
}
.task-action-panel .panel-action-tag-label {
  padding: 0 4px;
}
.task-action-panel .panel-action-tag-close {
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  font-size: 0.85rem;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: 0.7;
  padding: 0;
}
.task-action-panel .panel-action-tag-close:hover:not(:disabled) {
  opacity: 1;
  background: rgba(0, 0, 0, 0.08);
}
.task-action-panel .panel-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.task-action-panel .panel-label {
  font-size: 0.82rem;
  font-weight: 600;
  color: #555;
}
.task-action-panel .textarea {
  width: 100%;
  min-height: 80px;
  resize: vertical;
  padding: 10px 12px;
  font-size: 0.9rem;
  border: 1px solid var(--brand-100);
  border-radius: 8px;
  outline: none;
  color: #1d252d;
  font-family: inherit;
}
.task-action-panel .textarea:focus {
  border-color: #4f008c;
  box-shadow: 0 0 0 3px rgba(79, 0, 140, 0.1);
}
.task-action-panel .panel-error {
  margin: 0;
  color: #e62965;
  font-size: 0.78rem;
}
.task-action-panel .panel-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 4px;
}
.task-action-panel .panel-actions .btn-action {
  min-width: 110px;
}

.task-action-panel-inner {
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: 100%;
}

.action-sheet-enter-active,
.action-sheet-leave-active {
  transition: opacity 0.22s ease;
}

.action-sheet-enter,
.action-sheet-leave-to {
  opacity: 0;
}

.action-sheet-rtl-enter-active,
.action-sheet-rtl-leave-active,
.action-sheet-ltr-enter-active,
.action-sheet-ltr-leave-active {
  transition: transform 0.28s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.action-sheet-rtl-enter,
.action-sheet-rtl-leave-to {
  transform: translateX(100%);
}

.action-sheet-ltr-enter,
.action-sheet-ltr-leave-to {
  transform: translateX(-100%);
}

/* ==========================================================================
   11. Sticky action bar
   ========================================================================== */
.task-action-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 40;
  background: #fff;
  border-top: 1px solid var(--brand-100);
  box-shadow: 0 -2px 10px rgba(60, 40, 100, 0.05);
  padding: 8px 20px;
  transition: left 0.25s ease, right 0.25s ease;
}
.task-action-bar.is-sidebar-open {
  left: 241px;
}
.task-action-bar.is-rtl.is-sidebar-open {
  left: 0;
  right: 241px;
}
.task-action-bar .btn-action {
  padding: 8px 22px;
  font-size: 0.88rem;
}

.task-action-bar-inner {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

/* ==========================================================================
   12. Mobile action sheet + trigger
   ========================================================================== */
.task-action-mobile-trigger {
  display: none;
}

.mobile-action-sheet-overlay {
  position: fixed;
  inset: 0;
  background: rgba(26, 16, 48, 0.5);
  z-index: 1310;
  backdrop-filter: blur(2px);
}

.mobile-action-sheet {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1311;
  background: #fff;
  border-radius: 16px 16px 0 0;
  padding: 8px 0 calc(8px + env(safe-area-inset-bottom));
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
}

.mobile-action-item {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 16px 20px;
  background: transparent;
  border: none;
  border-bottom: 1px solid #f2eff8;
  text-align: start;
  cursor: pointer;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  color: #1d252d;
}
.mobile-action-item:last-child {
  border-bottom: none;
}
.mobile-action-item:active {
  background: var(--brand-50);
}
.mobile-action-item:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.mobile-action-item.is-approve .mobile-action-icon, .mobile-action-item.is-approve .mobile-action-label {
  color: #06d6a0;
}
.mobile-action-item.is-reject .mobile-action-icon, .mobile-action-item.is-reject .mobile-action-label {
  color: #e62965;
}

.mobile-action-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  font-size: 1rem;
  color: #4f008c;
  flex-shrink: 0;
}

/* Sheet animations */
.mobile-action-sheet-enter-active,
.mobile-action-sheet-leave-active {
  transition: opacity 0.2s ease;
}

.mobile-action-sheet-enter,
.mobile-action-sheet-leave-to {
  opacity: 0;
}

.mobile-action-sheet-slide-enter-active,
.mobile-action-sheet-slide-leave-active {
  transition: transform 0.28s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.mobile-action-sheet-slide-enter,
.mobile-action-sheet-slide-leave-to {
  transform: translateY(100%);
}

/* ==========================================================================
   13. Generic action button
   ========================================================================== */
.btn-action {
  position: relative;
  padding: 10px 28px;
  border-radius: 10px;
  border: none;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  transition: filter 0.2s, opacity 0.2s;
}
.btn-action:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-action.is-approve {
  background: #4f008c;
  color: #fff;
}
.btn-action.is-approve:hover:not(:disabled) {
  filter: brightness(1.1);
}
.btn-action.is-reject {
  background: #fff;
  color: #e62965;
  border: 1px solid #e62965;
}
.btn-action.is-neutral {
  background: var(--brand-50);
  color: #4f008c;
}
.btn-action.is-loading {
  color: transparent !important;
  pointer-events: none;
}
.btn-action.is-loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border: 3px solid rgba(255, 255, 255, 0.35);
  border-top-color: #fff;
  border-radius: 50%;
  animation: btn-action-spin 0.6s linear infinite;
}
.btn-action.is-loading.is-reject::after {
  border-color: rgba(230, 41, 101, 0.25);
  border-top-color: #e62965;
}
.btn-action.is-loading.is-neutral::after {
  border-color: rgba(79, 0, 140, 0.25);
  border-top-color: #4f008c;
}

@keyframes btn-action-spin {
  to {
    transform: rotate(360deg);
  }
}
/* ==========================================================================
   14. Responsive
   ========================================================================== */
@media (max-width: 1023px) {
  /* Hide the desktop sticky bar on mobile — replaced by trigger button + action sheet */
  .task-action-bar {
    display: none;
  }
  /* Hide the summary top-right action trigger on mobile — replaced by the bottom trigger */
  .summary-action-wrap {
    display: none;
  }
  /* Reserve space for the trigger button at the bottom */
  .task-full-page {
    padding-bottom: 100px;
  }
  .task-action-mobile-trigger {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1300;
    background: #fff;
    color: #4f008c;
    border: none;
    border-top: 1px solid var(--brand-100);
    box-shadow: 0 -4px 14px rgba(60, 40, 100, 0.08);
    padding: 18px 20px calc(18px + env(safe-area-inset-bottom));
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    font-family: inherit;
  }
  .task-action-mobile-trigger:active {
    background: var(--brand-50);
  }
  .task-action-mobile-trigger:disabled {
    opacity: 0.6;
    cursor: not-allowed;
  }
}
@media (max-width: 768px) {
  .summary-card {
    padding: 12px 14px;
  }
  /* Top row: service badge (start) | title block (center) | status pill (end) */
  .summary-top {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
  }
  /* LTR: badge left, status right */
  .summary-card.is-ltr .summary-top {
    direction: ltr;
  }
  .summary-card.is-ltr .service-badge {
    grid-column: 1;
    grid-row: 1;
  }
  .summary-card.is-ltr .summary-title-block {
    grid-column: 2;
    grid-row: 1;
  }
  .summary-card.is-ltr .status-pill-mobile {
    display: inline-flex;
    align-self: start;
    grid-column: 3;
    grid-row: 1;
  }
  /* RTL: badge right, status left (grid column 1 is visually on the right in RTL) */
  .summary-card.is-rtl .summary-top {
    direction: rtl;
  }
  .summary-card.is-rtl .service-badge {
    grid-column: 1;
    grid-row: 1;
  }
  .summary-card.is-rtl .summary-title-block {
    grid-column: 2;
    grid-row: 1;
  }
  .summary-card.is-rtl .status-pill-mobile {
    display: inline-flex;
    align-self: start;
    grid-column: 3;
    grid-row: 1;
  }
  .summary-title-block {
    text-align: center;
    align-items: center;
    min-width: 0;
  }
  .summary-title {
    justify-content: center;
    font-size: 0.92rem;
    text-align: center;
  }
  .summary-subtitle {
    text-align: center;
    font-size: 0.78rem;
  }
  /* Meta items: align text based on direction */
  .summary-card.is-rtl .summary-meta-item {
    text-align: right;
    align-items: flex-end;
  }
  .summary-card.is-rtl .summary-meta-item .meta-label,
  .summary-card.is-rtl .summary-meta-item .meta-value {
    text-align: right;
    width: 100%;
  }
  .summary-card .summary-meta-item .requester-inline {
    margin: 0;
  }
  .summary-card.is-rtl .summary-meta-item .requester-inline {
    margin-right: 0;
    margin-left: auto;
    flex-direction: row;
    justify-content: flex-start;
  }
  .summary-card.is-ltr .summary-meta-item .requester-inline {
    margin-left: 0;
    margin-right: auto;
    flex-direction: row;
    justify-content: flex-start;
  }
  .summary-card .status-meta-desktop .status-pill {
    margin: 0;
  }
  .summary-card.is-rtl .status-meta-desktop .status-pill {
    margin-right: 0;
    margin-left: auto;
  }
  .summary-card.is-ltr .status-meta-desktop .status-pill {
    margin-left: 0;
    margin-right: auto;
  }
  .summary-card.is-ltr .summary-meta-item {
    text-align: left;
    align-items: flex-start;
  }
  .summary-card.is-ltr .summary-meta-item .meta-label {
    text-align: left;
    width: 100%;
  }
  .summary-card.is-ltr .summary-meta-item .meta-value {
    text-align: left;
  }
  /* Requester avatar+name: avatar always before name (natural HTML order) */
  .summary-card.is-rtl .requester-inline,
  .summary-card.is-ltr .requester-inline {
    flex-direction: row;
    justify-content: flex-start;
  }
  /* Hide desktop inline blocks on mobile (we show them in meta-row / amount-mobile instead) */
  .summary-amount-block,
  .summary-supplier-block {
    display: none;
  }
  .service-badge {
    width: 50px;
    height: 50px;
    align-self: start;
  }
  /* Big amount + supplier row between top row and meta grid */
  .summary-card .summary-amount-mobile-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px 0;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--brand-100);
  }
  .summary-card .summary-amount-mobile,
  .summary-card .summary-supplier-mobile {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
  }
  .summary-amount-mobile {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .summary-supplier-mobile {
    flex: 0 0 50%;
    max-width: 50%;
    min-width: 0;
  }
  .summary-card.is-rtl .summary-amount-mobile,
  .summary-card.is-rtl .summary-supplier-mobile {
    align-items: flex-end;
    text-align: right;
  }
  .summary-card.is-rtl .summary-amount-mobile .meta-label,
  .summary-card.is-rtl .summary-amount-mobile .meta-value,
  .summary-card.is-rtl .summary-supplier-mobile .meta-label,
  .summary-card.is-rtl .summary-supplier-mobile .meta-value {
    text-align: right;
    width: 100%;
  }
  .summary-card.is-ltr .summary-amount-mobile,
  .summary-card.is-ltr .summary-supplier-mobile {
    align-items: flex-start;
    text-align: left;
  }
  .summary-card.is-ltr .summary-amount-mobile .meta-label,
  .summary-card.is-ltr .summary-amount-mobile .meta-value,
  .summary-card.is-ltr .summary-supplier-mobile .meta-label,
  .summary-card.is-ltr .summary-supplier-mobile .meta-value {
    text-align: left;
    width: 100%;
  }
  .summary-amount-mobile .meta-label,
  .summary-supplier-mobile .meta-label {
    font-size: 0.78rem;
    color: #8a8a8a;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
  }
  .summary-amount-mobile .meta-value {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1d252d;
    letter-spacing: 0.3px;
  }
  .summary-supplier-mobile .meta-value {
    font-size: 0.95rem;
    font-weight: 600;
    color: #1d252d;
    word-break: break-word;
  }
  /* Hide supplier in meta-row since it's now beside amount */
  .summary-card .supplier-meta-mobile {
    display: none !important;
  }
  /* Hide the explicit divider — borders on the new sections handle separation */
  .summary-divider {
    display: none;
  }
  /* Status shown inside meta-row on mobile next to requester */
  .summary-card .status-meta-desktop {
    display: flex;
  }
  /* Show status pill at top on mobile */
  .summary-card .status-pill-mobile {
    display: inline-flex;
  }
  /* Show big amount block on mobile */
  .summary-card .summary-amount-mobile {
    display: flex;
  }
  /* Meta items: flex row to match amount row alignment */
  .summary-meta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px 0;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--brand-100);
  }
  .summary-meta-row .meta-requested-by {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .summary-meta-row .status-meta-desktop {
    flex: 0 0 50%;
    max-width: 50%;
    min-width: 0;
  }
  .summary-meta-row .meta-request-date {
    flex: 1 1 100%;
  }
  .summary-meta-row {
    /* Reset desktop order so the visible items (SUPPLIER + REQUESTED BY + REQUEST DATE)
       flow naturally in document order. */
  }
  .summary-meta-row .summary-sla,
  .summary-meta-row .status-meta-desktop,
  .summary-meta-row .supplier-meta-mobile,
  .summary-meta-row .meta-request-date,
  .summary-meta-row .meta-requested-by {
    order: 0;
  }
  .summary-meta-row {
    /* Mobile meta order: REQUESTED BY then STATUS side by side, then REQUEST DATE */
  }
  .summary-meta-row .meta-requested-by {
    order: 1;
  }
  .summary-meta-row .status-meta-desktop {
    order: 2;
  }
  .summary-meta-row .meta-request-date {
    order: 3;
  }
  .summary-meta-item {
    gap: 6px;
  }
  .summary-meta-item .meta-label {
    font-size: 0.72rem;
  }
  .summary-meta-item .meta-value {
    font-size: 0.86rem;
  }
  .requester-inline {
    gap: 10px;
  }
}
@media (max-width: 640px) {
  .task-full-page {
    padding: 16px 0 80px;
  }
  .info-grid {
    grid-template-columns: 1fr;
  }
  .page-tabs {
    overflow-x: auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .tab-item {
    flex-shrink: 0;
    padding: 10px 14px;
  }
  .line-data-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  .line-data-search {
    flex: 1 1 auto;
  }
  .attachments-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .attachment-item {
    gap: 8px;
    padding: 10px;
    min-width: 0;
  }
  .attachment-item .file-icon {
    width: 32px;
    height: 32px;
    font-size: 0.85rem;
  }
  .attachment-item .file-name-pill {
    padding: 7px 10px;
    font-size: 0.78rem;
    min-width: 0;
    width: 0;
    flex: 1 1 0;
  }
  .attachment-item .download-icon {
    width: 30px;
    height: 30px;
    font-size: 0.78rem;
    flex-shrink: 0;
  }
  .task-action-panel {
    width: 100vw;
    padding: 14px 16px;
  }
  .task-action-panel .panel-actions {
    flex-wrap: wrap;
  }
  .task-action-panel .panel-actions .btn-action {
    flex: 1 1 calc(50% - 8px);
    min-width: 120px;
  }
}
/*! ##### Components #### */
.pagination-buttons ul {
  display: flex;
}
.pagination-buttons ul li {
  display: inline;
  cursor: pointer;
  margin: 3px;
  padding: 7px;
  border-radius: 7px;
}
.pagination-buttons .page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 11px 10px;
  gap: 10px;
  width: 50px;
  height: 38px;
  /* primary/primary-50-[day] */
  border-radius: 4px;
}
.pagination-buttons .current-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 11px 10px;
  gap: 10px;
  width: 50px;
  height: 38px;
  background: #F3E3FF;
  border-radius: 4px;
}
body.is-dark .pagination-buttons .current-page {
  background: rgba(121, 123, 242, 0.1);
  color: #797BF2;
}
.pagination-buttons .pointer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  gap: 8px;
  width: 48px;
  height: 38px;
  font-size: 1.5em;
  background: #F9F9F9;
  opacity: 0.4;
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
}
body.is-dark .pagination-buttons .pointer {
  background: transparent;
}

/*! ########## End New Styles ########### */
/*! _responsive.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/* ==========================================================================
Responsive styles
========================================================================== */
/*
    1. Tablet Landscape
    2. Tablet portrait
    3. Mobile Only
    4. Custom
    5. Responsive Helpers
*/
/* ==========================================================================
1. Tablet Landscape
========================================================================== */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .pageloader, .infraloader {
    width: calc(100% - 72px) !important;
    left: 72px !important;
  }
  .navbar-brand {
    align-items: center;
  }
  .wizard-navigation {
    width: calc(100% - 72px);
  }
  .wizard-navigation.is-pushed-full {
    width: calc(100% - 240px);
  }
  .main-sidebar {
    width: 72px !important;
  }
  .main-sidebar .sidebar-brand {
    width: 72px !important;
  }
  .main-sidebar .sidebar-toggle {
    width: 72px !important;
  }
  .main-sidebar .sidebar-inner li {
    width: 72px !important;
  }
  .main-sidebar .sidebar-inner .profile-dropdown .dropdown-trigger img {
    height: 42px !important;
    width: 42px !important;
  }
  .sidebar-panel {
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  }
  .sidebar-panel .panel-close {
    display: block !important;
  }
  .sidebar-panel.is-active {
    transform: translateX(0);
  }
  .view-wrapper {
    width: calc(100% - 72px);
    margin-left: 72px;
  }
  [dir=rtl] .view-wrapper {
    margin-left: 0;
    margin-right: 72px;
  }
  .view-wrapper.is-pushed-messages {
    margin-left: 140px;
    width: calc(100% - 140px);
  }
  .view-wrapper.is-webapp .is-stuck {
    margin-left: 0;
    width: 100%;
  }
  .view-wrapper.is-pushed-full {
    margin-left: 240px;
    width: calc(100% - 240px);
  }
  [dir=rtl] .view-wrapper.is-pushed-full {
    margin-left: 0;
    margin-right: 240px;
  }
  .page-title.is-project-details .solutions-hamburger {
    margin-left: -4px !important;
  }
  .page-title.is-pulled-lg .solutions-hamburger {
    margin-left: 0 !important;
  }
  .page-content {
    padding: 0 30px !important;
  }
  .is-stuck {
    margin-left: 60px !important;
    width: calc(100% - 60px) !important;
  }
}
/* ==========================================================================
2. Tablet portrait
========================================================================== */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .infraloader, .pageloader {
    width: 100% !important;
    left: 0 !important;
  }
  .mobile-navbar {
    display: flex;
  }
  .navbar-brand {
    align-items: center;
    justify-content: space-between;
    height: 60px;
  }
  .navbar-brand .brand-start {
    width: 90px;
  }
  .navbar-brand .brand-start .navbar-burger {
    height: 60px;
    width: 60px;
  }
  .navbar-brand .is-brand {
    padding: 0 !important;
  }
  .navbar-brand .brand-end {
    display: flex;
    align-items: center;
    width: 90px;
    margin-right: 20px;
  }
  .navbar-brand .is-notification.is-active .navbar-link, .navbar-brand .is-notification:hover .navbar-link {
    background: transparent !important;
  }
  .navbar-brand .is-notification.is-active .navbar-dropdown, .navbar-brand .is-notification:hover .navbar-dropdown {
    display: block !important;
  }
  .navbar-brand .is-notification .navbar-dropdown {
    position: absolute;
    display: none;
    top: 100%;
    z-index: 3;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #ededed;
    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  }
  .toolbar .toolbar-notifications, .toolbar .new-toolbar-notifications {
    display: none;
  }
  .main-sidebar, .sidebar {
    display: none;
  }
  .main-sidebar {
    z-index: 101;
  }
  .is-sidebar-open .main-sidebar {
    display: block;
  }
  .sidebar-panel {
    z-index: 100 !important;
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  }
  .sidebar-panel .panel-close {
    display: flex !important;
  }
  .sidebar-panel.is-active {
    transform: translateX(80px) !important;
  }
  .view-wrapper {
    width: 100% !important;
    margin-left: 0 !important;
  }
  [dir=rtl] .view-wrapper {
    margin-right: 0 !important;
  }
  .view-wrapper.is-webapp {
    padding-top: 70px !important;
    margin-top: 0 !important;
  }
  .view-wrapper.is-explore {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .page-title.is-webapp {
    display: flex !important;
    margin-top: 0;
  }
  .page-title.is-project-details .solutions-hamburger {
    margin-left: 7px !important;
  }
  .page-content {
    padding: 0 10px;
  }
  .page-content.is-explore {
    padding: 0 !important;
  }
  .is-stuck {
    top: 60px !important;
    margin-left: 0 !important;
    width: 100% !important;
    padding-right: 20px !important;
  }
}
/* ==========================================================================
3. Mobile Only
========================================================================== */
@media (max-width: 1024px) {
  .infraloader, .pageloader {
    width: 100% !important;
    left: 0 !important;
  }
  .mobile-navbar {
    display: flex;
  }
  .navbar-brand {
    align-items: center;
    justify-content: space-between;
    height: 60px;
  }
  .navbar-brand .brand-start {
    width: 90px;
  }
  .navbar-brand .brand-start .navbar-burger {
    height: 60px;
    width: 60px;
  }
  .navbar-brand .is-brand {
    padding: 0 !important;
  }
  .navbar-brand .brand-end {
    display: flex;
    align-items: center;
    width: 90px;
    margin-right: 20px;
  }
  .navbar-brand .is-notification.is-active .navbar-link, .navbar-brand .is-notification:hover .navbar-link {
    background: transparent !important;
  }
  .navbar-brand .is-notification.is-active .navbar-dropdown, .navbar-brand .is-notification:hover .navbar-dropdown {
    display: block !important;
  }
  .navbar-brand .is-notification .navbar-dropdown {
    position: absolute;
    display: none;
    top: 100%;
    z-index: 3;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #ededed;
    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  }
  .sidebar-panel {
    border-right: 1px solid #ededed !important;
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    transform: translateX(-535px);
  }
  [dir=rtl] .sidebar-panel {
    transform: translateX(535px);
    border-left: 1px solid #ededed !important;
    border-right: none !important;
  }
  .sidebar-panel.is-active {
    transform: translateX(0);
  }
  .sidebar-panel .subpanel-header {
    height: 50px !important;
  }
  @supports (padding: max(50px)) {
    .sidebar-panel .subpanel-header {
      height: calc(env(safe-area-inset-top) + 50px) !important;
      padding-top: max(0px, env(safe-area-inset-top)) !important;
      padding-left: max(0px, env(safe-area-inset-left));
      padding-right: max(0px, env(safe-area-inset-right));
    }
  }
  .main-sidebar, .sidebar {
    display: none;
  }
  .view-wrapper {
    width: 100% !important;
    margin-left: 0 !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 50px);
  }
  [dir=rtl] .view-wrapper {
    margin-right: 0 !important;
  }
  .view-wrapper.is-webapp {
    padding-top: 0 !important;
  }
  .view-wrapper.community-page {
    background-color: #f9f9f9;
  }
  .view-wrapper.user-profile-dashboard {
    background-color: #f9f9f9;
  }
  .view-wrapper.work-list {
    background-color: #f9f9f9;
  }
  .view-wrapper.general-request-page {
    background-color: #fafafa;
    padding-bottom: calc(env(safe-area-inset-bottom) + 54px);
  }
  body.is-dark .view-wrapper.general-request-page {
    background: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
  }
  .view-wrapper.general-request-page .stuck-header {
    display: none;
  }
  .view-wrapper.vacation-request-page {
    background-color: #fafafa;
    padding-bottom: calc(env(safe-area-inset-bottom) + 80px);
  }
  body.is-dark .view-wrapper.vacation-request-page {
    background: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
  }
  .view-wrapper.vacation-request-page .stuck-header {
    display: none;
  }
  .view-wrapper.topic-form {
    background: #f2f2f2;
  }
  .page-title {
    margin-top: 20px;
  }
  .page-title.is-webapp {
    display: flex !important;
    margin-top: 0;
  }
  .page-title.is-project-details .solutions-hamburger {
    margin-left: -4px !important;
  }
  .page-title .title-wrap {
    margin-left: 0;
  }
  .page-content {
    padding: 0 12px 0 12px;
  }
  .page-content.projects-content {
    padding: 0 16px;
  }
  .page-content.has-navbar {
    padding-top: calc(env(safe-area-inset-top) + 60px) !important;
  }
  .page-content.has-navbar-mobile {
    padding-top: calc(env(safe-area-inset-top) + 80px);
  }
  .page-content.has-navbar-slim {
    padding-top: 60px !important;
    padding-right: 0;
    padding-left: 0;
  }
  @supports (padding-top: max(60px)) {
    .page-content.has-navbar-slim {
      padding-top: calc(env(safe-area-inset-top) + 60px) !important;
    }
  }
  .page-content.is-submit-form {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  @supports (padding-top: max(60px)) {
    .page-content.is-submit-form {
      padding-top: calc(env(safe-area-inset-top) + 60px) !important;
    }
  }
  .is-stuck {
    top: 59px !important;
    margin-left: 0 !important;
    width: 100% !important;
    padding-right: 20px !important;
  }
}
/* ==========================================================================
4. Custom
========================================================================== */
@media only screen and (min-device-width: 1025px) and (orientation: landscape) {
  .panel-close {
    display: none !important;
  }
}
/* ==========================================================================
5. Responsive Helpers
========================================================================== */
@media only screen and (max-width: 767px) {
  .h-hidden-mobile {
    display: none !important;
  }
  .h-only-mobile {
    display: block !important;
  }
  .h-only-mobile-flex {
    display: flex !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .h-hidden-tablet-p {
    display: none !important;
  }
  .is-flex-tablet-p {
    display: flex !important;
  }
  .h-only-tablet-p {
    display: block !important;
  }
  .h-only-tablet-p-flex {
    display: flex !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .h-hidden-tablet-l {
    display: none !important;
  }
  .is-flex-tablet-l {
    display: flex !important;
  }
  .h-only-tablet-l {
    display: block !important;
  }
  .view-wrapper {
    padding-bottom: calc(env(safe-area-inset-bottom) + 0px);
  }
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
  .h-only-mobile {
    display: block !important;
  }
  .h-only-mobile-flex {
    display: none !important;
  }
  .h-only-tablet-p {
    display: none !important;
  }
  .h-only-tablet-p-flex {
    display: none !important;
  }
}
@media only screen and (min-width: 1025px) {
  .h-hidden-desktop {
    display: none !important;
  }
}
:root {
  --sat: env(safe-area-inset-top);
  --sar: env(safe-area-inset-right);
  --sab: env(safe-area-inset-bottom);
  --sal: env(safe-area-inset-left);
}

::-moz-selection {
  background: #4f008c;
  color: #fff;
}

::selection {
  background: #4f008c;
  color: #fff;
}
body.is-dark ::-moz-selection {
  background: #797bf2;
  color: #cecece;
}
body.is-dark ::selection {
  background: #797bf2;
  color: #cecece;
}

* {
  -webkit-touch-callout: none; /* iOS Safari */
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

a, img, svg, checkbox, radio, select, video, h3, h2, h4, h1, button, .router-link, .action-link, .dropdown, .dashboard-title {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none;
       user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

a,
img,
svg,
input[type=checkbox],
label,
input[type=radio],
select,
video,
span,
h3,
h2,
h1,
.card,
button,
.dashboard-card,
.router-link,
.action-link,
.dropdown,
.avatar,
.webapp-navbar,
.edit-profile-buttons,
[class^=vjs-],
.profile-card-section,
.dashboard-title {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none;
       user-select: none; /* Chrome, Opera, Firefox */
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

@media only screen and (max-width: 1024px) {
  *:not(textarea):not(input):not([class^=ck]):not([class*=" ck-"]) {
    -webkit-touch-callout: none; /* iOS Safari */
    outline: none;
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  }
  .tippy-active {
    -webkit-touch-callout: none; /* iOS Safari */
    outline: none;
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  }
  textarea, input, .ck-editor, .ck *, .ck-content {
    /* Exception for input areas */
    -webkit-touch-callout: default !important;
    -webkit-user-select: text !important;
  }
  /* CSS specific to iOS devices */
  @supports (-webkit-overflow-scrolling: touch) {
    /* Browsers which partially support CSS Environment variables (iOS 11.0-11.2).*/
    /* Browsers which fully support CSS Environment variables (iOS 11.2+).*/
  }
  html, body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-overflow-scrolling: touch;
  }
}
/*! _dark.scss | Solutions Takyah | Solutions By STC 2020-2022 */
/*
    1. Layout Dark mode
*/
/* ==========================================================================
1. Layout Dark mode
========================================================================== */
html.is-dark, body.is-dark {
  background: #232326;
}
html.is-dark.is-loaded, body.is-dark.is-loaded {
  background: rgb(23.314531292%, 23.314531292%, 25.3129196884%);
}
html.is-dark.is-chat-side-collapsed, body.is-dark.is-chat-side-collapsed {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%) !important;
}
html.is-dark.opened, body.is-dark.opened {
  background: rgb(18.520010744%, 18.520010744%, 20.1074402364%);
}
html.is-dark .pageloader, body.is-dark .pageloader {
  background: rgb(23.314531292%, 23.314531292%, 25.3129196884%);
}
html.is-dark .infraloader, body.is-dark .infraloader {
  background: rgb(28.1090518399%, 28.1090518399%, 30.5183991405%) !important;
}
html.is-dark .page-title h1, body.is-dark .page-title h1 {
  color: rgb(83%, 83%, 83%);
}
html.is-dark .menu-toggle i, body.is-dark .menu-toggle i {
  background: #cecece;
}
html.is-dark .view-wrapper, html.is-dark .minimal-wrapper, body.is-dark .view-wrapper, body.is-dark .minimal-wrapper {
  background: rgb(19.4789148536%, 19.4789148536%, 21.1485361268%);
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}
html.is-dark .zoom-overlay, body.is-dark .zoom-overlay {
  background: rgb(23.314531292%, 23.314531292%, 25.3129196884%);
  border-color: rgb(23.314531292%, 23.314531292%, 25.3129196884%);
}

/*! _timeline.scss | Bulkit | Solutions By STC */
/* ==========================================================================
Timeline extension
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Variables
1. Timeline
2. Responsive styles
3. Activity feed
=============================================================================
***/
/* ==========================================================================
0. Variables
========================================================================== */
/* ==========================================================================
1. Timeline
========================================================================== */
.user-greetings {
  text-align: center;
}

.timeline {
  width: 100%;
  margin: 30px auto;
  position: relative;
  padding: 0 10px;
}
.timeline *, .timeline *:before, .timeline *:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.timeline .timeline-item:after, .timeline .timeline-item:before {
  content: "";
  display: block;
  width: 100%;
  clear: both;
}
.timeline:before {
  content: "";
  width: 3px;
  height: 200%;
  background: #fff;
  left: 50%;
  top: 0;
  position: absolute;
}
.timeline:after {
  content: "";
  clear: both;
  display: table;
  width: 100%;
}
.timeline .timeline-item {
  margin-bottom: 50px;
  position: relative;
}
.timeline .timeline-item .timeline-icon {
  background: #fff;
  width: 50px;
  height: 50px;
  position: absolute;
  top: -26px;
  left: 50%;
  overflow: hidden;
  margin-left: -23px;
  cursor: pointer;
}
.timeline .timeline-item .timeline-icon i {
  position: relative;
  font-size: 1.3rem;
  top: 14px;
  left: 14px;
  color: #fff;
}
.timeline .timeline-item .timeline-icon svg {
  position: relative;
  width: 25px;
  height: 25px;
  transform: translate(50%, 50%);
}
.timeline .timeline-item .timeline-content {
  width: 49%;
  background: #fff;
  padding: 20px;
}
.timeline .timeline-item .timeline-content .content-header {
  padding: 10px;
  background: #fff;
  color: hsl(0, 0%, 21%);
  margin: -20px -20px 0 -20px;
  font-weight: 300;
}
.timeline .timeline-item .timeline-content .content-header .timestamp {
  font-size: 0.9rem;
  color: #999;
}
.timeline .timeline-item .timeline-content .content-body {
  position: relative;
  display: flex;
  width: 100%;
}
.timeline .timeline-item .timeline-content .content-body .timeline-avatar {
  height: 40px;
}
.timeline .timeline-item .timeline-content .content-body .timeline-text {
  margin: 0 10px;
}
.timeline .timeline-item .timeline-content .content-body .timeline-text div:first-child {
  font-weight: 600;
  color: hsl(0, 0%, 21%);
}
.timeline .timeline-item .timeline-content .content-body .timeline-text div:last-child {
  color: #999;
}
.timeline .timeline-item .timeline-content .content-body .timeline-text .timestamp {
  font-size: 0.9rem;
  color: #999;
}
.timeline .timeline-item .timeline-content {
  /*&:before {
      content: '';
      position: absolute;
      left: 45%;
      top: 20px;
      width: 0;
      height: 0;
      border-top: 7px solid transparent;
      border-bottom: 7px solid transparent;
      border-left:7px solid $white;
  }*/
}
.timeline .timeline-item .timeline-content.right {
  float: right;
  /*&:before {
      content: '';
      right: 45%;
      left: inherit;
      border-left: 0;
      border-right: 7px solid $white;
  }*/
}
.timeline.doted .timeline-icon {
  background: white;
  border: 2px solid #ededed;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 22%;
  overflow: hidden;
  margin: -5px;
  cursor: pointer;
}

/* ==========================================================================
2. Responsive styles
========================================================================== */
@media screen and (max-width: 768px) {
  .user-greetings {
    text-align: left;
  }
  .is-rtl .user-greetings {
    text-align: right;
  }
  .timeline {
    margin: 10px;
    padding: 0px;
    width: 100%;
  }
  .timeline:before {
    left: 0;
  }
  .timeline .timeline-item .timeline-content {
    width: 96%;
    float: right;
  }
  .timeline .timeline-item .timeline-content:before, .timeline .timeline-item .timeline-content.right:before {
    left: 10%;
    margin-left: -6px;
    border-left: 0;
    border-right: 7px solid #fff;
  }
  .timeline .timeline-item .timeline-icon {
    left: 0;
  }
  .timeline.doted .timeline-icon {
    left: 0;
  }
}
/* ==========================================================================
3. Activity feed
========================================================================== */
.simple-feed {
  padding: 15px;
  list-style: none;
}
.simple-feed a {
  color: #ff375e;
}
.simple-feed .feed-item {
  position: relative;
  top: -10px;
  padding-bottom: 40px;
  padding-left: 0;
  border-left: 2px solid #ededed;
  display: flex;
  align-items: center;
}
.simple-feed .feed-item .name {
  font-weight: 500;
  color: hsl(0, 0%, 21%);
}
.simple-feed .feed-item img {
  border-radius: 0;
  width: 45px;
  height: 45px;
  border: 2px solid #f3f3f1;
}
.simple-feed .feed-item .feed-item-text {
  margin-left: 15px;
}
.simple-feed .feed-item::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px !important;
  left: -8px !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 0 !important;
  background: #fff !important;
  border: 2px solid #ededed !important;
}
.simple-feed .feed-item:first-child::after {
  background: transparent !important;
  border: 2px solid transparent !important;
}
.simple-feed .feed-item:last-child:not(:first-child) {
  background: transparent !important;
  border: 2px solid transparent !important;
}
.simple-feed .feed-item .date {
  display: block;
  position: relative;
  top: -5px;
  color: #999;
  text-transform: none;
  font-size: 13px;
}
.simple-feed .feed-item .text {
  position: relative;
  top: -3px;
}

ol.simple-feed {
  margin: 0;
}

.is-rtl .flex-card .flex-card-header .header-control {
  margin-left: 0 !important;
  margin-right: auto;
}

.is-rtl .simple-feed .feed-item {
  padding-right: 30px;
  padding-left: 0;
  border-right: 2px solid #ffffff;
  border-left: 0;
}

.flex-card .flex-card-header .header-avatar {
  max-height: 40px;
  width: 40px;
  align-self: center;
}

.simple-feed .feed-item .feed-item-text {
  padding: 0 16px 10px 16px;
  display: flex;
  align-items: center;
  /*background-color: #efefef;*/
  margin: 0;
}

.simple-feed .feed-item img {
  width: 35px;
  height: 35px;
  border: 2px solid #ffffff;
}

.simple-feed .feed-item .text {
  top: 0;
  padding: 0 10px;
}

/*! purgecss start ignore */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes shake {
  10%, 90% {
    transform: translateX(-0.0625em);
  }
  20%, 80% {
    transform: translateX(0.125em);
  }
  30%, 50%, 70% {
    transform: translateX(-0.25em);
  }
  40%, 60% {
    transform: translateX(0.25em);
  }
}
@keyframes fall {
  0% {
    opacity: 0;
    transform: scale(0.5);
    animation-timing-function: ease-out;
  }
  70% {
    opacity: 1;
    transform: scale(1.1);
    animation-timing-function: ease-in-out;
  }
  to {
    transform: scale(1);
    animation-timing-function: ease-out;
  }
}
:root {
  --ck-color-image-caption-background: #f7f7f7;
  --ck-color-image-caption-text: #333;
  --ck-color-mention-background: rgba(153, 0, 48, 0.1);
  --ck-color-mention-text: #990030;
  --ck-color-table-caption-background: #f7f7f7;
  --ck-color-table-caption-text: #333;
  --ck-highlight-marker-blue: #72ccfd;
  --ck-highlight-marker-green: #62f962;
  --ck-highlight-marker-pink: #fc7899;
  --ck-highlight-marker-yellow: #fdfd77;
  --ck-highlight-pen-green: #128a00;
  --ck-highlight-pen-red: #e71313;
  --ck-image-style-spacing: 1.5em;
  --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
  --ck-todo-list-checkmark-size: 16px;
  --dodger-blue: #0560fc;
}

.help-article.is-neuro .form-layout {
  max-width: unset;
}
.help-article.is-neuro .form-body {
  padding: 10px;
  overflow-x: auto;
}
.help-article.is-neuro center > br:nth-child(1),
.help-article.is-neuro center > br:nth-child(2),
.help-article.is-neuro center > br:nth-child(3) {
  display: none;
}
.help-article.is-neuro center table {
  width: 100% !important;
}
.help-article.is-neuro center .Diag {
  padding-top: 10px;
}
.help-article.is-neuro center .Diag #ZoomTable {
  display: none;
}
.help-article.is-neuro center .Diag br {
  display: none;
}
.help-article.is-neuro center .Diag {
  overflow: hidden;
}
.help-article.is-neuro center .Diag .img {
  width: auto;
  height: auto;
  max-width: unset;
}
.help-article.is-neuro center .img-map {
  height: auto;
  max-width: unset;
}
.help-article.is-neuro .table.is-hoverable tbody td, .help-article.is-neuro .table .table-bg3, .help-article.is-neuro .table .table-bg1 {
  border: 1px solid hsl(0, 0%, 86%);
}
.help-article.is-neuro .table-bg1, .help-article.is-neuro .table-bg3 {
  background: #f2f2f2;
}
body.is-dark .help-article.is-neuro .table-bg1, body.is-dark .help-article.is-neuro .table-bg3 {
  background: #252529;
}
.help-article.is-neuro td img:not(.img-map) {
  margin-inline-end: 6px;
}
.help-article.is-neuro a:link, .help-article.is-neuro a:visited {
  color: #4f008c;
  font-size: 0.9em;
}
body.is-dark .help-article.is-neuro a:link, body.is-dark .help-article.is-neuro a:visited {
  color: #797bf2;
}
.help-article.is-neuro a:visited {
  opacity: 0.8;
}
.help-article #answer .helpjuice-editor-content code,
.help-article .answer .helpjuice-editor-content code,
.help-article .article-content .helpjuice-editor-content code,
.help-article .article-item .body .helpjuice-editor-content code,
.help-article .article-item .helpjuice-editor-content code,
.help-article .fr-view .helpjuice-editor-content code,
.help-article article .helpjuice-editor-content code {
  background-color: hsla(0, 0%, 78%, 0.3) !important;
  padding: 0.15em !important;
  border-radius: 2px !important;
}
.help-article #answer .helpjuice-editor-content blockquote,
.help-article .answer .helpjuice-editor-content blockquote,
.help-article .article-content .helpjuice-editor-content blockquote,
.help-article .article-item .body .helpjuice-editor-content blockquote,
.help-article .article-item .helpjuice-editor-content blockquote,
.help-article .fr-view .helpjuice-editor-content blockquote,
.help-article article .helpjuice-editor-content blockquote {
  overflow: hidden;
  padding: 10px 1.5em;
  margin-left: 0;
  margin-right: 0;
  font-style: italic;
  border-left: 5px solid #ccc !important;
  background: none;
}
.help-article #answer .helpjuice-editor-content blockquote:before,
.help-article .answer .helpjuice-editor-content blockquote:before,
.help-article .article-content .helpjuice-editor-content blockquote:before,
.help-article .article-item .body .helpjuice-editor-content blockquote:before,
.help-article .article-item .helpjuice-editor-content blockquote:before,
.help-article .fr-view .helpjuice-editor-content blockquote:before,
.help-article article .helpjuice-editor-content blockquote:before {
  content: none;
}
.help-article #answer .helpjuice-editor-content blockquote p,
.help-article .answer .helpjuice-editor-content blockquote p,
.help-article .article-content .helpjuice-editor-content blockquote p,
.help-article .article-item .body .helpjuice-editor-content blockquote p,
.help-article .article-item .helpjuice-editor-content blockquote p,
.help-article .fr-view .helpjuice-editor-content blockquote p,
.help-article article .helpjuice-editor-content blockquote p {
  margin: 18px 0 !important;
}
.help-article #answer .helpjuice-editor-content[dir=rtl] blockquote,
.help-article .answer .helpjuice-editor-content[dir=rtl] blockquote,
.help-article .article-content .helpjuice-editor-content[dir=rtl] blockquote,
.help-article .article-item .body .helpjuice-editor-content[dir=rtl] blockquote,
.help-article .article-item .helpjuice-editor-content[dir=rtl] blockquote,
.help-article .fr-view .helpjuice-editor-content[dir=rtl] blockquote,
.help-article article .helpjuice-editor-content[dir=rtl] blockquote {
  border-left: 0;
  border-right: 5px solid #ccc;
}
.help-article #answer .helpjuice-editor-content .text-tiny,
.help-article .answer .helpjuice-editor-content .text-tiny,
.help-article .article-content .helpjuice-editor-content .text-tiny,
.help-article .article-item .body .helpjuice-editor-content .text-tiny,
.help-article .article-item .helpjuice-editor-content .text-tiny,
.help-article .fr-view .helpjuice-editor-content .text-tiny,
.help-article article .helpjuice-editor-content .text-tiny {
  font-size: 0.7em;
}
.help-article #answer .helpjuice-editor-content .text-small,
.help-article .answer .helpjuice-editor-content .text-small,
.help-article .article-content .helpjuice-editor-content .text-small,
.help-article .article-item .body .helpjuice-editor-content .text-small,
.help-article .article-item .helpjuice-editor-content .text-small,
.help-article .fr-view .helpjuice-editor-content .text-small,
.help-article article .helpjuice-editor-content .text-small {
  font-size: 0.85em;
}
.help-article #answer .helpjuice-editor-content .text-big,
.help-article .answer .helpjuice-editor-content .text-big,
.help-article .article-content .helpjuice-editor-content .text-big,
.help-article .article-item .body .helpjuice-editor-content .text-big,
.help-article .article-item .helpjuice-editor-content .text-big,
.help-article .fr-view .helpjuice-editor-content .text-big,
.help-article article .helpjuice-editor-content .text-big {
  font-size: 1.4em;
}
.help-article #answer .helpjuice-editor-content .text-huge,
.help-article .answer .helpjuice-editor-content .text-huge,
.help-article .article-content .helpjuice-editor-content .text-huge,
.help-article .article-item .body .helpjuice-editor-content .text-huge,
.help-article .article-item .helpjuice-editor-content .text-huge,
.help-article .fr-view .helpjuice-editor-content .text-huge,
.help-article article .helpjuice-editor-content .text-huge {
  font-size: 1.8em;
}
.help-article #answer .helpjuice-editor-content .marker-yellow,
.help-article .answer .helpjuice-editor-content .marker-yellow,
.help-article .article-content .helpjuice-editor-content .marker-yellow,
.help-article .article-item .body .helpjuice-editor-content .marker-yellow,
.help-article .article-item .helpjuice-editor-content .marker-yellow,
.help-article .fr-view .helpjuice-editor-content .marker-yellow,
.help-article article .helpjuice-editor-content .marker-yellow {
  background-color: #fdfd77;
  background-color: var(--ck-highlight-marker-yellow);
}
.help-article #answer .helpjuice-editor-content .marker-green,
.help-article .answer .helpjuice-editor-content .marker-green,
.help-article .article-content .helpjuice-editor-content .marker-green,
.help-article .article-item .body .helpjuice-editor-content .marker-green,
.help-article .article-item .helpjuice-editor-content .marker-green,
.help-article .fr-view .helpjuice-editor-content .marker-green,
.help-article article .helpjuice-editor-content .marker-green {
  background-color: #62f962;
  background-color: var(--ck-highlight-marker-green);
}
.help-article #answer .helpjuice-editor-content .marker-pink,
.help-article .answer .helpjuice-editor-content .marker-pink,
.help-article .article-content .helpjuice-editor-content .marker-pink,
.help-article .article-item .body .helpjuice-editor-content .marker-pink,
.help-article .article-item .helpjuice-editor-content .marker-pink,
.help-article .fr-view .helpjuice-editor-content .marker-pink,
.help-article article .helpjuice-editor-content .marker-pink {
  background-color: #fc7899;
  background-color: var(--ck-highlight-marker-pink);
}
.help-article #answer .helpjuice-editor-content .marker-blue,
.help-article .answer .helpjuice-editor-content .marker-blue,
.help-article .article-content .helpjuice-editor-content .marker-blue,
.help-article .article-item .body .helpjuice-editor-content .marker-blue,
.help-article .article-item .helpjuice-editor-content .marker-blue,
.help-article .fr-view .helpjuice-editor-content .marker-blue,
.help-article article .helpjuice-editor-content .marker-blue {
  background-color: #72ccfd;
  background-color: var(--ck-highlight-marker-blue);
}
.help-article #answer .helpjuice-editor-content .pen-red,
.help-article .answer .helpjuice-editor-content .pen-red,
.help-article .article-content .helpjuice-editor-content .pen-red,
.help-article .article-item .body .helpjuice-editor-content .pen-red,
.help-article .article-item .helpjuice-editor-content .pen-red,
.help-article .fr-view .helpjuice-editor-content .pen-red,
.help-article article .helpjuice-editor-content .pen-red {
  color: #e71313;
  color: var(--ck-highlight-pen-red);
  background-color: transparent;
}
.help-article #answer .helpjuice-editor-content .pen-green,
.help-article .answer .helpjuice-editor-content .pen-green,
.help-article .article-content .helpjuice-editor-content .pen-green,
.help-article .article-item .body .helpjuice-editor-content .pen-green,
.help-article .article-item .helpjuice-editor-content .pen-green,
.help-article .fr-view .helpjuice-editor-content .pen-green,
.help-article article .helpjuice-editor-content .pen-green {
  color: #128a00;
  color: var(--ck-highlight-pen-green);
  background-color: transparent;
}
.help-article #answer .helpjuice-editor-content .image,
.help-article .answer .helpjuice-editor-content .image,
.help-article .article-content .helpjuice-editor-content .image,
.help-article .article-item .body .helpjuice-editor-content .image,
.help-article .article-item .helpjuice-editor-content .image,
.help-article .fr-view .helpjuice-editor-content .image,
.help-article article .helpjuice-editor-content .image {
  display: table;
  clear: both;
  text-align: center;
  margin: 0.9em auto;
  min-width: 50px;
}
.help-article #answer .helpjuice-editor-content .image img,
.help-article .answer .helpjuice-editor-content .image img,
.help-article .article-content .helpjuice-editor-content .image img,
.help-article .article-item .body .helpjuice-editor-content .image img,
.help-article .article-item .helpjuice-editor-content .image img,
.help-article .fr-view .helpjuice-editor-content .image img,
.help-article article .helpjuice-editor-content .image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  min-width: 100%;
}
.help-article #answer .helpjuice-editor-content .image-inline,
.help-article .answer .helpjuice-editor-content .image-inline,
.help-article .article-content .helpjuice-editor-content .image-inline,
.help-article .article-item .body .helpjuice-editor-content .image-inline,
.help-article .article-item .helpjuice-editor-content .image-inline,
.help-article .fr-view .helpjuice-editor-content .image-inline,
.help-article article .helpjuice-editor-content .image-inline {
  display: inline-flex;
  max-width: 100%;
  align-items: flex-start;
}
.help-article #answer .helpjuice-editor-content .image-inline picture,
.help-article .answer .helpjuice-editor-content .image-inline picture,
.help-article .article-content .helpjuice-editor-content .image-inline picture,
.help-article .article-item .body .helpjuice-editor-content .image-inline picture,
.help-article .article-item .helpjuice-editor-content .image-inline picture,
.help-article .fr-view .helpjuice-editor-content .image-inline picture,
.help-article article .helpjuice-editor-content .image-inline picture {
  display: flex;
}
.help-article #answer .helpjuice-editor-content .image-inline img,
.help-article #answer .helpjuice-editor-content .image-inline picture,
.help-article .answer .helpjuice-editor-content .image-inline img,
.help-article .answer .helpjuice-editor-content .image-inline picture,
.help-article .article-content .helpjuice-editor-content .image-inline img,
.help-article .article-content .helpjuice-editor-content .image-inline picture,
.help-article .article-item .body .helpjuice-editor-content .image-inline img,
.help-article .article-item .body .helpjuice-editor-content .image-inline picture,
.help-article .article-item .helpjuice-editor-content .image-inline img,
.help-article .article-item .helpjuice-editor-content .image-inline picture,
.help-article .fr-view .helpjuice-editor-content .image-inline img,
.help-article .fr-view .helpjuice-editor-content .image-inline picture,
.help-article article .helpjuice-editor-content .image-inline img,
.help-article article .helpjuice-editor-content .image-inline picture {
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 100%;
}
.help-article #answer .helpjuice-editor-content .image > figcaption,
.help-article .answer .helpjuice-editor-content .image > figcaption,
.help-article .article-content .helpjuice-editor-content .image > figcaption,
.help-article .article-item .body .helpjuice-editor-content .image > figcaption,
.help-article .article-item .helpjuice-editor-content .image > figcaption,
.help-article .fr-view .helpjuice-editor-content .image > figcaption,
.help-article article .helpjuice-editor-content .image > figcaption {
  display: table-caption;
  caption-side: bottom;
  word-break: break-word;
  color: #333;
  color: var(--ck-color-image-caption-text);
  background-color: #f7f7f7;
  background-color: var(--ck-color-image-caption-background);
  padding: 0.6em;
  font-size: 0.75em;
  outline-offset: -1px;
}
.help-article #answer .helpjuice-editor-content .image.image_resized,
.help-article .answer .helpjuice-editor-content .image.image_resized,
.help-article .article-content .helpjuice-editor-content .image.image_resized,
.help-article .article-item .body .helpjuice-editor-content .image.image_resized,
.help-article .article-item .helpjuice-editor-content .image.image_resized,
.help-article .fr-view .helpjuice-editor-content .image.image_resized,
.help-article article .helpjuice-editor-content .image.image_resized {
  max-width: 100%;
  display: block;
  box-sizing: border-box;
}
.help-article #answer .helpjuice-editor-content .image.image_resized img,
.help-article .answer .helpjuice-editor-content .image.image_resized img,
.help-article .article-content .helpjuice-editor-content .image.image_resized img,
.help-article .article-item .body .helpjuice-editor-content .image.image_resized img,
.help-article .article-item .helpjuice-editor-content .image.image_resized img,
.help-article .fr-view .helpjuice-editor-content .image.image_resized img,
.help-article article .helpjuice-editor-content .image.image_resized img {
  width: 100%;
}
.help-article #answer .helpjuice-editor-content .image.image_resized > figcaption,
.help-article .answer .helpjuice-editor-content .image.image_resized > figcaption,
.help-article .article-content .helpjuice-editor-content .image.image_resized > figcaption,
.help-article .article-item .body .helpjuice-editor-content .image.image_resized > figcaption,
.help-article .article-item .helpjuice-editor-content .image.image_resized > figcaption,
.help-article .fr-view .helpjuice-editor-content .image.image_resized > figcaption,
.help-article article .helpjuice-editor-content .image.image_resized > figcaption {
  display: block;
}
.help-article #answer .helpjuice-editor-content .image-style-block-align-left,
.help-article #answer .helpjuice-editor-content .image-style-block-align-right,
.help-article .answer .helpjuice-editor-content .image-style-block-align-left,
.help-article .answer .helpjuice-editor-content .image-style-block-align-right,
.help-article .article-content .helpjuice-editor-content .image-style-block-align-left,
.help-article .article-content .helpjuice-editor-content .image-style-block-align-right,
.help-article .article-item .body .helpjuice-editor-content .image-style-block-align-left,
.help-article .article-item .body .helpjuice-editor-content .image-style-block-align-right,
.help-article .article-item .helpjuice-editor-content .image-style-block-align-left,
.help-article .article-item .helpjuice-editor-content .image-style-block-align-right,
.help-article .fr-view .helpjuice-editor-content .image-style-block-align-left,
.help-article .fr-view .helpjuice-editor-content .image-style-block-align-right,
.help-article article .helpjuice-editor-content .image-style-block-align-left,
.help-article article .helpjuice-editor-content .image-style-block-align-right {
  max-width: calc(100% - 1.5em);
  max-width: calc(100% - var(--ck-image-style-spacing));
}
.help-article #answer .helpjuice-editor-content .image-style-align-left,
.help-article #answer .helpjuice-editor-content .image-style-align-right,
.help-article .answer .helpjuice-editor-content .image-style-align-left,
.help-article .answer .helpjuice-editor-content .image-style-align-right,
.help-article .article-content .helpjuice-editor-content .image-style-align-left,
.help-article .article-content .helpjuice-editor-content .image-style-align-right,
.help-article .article-item .body .helpjuice-editor-content .image-style-align-left,
.help-article .article-item .body .helpjuice-editor-content .image-style-align-right,
.help-article .article-item .helpjuice-editor-content .image-style-align-left,
.help-article .article-item .helpjuice-editor-content .image-style-align-right,
.help-article .fr-view .helpjuice-editor-content .image-style-align-left,
.help-article .fr-view .helpjuice-editor-content .image-style-align-right,
.help-article article .helpjuice-editor-content .image-style-align-left,
.help-article article .helpjuice-editor-content .image-style-align-right {
  clear: none;
}
.help-article #answer .helpjuice-editor-content .image-style-side,
.help-article .answer .helpjuice-editor-content .image-style-side,
.help-article .article-content .helpjuice-editor-content .image-style-side,
.help-article .article-item .body .helpjuice-editor-content .image-style-side,
.help-article .article-item .helpjuice-editor-content .image-style-side,
.help-article .fr-view .helpjuice-editor-content .image-style-side,
.help-article article .helpjuice-editor-content .image-style-side {
  float: right;
  margin-left: 1.5em;
  margin-left: var(--ck-image-style-spacing);
  max-width: 50%;
}
.help-article #answer .helpjuice-editor-content .image-style-align-left,
.help-article .answer .helpjuice-editor-content .image-style-align-left,
.help-article .article-content .helpjuice-editor-content .image-style-align-left,
.help-article .article-item .body .helpjuice-editor-content .image-style-align-left,
.help-article .article-item .helpjuice-editor-content .image-style-align-left,
.help-article .fr-view .helpjuice-editor-content .image-style-align-left,
.help-article article .helpjuice-editor-content .image-style-align-left {
  float: left;
  margin-right: 1.5em;
  margin-right: var(--ck-image-style-spacing);
}
.help-article #answer .helpjuice-editor-content .image-style-align-center,
.help-article .answer .helpjuice-editor-content .image-style-align-center,
.help-article .article-content .helpjuice-editor-content .image-style-align-center,
.help-article .article-item .body .helpjuice-editor-content .image-style-align-center,
.help-article .article-item .helpjuice-editor-content .image-style-align-center,
.help-article .fr-view .helpjuice-editor-content .image-style-align-center,
.help-article article .helpjuice-editor-content .image-style-align-center {
  margin-left: auto;
  margin-right: auto;
}
.help-article #answer .helpjuice-editor-content .image-style-align-right,
.help-article .answer .helpjuice-editor-content .image-style-align-right,
.help-article .article-content .helpjuice-editor-content .image-style-align-right,
.help-article .article-item .body .helpjuice-editor-content .image-style-align-right,
.help-article .article-item .helpjuice-editor-content .image-style-align-right,
.help-article .fr-view .helpjuice-editor-content .image-style-align-right,
.help-article article .helpjuice-editor-content .image-style-align-right {
  float: right;
  margin-left: 1.5em;
  margin-left: var(--ck-image-style-spacing);
}
.help-article #answer .helpjuice-editor-content .image-style-block-align-right,
.help-article .answer .helpjuice-editor-content .image-style-block-align-right,
.help-article .article-content .helpjuice-editor-content .image-style-block-align-right,
.help-article .article-item .body .helpjuice-editor-content .image-style-block-align-right,
.help-article .article-item .helpjuice-editor-content .image-style-block-align-right,
.help-article .fr-view .helpjuice-editor-content .image-style-block-align-right,
.help-article article .helpjuice-editor-content .image-style-block-align-right {
  margin-right: 0;
  margin-left: auto;
}
.help-article #answer .helpjuice-editor-content .image-style-block-align-left,
.help-article .answer .helpjuice-editor-content .image-style-block-align-left,
.help-article .article-content .helpjuice-editor-content .image-style-block-align-left,
.help-article .article-item .body .helpjuice-editor-content .image-style-block-align-left,
.help-article .article-item .helpjuice-editor-content .image-style-block-align-left,
.help-article .fr-view .helpjuice-editor-content .image-style-block-align-left,
.help-article article .helpjuice-editor-content .image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.help-article #answer .helpjuice-editor-content p + .image-style-align-left,
.help-article #answer .helpjuice-editor-content p + .image-style-align-right,
.help-article #answer .helpjuice-editor-content p + .image-style-side,
.help-article .answer .helpjuice-editor-content p + .image-style-align-left,
.help-article .answer .helpjuice-editor-content p + .image-style-align-right,
.help-article .answer .helpjuice-editor-content p + .image-style-side,
.help-article .article-content .helpjuice-editor-content p + .image-style-align-left,
.help-article .article-content .helpjuice-editor-content p + .image-style-align-right,
.help-article .article-content .helpjuice-editor-content p + .image-style-side,
.help-article .article-item .body .helpjuice-editor-content p + .image-style-align-left,
.help-article .article-item .body .helpjuice-editor-content p + .image-style-align-right,
.help-article .article-item .body .helpjuice-editor-content p + .image-style-side,
.help-article .article-item .helpjuice-editor-content p + .image-style-align-left,
.help-article .article-item .helpjuice-editor-content p + .image-style-align-right,
.help-article .article-item .helpjuice-editor-content p + .image-style-side,
.help-article .fr-view .helpjuice-editor-content p + .image-style-align-left,
.help-article .fr-view .helpjuice-editor-content p + .image-style-align-right,
.help-article .fr-view .helpjuice-editor-content p + .image-style-side,
.help-article article .helpjuice-editor-content p + .image-style-align-left,
.help-article article .helpjuice-editor-content p + .image-style-align-right,
.help-article article .helpjuice-editor-content p + .image-style-side {
  margin-top: 0;
}
.help-article #answer .helpjuice-editor-content .image-inline.image-style-align-left,
.help-article #answer .helpjuice-editor-content .image-inline.image-style-align-right,
.help-article .answer .helpjuice-editor-content .image-inline.image-style-align-left,
.help-article .answer .helpjuice-editor-content .image-inline.image-style-align-right,
.help-article .article-content .helpjuice-editor-content .image-inline.image-style-align-left,
.help-article .article-content .helpjuice-editor-content .image-inline.image-style-align-right,
.help-article .article-item .body .helpjuice-editor-content .image-inline.image-style-align-left,
.help-article .article-item .body .helpjuice-editor-content .image-inline.image-style-align-right,
.help-article .article-item .helpjuice-editor-content .image-inline.image-style-align-left,
.help-article .article-item .helpjuice-editor-content .image-inline.image-style-align-right,
.help-article .fr-view .helpjuice-editor-content .image-inline.image-style-align-left,
.help-article .fr-view .helpjuice-editor-content .image-inline.image-style-align-right,
.help-article article .helpjuice-editor-content .image-inline.image-style-align-left,
.help-article article .helpjuice-editor-content .image-inline.image-style-align-right {
  margin-top: 0.75em;
  margin-top: var(--ck-inline-image-style-spacing);
  margin-bottom: 0.75em;
  margin-bottom: var(--ck-inline-image-style-spacing);
}
.help-article #answer .helpjuice-editor-content .image-inline.image-style-align-left,
.help-article .answer .helpjuice-editor-content .image-inline.image-style-align-left,
.help-article .article-content .helpjuice-editor-content .image-inline.image-style-align-left,
.help-article .article-item .body .helpjuice-editor-content .image-inline.image-style-align-left,
.help-article .article-item .helpjuice-editor-content .image-inline.image-style-align-left,
.help-article .fr-view .helpjuice-editor-content .image-inline.image-style-align-left,
.help-article article .helpjuice-editor-content .image-inline.image-style-align-left {
  margin-right: 0.75em;
  margin-right: var(--ck-inline-image-style-spacing);
}
.help-article #answer .helpjuice-editor-content .image-inline.image-style-align-right,
.help-article .answer .helpjuice-editor-content .image-inline.image-style-align-right,
.help-article .article-content .helpjuice-editor-content .image-inline.image-style-align-right,
.help-article .article-item .body .helpjuice-editor-content .image-inline.image-style-align-right,
.help-article .article-item .helpjuice-editor-content .image-inline.image-style-align-right,
.help-article .fr-view .helpjuice-editor-content .image-inline.image-style-align-right,
.help-article article .helpjuice-editor-content .image-inline.image-style-align-right {
  margin-left: 0.75em;
  margin-left: var(--ck-inline-image-style-spacing);
}
.help-article #answer .helpjuice-editor-content span[lang],
.help-article .answer .helpjuice-editor-content span[lang],
.help-article .article-content .helpjuice-editor-content span[lang],
.help-article .article-item .body .helpjuice-editor-content span[lang],
.help-article .article-item .helpjuice-editor-content span[lang],
.help-article .fr-view .helpjuice-editor-content span[lang],
.help-article article .helpjuice-editor-content span[lang] {
  font-style: italic;
}
.help-article #answer .helpjuice-editor-content .todo-list,
.help-article .answer .helpjuice-editor-content .todo-list,
.help-article .article-content .helpjuice-editor-content .todo-list,
.help-article .article-item .body .helpjuice-editor-content .todo-list,
.help-article .article-item .helpjuice-editor-content .todo-list,
.help-article .fr-view .helpjuice-editor-content .todo-list,
.help-article article .helpjuice-editor-content .todo-list {
  list-style: none;
}
.help-article #answer .helpjuice-editor-content .todo-list li,
.help-article .answer .helpjuice-editor-content .todo-list li,
.help-article .article-content .helpjuice-editor-content .todo-list li,
.help-article .article-item .body .helpjuice-editor-content .todo-list li,
.help-article .article-item .helpjuice-editor-content .todo-list li,
.help-article .fr-view .helpjuice-editor-content .todo-list li,
.help-article article .helpjuice-editor-content .todo-list li {
  margin-bottom: 5px;
}
.help-article #answer .helpjuice-editor-content .todo-list li .todo-list,
.help-article .answer .helpjuice-editor-content .todo-list li .todo-list,
.help-article .article-content .helpjuice-editor-content .todo-list li .todo-list,
.help-article .article-item .body .helpjuice-editor-content .todo-list li .todo-list,
.help-article .article-item .helpjuice-editor-content .todo-list li .todo-list,
.help-article .fr-view .helpjuice-editor-content .todo-list li .todo-list,
.help-article article .helpjuice-editor-content .todo-list li .todo-list {
  margin-top: 5px;
}
.help-article #answer .helpjuice-editor-content .todo-list .todo-list__label > input,
.help-article .answer .helpjuice-editor-content .todo-list .todo-list__label > input,
.help-article .article-content .helpjuice-editor-content .todo-list .todo-list__label > input,
.help-article .article-item .body .helpjuice-editor-content .todo-list .todo-list__label > input,
.help-article .article-item .helpjuice-editor-content .todo-list .todo-list__label > input,
.help-article .fr-view .helpjuice-editor-content .todo-list .todo-list__label > input,
.help-article article .helpjuice-editor-content .todo-list .todo-list__label > input {
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  width: 16px;
  width: var(--ck-todo-list-checkmark-size);
  height: 16px;
  height: var(--ck-todo-list-checkmark-size);
  vertical-align: middle;
  border: 0;
  left: -25px;
  margin-right: -15px;
  right: 0;
  margin-left: 0;
}
.help-article #answer .helpjuice-editor-content .todo-list .todo-list__label > input:before,
.help-article .answer .helpjuice-editor-content .todo-list .todo-list__label > input:before,
.help-article .article-content .helpjuice-editor-content .todo-list .todo-list__label > input:before,
.help-article .article-item .body .helpjuice-editor-content .todo-list .todo-list__label > input:before,
.help-article .article-item .helpjuice-editor-content .todo-list .todo-list__label > input:before,
.help-article .fr-view .helpjuice-editor-content .todo-list .todo-list__label > input:before,
.help-article article .helpjuice-editor-content .todo-list .todo-list__label > input:before {
  display: block;
  position: absolute;
  box-sizing: border-box;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid #333;
  border-radius: 2px;
  transition: box-shadow 0.25s ease-in-out, background 0.25s ease-in-out, border 0.25s ease-in-out;
}
.help-article #answer .helpjuice-editor-content .todo-list .todo-list__label > input:after,
.help-article .answer .helpjuice-editor-content .todo-list .todo-list__label > input:after,
.help-article .article-content .helpjuice-editor-content .todo-list .todo-list__label > input:after,
.help-article .article-item .body .helpjuice-editor-content .todo-list .todo-list__label > input:after,
.help-article .article-item .helpjuice-editor-content .todo-list .todo-list__label > input:after,
.help-article .fr-view .helpjuice-editor-content .todo-list .todo-list__label > input:after,
.help-article article .helpjuice-editor-content .todo-list .todo-list__label > input:after {
  display: block;
  position: absolute;
  box-sizing: content-box;
  pointer-events: none;
  content: "";
  left: 5.33333px;
  left: calc(var(--ck-todo-list-checkmark-size) / 3);
  top: 3.01887px;
  top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  width: 3.01887px;
  width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  height: 6.15385px;
  height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
  border-width: 0 2px 2px 0;
  border-left: 0 solid transparent;
  border-bottom: calc(var(--ck-todo-list-checkmark-size) / 8) solid transparent;
  border-right: calc(var(--ck-todo-list-checkmark-size) / 8) solid transparent;
  border-top: 0 solid transparent;
  transform: rotate(45deg);
}
.help-article #answer .helpjuice-editor-content .todo-list .todo-list__label > input[checked]:before,
.help-article .answer .helpjuice-editor-content .todo-list .todo-list__label > input[checked]:before,
.help-article .article-content .helpjuice-editor-content .todo-list .todo-list__label > input[checked]:before,
.help-article .article-item .body .helpjuice-editor-content .todo-list .todo-list__label > input[checked]:before,
.help-article .article-item .helpjuice-editor-content .todo-list .todo-list__label > input[checked]:before,
.help-article .fr-view .helpjuice-editor-content .todo-list .todo-list__label > input[checked]:before,
.help-article article .helpjuice-editor-content .todo-list .todo-list__label > input[checked]:before {
  background: #26ab33;
  border-color: #26ab33;
}
.help-article #answer .helpjuice-editor-content .todo-list .todo-list__label > input[checked]:after,
.help-article .answer .helpjuice-editor-content .todo-list .todo-list__label > input[checked]:after,
.help-article .article-content .helpjuice-editor-content .todo-list .todo-list__label > input[checked]:after,
.help-article .article-item .body .helpjuice-editor-content .todo-list .todo-list__label > input[checked]:after,
.help-article .article-item .helpjuice-editor-content .todo-list .todo-list__label > input[checked]:after,
.help-article .fr-view .helpjuice-editor-content .todo-list .todo-list__label > input[checked]:after,
.help-article article .helpjuice-editor-content .todo-list .todo-list__label > input[checked]:after {
  border-color: #fff;
}
.help-article #answer .helpjuice-editor-content .todo-list .todo-list__label .todo-list__label__description,
.help-article .answer .helpjuice-editor-content .todo-list .todo-list__label .todo-list__label__description,
.help-article .article-content .helpjuice-editor-content .todo-list .todo-list__label .todo-list__label__description,
.help-article .article-item .body .helpjuice-editor-content .todo-list .todo-list__label .todo-list__label__description,
.help-article .article-item .helpjuice-editor-content .todo-list .todo-list__label .todo-list__label__description,
.help-article .fr-view .helpjuice-editor-content .todo-list .todo-list__label .todo-list__label__description,
.help-article article .helpjuice-editor-content .todo-list .todo-list__label .todo-list__label__description {
  vertical-align: middle;
}
.help-article #answer .helpjuice-editor-content .media,
.help-article .answer .helpjuice-editor-content .media,
.help-article .article-content .helpjuice-editor-content .media,
.help-article .article-item .body .helpjuice-editor-content .media,
.help-article .article-item .helpjuice-editor-content .media,
.help-article .fr-view .helpjuice-editor-content .media,
.help-article article .helpjuice-editor-content .media {
  clear: both;
  margin: 0.9em 0;
  display: block;
  min-width: 15em;
}
.help-article #answer .helpjuice-editor-content .page-break,
.help-article .answer .helpjuice-editor-content .page-break,
.help-article .article-content .helpjuice-editor-content .page-break,
.help-article .article-item .body .helpjuice-editor-content .page-break,
.help-article .article-item .helpjuice-editor-content .page-break,
.help-article .fr-view .helpjuice-editor-content .page-break,
.help-article article .helpjuice-editor-content .page-break {
  position: relative;
  clear: both;
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.help-article #answer .helpjuice-editor-content .page-break:after,
.help-article .answer .helpjuice-editor-content .page-break:after,
.help-article .article-content .helpjuice-editor-content .page-break:after,
.help-article .article-item .body .helpjuice-editor-content .page-break:after,
.help-article .article-item .helpjuice-editor-content .page-break:after,
.help-article .fr-view .helpjuice-editor-content .page-break:after,
.help-article article .helpjuice-editor-content .page-break:after {
  content: "";
  position: absolute;
  border-bottom: 2px dashed #c4c4c4;
  width: 100%;
}
.help-article #answer .helpjuice-editor-content .page-break__label,
.help-article .answer .helpjuice-editor-content .page-break__label,
.help-article .article-content .helpjuice-editor-content .page-break__label,
.help-article .article-item .body .helpjuice-editor-content .page-break__label,
.help-article .article-item .helpjuice-editor-content .page-break__label,
.help-article .fr-view .helpjuice-editor-content .page-break__label,
.help-article article .helpjuice-editor-content .page-break__label {
  position: relative;
  z-index: 1;
  padding: 0.3em 0.6em;
  display: block;
  text-transform: uppercase;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  font-size: 0.75em;
  font-weight: 700;
  color: #333;
  background: #fff;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.15);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.help-article #answer .helpjuice-editor-content .table,
.help-article .answer .helpjuice-editor-content .table,
.help-article .article-content .helpjuice-editor-content .table,
.help-article .article-item .body .helpjuice-editor-content .table,
.help-article .article-item .helpjuice-editor-content .table,
.help-article .fr-view .helpjuice-editor-content .table,
.help-article article .helpjuice-editor-content .table {
  margin: 0.9em auto;
  display: table;
}
.help-article #answer .table,
.help-article .answer .table,
.help-article .article-content .table,
.help-article .article-item .body .table,
.help-article .article-item .table,
.help-article .fr-view .table,
.help-article article .table {
  width: 100%;
  max-width: 100%;
}
.help-article #answer .helpjuice-editor-content .table table,
.help-article .answer .helpjuice-editor-content .table table,
.help-article .article-content .helpjuice-editor-content .table table,
.help-article .article-item .body .helpjuice-editor-content .table table,
.help-article .article-item .helpjuice-editor-content .table table,
.help-article .fr-view .helpjuice-editor-content .table table,
.help-article article .helpjuice-editor-content .table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
}
.help-article #answer .helpjuice-editor-content .table table td,
.help-article #answer .helpjuice-editor-content .table table th,
.help-article .answer .helpjuice-editor-content .table table td,
.help-article .answer .helpjuice-editor-content .table table th,
.help-article .article-content .helpjuice-editor-content .table table td,
.help-article .article-content .helpjuice-editor-content .table table th,
.help-article .article-item .body .helpjuice-editor-content .table table td,
.help-article .article-item .body .helpjuice-editor-content .table table th,
.help-article .article-item .helpjuice-editor-content .table table td,
.help-article .article-item .helpjuice-editor-content .table table th,
.help-article .fr-view .helpjuice-editor-content .table table td,
.help-article .fr-view .helpjuice-editor-content .table table th,
.help-article article .helpjuice-editor-content .table table td,
.help-article article .helpjuice-editor-content .table table th {
  min-width: 2em;
  padding: 0.4em;
  border: none;
}
.help-article #answer .helpjuice-editor-content .table table th,
.help-article .answer .helpjuice-editor-content .table table th,
.help-article .article-content .helpjuice-editor-content .table table th,
.help-article .article-item .body .helpjuice-editor-content .table table th,
.help-article .article-item .helpjuice-editor-content .table table th,
.help-article .fr-view .helpjuice-editor-content .table table th,
.help-article article .helpjuice-editor-content .table table th {
  font-weight: 700;
}
.help-article #answer .helpjuice-editor-content[dir=rtl] .table th,
.help-article .answer .helpjuice-editor-content[dir=rtl] .table th,
.help-article .article-content .helpjuice-editor-content[dir=rtl] .table th,
.help-article .article-item .body .helpjuice-editor-content[dir=rtl] .table th,
.help-article .article-item .helpjuice-editor-content[dir=rtl] .table th,
.help-article .fr-view .helpjuice-editor-content[dir=rtl] .table th,
.help-article article .helpjuice-editor-content[dir=rtl] .table th {
  text-align: right;
}
.help-article #answer .helpjuice-editor-content[dir=ltr] .table th,
.help-article .answer .helpjuice-editor-content[dir=ltr] .table th,
.help-article .article-content .helpjuice-editor-content[dir=ltr] .table th,
.help-article .article-item .body .helpjuice-editor-content[dir=ltr] .table th,
.help-article .article-item .helpjuice-editor-content[dir=ltr] .table th,
.help-article .fr-view .helpjuice-editor-content[dir=ltr] .table th,
.help-article article .helpjuice-editor-content[dir=ltr] .table th {
  text-align: left;
}
.help-article #answer .helpjuice-editor-content .table > figcaption,
.help-article .answer .helpjuice-editor-content .table > figcaption,
.help-article .article-content .helpjuice-editor-content .table > figcaption,
.help-article .article-item .body .helpjuice-editor-content .table > figcaption,
.help-article .article-item .helpjuice-editor-content .table > figcaption,
.help-article .fr-view .helpjuice-editor-content .table > figcaption,
.help-article article .helpjuice-editor-content .table > figcaption {
  display: table-caption;
  caption-side: top;
  word-break: break-word;
  text-align: center;
  color: #333;
  color: var(--ck-color-table-caption-text);
  background-color: #f7f7f7;
  background-color: var(--ck-color-table-caption-background);
  padding: 0.6em;
  font-size: 0.75em;
  outline-offset: -1px;
}
.help-article #answer .helpjuice-editor-content pre,
.help-article .answer .helpjuice-editor-content pre,
.help-article .article-content .helpjuice-editor-content pre,
.help-article .article-item .body .helpjuice-editor-content pre,
.help-article .article-item .helpjuice-editor-content pre,
.help-article .fr-view .helpjuice-editor-content pre,
.help-article article .helpjuice-editor-content pre {
  padding: 1em !important;
  color: #353535;
  background: hsla(0, 0%, 78%, 0.3) !important;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  text-align: left;
  direction: ltr;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  white-space: pre-wrap;
  font-style: normal;
  min-width: 200px;
}
.help-article #answer .helpjuice-editor-content pre code,
.help-article .answer .helpjuice-editor-content pre code,
.help-article .article-content .helpjuice-editor-content pre code,
.help-article .article-item .body .helpjuice-editor-content pre code,
.help-article .article-item .helpjuice-editor-content pre code,
.help-article .fr-view .helpjuice-editor-content pre code,
.help-article article .helpjuice-editor-content pre code {
  font-size: 16px !important;
  background: none !important;
  padding: 0;
  border-radius: 0;
  border: none;
  color: #353535 !important;
}
.help-article #answer .helpjuice-editor-content hr,
.help-article .answer .helpjuice-editor-content hr,
.help-article .article-content .helpjuice-editor-content hr,
.help-article .article-item .body .helpjuice-editor-content hr,
.help-article .article-item .helpjuice-editor-content hr,
.help-article .fr-view .helpjuice-editor-content hr,
.help-article article .helpjuice-editor-content hr {
  margin: 15px 0;
  height: 4px;
  background: #dedede;
  border: 0;
}
.help-article #answer .helpjuice-editor-content .mention,
.help-article .answer .helpjuice-editor-content .mention,
.help-article .article-content .helpjuice-editor-content .mention,
.help-article .article-item .body .helpjuice-editor-content .mention,
.help-article .article-item .helpjuice-editor-content .mention,
.help-article .fr-view .helpjuice-editor-content .mention,
.help-article article .helpjuice-editor-content .mention {
  background: rgba(153, 0, 48, 0.1);
  background: var(--ck-color-mention-background);
  color: #990030;
  color: var(--ck-color-mention-text);
}
@media print {
  .help-article #answer .helpjuice-editor-content .page-break,
  .help-article .answer .helpjuice-editor-content .page-break,
  .help-article .article-content .helpjuice-editor-content .page-break,
  .help-article .article-item .body .helpjuice-editor-content .page-break,
  .help-article .article-item .helpjuice-editor-content .page-break,
  .help-article .fr-view .helpjuice-editor-content .page-break,
  .help-article article .helpjuice-editor-content .page-break {
    padding: 0;
  }
  .help-article #answer .helpjuice-editor-content .page-break:after,
  .help-article .answer .helpjuice-editor-content .page-break:after,
  .help-article .article-content .helpjuice-editor-content .page-break:after,
  .help-article .article-item .body .helpjuice-editor-content .page-break:after,
  .help-article .article-item .helpjuice-editor-content .page-break:after,
  .help-article .fr-view .helpjuice-editor-content .page-break:after,
  .help-article article .helpjuice-editor-content .page-break:after {
    display: none;
  }
}
.help-article #answer .helpjuice-editor-content .helpjuice-decision-tree,
.help-article .answer .helpjuice-editor-content .helpjuice-decision-tree,
.help-article .article-content .helpjuice-editor-content .helpjuice-decision-tree,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-decision-tree,
.help-article .article-item .helpjuice-editor-content .helpjuice-decision-tree,
.help-article .fr-view .helpjuice-editor-content .helpjuice-decision-tree,
.help-article article .helpjuice-editor-content .helpjuice-decision-tree {
  position: relative;
  border: 3px solid #e1e1e1;
  border-radius: 10px;
  padding: 50px 16px;
  text-align: center;
  margin: 10px 0;
  min-height: 170px;
  background: #fff;
}
.help-article #answer .helpjuice-editor-content .helpjuice-decision-tree:before,
.help-article .answer .helpjuice-editor-content .helpjuice-decision-tree:before,
.help-article .article-content .helpjuice-editor-content .helpjuice-decision-tree:before,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-decision-tree:before,
.help-article .article-item .helpjuice-editor-content .helpjuice-decision-tree:before,
.help-article .fr-view .helpjuice-editor-content .helpjuice-decision-tree:before,
.help-article article .helpjuice-editor-content .helpjuice-decision-tree:before {
  content: none;
}
.help-article #answer .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav,
.help-article .answer .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav,
.help-article .article-content .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav,
.help-article .article-item .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav,
.help-article .fr-view .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav,
.help-article article .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.help-article #answer .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button,
.help-article .answer .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button,
.help-article .article-content .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button,
.help-article .article-item .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button,
.help-article .fr-view .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button,
.help-article article .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button {
  padding: 10px 30px;
  background: #0560fc;
  background: var(--dodger-blue);
  border-radius: 20px;
  margin: 5px;
  color: #fff;
  cursor: pointer;
}
.help-article #answer .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button .helpjuice-decision-tree-button-text,
.help-article .answer .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button .helpjuice-decision-tree-button-text,
.help-article .article-content .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button .helpjuice-decision-tree-button-text,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button .helpjuice-decision-tree-button-text,
.help-article .article-item .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button .helpjuice-decision-tree-button-text,
.help-article .fr-view .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button .helpjuice-decision-tree-button-text,
.help-article article .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button .helpjuice-decision-tree-button-text {
  margin: 0 !important;
}
.help-article #answer .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button .helpjuice-decision-tree-button-text p,
.help-article .answer .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button .helpjuice-decision-tree-button-text p,
.help-article .article-content .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button .helpjuice-decision-tree-button-text p,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button .helpjuice-decision-tree-button-text p,
.help-article .article-item .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button .helpjuice-decision-tree-button-text p,
.help-article .fr-view .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button .helpjuice-decision-tree-button-text p,
.help-article article .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button .helpjuice-decision-tree-button-text p {
  font-size: 16px;
  margin: 0;
  color: #fff;
}
.help-article #answer .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-content,
.help-article #answer .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button .helpjuice-decision-tree-delete-button,
.help-article .answer .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-content,
.help-article .answer .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button .helpjuice-decision-tree-delete-button,
.help-article .article-content .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-content,
.help-article .article-content .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button .helpjuice-decision-tree-delete-button,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-content,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button .helpjuice-decision-tree-delete-button,
.help-article .article-item .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-content,
.help-article .article-item .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button .helpjuice-decision-tree-delete-button,
.help-article .fr-view .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-content,
.help-article .fr-view .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button .helpjuice-decision-tree-delete-button,
.help-article article .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-content,
.help-article article .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-nav .helpjuice-decision-tree-button .helpjuice-decision-tree-delete-button {
  display: none;
}
.help-article #answer .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-content[data-active=active],
.help-article .answer .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-content[data-active=active],
.help-article .article-content .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-content[data-active=active],
.help-article .article-item .body .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-content[data-active=active],
.help-article .article-item .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-content[data-active=active],
.help-article .fr-view .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-content[data-active=active],
.help-article article .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-tab-content[data-active=active] {
  display: block;
}
.help-article #answer .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-add-answers,
.help-article .answer .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-add-answers,
.help-article .article-content .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-add-answers,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-add-answers,
.help-article .article-item .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-add-answers,
.help-article .fr-view .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-add-answers,
.help-article article .helpjuice-editor-content .helpjuice-decision-tree .helpjuice-decision-tree-tabs .helpjuice-decision-tree-add-answers {
  display: none;
}
.help-article #answer .helpjuice-editor-content .helpjuice-decision-tree > .helpjuice-decision-tree-tabs > .helpjuice-decision-tree-add-answers,
.help-article .answer .helpjuice-editor-content .helpjuice-decision-tree > .helpjuice-decision-tree-tabs > .helpjuice-decision-tree-add-answers,
.help-article .article-content .helpjuice-editor-content .helpjuice-decision-tree > .helpjuice-decision-tree-tabs > .helpjuice-decision-tree-add-answers,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-decision-tree > .helpjuice-decision-tree-tabs > .helpjuice-decision-tree-add-answers,
.help-article .article-item .helpjuice-editor-content .helpjuice-decision-tree > .helpjuice-decision-tree-tabs > .helpjuice-decision-tree-add-answers,
.help-article .fr-view .helpjuice-editor-content .helpjuice-decision-tree > .helpjuice-decision-tree-tabs > .helpjuice-decision-tree-add-answers,
.help-article article .helpjuice-editor-content .helpjuice-decision-tree > .helpjuice-decision-tree-tabs > .helpjuice-decision-tree-add-answers {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 100;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f3f5f8;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.help-article #answer .helpjuice-editor-content .helpjuice-decision-tree > .helpjuice-decision-tree-tabs > .helpjuice-decision-tree-add-answers:before,
.help-article .answer .helpjuice-editor-content .helpjuice-decision-tree > .helpjuice-decision-tree-tabs > .helpjuice-decision-tree-add-answers:before,
.help-article .article-content .helpjuice-editor-content .helpjuice-decision-tree > .helpjuice-decision-tree-tabs > .helpjuice-decision-tree-add-answers:before,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-decision-tree > .helpjuice-decision-tree-tabs > .helpjuice-decision-tree-add-answers:before,
.help-article .article-item .helpjuice-editor-content .helpjuice-decision-tree > .helpjuice-decision-tree-tabs > .helpjuice-decision-tree-add-answers:before,
.help-article .fr-view .helpjuice-editor-content .helpjuice-decision-tree > .helpjuice-decision-tree-tabs > .helpjuice-decision-tree-add-answers:before,
.help-article article .helpjuice-editor-content .helpjuice-decision-tree > .helpjuice-decision-tree-tabs > .helpjuice-decision-tree-add-answers:before {
  content: "";
  font-family: Font Awesome\5 Pro;
  display: block;
  font-size: 16px;
  padding-left: 2px;
}
.help-article #answer .helpjuice-editor-content .helpjuice-accordion,
.help-article .answer .helpjuice-editor-content .helpjuice-accordion,
.help-article .article-content .helpjuice-editor-content .helpjuice-accordion,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-accordion,
.help-article .article-item .helpjuice-editor-content .helpjuice-accordion,
.help-article .fr-view .helpjuice-editor-content .helpjuice-accordion,
.help-article article .helpjuice-editor-content .helpjuice-accordion {
  position: relative;
  border: 2px solid #e1e1e1 !important;
  margin: 10px 0;
  border-radius: 5px;
}
.help-article #answer .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-title,
.help-article .answer .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-title,
.help-article .article-content .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-title,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-title,
.help-article .article-item .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-title,
.help-article .fr-view .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-title,
.help-article article .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-title {
  font-size: 24px !important;
  margin: 0 !important;
  padding: 10px 60px 10px 20px;
  border: none !important;
  box-shadow: none !important;
  cursor: pointer;
}
.help-article #answer .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-body,
.help-article .answer .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-body,
.help-article .article-content .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-body,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-body,
.help-article .article-item .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-body,
.help-article .fr-view .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-body,
.help-article article .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-body {
  display: none;
  margin: 0 !important;
  padding: 10px 10px 10px 20px;
  border: none !important;
  box-shadow: none !important;
}
.help-article #answer .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-body.active-content,
.help-article .answer .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-body.active-content,
.help-article .article-content .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-body.active-content,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-body.active-content,
.help-article .article-item .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-body.active-content,
.help-article .fr-view .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-body.active-content,
.help-article article .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-body.active-content {
  display: block;
}
.help-article #answer .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-toggle,
.help-article .answer .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-toggle,
.help-article .article-content .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-toggle,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-toggle,
.help-article .article-item .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-toggle,
.help-article .fr-view .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-toggle,
.help-article article .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-toggle {
  position: absolute !important;
  top: 12px;
  right: 12px;
  z-index: 10;
  outline: none !important;
  cursor: pointer;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e1e1e1;
  border-radius: 50%;
}
.help-article #answer .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-toggle:before,
.help-article .answer .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-toggle:before,
.help-article .article-content .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-toggle:before,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-toggle:before,
.help-article .article-item .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-toggle:before,
.help-article .fr-view .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-toggle:before,
.help-article article .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-toggle:before {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  border-left: 2px solid #999;
  border-top: 2px solid #999;
  display: block;
  transform: rotate(-135deg);
  margin: -2px 0 0;
}
.help-article #answer .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-delete,
.help-article .answer .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-delete,
.help-article .article-content .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-delete,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-delete,
.help-article .article-item .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-delete,
.help-article .fr-view .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-delete,
.help-article article .helpjuice-editor-content .helpjuice-accordion .helpjuice-accordion-delete {
  display: none !important;
}
.help-article #answer .helpjuice-editor-content .helpjuice-tabs,
.help-article .answer .helpjuice-editor-content .helpjuice-tabs,
.help-article .article-content .helpjuice-editor-content .helpjuice-tabs,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-tabs,
.help-article .article-item .helpjuice-editor-content .helpjuice-tabs,
.help-article .fr-view .helpjuice-editor-content .helpjuice-tabs,
.help-article article .helpjuice-editor-content .helpjuice-tabs {
  position: relative;
  border: 1px solid #e1e1e1 !important;
  margin: 10px 0;
  border-radius: 5px;
}
.help-article #answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav,
.help-article .answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav,
.help-article .article-content .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav,
.help-article .article-item .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav,
.help-article .fr-view .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav,
.help-article article .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  background-color: #fff;
  border-bottom: 1px solid #f3f5f8;
  border-radius: 5px;
}
.help-article #answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title,
.help-article .answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title,
.help-article .article-content .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title,
.help-article .article-item .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title,
.help-article .fr-view .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title,
.help-article article .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title {
  font-size: 18px;
  padding: 5px 20px;
  background-color: #fff;
  min-height: 38px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s ease;
  cursor: pointer;
}
.help-article #answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article #answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title:hover,
.help-article .answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article .answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title:hover,
.help-article .article-content .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article .article-content .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title:hover,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title:hover,
.help-article .article-item .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article .article-item .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title:hover,
.help-article .fr-view .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article .fr-view .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title:hover,
.help-article article .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article article .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title:hover {
  background-color: #e1e1e1;
}
.help-article #answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content,
.help-article .answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content,
.help-article .article-content .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content,
.help-article .article-item .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content,
.help-article .fr-view .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content,
.help-article article .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content {
  padding: 20px;
}
.help-article #answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content,
.help-article .answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content,
.help-article .article-content .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content,
.help-article .article-item .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content,
.help-article .fr-view .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content,
.help-article article .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content {
  display: none;
}
.help-article #answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content.active,
.help-article .answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content.active,
.help-article .article-content .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content.active,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content.active,
.help-article .article-item .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content.active,
.help-article .fr-view .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content.active,
.help-article article .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content.active {
  display: block;
}
.help-article #answer .helpjuice-editor-content .helpjuice-callout,
.help-article .answer .helpjuice-editor-content .helpjuice-callout,
.help-article .article-content .helpjuice-editor-content .helpjuice-callout,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-callout,
.help-article .article-item .helpjuice-editor-content .helpjuice-callout,
.help-article .fr-view .helpjuice-editor-content .helpjuice-callout,
.help-article article .helpjuice-editor-content .helpjuice-callout {
  border-radius: 8px;
  padding: 10px 20px;
  margin: 10px 0;
}
.help-article #answer .helpjuice-editor-content .helpjuice-callout .helpjuice-callout-delete,
.help-article .answer .helpjuice-editor-content .helpjuice-callout .helpjuice-callout-delete,
.help-article .article-content .helpjuice-editor-content .helpjuice-callout .helpjuice-callout-delete,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-callout .helpjuice-callout-delete,
.help-article .article-item .helpjuice-editor-content .helpjuice-callout .helpjuice-callout-delete,
.help-article .fr-view .helpjuice-editor-content .helpjuice-callout .helpjuice-callout-delete,
.help-article article .helpjuice-editor-content .helpjuice-callout .helpjuice-callout-delete {
  display: none !important;
}
.help-article #answer .helpjuice-editor-content .helpjuice-callout .helpjuice-callout-body,
.help-article .answer .helpjuice-editor-content .helpjuice-callout .helpjuice-callout-body,
.help-article .article-content .helpjuice-editor-content .helpjuice-callout .helpjuice-callout-body,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-callout .helpjuice-callout-body,
.help-article .article-item .helpjuice-editor-content .helpjuice-callout .helpjuice-callout-body,
.help-article .fr-view .helpjuice-editor-content .helpjuice-callout .helpjuice-callout-body,
.help-article article .helpjuice-editor-content .helpjuice-callout .helpjuice-callout-body {
  border: none !important;
  box-shadow: none !important;
}
.help-article #answer .helpjuice-editor-content .helpjuice-callout .helpjuice-callout-body h3:first-of-type,
.help-article .answer .helpjuice-editor-content .helpjuice-callout .helpjuice-callout-body h3:first-of-type,
.help-article .article-content .helpjuice-editor-content .helpjuice-callout .helpjuice-callout-body h3:first-of-type,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-callout .helpjuice-callout-body h3:first-of-type,
.help-article .article-item .helpjuice-editor-content .helpjuice-callout .helpjuice-callout-body h3:first-of-type,
.help-article .fr-view .helpjuice-editor-content .helpjuice-callout .helpjuice-callout-body h3:first-of-type,
.help-article article .helpjuice-editor-content .helpjuice-callout .helpjuice-callout-body h3:first-of-type {
  font-weight: 400;
}
.help-article #answer .helpjuice-editor-content .helpjuice-callout.success,
.help-article .answer .helpjuice-editor-content .helpjuice-callout.success,
.help-article .article-content .helpjuice-editor-content .helpjuice-callout.success,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-callout.success,
.help-article .article-item .helpjuice-editor-content .helpjuice-callout.success,
.help-article .fr-view .helpjuice-editor-content .helpjuice-callout.success,
.help-article article .helpjuice-editor-content .helpjuice-callout.success {
  background: #d4edda;
  border: 3px solid #155724;
}
.help-article #answer .helpjuice-editor-content .helpjuice-callout.success .helpjuice-callout-body,
.help-article .answer .helpjuice-editor-content .helpjuice-callout.success .helpjuice-callout-body,
.help-article .article-content .helpjuice-editor-content .helpjuice-callout.success .helpjuice-callout-body,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-callout.success .helpjuice-callout-body,
.help-article .article-item .helpjuice-editor-content .helpjuice-callout.success .helpjuice-callout-body,
.help-article .fr-view .helpjuice-editor-content .helpjuice-callout.success .helpjuice-callout-body,
.help-article article .helpjuice-editor-content .helpjuice-callout.success .helpjuice-callout-body {
  background: #d4edda !important;
}
.help-article #answer .helpjuice-editor-content .helpjuice-callout.success .helpjuice-callout-body h3:first-of-type,
.help-article .answer .helpjuice-editor-content .helpjuice-callout.success .helpjuice-callout-body h3:first-of-type,
.help-article .article-content .helpjuice-editor-content .helpjuice-callout.success .helpjuice-callout-body h3:first-of-type,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-callout.success .helpjuice-callout-body h3:first-of-type,
.help-article .article-item .helpjuice-editor-content .helpjuice-callout.success .helpjuice-callout-body h3:first-of-type,
.help-article .fr-view .helpjuice-editor-content .helpjuice-callout.success .helpjuice-callout-body h3:first-of-type,
.help-article article .helpjuice-editor-content .helpjuice-callout.success .helpjuice-callout-body h3:first-of-type {
  color: #155724;
}
.help-article #answer .helpjuice-editor-content .helpjuice-callout.info,
.help-article .answer .helpjuice-editor-content .helpjuice-callout.info,
.help-article .article-content .helpjuice-editor-content .helpjuice-callout.info,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-callout.info,
.help-article .article-item .helpjuice-editor-content .helpjuice-callout.info,
.help-article .fr-view .helpjuice-editor-content .helpjuice-callout.info,
.help-article article .helpjuice-editor-content .helpjuice-callout.info {
  background: #cce5ff;
  border: 3px solid #004085;
}
.help-article #answer .helpjuice-editor-content .helpjuice-callout.info .helpjuice-callout-body,
.help-article .answer .helpjuice-editor-content .helpjuice-callout.info .helpjuice-callout-body,
.help-article .article-content .helpjuice-editor-content .helpjuice-callout.info .helpjuice-callout-body,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-callout.info .helpjuice-callout-body,
.help-article .article-item .helpjuice-editor-content .helpjuice-callout.info .helpjuice-callout-body,
.help-article .fr-view .helpjuice-editor-content .helpjuice-callout.info .helpjuice-callout-body,
.help-article article .helpjuice-editor-content .helpjuice-callout.info .helpjuice-callout-body {
  background: #cce5ff !important;
}
.help-article #answer .helpjuice-editor-content .helpjuice-callout.info .helpjuice-callout-body h3:first-of-type,
.help-article .answer .helpjuice-editor-content .helpjuice-callout.info .helpjuice-callout-body h3:first-of-type,
.help-article .article-content .helpjuice-editor-content .helpjuice-callout.info .helpjuice-callout-body h3:first-of-type,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-callout.info .helpjuice-callout-body h3:first-of-type,
.help-article .article-item .helpjuice-editor-content .helpjuice-callout.info .helpjuice-callout-body h3:first-of-type,
.help-article .fr-view .helpjuice-editor-content .helpjuice-callout.info .helpjuice-callout-body h3:first-of-type,
.help-article article .helpjuice-editor-content .helpjuice-callout.info .helpjuice-callout-body h3:first-of-type {
  color: #004085;
}
.help-article #answer .helpjuice-editor-content .helpjuice-callout.warning,
.help-article .answer .helpjuice-editor-content .helpjuice-callout.warning,
.help-article .article-content .helpjuice-editor-content .helpjuice-callout.warning,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-callout.warning,
.help-article .article-item .helpjuice-editor-content .helpjuice-callout.warning,
.help-article .fr-view .helpjuice-editor-content .helpjuice-callout.warning,
.help-article article .helpjuice-editor-content .helpjuice-callout.warning {
  background: #fff3cd;
  border: 3px solid #856404;
}
.help-article #answer .helpjuice-editor-content .helpjuice-callout.warning .helpjuice-callout-body,
.help-article .answer .helpjuice-editor-content .helpjuice-callout.warning .helpjuice-callout-body,
.help-article .article-content .helpjuice-editor-content .helpjuice-callout.warning .helpjuice-callout-body,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-callout.warning .helpjuice-callout-body,
.help-article .article-item .helpjuice-editor-content .helpjuice-callout.warning .helpjuice-callout-body,
.help-article .fr-view .helpjuice-editor-content .helpjuice-callout.warning .helpjuice-callout-body,
.help-article article .helpjuice-editor-content .helpjuice-callout.warning .helpjuice-callout-body {
  background: #fff3cd !important;
}
.help-article #answer .helpjuice-editor-content .helpjuice-callout.warning .helpjuice-callout-body h3:first-of-type,
.help-article .answer .helpjuice-editor-content .helpjuice-callout.warning .helpjuice-callout-body h3:first-of-type,
.help-article .article-content .helpjuice-editor-content .helpjuice-callout.warning .helpjuice-callout-body h3:first-of-type,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-callout.warning .helpjuice-callout-body h3:first-of-type,
.help-article .article-item .helpjuice-editor-content .helpjuice-callout.warning .helpjuice-callout-body h3:first-of-type,
.help-article .fr-view .helpjuice-editor-content .helpjuice-callout.warning .helpjuice-callout-body h3:first-of-type,
.help-article article .helpjuice-editor-content .helpjuice-callout.warning .helpjuice-callout-body h3:first-of-type {
  color: #856404;
}
.help-article #answer .helpjuice-editor-content .helpjuice-callout.danger,
.help-article .answer .helpjuice-editor-content .helpjuice-callout.danger,
.help-article .article-content .helpjuice-editor-content .helpjuice-callout.danger,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-callout.danger,
.help-article .article-item .helpjuice-editor-content .helpjuice-callout.danger,
.help-article .fr-view .helpjuice-editor-content .helpjuice-callout.danger,
.help-article article .helpjuice-editor-content .helpjuice-callout.danger {
  background: #f8d7da;
  border: 3px solid #721c24;
}
.help-article #answer .helpjuice-editor-content .helpjuice-callout.danger .helpjuice-callout-body,
.help-article .answer .helpjuice-editor-content .helpjuice-callout.danger .helpjuice-callout-body,
.help-article .article-content .helpjuice-editor-content .helpjuice-callout.danger .helpjuice-callout-body,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-callout.danger .helpjuice-callout-body,
.help-article .article-item .helpjuice-editor-content .helpjuice-callout.danger .helpjuice-callout-body,
.help-article .fr-view .helpjuice-editor-content .helpjuice-callout.danger .helpjuice-callout-body,
.help-article article .helpjuice-editor-content .helpjuice-callout.danger .helpjuice-callout-body {
  background: #f8d7da !important;
}
.help-article #answer .helpjuice-editor-content .helpjuice-callout.danger .helpjuice-callout-body h3:first-of-type,
.help-article .answer .helpjuice-editor-content .helpjuice-callout.danger .helpjuice-callout-body h3:first-of-type,
.help-article .article-content .helpjuice-editor-content .helpjuice-callout.danger .helpjuice-callout-body h3:first-of-type,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-callout.danger .helpjuice-callout-body h3:first-of-type,
.help-article .article-item .helpjuice-editor-content .helpjuice-callout.danger .helpjuice-callout-body h3:first-of-type,
.help-article .fr-view .helpjuice-editor-content .helpjuice-callout.danger .helpjuice-callout-body h3:first-of-type,
.help-article article .helpjuice-editor-content .helpjuice-callout.danger .helpjuice-callout-body h3:first-of-type {
  color: #721c24;
}
.help-article #answer .helpjuice-editor-content .helpjuice-internal-block,
.help-article .answer .helpjuice-editor-content .helpjuice-internal-block,
.help-article .article-content .helpjuice-editor-content .helpjuice-internal-block,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-internal-block,
.help-article .article-item .helpjuice-editor-content .helpjuice-internal-block,
.help-article .fr-view .helpjuice-editor-content .helpjuice-internal-block,
.help-article article .helpjuice-editor-content .helpjuice-internal-block {
  border-radius: 5px;
  margin: 10px 0;
  background: #f3f5f8;
}
.help-article #answer .helpjuice-editor-content .helpjuice-internal-block .helpjuice-internal-block-body,
.help-article .answer .helpjuice-editor-content .helpjuice-internal-block .helpjuice-internal-block-body,
.help-article .article-content .helpjuice-editor-content .helpjuice-internal-block .helpjuice-internal-block-body,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-internal-block .helpjuice-internal-block-body,
.help-article .article-item .helpjuice-editor-content .helpjuice-internal-block .helpjuice-internal-block-body,
.help-article .fr-view .helpjuice-editor-content .helpjuice-internal-block .helpjuice-internal-block-body,
.help-article article .helpjuice-editor-content .helpjuice-internal-block .helpjuice-internal-block-body {
  padding: 10px 20px;
}
.help-article #answer .helpjuice-editor-content .helpjuice-internal-block .helpjuice-internal-block-delete,
.help-article #answer .helpjuice-editor-content .helpjuice-internal-block .helpjuice-internal-block-settings,
.help-article .answer .helpjuice-editor-content .helpjuice-internal-block .helpjuice-internal-block-delete,
.help-article .answer .helpjuice-editor-content .helpjuice-internal-block .helpjuice-internal-block-settings,
.help-article .article-content .helpjuice-editor-content .helpjuice-internal-block .helpjuice-internal-block-delete,
.help-article .article-content .helpjuice-editor-content .helpjuice-internal-block .helpjuice-internal-block-settings,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-internal-block .helpjuice-internal-block-delete,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-internal-block .helpjuice-internal-block-settings,
.help-article .article-item .helpjuice-editor-content .helpjuice-internal-block .helpjuice-internal-block-delete,
.help-article .article-item .helpjuice-editor-content .helpjuice-internal-block .helpjuice-internal-block-settings,
.help-article .fr-view .helpjuice-editor-content .helpjuice-internal-block .helpjuice-internal-block-delete,
.help-article .fr-view .helpjuice-editor-content .helpjuice-internal-block .helpjuice-internal-block-settings,
.help-article article .helpjuice-editor-content .helpjuice-internal-block .helpjuice-internal-block-delete,
.help-article article .helpjuice-editor-content .helpjuice-internal-block .helpjuice-internal-block-settings {
  display: none !important;
}
.help-article #answer .helpjuice-editor-content .helpjuice-inserted-article .helpjuice-inserted-article-body > h3,
.help-article #answer .helpjuice-editor-content .helpjuice-inserted-article .helpjuice-inserted-article-body > p,
.help-article .answer .helpjuice-editor-content .helpjuice-inserted-article .helpjuice-inserted-article-body > h3,
.help-article .answer .helpjuice-editor-content .helpjuice-inserted-article .helpjuice-inserted-article-body > p,
.help-article .article-content .helpjuice-editor-content .helpjuice-inserted-article .helpjuice-inserted-article-body > h3,
.help-article .article-content .helpjuice-editor-content .helpjuice-inserted-article .helpjuice-inserted-article-body > p,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-inserted-article .helpjuice-inserted-article-body > h3,
.help-article .article-item .body .helpjuice-editor-content .helpjuice-inserted-article .helpjuice-inserted-article-body > p,
.help-article .article-item .helpjuice-editor-content .helpjuice-inserted-article .helpjuice-inserted-article-body > h3,
.help-article .article-item .helpjuice-editor-content .helpjuice-inserted-article .helpjuice-inserted-article-body > p,
.help-article .fr-view .helpjuice-editor-content .helpjuice-inserted-article .helpjuice-inserted-article-body > h3,
.help-article .fr-view .helpjuice-editor-content .helpjuice-inserted-article .helpjuice-inserted-article-body > p,
.help-article article .helpjuice-editor-content .helpjuice-inserted-article .helpjuice-inserted-article-body > h3,
.help-article article .helpjuice-editor-content .helpjuice-inserted-article .helpjuice-inserted-article-body > p {
  display: none;
}
.help-article #answer .link-button,
.help-article .answer .link-button,
.help-article .article-content .link-button,
.help-article .article-item .body .link-button,
.help-article .article-item .link-button,
.help-article .fr-view .link-button,
.help-article article .link-button {
  display: inline-block;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #0560fc !important;
  background-color: var(--dodger-blue) !important;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 18px;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.help-article #answer .link-button:hover,
.help-article .answer .link-button:hover,
.help-article .article-content .link-button:hover,
.help-article .article-item .body .link-button:hover,
.help-article .article-item .link-button:hover,
.help-article .fr-view .link-button:hover,
.help-article article .link-button:hover {
  background-color: #3e85f7 !important;
}
.help-article #answer .todo-list,
.help-article .answer .todo-list,
.help-article .article-content .todo-list,
.help-article .article-item .body .todo-list,
.help-article .article-item .todo-list,
.help-article .fr-view .todo-list,
.help-article article .todo-list {
  margin: 10px 0;
  padding: 0 0 0 30px;
}
.help-article #answer .todo-list li,
.help-article .answer .todo-list li,
.help-article .article-content .todo-list li,
.help-article .article-item .body .todo-list li,
.help-article .article-item .todo-list li,
.help-article .fr-view .todo-list li,
.help-article article .todo-list li {
  list-style-type: none;
  margin-bottom: 5px;
}
.help-article #answer .todo-list li .todo-list__label,
.help-article .answer .todo-list li .todo-list__label,
.help-article .article-content .todo-list li .todo-list__label,
.help-article .article-item .body .todo-list li .todo-list__label,
.help-article .article-item .todo-list li .todo-list__label,
.help-article .fr-view .todo-list li .todo-list__label,
.help-article article .todo-list li .todo-list__label {
  display: flex;
  align-items: center;
}
.help-article #answer .todo-list li .todo-list__label input,
.help-article .answer .todo-list li .todo-list__label input,
.help-article .article-content .todo-list li .todo-list__label input,
.help-article .article-item .body .todo-list li .todo-list__label input,
.help-article .article-item .todo-list li .todo-list__label input,
.help-article .fr-view .todo-list li .todo-list__label input,
.help-article article .todo-list li .todo-list__label input {
  width: 16px;
  height: 16px;
  border: 1px solid rgba(0, 0, 0, 0.87) !important;
  border-radius: 2px;
  margin-right: 10px;
}
.help-article #answer .todo-list li .todo-list__label__description,
.help-article .answer .todo-list li .todo-list__label__description,
.help-article .article-content .todo-list li .todo-list__label__description,
.help-article .article-item .body .todo-list li .todo-list__label__description,
.help-article .article-item .todo-list li .todo-list__label__description,
.help-article .fr-view .todo-list li .todo-list__label__description,
.help-article article .todo-list li .todo-list__label__description {
  font-size: 18px;
}
.help-article .helpjuice-table-of-contents-container {
  background-color: #f3f5f8;
  padding: 20px;
  border-radius: 5px;
}
.help-article .helpjuice-table-of-contents-container p {
  font-size: 18px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
  margin: 0 0 10px !important;
}
.help-article .helpjuice-table-of-contents-container .helpjuice-toc-items {
  overflow-y: auto;
  height: 100%;
  padding: 0 10px 40px 0;
}
.help-article .helpjuice-table-of-contents-container a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: rgba(0, 0, 0, 0.87) !important;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  opacity: 0.5;
  padding: 5px 0 5px 10px;
  border-left: 2px solid #e2e5e9;
  transition: all 0.2s ease;
}
.help-article .helpjuice-table-of-contents-container a[data-tag-name=H2] {
  padding-left: 20px;
}
.help-article .helpjuice-table-of-contents-container a[data-tag-name=H3] {
  padding-left: 30px;
}
.help-article .helpjuice-table-of-contents-container a[data-tag-name=H4] {
  padding-left: 40px;
}
.help-article .helpjuice-table-of-contents-container a.active,
.help-article .helpjuice-table-of-contents-container a:hover {
  text-decoration: none;
  opacity: 1;
}
.help-article .helpjuice-table-of-contents-container a.active {
  border-color: rgba(0, 0, 0, 0.87);
}
.help-article .wrapper #page_content #answer .helpjuice-editor-content .helpjuice-tabs,
.help-article .wrapper #page_content #answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav,
.help-article .wrapper #page_content .answer .helpjuice-editor-content .helpjuice-tabs,
.help-article .wrapper #page_content .answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav,
.help-article .wrapper #page_content .article-content .helpjuice-editor-content .helpjuice-tabs,
.help-article .wrapper #page_content .article-content .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav,
.help-article .wrapper #page_content .article-item .body .helpjuice-editor-content .helpjuice-tabs,
.help-article .wrapper #page_content .article-item .body .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav,
.help-article .wrapper #page_content .article-item .helpjuice-editor-content .helpjuice-tabs,
.help-article .wrapper #page_content .article-item .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav,
.help-article .wrapper #page_content .fr-view .helpjuice-editor-content .helpjuice-tabs,
.help-article .wrapper #page_content .fr-view .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav,
.help-article .wrapper #page_content article .helpjuice-editor-content .helpjuice-tabs,
.help-article .wrapper #page_content article .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav {
  border: none !important;
}
.help-article .wrapper #page_content #answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title,
.help-article .wrapper #page_content .answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title,
.help-article .wrapper #page_content .article-content .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title,
.help-article .wrapper #page_content .article-item .body .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title,
.help-article .wrapper #page_content .article-item .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title,
.help-article .wrapper #page_content .fr-view .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title,
.help-article .wrapper #page_content article .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title {
  font-size: 16px;
  font-weight: 700;
  border-top: 5px solid #d7dee6;
  background: #f3f8fe;
  color: #3a4f5a;
}
.help-article .wrapper #page_content #answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article .wrapper #page_content .answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article .wrapper #page_content .article-content .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article .wrapper #page_content .article-item .body .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article .wrapper #page_content .article-item .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article .wrapper #page_content .fr-view .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article .wrapper #page_content article .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active {
  border-color: #3a4f5a;
  background: #fff;
}
.help-article #main-content .article-content #answer .helpjuice-editor-content .helpjuice-tabs,
.help-article #main-content .article-content #answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav,
.help-article #main-content .article-content .answer .helpjuice-editor-content .helpjuice-tabs,
.help-article #main-content .article-content .answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav,
.help-article #main-content .article-content .article-content .helpjuice-editor-content .helpjuice-tabs,
.help-article #main-content .article-content .article-content .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav,
.help-article #main-content .article-content .article-item .body .helpjuice-editor-content .helpjuice-tabs,
.help-article #main-content .article-content .article-item .body .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav,
.help-article #main-content .article-content .article-item .helpjuice-editor-content .helpjuice-tabs,
.help-article #main-content .article-content .article-item .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav,
.help-article #main-content .article-content .fr-view .helpjuice-editor-content .helpjuice-tabs,
.help-article #main-content .article-content .fr-view .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav,
.help-article #main-content .article-content article .helpjuice-editor-content .helpjuice-tabs,
.help-article #main-content .article-content article .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav {
  border: none !important;
}
.help-article #main-content .article-content #answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title,
.help-article #main-content .article-content .answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title,
.help-article #main-content .article-content .article-content .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title,
.help-article #main-content .article-content .article-item .body .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title,
.help-article #main-content .article-content .article-item .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title,
.help-article #main-content .article-content .fr-view .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title,
.help-article #main-content .article-content article .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title {
  font-size: 16px;
  font-weight: 700;
  padding: 12px 24px;
  margin-right: 1px;
  border: 1px solid #dadae7;
  border-bottom-color: #fff;
  border-radius: 5px 5px 0 0;
  background: none;
  color: #2f2f2f;
}
.help-article #main-content .article-content #answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article #main-content .article-content .answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article #main-content .article-content .article-content .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article #main-content .article-content .article-item .body .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article #main-content .article-content .article-item .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article #main-content .article-content .fr-view .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article #main-content .article-content article .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active {
  color: #0e68ca;
  background: #f9f9fb;
}
.help-article #main-content .article-content #answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content,
.help-article #main-content .article-content .answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content,
.help-article #main-content .article-content .article-content .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content,
.help-article #main-content .article-content .article-item .body .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content,
.help-article #main-content .article-content .article-item .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content,
.help-article #main-content .article-content .fr-view .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content,
.help-article #main-content .article-content article .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content {
  border: 1px solid #dadae7;
  padding: 16px;
  border-radius: 0 5px 5px 5px;
}
.help-article #main-content .content_for_layout #answer .helpjuice-editor-content .helpjuice-tabs,
.help-article #main-content .content_for_layout #answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav,
.help-article #main-content .content_for_layout .answer .helpjuice-editor-content .helpjuice-tabs,
.help-article #main-content .content_for_layout .answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav,
.help-article #main-content .content_for_layout .article-content .helpjuice-editor-content .helpjuice-tabs,
.help-article #main-content .content_for_layout .article-content .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav,
.help-article #main-content .content_for_layout .article-item .body .helpjuice-editor-content .helpjuice-tabs,
.help-article #main-content .content_for_layout .article-item .body .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav,
.help-article #main-content .content_for_layout .article-item .helpjuice-editor-content .helpjuice-tabs,
.help-article #main-content .content_for_layout .article-item .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav,
.help-article #main-content .content_for_layout .fr-view .helpjuice-editor-content .helpjuice-tabs,
.help-article #main-content .content_for_layout .fr-view .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav,
.help-article #main-content .content_for_layout article .helpjuice-editor-content .helpjuice-tabs,
.help-article #main-content .content_for_layout article .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav {
  border: none !important;
}
.help-article #main-content .content_for_layout #answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title,
.help-article #main-content .content_for_layout .answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title,
.help-article #main-content .content_for_layout .article-content .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title,
.help-article #main-content .content_for_layout .article-item .body .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title,
.help-article #main-content .content_for_layout .article-item .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title,
.help-article #main-content .content_for_layout .fr-view .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title,
.help-article #main-content .content_for_layout article .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title {
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px;
  margin-right: 1px;
  border: none !important;
  border-radius: 5px 5px 0 0;
  background: none;
  color: #0e68ca;
}
.help-article #main-content .content_for_layout #answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article #main-content .content_for_layout .answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article #main-content .content_for_layout .article-content .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article #main-content .content_for_layout .article-item .body .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article #main-content .content_for_layout .article-item .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article #main-content .content_for_layout .fr-view .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active,
.help-article #main-content .content_for_layout article .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-nav .helpjuice-tab-title.active {
  color: #fff;
  background: #0e68ca;
}
.help-article #main-content .content_for_layout #answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content,
.help-article #main-content .content_for_layout .answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content,
.help-article #main-content .content_for_layout .article-content .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content,
.help-article #main-content .content_for_layout .article-item .body .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content,
.help-article #main-content .content_for_layout .article-item .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content,
.help-article #main-content .content_for_layout .fr-view .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content,
.help-article #main-content .content_for_layout article .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content {
  padding: 0 !important;
}
.help-article #main-content .content_for_layout #answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content,
.help-article #main-content .content_for_layout .answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content,
.help-article #main-content .content_for_layout .article-content .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content,
.help-article #main-content .content_for_layout .article-item .body .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content,
.help-article #main-content .content_for_layout .article-item .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content,
.help-article #main-content .content_for_layout .fr-view .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content,
.help-article #main-content .content_for_layout article .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content {
  border: 1px solid #0e68ca;
  padding: 24px;
  border-radius: 10px 10px 10px 10px;
}
.help-article #main-content .content_for_layout #answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content.active:first-child,
.help-article #main-content .content_for_layout .answer .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content.active:first-child,
.help-article #main-content .content_for_layout .article-content .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content.active:first-child,
.help-article #main-content .content_for_layout .article-item .body .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content.active:first-child,
.help-article #main-content .content_for_layout .article-item .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content.active:first-child,
.help-article #main-content .content_for_layout .fr-view .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content.active:first-child,
.help-article #main-content .content_for_layout article .helpjuice-editor-content .helpjuice-tabs .helpjuice-tabs-content .helpjuice-tab-content.active:first-child {
  border-radius: 0 10px 10px 10px;
}
.help-article .helpjuice-editor-content a {
  color: #4f008c;
  transition: opacity 0.3s;
}
.help-article .helpjuice-editor-content a:hover {
  color: #4f008c;
  opacity: 0.6;
}
body.is-dark .help-article .helpjuice-editor-content a {
  color: #797bf2;
}
.help-article .helpjuice-editor-content p {
  font-weight: 400;
}
body.is-dark .help-article .helpjuice-editor-content p {
  color: #939394;
}
.help-article .helpjuice-editor-content h4 {
  font-weight: 500;
}
.help-article .helpjuice-editor-content h3 {
  font-weight: 500;
}
.help-article .helpjuice-editor-content h2 {
  font-weight: 500;
}
.help-article .helpjuice-editor-content h1 {
  font-weight: 500;
}
.help-article .helpjuice-editor-content ul {
  padding-inline-start: 40px;
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
.help-article .helpjuice-editor-content ol {
  padding-inline-start: 40px;
}
.help-article .helpjuice-editor-content {
  overflow-x: auto;
}

/*! purgecss end ignore */
@font-face {
  font-family: "lg";
  src: url("data:font/woff2;base64,d09GMgABAAAAAAkcAAsAAAAAEogAAAjNAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgSQRCAqcLJZKCzoAATYCJANwBCAFgkoHIBupDgDm53Gzej8JpU0wqygVVyoWwphIsuuw60jpmBY6ppTa7mk7jtx57UQ0V2ulvfmteSIQji061T2HvfDEECASKizU5VUQXFjFRtgYTVg+woiYDVezOThR4tAvr/YYgOO/RZ+BAABzYtMA8Kl8Neg3UIDCoCkOyWBuLcCvSHycH78QvhFxmUCK03A0RwGSvXBAHgR8UB8DMvocJYAgbiZiJnqmYGbXjG3mz7P8nHhe8Uvxr0j+fzwPABAjWT1E83IJHh/x87G/jv1l7JtYR+y+WF2MKAai/qfDtfIRt7hBikI8D1IpipXqWqYSDgDBfwE7qDLw5EEALqFRDMKAsApNwchXAJgFL/WETMbKcDVSifR6QkjwkDaRTEugqlBtKVcL6Smi1dHlIqUmuii6Pic1JTIlFTX3uRenMNpiCiKOCZBm2ges0b/ScigDVgcb2MEHfloel7e1z208KrZUeQFjK0dIkbl6FOFczRhFE6zaRklPlz52tOXcKtmpdqisgHnbxRatg66vsZNHaWMPQ/eZmH6jaavlNASsipbKwVZSYrRm1mywI0670UEdhLy+yuscolSZJHKwg5IyNzRJQbKRZiicwnYiChjO1vSbKCBpkAgCjGIb6KCvA5GL0VHeUDwAQEHkSC2ToBJhKN9KAneim2ekLf1vENf3mjT3vAS295XY2MMgzRpSqTVWpt4ang+ksXynRUQPlkFOu+b6Yw0jBp8krbXbYbjc5mn6KpsNWKtqtcNz0D8xTTQKzthbZYAxLev3NkFgyYWsngBjGo8jg6a9Y3rKR9Pfqun10RvJi9X9foZGvrltMkJgWR7dhI7SSITEaBWIQQTMUSOJkTi5nlqpZUfNKcYD1Do/ZdkbR8UeVpKLSbMVgKLX0flzQYqCrLpll+/vus2IM9+lbdTgWWRLQJqvaq7eHKulgL2ssp7LrpxR2DBI/ja1zXvi7cS1E0Gr0uhy7PUGwPmdkkdjEYOjpGnQRXowC/GBq51eymLRXrsXsTzXX37VlXzeVxoI6m8Gy67oBnzsB6DoQYY7GHM2fbT4oS9zON45lPnwbmww2BL0G89EnfaVPi5eJ3NZFtjc277Wb9M1A+UWG2WZyrj6PMKmLHRoH04iZLuivlsHTmm9/qYJ1r2Z90DtuKYduK6SdNZ3dRRxHAoE+l4HGM6MyIe+0se+zHEfsP4s2sqqnVdSTE/8lCVYMRVsuBVEJOvT3fa1Xr4X2iDZflVFmxyDmpu1r8b9IsVzXUB9w1/l9ccf7WCszaI1ATtUx7oRztk1dtbBcciudJAi83Vv2yaTg9uON6toxLlIM2GVxClo2eVBt5gcOHRwHLIpptC92TeKRi3MjtBkTAOaoU+6P1q364+kdgt/+xh2fRvlOf2p5xR4ut7P4s0sPwY63OguajQWuYqMjUWaA9100ya6yHdHr/BMyxN9QmGa2zjPnbZr17KTy9weKwqXYtqjcMunRkgE9kP+Refvml14hAZw8WFQGmZnnaEi0eLUQTCc+tLSphVyaUH6lAJoXjF1MDiaFSOexNCRKYW8TOkhKzDEDjPDvHHI3c5hXbQLhujhUuPmBYd+N/EaktFsDqoDo4/G0yx70s3SSuXJDIvjMNsIQ7TDqb+/sv8NHGl6BvDAMOnsCpv9PQcP9tS6N294zEnwtNdt2tfTXSz7JGwAqALmbKpr90BaeqA9tlvduWP4/xa0thZcJMNDC6XqrFuy2xGF7YaiQkN7UfhEbMaNkOxQHezh7YVFBsP9TcoybgmzhaExmpxb/78Naf89LmVWthVvvSWh3rZUWtlMFStWENDf5uqEd2LiP/M/fvWEWUntjnTynpI2ainnLdjPUIvL2uGFJvoUQy0taZvPePLqxy0lK6mUo8yp6B+WtdyyTHivdrgLZrhbvAOlWMbQEJtJZ7JuXgRLC+hwe/kb90WvW4U4/PGGRUmLk995J1loWLRhQwVCKkve4JOS8YJASY+P8KQNe/vahGNU8TJRe/eCaaG7ozsrt6Ixu623v/ck0rvlG2EYBoAh6abIxoZ9UeHoNQAiMPKv/8pIi+47EAMHcfLh7dyX8q0Po+Iap94fFob+4fr/DXr96x+j1x2dhZ0dBfRqardjBIZ+M+S6Lo6ojE+4HKF7Kz7zG+eCOkwQ98UfOirDqrckKPVz3sR8srT/gsev3H0p3Rq7wkD1JLE/XZ+2Ze5pV5eqPiqqmBkc1PQYDBvlk5MdqQff21UyInvyhyjMsHXV33tD3zaQ7Us/NKfX44qLQ/8ffOtzXIjnymRNXampDWkGDR5yOyThG2/9UXC6liWEEz0hX+uR1Xg780i4eNOSig3Fk2pSkPpBqrrmx3/+TbB2ya9ePfrGJx98H8rvjKsRQoSh/G0s8cO6bhwwUI8vUz1c21B04cscrjVV1q8zzCVJkmv/T8y21/bLszJpxeqptculJZpleUyKrPX/X3QZBL+rl+hTWuR/2At7LhYVX9BBsULaqi9LWh+6xMDLW6V65dy2gsMbszemQ96XMDvrSfRM60ceo5R/oGDXB0KrxJsTACBhbV48S4Cd5IeyAVdU5Yg+2nPGKS+XAwmOljrwpIdMmdJPexI9ndnIXUIVgety83YzRdXD6E6YvF0gVGJRMhpOyQW6xGM0Zbq7zw8AoAcWAYa7cSOsARF+Fm8DBAAYgDUq07ZSWvm3UIoAAIAfde39SB7Hz+K/xR9vAkMBg0YE8PKEChkH47+9MDggitAdAEObxnBmZAFu5C4eyMxqN/2c3ZUK2qJ+tDUvrTR/BGHDbqZplsDNZVVQjIaim4XA6TE4YLCfEdweIwAKaArx8aN1JETYMNMDEWGYZdRjMJDAB4T7+EEiwAdiBKCBlRQCfnwjEgohbttG2AYb3yS+7tWIDW1rd/6mMedAM+yEHbAvWge0XgNevwdW20Cmdfb6NXBYqm+DtZHUyUW88R/abjA/OxeYpIa9sNmNGMqHbMgd2CAZPzVuOfQFg5H275pWwx73mQMODQAAAA==") format("woff2"), url("data:font/ttf;base64,") format("truetype"), url("data:font/woff;base64,") format("woff"), url("/dist/assets/lg-BgIJAZQK.svg?io9a6k#lg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.lg-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "lg" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-container {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.lg-next,
.lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1084;
  outline: none;
  border: none;
}

.lg-next.disabled,
.lg-prev.disabled {
  opacity: 0 !important;
  cursor: default;
}

.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
  color: #fff;
}

.lg-single-item .lg-next,
.lg-single-item .lg-prev {
  display: none;
}

.lg-next {
  right: 20px;
}

.lg-next:before {
  content: "\e095";
}

.lg-prev {
  left: 20px;
}

.lg-prev:after {
  content: "\e094";
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  animation: lg-right-end 0.3s;
  position: relative;
}

.lg-outer.lg-left-end .lg-object {
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.lg-media-overlap .lg-toolbar {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}

.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  will-change: color;
  transition: color 0.2s linear;
  background: none;
  border: none;
  box-shadow: none;
}

.lg-toolbar .lg-icon.lg-icon-18 {
  font-size: 18px;
}

.lg-toolbar .lg-icon:hover {
  color: #fff;
}

.lg-toolbar .lg-close:after {
  content: "\e070";
}

.lg-toolbar .lg-maximize {
  font-size: 22px;
}

.lg-toolbar .lg-maximize:after {
  content: "\e90a";
}

.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  color: #eee;
  font-size: 16px;
  padding: 10px 40px;
  text-align: center;
  z-index: 1080;
  opacity: 0;
  transition: opacity 0.2s ease-out 0s;
}

.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}

.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

.lg-sub-html a {
  color: inherit;
}

.lg-sub-html a:hover {
  text-decoration: underline;
}

.lg-media-overlap .lg-sub-html {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}

.lg-item .lg-sub-html {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.lg-error-msg {
  font-size: 14px;
  color: #999;
}

.lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  height: 47px;
  vertical-align: middle;
}

.lg-closing .lg-toolbar,
.lg-closing .lg-prev,
.lg-closing .lg-next,
.lg-closing .lg-sub-html {
  opacity: 0;
  transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-media-cont {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  will-change: transform, opacity;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-media-cont {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

.lg-icon:focus-visible {
  color: #fff;
  border-radius: 3px;
  outline: 1px dashed rgba(255, 255, 255, 0.6);
}

.lg-toolbar .lg-icon:focus-visible {
  border-radius: 8px;
  outline-offset: -5px;
}

.lg-outer .lg-thumb-outer {
  background-color: #0d0a0a;
  width: 100%;
  max-height: 350px;
  overflow: hidden;
  float: left;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  transition-duration: 0s !important;
}

.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb {
  transition-duration: 0s !important;
}

.lg-outer .lg-thumb-outer.lg-thumb-align-middle {
  text-align: center;
}

.lg-outer .lg-thumb-outer.lg-thumb-align-left {
  text-align: left;
}

.lg-outer .lg-thumb-outer.lg-thumb-align-right {
  text-align: right;
}

.lg-outer.lg-single-item .lg-thumb-outer {
  display: none;
}

.lg-outer .lg-thumb {
  padding: 5px 0;
  height: 100%;
  margin-bottom: -5px;
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .lg-outer .lg-thumb {
    padding: 10px 0;
  }
}
.lg-outer .lg-thumb-item {
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border-radius: 2px;
  margin-bottom: 5px;
  will-change: border-color;
}

@media (min-width: 768px) {
  .lg-outer .lg-thumb-item {
    border-radius: 4px;
    border: 2px solid #fff;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: rgb(169, 7, 7);
}

.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}

.lg-outer .lg-toggle-thumb:after {
  content: "\e1ff";
}

.lg-outer.lg-animate-thumb .lg-thumb {
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.lg-outer .lg-video-cont {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.lg-outer .lg-video-cont .lg-object {
  width: 100% !important;
  height: 100% !important;
}

.lg-outer .lg-has-iframe .lg-video-cont {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.lg-outer .lg-video-object {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index: 3;
}

.lg-outer .lg-video-poster {
  z-index: 1;
}

.lg-outer .lg-has-video .lg-video-object {
  opacity: 0;
  will-change: opacity;
  transition: opacity 0.3s ease-in;
}

.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster,
.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button {
  opacity: 0 !important;
}

.lg-outer .lg-has-video.lg-video-loaded .lg-video-object {
  opacity: 1;
}

@keyframes lg-play-stroke {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes lg-play-rotate {
  100% {
    transform: rotate(360deg);
  }
}
.lg-video-play-button {
  width: 18%;
  max-width: 140px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  cursor: pointer;
  transform: translate(-50%, -50%) scale(1);
  will-change: opacity, transform;
  transition: transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
}

.lg-video-play-button:hover .lg-video-play-icon-bg,
.lg-video-play-button:hover .lg-video-play-icon {
  opacity: 1;
}

.lg-video-play-icon-bg {
  fill: none;
  stroke-width: 3%;
  stroke: #fcfcfc;
  opacity: 0.6;
  will-change: opacity;
  transition: opacity 0.12s ease-in;
}

.lg-video-play-icon-circle {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  fill: none;
  stroke-width: 3%;
  stroke: rgba(30, 30, 30, 0.9);
  stroke-opacity: 1;
  stroke-linecap: round;
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
}

.lg-video-play-icon {
  position: absolute;
  width: 25%;
  max-width: 120px;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  opacity: 0.6;
  will-change: opacity;
  transition: opacity 0.12s ease-in;
}

.lg-video-play-icon .lg-video-play-icon-inner {
  fill: #fcfcfc;
}

.lg-video-loading .lg-video-play-icon-circle {
  animation: lg-play-rotate 2s linear 0.25s infinite, lg-play-stroke 1.5s ease-in-out 0.25s infinite;
}

.lg-video-loaded .lg-video-play-button {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.7);
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  will-change: opacity;
  transition: opacity 0.08s ease 0s;
}

.lg-progress-bar .lg-progress {
  background-color: rgb(169, 7, 7);
  height: 5px;
  width: 0;
}

.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}

.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}

.lg-autoplay-button:after {
  content: "\e01d";
}

.lg-single-item .lg-autoplay-button {
  opacity: 0.75;
  pointer-events: none;
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  transition-duration: 0ms !important;
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  will-change: transform;
  transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
}

.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  will-change: transform;
  transition: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img {
  transform: scale3d(1, 1, 1);
  transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
  backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.no-transition,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.no-transition {
  transition: none !important;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition {
  transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0px) !important;
  max-width: none !important;
  max-height: none !important;
  top: 50% !important;
  left: 50% !important;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x {
  transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0px) !important;
  top: 0 !important;
  left: 50% !important;
  max-width: none !important;
  max-height: none !important;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y {
  transform: scale3d(1, 1, 1) translate3d(0, -50%, 0px) !important;
  top: 50% !important;
  left: 0% !important;
  max-width: none !important;
  max-height: none !important;
}

.lg-icon.lg-zoom-in:after {
  content: "\e311";
}

.lg-actual-size .lg-icon.lg-zoom-in {
  opacity: 1;
  pointer-events: auto;
}

.lg-icon.lg-actual-size {
  font-size: 20px;
}

.lg-icon.lg-actual-size:after {
  content: "\e033";
}

.lg-icon.lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}

.lg-icon.lg-zoom-out:after {
  content: "\e312";
}

.lg-zoomed .lg-icon.lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer[data-lg-slide-type=video] .lg-zoom-in,
.lg-outer[data-lg-slide-type=video] .lg-actual-size,
.lg-outer[data-lg-slide-type=video] .lg-zoom-out, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-in,
.lg-outer[data-lg-slide-type=iframe] .lg-actual-size,
.lg-outer[data-lg-slide-type=iframe] .lg-zoom-out, .lg-outer.lg-first-slide-loading .lg-zoom-in,
.lg-outer.lg-first-slide-loading .lg-actual-size,
.lg-outer.lg-first-slide-loading .lg-zoom-out {
  opacity: 0.75;
  pointer-events: none;
}

.lg-outer .lg-pager-outer {
  text-align: center;
  z-index: 1080;
  height: 10px;
  margin-bottom: 10px;
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}

.lg-outer.lg-single-item .lg-pager-outer {
  display: none;
}

.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}

.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #fff;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  will-change: transform, opacity;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  transform: translate3d(0, 5px, 0);
}

.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}

.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}

.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}

.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-fullscreen:after {
  content: "\e20c";
}

.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}

.lg-outer .lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  will-change: visibility, opacity;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}

.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active .lg-dropdown-overlay {
  transition-delay: 0s;
  transform: translate3d(0, 0px, 0);
  opacity: 1;
  visibility: visible;
}

.lg-outer.lg-dropdown-active .lg-share {
  color: #fff;
}

.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 5px, 0);
  will-change: visibility, opacity, transform;
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}

.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #fff;
  right: 16px;
  top: -16px;
}

.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0px;
}

.lg-outer .lg-dropdown > li:hover a {
  color: #333;
}

.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07);
}

.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle;
}

.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto;
}

.lg-outer .lg-share {
  position: relative;
}

.lg-outer .lg-share:after {
  content: "\e80d";
}

.lg-outer .lg-share-facebook .lg-icon {
  color: #3b5998;
}

.lg-outer .lg-share-facebook .lg-icon:after {
  content: "\e904";
}

.lg-outer .lg-share-twitter .lg-icon {
  color: #00aced;
}

.lg-outer .lg-share-twitter .lg-icon:after {
  content: "\e907";
}

.lg-outer .lg-share-pinterest .lg-icon {
  color: #cb2027;
}

.lg-outer .lg-share-pinterest .lg-icon:after {
  content: "\e906";
}

.lg-comment-box {
  width: 420px;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  background-color: #fff;
  will-change: transform;
  transform: translate3d(100%, 0, 0);
  transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-comment-box .lg-comment-title {
  margin: 0;
  color: #fff;
  font-size: 18px;
}

.lg-comment-box .lg-comment-header {
  background-color: #000;
  padding: 12px 20px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.lg-comment-box .lg-comment-body {
  height: 100% !important;
  padding-top: 43px !important;
  width: 100% !important;
}

.lg-comment-box .fb-comments {
  height: 100%;
  width: 100%;
  background: url("/dist/assets/loading-8jL6p4rj.gif") no-repeat scroll center center #fff;
  overflow-y: auto;
  display: inline-block;
}

.lg-comment-box .fb-comments[fb-xfbml-state=rendered] {
  background-image: none;
}

.lg-comment-box .fb-comments > span {
  max-width: 100%;
}

.lg-comment-box .lg-comment-close {
  position: absolute;
  right: 5px;
  top: 12px;
  cursor: pointer;
  font-size: 20px;
  color: #999;
  will-change: color;
  transition: color 0.2s linear;
}

.lg-comment-box .lg-comment-close:hover {
  color: #fff;
}

.lg-comment-box .lg-comment-close:after {
  content: "\e070";
}

.lg-comment-box iframe {
  max-width: 100% !important;
  width: 100% !important;
}

.lg-comment-box #disqus_thread {
  padding: 0 20px;
}

.lg-outer .lg-comment-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  will-change: visibility, opacity;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}

.lg-outer .lg-comment-toggle:after {
  content: "\e908";
}

.lg-outer.lg-comment-active .lg-comment-overlay {
  transition-delay: 0s;
  transform: translate3d(0, 0px, 0);
  opacity: 1;
  visibility: visible;
}

.lg-outer.lg-comment-active .lg-comment-toggle {
  color: #fff;
}

.lg-outer.lg-comment-active .lg-comment-box {
  transform: translate3d(0, 0, 0);
}

.lg-outer .lg-img-rotate {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer[data-lg-slide-type=video] .lg-rotate-left,
.lg-outer[data-lg-slide-type=video] .lg-rotate-right,
.lg-outer[data-lg-slide-type=video] .lg-flip-ver,
.lg-outer[data-lg-slide-type=video] .lg-flip-hor, .lg-outer[data-lg-slide-type=iframe] .lg-rotate-left,
.lg-outer[data-lg-slide-type=iframe] .lg-rotate-right,
.lg-outer[data-lg-slide-type=iframe] .lg-flip-ver,
.lg-outer[data-lg-slide-type=iframe] .lg-flip-hor {
  opacity: 0.75;
  pointer-events: none;
}

.lg-outer .lg-img-rotate:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.lg-rotate-left:after {
  content: "\e900";
}

.lg-rotate-right:after {
  content: "\e901";
}

.lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver {
  font-size: 26px;
}

.lg-flip-ver:after {
  content: "\e903";
}

.lg-flip-hor:after {
  content: "\e902";
}

.lg-medium-zoom-item {
  cursor: zoom-in;
}

.lg-medium-zoom .lg-outer {
  cursor: zoom-out;
}

.lg-medium-zoom .lg-outer.lg-grab img.lg-object {
  cursor: zoom-out;
}

.lg-medium-zoom .lg-outer.lg-grabbing img.lg-object {
  cursor: zoom-out;
}

.lg-relative-caption .lg-outer .lg-sub-html {
  white-space: normal;
  bottom: auto;
  padding: 0;
  background-image: none;
}

.lg-relative-caption .lg-outer .lg-relative-caption-item {
  opacity: 0;
  padding: 16px 0;
  transition: 0.5s opacity ease;
}

.lg-relative-caption .lg-outer .lg-show-caption .lg-relative-caption-item {
  opacity: 1;
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-container {
  display: none;
  outline: none;
}

.lg-container.lg-show {
  display: block;
}

.lg-on {
  scroll-behavior: unset;
}

.lg-overlay-open {
  overflow: hidden;
}

.lg-toolbar,
.lg-prev,
.lg-next,
.lg-pager-outer,
.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  will-change: transform, opacity;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-show-in .lg-toolbar,
.lg-show-in .lg-prev,
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer {
  opacity: 1;
}

.lg-show-in.lg-hide-sub-html .lg-sub-html {
  opacity: 1;
}

.lg-show-in .lg-hide-items .lg-prev {
  opacity: 0;
  transform: translate3d(-10px, 0, 0);
}

.lg-show-in .lg-hide-items .lg-next {
  opacity: 0;
  transform: translate3d(10px, 0, 0);
}

.lg-show-in .lg-hide-items .lg-toolbar {
  opacity: 0;
  transform: translate3d(0, -10px, 0);
}

.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0.001;
  outline: none;
  will-change: auto;
  overflow: hidden;
  transition: opacity 0.15s ease 0s;
}

.lg-outer * {
  box-sizing: border-box;
}

.lg-outer.lg-zoom-from-image {
  opacity: 1;
}

.lg-outer.lg-visible {
  opacity: 1;
}

.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
  transition-duration: inherit !important;
  transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.lg-outer .lg-inner {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  transition: opacity 0s;
  white-space: nowrap;
}

.lg-outer .lg-item:not(.lg-start-end-progress) {
  background: url("/dist/assets/loading-8jL6p4rj.gif") no-repeat scroll center center transparent;
}

.lg-outer .lg-item {
  display: none !important;
}

.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}

.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.lg-outer .lg-img-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  white-space: nowrap;
  font-size: 0;
}

.lg-outer .lg-item.lg-complete {
  background-image: none;
}

.lg-outer .lg-item.lg-current {
  z-index: 1060;
}

.lg-outer .lg-object {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: relative;
}

.lg-outer .lg-empty-html.lg-sub-html,
.lg-outer .lg-empty-html .lg-sub-html {
  display: none;
}

.lg-outer.lg-hide-download .lg-download {
  opacity: 0.75;
  pointer-events: none;
}

.lg-outer .lg-first-slide .lg-dummy-img {
  position: absolute;
  top: 50%;
  left: 50%;
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
  transform: translate3d(0, 0%, 0);
  opacity: 1;
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
  opacity: 1;
  transition: opacity 0.2s ease-out 0.15s;
}

.lg-outer .lg-media-cont {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.lg-outer .lg-media-cont .lg-object {
  width: 100% !important;
  height: 100% !important;
}

.lg-outer .lg-has-iframe .lg-media-cont {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  will-change: auto;
  transition: opacity 333ms ease-in 0s;
}

.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
  backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
  opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
  transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}

.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-container {
  display: none;
}

.lg-container.lg-show {
  display: block;
}

.lg-container.lg-dragging-vertical .lg-backdrop {
  transition-duration: 0s !important;
}

.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
  position: absolute;
}

.lg-inline .lg-backdrop {
  z-index: 1;
}

.lg-inline .lg-outer {
  z-index: 2;
}

.lg-inline .lg-maximize:after {
  content: "\e909";
}

.lg-components {
  transform: translate3d(0, 100%, 0);
  will-change: transform;
  transition: transform 0.35s ease-out 0s;
  z-index: 1080;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

/*! purgecss start ignore */
.lg-container {
  position: relative;
  z-index: 11111;
}
.lg-container .lg-outer {
  direction: ltr;
}
@supports (padding-bottom: max(25px)) {
  .lg-container .lg-outer .lg-thumb-outer {
    padding-bottom: min(25px, env(safe-area-inset-bottom));
  }
}
@supports (padding-top: max(25px)) {
  .lg-container .lg-toolbar {
    padding-top: min(34px, env(safe-area-inset-top));
  }
}
.lg-container .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  opacity: 0.5;
  transition: opacity 500ms;
  border: none;
}
.lg-container .lg-outer .lg-thumb-item.active, .lg-container .lg-outer .lg-thumb-item:hover {
  opacity: 1 !important;
}
.lg-media-overlap .lg-container .lg-toolbar {
  background-image: #a2a5b9;
}
.lg-container .lg-toolbar .lg-icon {
  color: #fff;
}
.lg-container .lg-toolbar .lg-icon:hover {
  color: #fcfcfc;
}
.lg-container .lg-counter {
  color: #fff;
}
.lg-container .lg-counter span {
  color: #fff;
}

/*! purgecss end ignore */
/*! purgecss start ignore */
body {
  min-height: 100vh;
  font-size: 0.9em;
}

html {
  font-size: 14px !important;
}

#yii-debug-toolbar {
  display: none !important;
}

/*! purgecss end ignore */
/*! purgecss start ignore */
/* Base arrow styles (tippy.js v6 — not included in tippy.css import) */
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #fff;
}
.tippy-arrow::before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow::before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow::before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow::before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow::before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}

/* Light theme */
/* Default theme (card/popover style) */
.tippy-box[data-theme~=default] {
  box-shadow: rgba(0, 0, 0, 0.05) 0 6px 24px 0, rgba(0, 0, 0, 0.08) 0 0 0 1px;
  background: white !important;
}
body.is-dark .tippy-box[data-theme~=default] {
  background-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
}
.tippy-box[data-theme~=default] > .tippy-arrow {
  color: #333;
}
body.is-dark .tippy-box[data-theme~=default] > .tippy-arrow {
  color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%) !important;
}
.tippy-box[data-theme~=default] .contact-block {
  display: flex;
  flex-direction: column;
}
.tippy-box[data-theme~=default] .contact-block .title-wrap {
  margin: 5px 0 0;
}
.tippy-box[data-theme~=default] .contact-block .title-wrap h3 {
  font-weight: 600;
  color: #1d252d;
}
.tippy-box[data-theme~=default] .contact-block .info-block-line {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.tippy-box[data-theme~=default] .contact-block .info-block-line:last-child {
  margin-bottom: 0;
}
.tippy-box[data-theme~=default] .contact-block .info-block-line h4 {
  font-weight: 500;
}
.tippy-box[data-theme~=default] .contact-block .info-block-line span {
  color: #a2a5b9;
  direction: ltr;
  margin-left: 15px;
}
[dir=rtl] .tippy-box[data-theme~=default] .contact-block .info-block-line span {
  margin-left: 0;
  margin-right: 15px;
}
.tippy-box[data-theme~=default] .footer-buttons {
  display: flex;
  justify-content: space-evenly;
  margin-top: 5px;
}

body .plyr--video .plyr__control.plyr__tab-focus, body .plyr--video .plyr__control:hover, body .plyr--video .plyr__control[aria-expanded=true] {
  background: rgba(82, 82, 82, 0.41);
  backdrop-filter: blur(5px);
  border-radius: 6px;
}
body .plyr--video .plyr__control {
  color: #ededed;
}
body .plyr--video .plyr__time--current {
  color: #ededed;
}
body .plyr--video .plyr__volume {
  max-width: 110px;
  min-width: unset;
  width: unset;
}
body .plyrue {
  --plyr-progress-loading-size: 5;
  --plyr-color-main: #9914ff;
  --plyr-range-track-height: 2.5px;
}
body .plyrue .plyr__control--overlaid {
  background: rgba(82, 82, 82, 0.55);
  backdrop-filter: blur(10px);
  border-radius: 100%;
  padding: 20px;
}
body .plyrue .plyr__control--overlaid:hover {
  border-radius: 100%;
  background: rgba(82, 82, 82, 0.6);
  backdrop-filter: blur(12px);
}
body.is-dark .plyrue {
  --plyr-color-main: #787bf2;
}

.plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed, a.plyr__control:after, a.plyr__control:before {
  display: none;
}

.plyr:fullscreen video, .plyr:-webkit-full-screen video {
  max-height: 100% !important;
}

/*! purgecss end ignore */
.modal.h-modal.is-fullscreen.is-xbig.no-header.no-padding-content.no-header .modal-card-head {
  background: transparent !important;
  border: unset !important;
}
.modal.h-modal.is-fullscreen.is-xbig.no-header.no-padding-content.no-header .modal-card-head h3 {
  color: #ffffff !important;
}
.modal.h-modal.is-fullscreen.is-xbig.no-header.no-padding-content.no-header .modal-card-head svg {
  stroke: #ffffff !important;
}
.modal.h-modal.is-fullscreen.is-xbig.no-header.no-padding-content.no-header .modal-card-body {
  margin-top: 0 !important;
}

.image-preview-dialog {
  position: fixed;
  top: 0;
  z-index: 1120;
  width: 100%;
  height: 100%;
}

.image-preview-dialog-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.8);
}

.image-preview-dialog-image {
  max-height: 60vh;
}

.pointer {
  cursor: pointer;
}

.is-skeleton-centered .b-skeleton-item {
  margin: auto;
}

.b-skeleton-item {
  opacity: 0.5;
}

.is-dark .general-request-page .filepond--drop-label {
  cursor: pointer;
}
.is-dark .general-request-page .filepond--panel-root {
  background-color: rgb(15.6432984153%, 15.6432984153%, 16.9841525651%);
  border-color: rgb(17.5611066344%, 17.5611066344%, 19.066344346%);
  color: #cecece;
}
.is-dark .general-request-page .filepond--panel-root:hover {
  border-color: rgb(25.2323395111%, 25.2323395111%, 27.3951114692%);
}

/*#zuck-modal {
  .plyr {
    //max-height: calc(100vh - 30px);
    height: 100%;
    margin: 15px;
  }

  .plyrue {
    height: 100%;
  }
}
*/
.is-rtl .b-slider .b-slider-thumb-wrapper {
  transform: translate(50%, -50%);
}

.car-reservation-request .timepicker .dropdown .dropdown-menu .dropdown-content {
  direction: ltr;
}

.left-header {
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 16px;
  background: rgb(91.206082433%, 91.337334934%, 99.1468587435%);
  font-family: "STC Forward", sans-serif;
}
.left-header .header-image {
  position: relative;
  height: 150px;
  width: 280px;
}
.left-header .header-image img {
  position: absolute;
  top: -40px;
  left: -30px;
  display: block;
}
.left-header .header-meta {
  margin-left: 0px;
  margin-bottom: 20px;
}
.left-header .header-meta h3 {
  font-family: "STC Forward", sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
}
.left-header .header-meta p {
  font-weight: 400;
  color: rgb(15.1803921569%, 0%, 26.9019607843%);
  margin-bottom: 8px;
}
.left-header .header-meta .action-link span {
  font-size: 0.8rem;
  text-transform: uppercase;
  margin-right: 6px;
}
.left-header .header-meta .action-link i {
  font-size: 12px;
}

/*! purgecss start ignore */
.ecEmbedWrapper #ecLauncherFloatingBubble {
  display: none;
}
.ecEmbedWrapper.dockIn #ecLauncherFloatingBubble {
  display: block;
}
.ecEmbedWrapper.dockIn, .ecEmbedWrapper.dockOut {
  height: 700px;
  width: 100% !important;
  bottom: 115px;
  max-height: calc(100% - 115px);
  right: 50px;
  z-index: 110;
  max-width: 519px !important;
}
[dir=rtl] .ecEmbedWrapper.dockIn, [dir=rtl] .ecEmbedWrapper.dockOut {
  right: unset !important;
  left: 50px;
}
@media only screen and (max-width: 767px) {
  .ecEmbedWrapper.dockIn, .ecEmbedWrapper.dockOut {
    left: 0 !important;
    right: unset !important;
  }
}
.ecEmbedWrapper.dockIn iframe, .ecEmbedWrapper.dockOut iframe {
  box-shadow: unset !important;
}
.ecEmbedWrapper.dockIn .loginMsg, .ecEmbedWrapper.dockOut .loginMsg {
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 101;
  border-radius: 6px;
}
.ecEmbedWrapper.dockIn .loginMsg .msgText, .ecEmbedWrapper.dockOut .loginMsg .msgText {
  margin: 0;
}
[dir=rtl] .ecEmbedWrapper.dockIn .loginMsg .msgText, [dir=rtl] .ecEmbedWrapper.dockOut .loginMsg .msgText {
  padding-left: 0;
  padding-right: 15px;
}
.ecEmbedWrapper.dockIn .loginMsg .loader, .ecEmbedWrapper.dockOut .loginMsg .loader {
  border-top: 16px solid #4f008c;
}
body.is-dark .ecEmbedWrapper.dockIn .loginMsg .loader, body.is-dark .ecEmbedWrapper.dockOut .loginMsg .loader {
  border-top: 16px solid #797bf2;
}
.ecEmbedWrapper.dockIn #ecLauncherFloatingBubble, .ecEmbedWrapper.dockOut #ecLauncherFloatingBubble {
  background-color: #4f008c;
}
.ecEmbedWrapper.dockIn #ecLauncherFloatingBubble::before, .ecEmbedWrapper.dockOut #ecLauncherFloatingBubble::before {
  position: fixed;
  bottom: 0;
  content: "";
  left: 0;
  width: 100%;
  height: 100vh;
  right: 0;
  background: rgba(0, 0, 0, 0.43);
}
.ecEmbedWrapper.dockIn #ecLauncherFloatingBubble::after, .ecEmbedWrapper.dockOut #ecLauncherFloatingBubble::after {
  position: absolute;
  bottom: 0;
  content: "";
  left: 0;
  width: 100%;
  height: 100%;
  right: 0;
  background-color: #4f008c;
  border-radius: 100%;
  z-index: 1;
}
body.is-dark .ecEmbedWrapper.dockIn #ecLauncherFloatingBubble::after, body.is-dark .ecEmbedWrapper.dockOut #ecLauncherFloatingBubble::after {
  background-color: #797bf2;
}
body.is-dark .ecEmbedWrapper.dockIn #ecLauncherFloatingBubble, body.is-dark .ecEmbedWrapper.dockOut #ecLauncherFloatingBubble {
  background-color: #797bf2;
}
[dir=rtl] .ecEmbedWrapper.dockIn #ecLauncherFloatingBubble, [dir=rtl] .ecEmbedWrapper.dockOut #ecLauncherFloatingBubble {
  left: 50px !important;
  right: unset !important;
}
.ecEmbedWrapper #ecLauncherFloatingBubble {
  background-color: #4f008c;
}
@media only screen and (max-width: 767px) {
  .ecEmbedWrapper #ecLauncherFloatingBubble {
    display: none !important;
  }
}
body.is-dark .ecEmbedWrapper #ecLauncherFloatingBubble {
  background-color: #797bf2;
}
[dir=rtl] .ecEmbedWrapper #ecLauncherFloatingBubble {
  left: 50px !important;
  right: unset !important;
}
.ecEmbedWrapper.dockOut.mobile {
  z-index: 1111;
}

.modal-map {
  width: 100%;
  height: -webkit-fill-available;
  min-height: 720px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  .modal-map {
    position: absolute;
    min-height: unset;
  }
}
.modal-map .map-container {
  width: 100%;
  height: 103%;
  min-height: 800px;
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  .modal-map .map-container {
    min-height: 100%;
  }
}

.anuual-2023-card {
  position: relative;
  -o-object-fit: cover;
  object-fit: contain;
  display: block;
  vertical-align: middle;
  background-size: contain;
  background-position: 100% 100%;
  background-repeat: no-repeat !important;
  background-color: #43007b !important;
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  .anuual-2023-card {
    background-position: 120% 100%;
  }
}
[dir=rtl] .anuual-2023-card {
  background-position: 0% 100%;
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  [dir=rtl] .anuual-2023-card {
    background-position: -94% 100%;
  }
}
.anuual-2023-card .right {
  width: 42%;
  max-width: 177px;
  position: absolute;
  bottom: -5px;
  right: -6px;
}
[dir=rtl] .anuual-2023-card .right {
  right: unset;
  left: -6px;
}

.dashed_underline {
  border-bottom: 1px dashed #4f008c;
  font-family: "STC Forward";
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  text-align: center;
  color: #4f008c;
}
.dashed_underline:hover {
  border-color: rgb(27.5946778711%, 0%, 48.9019607843%);
}
body.is-dark .dashed_underline {
  color: #797bf2;
  border-bottom: 1px dashed #797bf2;
}
body.is-dark .dashed_underline:hover {
  border-color: rgb(41.9815926371%, 42.8475390156%, 94.3713485394%);
}

#task-panel .info-block-line {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
       user-select: none !important;
  -webkit-touch-callout: none !important;
}
#task-panel .info-block-line .rate.is-disabled {
  opacity: 1;
}
#task-panel .info-block-line .info-block-line h4,
#task-panel .info-block-line .info-block-line span {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
       user-select: none !important;
  -webkit-touch-callout: none !important;
}
#task-panel .info-block-line .rate-item span i {
  font-size: unset;
}
#task-panel .info-block-line .rate-item span i::before {
  color: #dbdbdb;
}
#task-panel .info-block-line .rate-item.set-on span i::before {
  color: #ffd970;
}

.competency a svg {
  fill: #a2a5b9;
}

.competency .is-active a svg {
  fill: #4f008c;
}

.is-dark .competency a svg {
  fill: #a2a5b9;
}

.is-dark .competency .is-active a svg {
  fill: #797bf2;
}

[dir=rtl] .competency .media-flex .flex-meta {
  margin-left: 12px;
  margin-right: 12px;
}

[dir=rtl] .competency .tabs li a svg {
  margin-left: 6px;
}

/*! purgecss end ignore */
/* National day start */
.home-page .header-layout-1.is-national-day .center .work-stats h2,
.home-page .header-layout-1.is-national-day .center .work-stats .action-link,
.home-page .header-layout-1.is-national-day .header-wrapper .header-content .subtitle {
  color: #FFD136 !important;
}

body.is-dark .is-national-day .header-card.is-attendance .top .card-title {
  color: #fff;
}

.home-page .header-layout-1.is-national-day .center .work-stats .action-link:after {
  border-bottom: 1.6px dotted #FFD136 !important;
}

.is-national-day .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  background-color: #FFD136 !important;
}

.is-national-day .swiper .swiper-pagination .swiper-pagination-bullet::after {
  background-color: #004862 !important;
  opacity: 1 !important;
}

.is-national-day .header-card.is-attendance {
  background-color: #004862 !important;
  box-shadow: none !important;
}

.is-national-day .header-card.is-attendance.is-success {
  background-color: #FFD136 !important;
  box-shadow: none !important;
  color: #004862 !important;
}

.is-national-day .header-card.is-attendance.is-success .is-time,
.is-national-day .header-card.is-attendance.is-success button.is-primary,
.is-national-day .header-card.is-attendance.is-success .top .card-title,
.is-national-day .header-card.is-attendance.is-success p {
  color: #004862 !important;
}

.is-national-day .header-card.is-attendance .tag:not(body).is-warning {
  background-color: #004862 !important;
  color: #FFD136 !important;
}

.is-national-day .header-card.is-attendance:before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
  border-radius: 5px;
}

/*! purgecss start ignore */
.is-founding-day .h-icon.is-light-app-icon svg {
  fill: #43007b;
  stroke: #43007b;
}
@media only screen and (max-width: 767px) {
  .is-founding-day .is-scrolled .founding-day-logo-svg {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    transition: all 600ms ease;
  }
  .is-founding-day .founding-day-logo-svg {
    padding: 0 10px;
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
  }
  .is-founding-day .header-layout-1 .horses-bg {
    bottom: -96px !important;
    right: -46px !important;
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  [dir=rtl] .is-founding-day .header-layout-1 .horses-bg {
    left: -30px !important;
    -o-object-fit: contain;
       object-fit: contain;
    bottom: -126px !important;
    right: unset !important;
  }
}
.is-founding-day .top-navbar-founding-day-logo {
  fill: #F4EADA;
}
.is-founding-day .is-scrolled .top-navbar-founding-day-logo {
  fill: #6c4e46;
}
body.is-dark .is-founding-day .is-scrolled .top-navbar-founding-day-logo {
  fill: #F4EADA;
}
.is-founding-day .auth-wrapper .animated-side {
  background: #6c4e46;
}
.is-founding-day .toolbar .toolbar-notifications .dropdown .is-trigger .new-indicator,
.is-founding-day .toolbar .new-toolbar-notifications .dropdown .is-trigger .new-indicator {
  background: #A32B38;
}
.is-founding-day .header-layout-1 {
  position: relative; /* Keeps animated-symbol inside */
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  vertical-align: middle;
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-color: #8a77a1;
}
.is-founding-day .header-layout-1 .header-content {
  z-index: 1;
  position: relative;
}
.is-founding-day .header-layout-1 .header-wrapper .header-content .subtitle {
  color: #f4eada;
}
.is-founding-day .header-layout-1 .center .work-stats h2 {
  color: #F5D758;
}
.is-founding-day .header-layout-1 .center .work-stats .action-link {
  color: #F5D758;
}
.is-founding-day .header-layout-1 .center .work-stats .action-link:after {
  border-bottom: 1.6px dotted #F5D758;
}
.is-founding-day .header-layout-1 .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  background: #F5D758;
}
.is-founding-day .header-layout-1 .swiper .swiper-pagination .swiper-pagination-bullet::after {
  background: black;
  opacity: 60%;
}
@keyframes moveSymbol {
  0% {
    transform: translateX(0) translateY(0) rotate(0deg);
  }
  25% {
    transform: translateX(10px) translateY(-10px) rotate(90deg);
  }
  50% {
    transform: translateX(20px) translateY(0) rotate(180deg);
  }
  75% {
    transform: translateX(10px) translateY(10px) rotate(270deg);
  }
  100% {
    transform: translateX(0) translateY(0) rotate(360deg);
  }
}
@keyframes moveSymbolRTL {
  0% {
    transform: translateX(0) translateY(0) rotate(0deg);
  }
  25% {
    transform: translateX(-10px) translateY(-10px) rotate(-90deg);
  }
  50% {
    transform: translateX(-20px) translateY(0) rotate(-180deg);
  }
  75% {
    transform: translateX(-10px) translateY(10px) rotate(-270deg);
  }
  100% {
    transform: translateX(0) translateY(0) rotate(-360deg);
  }
}
.is-founding-day .header-layout-1 .horses-bg {
  position: absolute;
  height: 100%;
  bottom: 0;
  width: auto;
  z-index: 1;
  -o-object-fit: contain;
     object-fit: contain;
  transform: scaleX(-1);
  right: -210px;
}
.is-founding-day .header-layout-1 .animated-symbol {
  position: absolute;
  bottom: -6%;
  right: -150px;
  width: 350px;
  height: auto;
  animation: moveSymbol 230s infinite linear;
  opacity: 20%;
}
[dir=rtl] .is-founding-day .header-layout-1 .animated-symbol {
  right: unset !important;
  left: -150px !important;
  bottom: -6% !important;
  animation: moveSymbolRTL 230s infinite linear !important;
}
[dir=rtl] .is-founding-day .header-layout-1 .horses-bg {
  transform: scaleX(1);
  left: -240px;
  right: unset;
  bottom: -40px;
}
.is-founding-day .header-layout-1 .sidebar-panel.is-generic .subpanel-header .brand-icon svg .fill-primary {
  fill: #4f008c;
}

/* National day end */
.collapse {
  visibility: visible !important;
}

/*! purgecss end ignore */
select {
  -webkit-appearance: none; /* Chrome, Safari */
  -moz-appearance: none; /* Firefox */
  appearance: none; /* Standard */
  background-image: none;
}