@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@font-face {
    font-family: 'summernote';
    src: url('../font/summernote.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
         url('../font/summernote.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

:root {
    --background: #FFFFFF;
    --foreground: #08080a;
    --card: #ffffff;
    --card-foreground: #08080a;
    --popover: #ffffff;
    --popover-foreground: #08080a;
    --destak: #001e40;
    --destak-opacity: rgba(0, 30, 64, 0.5);
    --primary: #17171b;
    --primary-foreground: #f9f9f9;
    --secondary: #f4f4f5;
    --secondary-foreground: #17171b;
    --tertiary: #fcfcfb;
    --tertiary-foreground: #17171b;
    --tertiary-border: #f2f2f0;
    --quatenary: #c2c2c2;
    --active: #00000008;
    --muted: #f4f4f5;
    --muted-darker: #d1d1d1;
    --muted-foreground: #71717a;
    --muted-foreground-second: #5f5e5b;
    --accent: #f4f4f5;
    --accent-50: #f4f4f57d;
    --accent-foreground: #17171b;
    --destructive: #ee4444;
    --destructive-foreground: #f9f9f9;
    --border: #e3e3e7;
    --input: #e3e3e7;
    --ring: #17171b;
    --radius: 0.5rem;
    --white: #ffffff;
    --fst-yellow: 255, 193, 7;

    --primary-brand: #007aff;
    --primary-brand-opacity: #00000080;

    --bs-info-rgb: 13, 110, 253;

    /* svg */
    --check: url("../img/svg/check.svg");
    --chevrons-up-down: url('../img/svg/chevrons-up-down.svg');

    --range-value: 0;
}

:root:hover,
:root:focus {
    outline: none;
}

body.dark {
    --background: #141414;
    --foreground: #f9f9f9;
    --card: #08080a;
    --card-foreground: #f9f9f9;
    --popover: #08080a;
    --popover-foreground: #f9f9f9;
    --primary: #f9f9f9;
    --primary-foreground: #17171b;
    --secondary: #27272a;
    --secondary-foreground: #f9f9f9;
    --tertiary: #000000;
    --tertiary-foreground: #f9f9f9;
    --tertiary-border: #2e2e2e;
    --quatenary: #27272a;
    --active: #ffffff08;
    --muted: #202020;
    --muted-darker: #404040;
    --muted-foreground: #a1a1a9;
    --muted-foreground-second: #9b9b9b;
    --accent: #27272a;
    --accent-50: #27272a7f;
    --accent-foreground: #f9f9f9;
    --destructive: #7f1d1d;
    --destructive-foreground: #f9f9f9;
    --border: #27272a;
    --input: #27272a;
    --ring: #d3d3d7;

    --bs-info-rgb: 13, 110, 253;

    /* svg */
    --chevrons-up-down: url('../img/svg/chevrons-up-down-white.svg');
}

html,
body {
    overflow-x: hidden;
}

body {
    font-family: "Inter", sans-serif;
    background-color: var(--background);
    color: var(--foreground);
    position: relative;
}

small, .small {
    font-size: 12px;
}

.font-sans {
    font-family: "Inter", sans-serif !important;
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}

.bg-404 {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: repeat;
    background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 2000 1400%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask id=%22b%22 x=%220%22 y=%220%22 width=%222000%22 height=%221400%22%3E%3Cpath fill=%22url(%23a)%22 d=%22M0 0h2000v1400H0z%22%2F%3E%3C%2Fmask%3E%3Cpath fill=%22%23fff%22 d=%22M0 0h2000v1400H0z%22%2F%3E%3Cg style=%22transform-origin:center center%22 stroke=%22%23ddd%22 stroke-width=%221.8%22 mask=%22url(%23b)%22%3E%3Cpath fill=%22none%22 d=%22M0 0h200v200H0z%22%2F%3E%3Cpath fill=%22%23dddddd38%22 d=%22M200 0h200v200H200z%22%2F%3E%3Cpath fill=%22%23ddddddfa%22 d=%22M400 0h200v200H400z%22%2F%3E%3Cpath fill=%22%23dddddd28%22 d=%22M600 0h200v200H600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M800 0h200v200H800zM1000 0h200v200h-200zM1200 0h200v200h-200zM1400 0h200v200h-200zM1600 0h200v200h-200zM1800 0h200v200h-200z%22%2F%3E%3Cpath fill=%22%23dddddd5e%22 d=%22M0 200h200v200H0z%22%2F%3E%3Cpath fill=%22none%22 d=%22M200 200h200v200H200zM400 200h200v200H400z%22%2F%3E%3Cpath fill=%22%23dddddd6c%22 d=%22M600 200h200v200H600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M800 200h200v200H800zM1000 200h200v200h-200zM1200 200h200v200h-200zM1400 200h200v200h-200z%22%2F%3E%3Cpath fill=%22%23dddddda7%22 d=%22M1600 200h200v200h-200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1800 200h200v200h-200zM0 400h200v200H0z%22%2F%3E%3Cpath fill=%22%23dddddda8%22 d=%22M200 400h200v200H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M400 400h200v200H400z%22%2F%3E%3Cpath fill=%22%23dddddd5d%22 d=%22M600 400h200v200H600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M800 400h200v200H800zM1000 400h200v200h-200z%22%2F%3E%3Cpath fill=%22%23ddddddc1%22 d=%22M1200 400h200v200h-200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1400 400h200v200h-200zM1600 400h200v200h-200zM1800 400h200v200h-200zM0 600h200v200H0z%22%2F%3E%3Cpath fill=%22%23dddddd43%22 d=%22M200 600h200v200H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M400 600h200v200H400zM600 600h200v200H600zM800 600h200v200H800z%22%2F%3E%3Cpath fill=%22%23dddddd1a%22 d=%22M1000 600h200v200h-200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1200 600h200v200h-200z%22%2F%3E%3Cpath fill=%22%23dddddd5f%22 d=%22M1400 600h200v200h-200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1600 600h200v200h-200zM1800 600h200v200h-200zM0 800h200v200H0zM200 800h200v200H200z%22%2F%3E%3Cpath fill=%22%23dddddddf%22 d=%22M400 800h200v200H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M600 800h200v200H600zM800 800h200v200H800z%22%2F%3E%3Cpath fill=%22%23dddddd6d%22 d=%22M1000 800h200v200h-200z%22%2F%3E%3Cpath fill=%22%23dddddd82%22 d=%22M1200 800h200v200h-200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1400 800h200v200h-200zM1600 800h200v200h-200zM1800 800h200v200h-200zM0 1000h200v200H0zM200 1000h200v200H200zM400 1000h200v200H400zM600 1000h200v200H600zM800 1000h200v200H800z%22%2F%3E%3Cpath fill=%22%23dddddd56%22 d=%22M1000 1000h200v200h-200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1200 1000h200v200h-200zM1400 1000h200v200h-200zM1600 1000h200v200h-200zM1800 1000h200v200h-200zM0 1200h200v200H0zM200 1200h200v200H200z%22%2F%3E%3Cpath fill=%22%23ddddddc8%22 d=%22M400 1200h200v200H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M600 1200h200v200H600zM800 1200h200v200H800zM1000 1200h200v200h-200zM1200 1200h200v200h-200zM1400 1200h200v200h-200z%22%2F%3E%3Cpath fill=%22%23dddddda3%22 d=%22M1600 1200h200v200h-200z%22%2F%3E%3Cpath fill=%22%23dddddd48%22 d=%22M1800 1200h200v200h-200z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CradialGradient id=%22a%22%3E%3Cstop offset=%2260.8%25%22 stop-color=%22%23fff%22 stop-opacity=%220%22%2F%3E%3Cstop offset=%22100%25%22 stop-color=%22%23fff%22 stop-opacity=%22.392%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.bg-500 {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: repeat;
    background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 2000 1400%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask id=%22b%22 x=%220%22 y=%220%22 width=%222000%22 height=%221400%22%3E%3Cpath fill=%22url(%23a)%22 d=%22M0 0h2000v1400H0z%22%2F%3E%3C%2Fmask%3E%3Cpath d=%22M0 0h2000v1400H0z%22%2F%3E%3Cg style=%22transform-origin:center center%22 stroke=%22%23444%22 stroke-width=%221.8%22 mask=%22url(%23b)%22%3E%3Cpath fill=%22none%22 d=%22M0 0h200v200H0zM200 0h200v200H200zM400 0h200v200H400z%22%2F%3E%3Cpath fill=%22%23444444db%22 d=%22M600 0h200v200H600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M800 0h200v200H800zM1000 0h200v200h-200zM1200 0h200v200h-200z%22%2F%3E%3Cpath fill=%22%234444441b%22 d=%22M1400 0h200v200h-200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1600 0h200v200h-200zM1800 0h200v200h-200zM0 200h200v200H0zM200 200h200v200H200zM400 200h200v200H400zM600 200h200v200H600zM800 200h200v200H800z%22%2F%3E%3Cpath fill=%22%23444444b6%22 d=%22M1000 200h200v200h-200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1200 200h200v200h-200zM1400 200h200v200h-200zM1600 200h200v200h-200z%22%2F%3E%3Cpath fill=%22%2344444437%22 d=%22M1800 200h200v200h-200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M0 400h200v200H0z%22%2F%3E%3Cpath fill=%22%23444444fa%22 d=%22M200 400h200v200H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M400 400h200v200H400z%22%2F%3E%3Cpath fill=%22%234444442f%22 d=%22M600 400h200v200H600z%22%2F%3E%3Cpath fill=%22%2344444468%22 d=%22M800 400h200v200H800z%22%2F%3E%3Cpath fill=%22%2344444483%22 d=%22M1000 400h200v200h-200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1200 400h200v200h-200z%22%2F%3E%3Cpath fill=%22%23444444ee%22 d=%22M1400 400h200v200h-200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1600 400h200v200h-200z%22%2F%3E%3Cpath fill=%22%23444444b7%22 d=%22M1800 400h200v200h-200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M0 600h200v200H0z%22%2F%3E%3Cpath fill=%22%23444444e3%22 d=%22M200 600h200v200H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M400 600h200v200H400z%22%2F%3E%3Cpath fill=%22%2344444480%22 d=%22M600 600h200v200H600z%22%2F%3E%3Cpath fill=%22%2344444422%22 d=%22M800 600h200v200H800z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1000 600h200v200h-200zM1200 600h200v200h-200zM1400 600h200v200h-200zM1600 600h200v200h-200zM1800 600h200v200h-200z%22%2F%3E%3Cpath fill=%22%2344444482%22 d=%22M0 800h200v200H0z%22%2F%3E%3Cpath fill=%22none%22 d=%22M200 800h200v200H200zM400 800h200v200H400zM600 800h200v200H600zM800 800h200v200H800zM1000 800h200v200h-200z%22%2F%3E%3Cpath fill=%22%23444444b4%22 d=%22M1200 800h200v200h-200z%22%2F%3E%3Cpath fill=%22%234444447c%22 d=%22M1400 800h200v200h-200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1600 800h200v200h-200z%22%2F%3E%3Cpath fill=%22%23444444f4%22 d=%22M1800 800h200v200h-200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M0 1000h200v200H0zM200 1000h200v200H200zM400 1000h200v200H400zM600 1000h200v200H600zM800 1000h200v200H800z%22%2F%3E%3Cpath fill=%22%2344444407%22 d=%22M1000 1000h200v200h-200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1200 1000h200v200h-200z%22%2F%3E%3Cpath fill=%22%2344444447%22 d=%22M1400 1000h200v200h-200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1600 1000h200v200h-200zM1800 1000h200v200h-200z%22%2F%3E%3Cpath fill=%22%2344444404%22 d=%22M0 1200h200v200H0z%22%2F%3E%3Cpath fill=%22%2344444474%22 d=%22M200 1200h200v200H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M400 1200h200v200H400zM600 1200h200v200H600z%22%2F%3E%3Cpath fill=%22%2344444479%22 d=%22M800 1200h200v200H800z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1000 1200h200v200h-200zM1200 1200h200v200h-200zM1400 1200h200v200h-200zM1600 1200h200v200h-200zM1800 1200h200v200h-200z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CradialGradient id=%22a%22%3E%3Cstop offset=%2247.2%25%22 stop-color=%22%23fff%22 stop-opacity=%220%22%2F%3E%3Cstop offset=%22100%25%22 stop-color=%22%23fff%22 stop-opacity=%22.528%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}

.text-foreground {
    color: var(--foreground);
    fill: var(--foreground);
}

.stroke-foreground {
    stroke: var(--foreground);
}

.hover\:text-foreground:hover {
    color: var(--foreground) !important;
}

.hover\:transform-scale:hover {
    transform: scale(1.02);
}

.hover\:transform-scale-1\.5:hover {
    transform: scale(1.05);
}

.transition\:cubic-bezier {
    transition: cubic-bezier(.17, .67, .83, .67) .2s;
}

.text-primary-foreground {
    color: var(--primary-foreground);
}

.text-secondary-foreground {
    color: var(--secondary-foreground) !important;
}

.text-muted-foreground {
    color: var(--muted-foreground);
}

.hover\:text-muted-foreground {
    color: var(--muted-foreground) !important;
}

.text-muted-foreground-second {
    color: var(--muted-foreground-second);
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

.text-ssm {
    font-size: .65rem;
    line-height: 0.80rem;
}

.text-sm {
    font-size: .875rem !important;
    line-height: 1.25rem;
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.text-\[0\.8rem\] {
    font-size: .8rem;
}

.bg-primary {
    background-color: var(--primary) !important;
}

.bg-\[\#1a7aff\] {
    background-color: #1a7aff;
}

.bg-\[\#09090B\] {
    background-color: #09090B;
}

.bg-border {
    background-color: var(--border);
}

.bg-card {
    background-color: var(--card);
}

.mono {
    letter-spacing: -1px;
    line-height: 0;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

.rounded {
    border-radius: calc(var(--radius));
}

.rounded-md {
    border-radius: calc(var(--radius) - 2px);
}

.rounded-lg {
    border-radius: calc(var(--radius) + 2px);
}

.rounded-xl {
    border-radius: calc(var(--radius) + 4px);
}

.rounded-xxl {
    border-radius: calc(var(--radius) + 6px);
}

.whitespace-nowrap {
    white-space: nowrap;
}

.h-9 {
    height: 2.25rem !important;
}

.min-height-\[auto\] {
    min-height: auto;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-no-drop {
    cursor: no-drop !important;
}

.form-check-input {
    border: 1px solid var(--input) !important;
}

.dark .form-check-input:focus {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    background-color: none !important;
    border-color: none !important;
}

.form-check-input:checked {
    background-color: #203e71;
    border-color: #203e71;
}

.dark .form-check-input:checked {
    background-color: #000000;
    border-color: #000000;
}

.toggle-switch:checked {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    background-color: #30d158 !important;
    border-color: #30d158 !important;
}

.form-control {
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    font-weight: 400 !important;
    padding: 7px 12px !important;
    border: 1px solid var(--input) !important;
    border-radius: calc(var(--radius) - 2px);
    background-color: transparent;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.form-control-sm {
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
    padding: 5px 10px !important;
    border: 1px solid var(--input) !important;
    border-radius: calc(var(--radius) - 2px);
    background-color: transparent;
    box-shadow: none !important;
}

.form-control::-webkit-input-placeholder {
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    font-weight: 400 !important;
}

.form-control::-moz-placeholder {
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    font-weight: 400 !important;
}

.form-control::-ms-input-placeholder {
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    font-weight: 400 !important;
}

.form-control {
    color: var(--secondary-foreground) !important;
}

.form-control:focus {
    border-color: var(--input) !important;
    background-color: var(--background) !important;
    color: var(--secondary-foreground) !important;
}

.form-control:disabled {
    background-color: var(--input) !important;
    color: var(--muted-foreground) !important;
    cursor: not-allowed;
    opacity: 0.5;
}

.opacity\.5 {
    opacity: 0.5;
}

.form-control.isnt-invalid {
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgb(255 0 0 / 36%) 0px 0px 0px 4px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(64, 68, 82, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px !important;
}

.input-group-text {
    display: flex !important;
    align-items: center !important;
    padding: .375rem .75rem !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: var(--muted-foreground) !important;
    text-align: center !important;
    white-space: nowrap !important;
    background-color: var(--accent) !important;
    border: 1px solid var(--input) !important;
    border-radius: 6px 0 0 6px !important;
    box-shadow: none !important;
}

.navbar {
    position: fixed;
    background-color: var(--background);
    z-index: 999;
    height: 64px;
    padding: 0 !important;
    border-bottom: 1px solid var(--tertiary-border);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.navbar>.align-menu {
    width: 100%;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

.navbar .navbar-brand {
    border-right: 1px solid var(--border);
    border-bottom: 1px solid var(--tertiary-border) !important;
    width: 64px;
    height: 64px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.navbar .navbar-brand.active,
.navbar .navbar-brand.active-force {
    width: 240px;
    background: var(--tertiary);
    border-bottom: 1px solid var(--tertiary-border);
}

.nav-corporate-name {
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-code {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.object-cover {
    object-fit: cover;
}

.z-index-contact {
    z-index: 1020;
}

.pointed-background {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -10;
    height: 100%;
    width: 100%;
    background-color: var(--background);
    background-image: radial-gradient(circle at 1px 1px, rgba(0, 0, 0, 0.104) 1px, transparent 1px);
    background-size: 16px 16px;
}

.dark .pointed-background {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -10;
    height: 100%;
    width: 100%;
    background-color: var(--background);
    background-image: radial-gradient(circle at 1px 1px, rgba(122, 122, 122, 0.104) 1px, transparent 1px);
    background-size: 16px 16px;
}

.pointed-from-b-to-t {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -10;
    height: 100%;
    width: 100%;
    background-color: var(--background);
    background-image: radial-gradient(#e5e7eb 1px, transparent 1px);
    mask-image: linear-gradient(#000 20%, transparent 100%);
    background-size: 16px 16px;
    transform: rotate(180deg);
    position: absolute;
    border-radius: 8px;
}

.dark .pointed-from-b-to-t {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -10;
    height: 100%;
    width: 100%;
    background-color: var(--background);
    background-image: radial-gradient(#e5e7eb 1px, transparent 1px);
    mask-image: linear-gradient(rgba(122, 122, 122, 0.104), transparent 100%);
    background-size: 16px 16px;
    transform: rotate(180deg);
    position: absolute;
    border-radius: 8px;
}

.pointed-background-fade-b {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--background) !important;
    background-image: radial-gradient(#e5e7eb 1px, transparent 1px);
    mask-image: linear-gradient(#000 20%, transparent 100%);
    background-size: 16px 16px;
    transition: none !important;
}

.dark .pointed-background-fade-b {
    background-image: radial-gradient(var(--input) 1px, transparent 1px) !important;
    mask-image: linear-gradient(var(--input) 20%, transparent 100%) !important;
    transition: none !important;
}

.logo {
    height: 35px;
    opacity: 0;
    transition: all .4s;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
}

.logo-sm {
    height: 35px;
    opacity: 1;
    transition: all .4s;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.sidebar-content {
    opacity: 0;
}

.sidebar-menu,
.active .sidebar-content,
.active-force .sidebar-content {
    opacity: 1;
}

.toggle-menu {
    background-color: var(--tertiary);
}

.toggle-menu .active .logo {
    opacity: 1;
}

.toggle-menu .active .logo-sm {
    opacity: 0;
}

.toggle-menu .active-force .logo {
    opacity: 1;
}

.toggle-menu .active-force .logo-sm {
    opacity: 0;
}

.show-faq-onmenu {
    position: relative;
    transition: left 1s;
    padding: 0 !important;
    width: 100%;
    margin-bottom: .5rem;
}

.show-faq-onmenu .card {
    position: absolute;
    left: -300px;
    width: 100%;
    bottom: 0;
}

.show-faq-onmenu .card button,
.show-faq-onmenu .card h3 {
    text-wrap: nowrap;
}

.show-faq-onmenu .card p {
    width: 200px;
}

.active .show-faq-onmenu .card,
.active-force .show-faq-onmenu .card {
    left: 0;
    transform: translate(0, 0);
}

.navbar .nav-content {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 16px;
}

.navbar .nav-content .nav-user-dropdown .nav-user-header {
    cursor: pointer;
}

.navbar .nav-content .nav-user-dropdown .nav-user-header .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--primary);
    overflow: hidden;
}

.navbar .nav-content .nav-user-dropdown .nav-user-header .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#dropdownNavUser.dropdown-toggle::after {
    display: none;
}

.navbar .nav-content .nav-user-dropdown .dropdown-menu {
    padding: 0;
    margin-left: auto;
    right: 0;
    border-radius: 8px;
    background-color: var(--background);
}

.navbar .nav-content .nav-user-dropdown .dropdown-menu ul {
    margin: 0;
    padding: 0.25rem;
}

.navbar .nav-content .nav-user-dropdown .dropdown-menu ul li {
    list-style: none;
    display: flex;
    align-items: center;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border-radius: 6px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    cursor: pointer;
    border: none;
}

.navbar .nav-content .nav-user-dropdown .dropdown-menu hr {
    margin: 0 !important;
    color: var(--border) !important;
    border: 1px solid var(--border) !important;
}

.navbar .nav-content .nav-user-dropdown .dropdown-menu ul li:hover {
    background-color: var(--muted);
}

.navbar .nav-content .nav-user-dropdown .dropdown-menu ul li a {
    color: var(--primary);
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    text-decoration: none;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.navbar .nav-content .nav-user-dropdown .dropdown-menu ul li a i {
    font-size: 22px;
    display: none;
}

button.btn_dark_mode,
button.btn_light_mode {
    border: none;
    background-color: transparent;
    color: var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border-radius: 6px;
}

button.btn_light_mode {
    border: none;
    background-color: transparent;
    color: var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border-radius: 6px;
}

body.dark .btn_dark_mode,
body:not(.dark) .btn_light_mode,
body:not(.dark) nav .logo_dark,
body.dark nav .logo_light {
    display: none !important;
}

body:not(.dark) .btn_dark_mode,
body.dark .btn_light_mode {
    display: flex !important;
}

.sidebar-menu {
    background-color: var(--background);
    height: calc(100vh - 64px);
    display: flex !important;
    flex-direction: column;
    position: fixed;
    z-index: 9;
    overflow: hidden;
    width: 64px;
    border-right: 1px solid var(--border);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sidebar-menu::-webkit-scrollbar {
    width: 7px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.sidebar-menu::-webkit-scrollbar-track {
    background-color: var(--border);
}

.sidebar-menu::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0\.5);
    border-radius: 5px;
}

.sidebar-menu ul {
    width: 100%;
    margin: 0;
    padding: 0;
    gap: 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.siderbar-menu ul li {
    margin: 0 10px;
    width: 300px;
}

.sidebar-menu:hover ul {
    padding: 0 !important;
    z-index: 99999;
}

.active #dropdown-menu-accounts,
.active-force #dropdown-menu-accounts {
    display: inline;
}

#dropdown-menu-accounts.show {
    z-index: 999999 !important;
}

#dropdown-menu-accounts {
    z-index: 0 !important;
}

.dashboard.active .sidebar-menu,
.dashboard.active-force .sidebar-menu {
    width: 240px;
    padding: 8px;
    overflow: visible;
    background: var(--tertiary);
}

.dashboard.active .sidebar-menu::-webkit-scrollbar,
.dashboard.active-force .sidebar-menu::-webkit-scrollbar {
    width: 0px;
}

.dashboard.active .sidebar-menu::-webkit-scrollbar,
.dashboard.active-force .sidebar-menu::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0);
}

.dashboard.active .sidebar-menu::-webkit-scrollbar,
.dashboard.active-force .sidebar-menu::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 0px;
    border: 0px solid rgba(255, 255, 255, 0);
}

.sidebar-menu:hover {
    box-shadow: 0 0 50px 0 rgb(0 0 0 / 10%);
}

body.dark .sidebar-menu:hover {
    box-shadow: 0 0 50px 0 rgba(255, 255, 255, 10%);
}

.dashboard.active .sidebar-menu ul,
.dashboard.active-force .sidebar-menu ul {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0px;
    padding: 0 !important;
    background-color: transparent;
}

.sidebar-menu ul {
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--tertiary);
}

.sidebar-menu ul li {
    background-color: transparent;
}

.sidebar-menu ul .auxiliar {
    color: var(--primary) !important;
}

.sidebar-menu ul .auxiliar i {
    width: 16px;
    height: 16px;
}

.sidebar-menu ul .auxiliar svg {
    width: 14px;
    height: 14px;
    opacity: 0.4;
}

.sidebar-menu ul .active .auxiliar svg {
    opacity: 1;
}

.fstp-mc {
    text-wrap: nowrap;
}

.fstp-mc-select svg {
    margin-left: auto !important;
    margin-right: auto !important;
}

.active-force .fstp-mc-select svg,
.active .fstp-mc-select svg {
    margin: 0.5rem !important;
}

.fstp-mc-select span {
    opacity: 0;
    width: 0;
    height: 0;
}

.active-force .fstp-mc-select span,
.active .fstp-mc-select span {
    opacity: 1;
    width: auto;
    height: auto;
}

.sidebar-menu ul li button {
    transition: height 0.3s;
}

.sidebar-menu ul li a p,
.sidebar-menu ul li button p,
.sidebar-menu .submenu .auxiliar,
.fstp-mc {
    opacity: 0;
    /* display: none; */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sidebar-menu,
.active ul li a p,
.active-force ul li a p,
.sidebar-menu,
.active ul li button p,
.active-force .fstp-mc,
.active .fstp-mc,
.active .submenu .auxiliar,
.active-force ul li button p {
    opacity: 1;
    /* display: flex; */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.fixar-sidebar {
    cursor: pointer;
    min-width: 50px;
    background-color: transparent;
    border: none;
    z-index: 50;
}

.accordion-body .t-link {
    text-overflow: ellipsis;
    width: 145px;
    overflow: hidden;
}

.min-h180 {
    min-height: 180px;
}

.min-h312 {
    min-height: 312px !important;
}

.min-h127 {
    min-height: 127px !important;
}

.max-h127 {
    max-height: 127px !important;
}

.max-h312 {
    max-height: 312px !important;
}

.min-h-350px {
    min-height: 350px;
}

.min-h-400px {
    min-height: 400px;
}

.min-w-\[8rem\] {
    min-width: 8rem;
}

.min-w-\[9rem\] {
    min-width: 9rem;
}

.min-w-\[10rem\] {
    min-width: 10rem;
}

.min-w-\[11rem\] {
    min-width: 11rem;
}

.min-w-\[12rem\] {
    min-width: 12rem;
}

.fixar-sidebar svg path {
    stroke: var(--primary) !important;
}

.sidebar-menu ul li {
    display: flex;
    flex-direction: row;
    list-style: none;
}

.sidebar-menu .fixar-sidebar i {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.dashboard>.sidebar-menu .btn-sidebar {
    position: relative;
    width: 300px;
    height: 50px;
    text-align: left;
    padding: 10px 20px;
    display: flex;
    align-items: center;
}

.dashboard>.sidebar-menu .link-sidebar {
    position: relative;
    width: 100%;
    height: fit-content;
    text-align: left;
    border-radius: 6px;
    z-index: 999;
}

.dashboard>.sidebar-menu .link-sidebar a {
    padding: 4px 15px;
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
    flex-direction: row;
    justify-content: start;
    color: var(--primary) !important;
    background-color: transparent;
}

.side-menu {
    position: relative;
}

.side-menu::before {
    content: "";
    position: absolute;
    height: 100%;
    left: 22px;
    top: 50%;
    width: 2px;
    border-radius: 50%;
    background: -webkit-gradient(linear,
            left bottom,
            left top,
            color-stop(0%, transparent),
            color-stop(10%, var(--quatenary)),
            color-stop(90%, var(--quatenary)),
            to(transparent));
    transform: translateY(-50%);
}

.sublink-sidebar {
    padding: 4px 15px 4px 42px !important;
}

.submenu-active::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--primary);
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
}

.active>.dashboard>.sidebar-menu .link-sidebar a {
    padding: 4px 8px !important;
}

.dashboard>.sidebar-menu .link-sidebar .flex-row .auxiliar {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.dashboard>.sidebar-menu .link-sidebar button {
    color: var(--primary);
}

.dashboard>.sidebar-menu .btn-sidebar i,
.dashboard>.sidebar-menu .link-sidebar i {
    font-size: 16px;
    font-weight: 900;
}

.dashboard>.sidebar-menu .btn-sidebar {
    position: relative;
    width: 300px;
    height: 50px;
    text-align: left;
    padding: 10px 20px;
    display: flex;
    align-items: center;
}

.dashboard>.content {
    width: calc(100% - 64px);
    min-height: calc(100vh - 96px);
    overflow-x: hidden;
    z-index: auto;
    margin-left: 64px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.dashboard.active>.content,
.dashboard.active-force>.content {
    width: calc(100vw - 257px);
    margin-left: 240px;
}

.dashboard>.content.active,
.dashboard>.content.active-force {
    margin-left: 0;
}

.dashboard .w-content {
    width: calc(100% - 64px);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.dashboard.active .w-content,
.dashboard.active-force .w-content {
    width: calc(100vw - 255px);
}

.accordion-button {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 4px 15px;
    height: fit-content;
    font-size: 1rem;
    text-align: left;
    background-color: transparent;
    border: 0;
    border-radius: 6px;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none !important;
}

.accordion-button:not(.collapsed) svg {
    transform: rotate(-180deg);
}

.accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
}

.accordion-button:not(.collapsed)::after {
    background-image: url("../img/svg/arrow-down-white.svg");
    transform: rotate(-180deg);
}

.accordion-button::after {
    background-image: url("../img/svg/arrow-down-white.svg");
    height: 0.7em;
    background-size: 13px;
    background-position: center center;
    margin-right: auto;
    margin-left: 0;
    display: none;
}

.accordion-button-accounts {
    display: flex !important;
    flex-direction: row !important;
    justify-content: start !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 4px 8px !important;
    height: fit-content !important;
}

.component-accordion-item-accounts {
    padding: 4px 8px !important;
}

.component-accordion-item {
    border: 0px;
    background-color: transparent !important;
}

.ccordion-item .btn-sidebar i,
.component-accordion-item .link-sidebar i {
    font-size: 13px;
    font-weight: 900;
}


.accordion-body {
    padding: 0;
}

.t-link {
    text-wrap: nowrap;
}

.menu-mobile .side-link:hover {
    background-color: #0000;
}

.my-12px {
    margin-top: 12px;
    margin-bottom: 12px;
}

.menu-mobile .my-12px {
    margin-top: 8px;
    margin-bottom: 0px;
    padding-bottom: 8px;
}

.menu-mobile .side-link .accordion-button {
    padding-left: 0;
    padding-right: 0;
}

.menu-mobile .component-accordion-item .accordion-collapse .accordion-body ul {
    list-style: none;
    padding-left: 0 !important;
}

.menu-mobile li a {
    color: var(--foreground);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: .5rem 0;
}

.menu-mobile li {
    border-bottom: 1px solid var(--border);
}

.menu-mobile li:last-child {
    border-bottom: none;
}

.menu-mobile a svg {
    height: 1rem;
    width: 1rem;
}

.menu-mobile {
    list-style: none;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.menu-mobile .logo {
    height: 40px;
    width: 100% !important;
    opacity: 1;
    transition: all .4s;
    position: inherit !important;
    transform: none;
    margin-top: auto;
    object-fit: contain;
    object-position: left;
}

.menu-mobile .sidebar-content {
    opacity: 1;
}

.accordion-body .t-link {
    font-family: "Inter", sans-serif;
    padding-left: 1.25rem;
}

.auxiliar {
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.accordion-body .link-sidebar .auxiliar i {
    font-size: 10px !important;
    position: relative;
}

.dashboard>.sidebar-menu .btn-sidebar i,
.dashboard>.sidebar-menu .link-sidebar i {
    font-size: 16px;
    font-weight: 900;
}

.side-link {
    border: 1px solid transparent;
}

.side-link.active,
.side-link.active-force {
    background-color: var(--active);
}

.side-link.active a p,
.side-link.active button p {
    color: var(--foreground) !important;
}

.side-link:hover {
    background-color: var(--active);
    color: var(--muted-foreground);
}

.btn_conta_bancaria {
    color: var(--primary);
    background-color: var(--muted);
    font-size: 14px;
    font-weight: 400;
    border-radius: 0px;
    height: 40px;
    padding: 5px 0;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--border);
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.btn_conta_bancaria:hover {
    background-color: var(--border);
    border-bottom: 1px solid var(--input);
    color: var(--secondary-foreground);
}

.table-container {
    border: 1px solid var(--border);
}

.table-container tbody tr {
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.table-container tbody tr:last-child {
    border-bottom: none;
}

.table-container tbody tr td .tag_positive {
    background-color: rgb(59, 180, 45, .2);
    color: rgb(59, 180, 45, 1);
    width: 120px;
    text-align: center;
}

.table-container tbody tr td .tag_negative {
    background-color: rgb(255, 0, 0, .2);
    color: rgb(255, 0, 0, 1);
    width: 120px;
    text-align: center;
}

tbody tr td.mask {
    max-width: 200px;
    overflow: hidden;
    mask-image: linear-gradient(90deg, var(--background) 60%, transparent);
}

tbody tr td.mask span,
tbody tr td.mask p {
    text-wrap: nowrap;
    text-overflow: ellipsis;
}

tbody tr td .ellipsis-single-line {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-container .form-check {
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

.responsive-table {
    width: 100%;
}

.responsive-table tbody tr {
	border-bottom: 1px solid var(--input);
	box-shadow: none;
	border-radius: 6px !important;
}

.responsive-table tbody tr td {
	border-bottom: 1px solid var(--input);
}


.responsive-table>:not(:last-child)>:last-child>*,
.responsive-table>tbody>tr>td{
	border: none;
	border-bottom: 1px solid var(--input);
	padding: 10px 12px;
}

.responsive-table>tbody>tr:last-child>td {
	border-bottom: none;
}

@media (max-width: 1199px) {
    .responsive-table>tbody>tr:last-child>td {
        border-bottom: 1px solid var(--input);
    }

    .responsive-table>tbody>tr>td:last-child {
        border: none;
        margin-left: auto;
    }
	.responsive-table tbody tr td {
		display: block;
		text-align: right;
		position: relative;
	}

	.responsive-table tbody tr td::before {
		content: attr(data-title);
		position: absolute;
        max-width: 50%;
        text-align: start;
		display: block;
		font-weight: 600;
		font-size: 1em;
	}

	.responsive-table thead {
		display: none;
	}

	.responsive-table tbody tr {
		margin-bottom: 10px;
		display: block;
		border: 1px solid var(--input);
		box-shadow: 3px 2px 5px rgb(0 0 0 / 22%);
	}

    .responsive-table>tbody>tr>td {
        border-bottom: 1px solid var(--input);
    }

    .responsive-table>:not(:last-child)>:last-child>* {
        border: none;
    }

    .responsive-table td > *:not(script):not(.d-flex) {
        display: inline-block !important;
        text-align: right;
    }

    .responsive-table td > .d-flex {
        justify-content: flex-end;
    }
}

.form-select {
    width: auto !important;
    background-color: transparent !important;
    border: 1px solid var(--border);
    color: var(--primary);
    fill: var(--foreground);
    background-image: var(--chevrons-up-down) !important;
}

.form-select option:hover {
    background-color: var(--muted) !important;
}

.form-select option:hover {
    background-color: #ccc !important;
    color: #fff !important;
}

.form-select:focus {
    box-shadow: none !important;
    border: 1px solid var(--border) !important;
    border-radius: 6px;
}

.pagination .paginador {
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px;
    cursor: pointer;
}

.pagination .paginador:hover {
    background-color: var(--muted);
}

.pagination .paginador svg path {
    stroke: var(--primary) !important;
}

.table-container .form-check .form-check-input {
    float: none !important;
    margin-left: 0 !important;
    background-color: transparent;
    border: 1px solid var(--primary);
}

.table-container .form-check .form-check-input:focus {
    outline: none !important;
    box-shadow: none !important;
}

.table-container .btn.sort-btn,
.table-container .th {
    color: var(--muted-foreground) !important;
}

.table-container tbody tr td span.tag {
    border: 1px solid var(--primary);
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 12px;
}

.table-container tbody tr td.opcoes .dropdown-menu {
    border-radius: 8px;
    background-color: var(--background) !important;
    border: 1px solid var(--border) !important;
}

.table-container tbody tr td.opcoes .dropdown-menu li a {
    color: var(--primary) !important;
}

.table-container tbody tr td.opcoes .dropdown-menu li a:hover {
    background-color: var(--muted) !important;
}

.dropdown-submenu,
.dropdown-menu.show {
    background: var(--background);
    border: 1px solid var(--border);
    border-radius: 10px;
}

hr {
    color: var(--border);
    height: 1px;
    opacity: 1;
}

.table-container tbody tr td.opcoes .dropdown-menu hr {
    margin: 0 !important;
    color: var(--border) !important;
    border: 1px solid var(--border) !important;
}

.form-group {
    display: flex;
    position: relative;
    padding-bottom: 24px;
}

.form-group input,
.form-group textarea {
    border: 1px solid var(--border);
    border-radius: 6px;
    background-color: var(--background);
    color: var(--primary) !important;
}

.form-group input:focus,
.form-group textarea:focus {
    background-color: var(--background);
    border: 1px solid var(--input) !important;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(1, 150, 237, 0.36) 0px 0px 0px 4px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(64, 68, 82, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px !important;
}

form .form-group .with-errors {
    position: absolute;
    bottom: 6px;
}

form .form-group .input-group {
    margin-top: 0;
}

form .form-group.has-error .with-errors {
    color: var(--destructive);
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    margin: 0;
}

.form-group-dropdown-select:has(.form-group.has-error) .dropdown button {
    border-color: var(--destructive) !important;
}

form .form-group.has-error input,
form .form-group.has-error textarea,
form .form-group.has-error input::placeholder,
form .form-group.has-error textarea::placeholder {
    border-color: var(--destructive) !important;
    color: var(--destructive) !important;
}

form .form-group.has-error input:focus,
form .form-group.has-error textarea:focus {
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(238, 68, 68, 0.36) 0px 0px 0px 4px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(64, 68, 82, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px !important;
}

form .form-group .list-unstyled {
    padding: 0;
    margin: 0;
}

.btn {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    transition-duration: .15s !important;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn,
.btn.disabled {
    opacity: .5;
    color: var(--background);
}

.btn:focus-visible {
    color: var(--primary-foreground);
}

.opacity\.5 {
    opacity: .5;
}

.hover\:opacity\.5 {
    opacity: .5 !important;
}

.opacity\.25 {
    opacity: .25;
}

.hover\:opacity-100:hover {
    opacity: 1;
}

.hover\:underline:hover {
    text-decoration: underline;
}

.underline-offset-4 {
    text-underline-offset: 4px;
}

.btn-filter,
.btn-filter:active {
    font-size: .75rem !important;
    line-height: 1rem !important;
    font-weight: 500 !important;
    padding: 0 .75rem 0 .75rem !important;
    background-color: var(--background) !important;
    color: var(--muted-foreground) !important;
    border: 1px dashed var(--border) !important;
    height: 2.25rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.btn-filter:hover {
    background-color: var(--accent) !important;
}

.btn-combobox,
.btn-combobox:active {
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    font-weight: 500 !important;
    padding: .5rem 1rem .5rem 1rem !important;
    background-color: var(--background) !important;
    color: var(--foreground) !important;
    border: 1px solid var(--border) !important;
    height: 2.25rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.btn-combobox:hover {
    background-color: var(--accent) !important;
}

.search-filter {
    padding-left: 6px !important;
}

.active\:foreground-background:active {
    color: var(--background) !important;
}

.filter-tag {
    color: var(--secondary-foreground);
    font-weight: 400;
    font-size: .75rem;
    line-height: 1rem;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    background-color: var(--secondary);
    border: 1px solid transparent;
    border-radius: calc(var(--radius) - 4px);
    display: inline;
    align-items: center;
    margin-left: .25rem;
    text-transform: capitalize;
}

.bg-primary {
    background-color: var(--primary) !important;
}

.bg-tertiary {
    background-color: var(--tertiary);
}

.bg-quatenary {
    background-color: var(--quatenary);
}

.bg-primary:hover {
    filter: opacity(.9);
    color: var(--primary-foreground);
}

.bg-secondary {
    background-color: var(--secondary) !important;
    color: var(--foreground);
}

.bg-secondary:hover {
    filter: opacity(.9);
    color: var(--foreground);
}

.bg-destructive {
    background-color: var(--destructive) !important;
    color: var(--primary-foreground);
}

.bg-destructive:hover {
    filter: opacity(.9);
    color: var(--primary-foreground);
}

.bg-background {
    background-color: var(--background) !important;
    color: var(--foreground) !important;
}

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

.text-nowrap {
    text-wrap: nowrap;
}

.bg-accent {
    background-color: var(--accent) !important;
}

.bg-accent-\[50\] {
    background-color: var(--accent-50) !important;
}

.hover\:bg-accent:hover {
    background-color: var(--accent) !important;
}

.hover\:bg-background:hover {
    background-color: var(--background) !important;
}

.hover\:underline:hover {
    text-decoration: underline !important;
}

.hover\:text-decoration-none {
    text-decoration: none !important;
}

.border-1 {
    border: 1px solid transparent;
}

.border-1-b {
    border-bottom: 1px solid transparent;
}

.border-1-t {
    border-top: 1px solid transparent;
}

.border-input {
    border-color: var(--input) !important;
}

.border-accent {
    border-color: var(--accent) !important;
}

.border-background {
    border-color: var(--background) !important;
}

.w-0 {
    width: 0;
}

.w-1 {
    width: 0.25rem;
}

.w-1\.5 {
    width: 6px;
}

.w-2 {
    width: 0.5rem;
}

.w-3 {
    width: 0.75rem;
}

.w-3\.5 {
    width: 0.875rem;
}

.w-4 {
    width: 1rem;
}

.w-5 {
    width: 1.25rem;
}

.w-6 {
    width: 1.5rem;
}

.w-7 {
    width: 1.75rem !important;
}

.w-8 {
    width: 2rem !important;
}

.w-9 {
    width: 2.25rem;
}

.w-10 {
    width: 2.5rem !important;
}

.w-12 {
    width: 3rem;
}

.w-13 {
    width: 3.5rem;
}

.w-16 {
    width: 4rem;
}

.w-20 {
    width: 5rem;
}

.w-24 {
    width: 6rem;
}

.w-32 {
    width: 8rem;
}

.w-40 {
    width: 10rem;
}

.w-48 {
    width: 12rem;
}

.w-56 {
    width: 14rem;
}

.w-64 {
    width: 16rem;
}

.w-auto {
    width: auto;
}

.w-full {
    width: 100%;
}

.w-screen {
    width: 100vw;
}

.w-fit {
    width: fit-content !important;
}

.min-w-fit {
    min-width: fit-content !important;
}

.max-w-600px {
    max-width: 600px;
}

.max-w-350px {
    max-width: 350px;
}

.max-w-120px {
    max-width: 120px;
}

.max-w-xs {
    max-width: 20rem;
}

.h-0 {
    height: 0;
}

.h-1 {
    height: 0.25rem;
}

.h-1\.5 {
    height: 6px;
}

.h-2 {
    height: 0.5rem;
}

.h-3 {
    height: 0.75rem;
}

.h-3\.5 {
    height: 0.875rem;
}

.h-4 {
    height: 1rem;
}

.h-5 {
    height: 1.25rem;
}

.h-6 {
    height: 1.5rem !important;
}

.h-7 {
    height: 1.75rem !important;
}

.h-8 {
    height: 2rem !important;
}

.h-10 {
    height: 2.5rem;
}

.h-12 {
    height: 3rem;
}

.h-13 {
    height: 3.5rem;
}

.h-16 {
    height: 4rem;
}

.h-20 {
    height: 5rem;
}

.h-24 {
    height: 6rem;
}

.h-32 {
    height: 8rem;
}

.h-40 {
    height: 10rem;
}

.h-48 {
    height: 12rem;
}

.h-56 {
    height: 14rem;
}

.h-64 {
    height: 16rem;
}

.h-auto {
    height: auto;
}

.h-full {
    height: 100%;
}

.h-fit {
    height: fit-content !important;
}

.h-screen {
    height: 100vh;
}

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

.bg-login {
    background-image: url("../img/login-img.png");
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.togglePassword {
    position: absolute;
    right: 0;
    top: 50%;
    bottom: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    height: calc(100% - 4px);
    padding: 0 .5rem;
    border: none !important;
    outline: none;
    box-shadow: none;
    margin-right: 2px;
    background-color: var(--background) !important;
    color: var(--foreground) !important;
    border-radius: 0 calc(var(--radius) - 2px) calc(var(--radius) - 2px) 0;
}

.gap-1\.5 {
    gap: 0.375rem;
}

.gap-2\.5 {
    gap: .625rem;
}

.ui-accordion-button {
    padding: 1rem 0 !important;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    border: none !important;
    box-shadow: none !important;
}

.ui-accordion-body {
    padding: 0 0 1rem 0 !important;
    font-size: .875rem;
    line-height: 1.25rem;
}

.ui-accordion-button:hover {
    text-decoration: underline;
}

.ui-accordion-button::after {
    display: none;
}

.ui-accordion,
.ui-component-accordion-item,
.ui-accordion-button {
    background: var(--background) !important;
    color: var(--foreground) !important;
}

.ui-accordion-button:not(.collapsed) {
    background: var(--muted) !important;
}

.ui-component-accordion-item {
    border-bottom: 1px solid var(--border);
}

.ui-accordion-button svg {
    transition: transform ease-in-out 0.3s;
    transform: rotate(0deg);
}

.ui-accordion-button:not(.collapsed) svg {
    transform: rotate(180deg);
}

.modal-media .modal-top {
    height: 87px;
}

.modal-media .modal-footer {
    height: 70px;
}

.modal-media .modal-body {
    height: calc(100vh - 87px - 70px - 48px);
}

.modal-dialog.modal-dialog-centered.modal-xl.modal-media {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    margin: 0;
}

.modal-media .modal-header {
    border: none;
}

.modal-media .nav-tabs {
    padding: 0 10px !important;
}

.modal-dialog .modal-body {
    border-radius: 14px !important;
}

.modal-dialog .modal-body .content-files {
    width: calc(100% - 350px);
}

.modal-dialog .modal-body .content-unique-file {
    width: 350px;
    border-left: 1px solid var(--border);
    padding: 20px;
    background-color: #f6f7f7;
    overflow-y: auto;
    height: 100%;
    background-color: var(--background);
}

@media (max-width: 743px) {
    .modal-dialog .modal-body .content-unique-file {
        max-height: 300px;
        width: 100%;
    }

    .lesson-content {
        margin-bottom: 24px;
    }

    .section-vertical {
        min-width: 310px !important;
        width: 100% !important;
        max-width: 310px !important;
        min-height: 519px !important;
        max-height: 519px !important;
    }

    .cookies-popup {
        max-width: 100% !important;
        width: 100% !important;
        bottom: 0 !important;
        right: 0 !important;
        padding: 26px;
        border-radius: 14px 14px 0 0 !important;
    }
}

.modal-dialog .modal-body .content-unique-file img {
    width: 150px !important;
    height: 150px !important;
    object-fit: cover;
}

.modal-dialog .modal-body .content-unique-file textarea,
.modal-dialog .modal-body .content-unique-file input,
.modal-dialog .modal-body .content-unique-file button {
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 4px;
    background-color: var(--background);
    padding: 5px;
    font-size: 12px;
    color: var(--secondary-foreground);
}

.modal-footer {
    border-top: 1px solid var(--border);
}

.modal-body #file-list {
    list-style: none;
}

.modal-body #file-list li,
.modal-body #file-list li img {
    width: 148px;
    height: 148px;
    object-fit: cover;
}

.modal-body #file-list li.file-item.active {
    box-shadow: 0px 0px 0px 4px var(--primary);
    border-radius: 0px;
}

.modal-body #file-list li.file-item .box-check {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background-color: var(--primary);
    border-radius: 0px;
    margin-top: -12px;
    margin-right: -12px;
}

.modal-body #file-list li.file-item .box-check img {
    width: 16px;
    height: 16px;
    filter: invert(1);
    border: none;
}

#modalTerms .box-aceita-termo {
    max-height: 400px;
    overflow-y: auto;
}

.box_media {
    position: relative;
    width: 100%;
}

.box_media>img {
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%;
    max-width: 260px;
    border-radius: 6px;
}

.box_media>.btn-trash {
    position: absolute;
    top: -12px;
    right: -12px;
}

.box_media>.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--foreground);
    font-size: 24px;
    font-weight: 900;
    cursor: pointer;
    transition: all 0.3s;
}

.box_media>.overlay:hover {
    opacity: 1;
}

/* .box_media_actions {
    max-width: 260px !important;
} */

body.dark .modal-body #file-list li.file-item .box-check img {
    filter: invert(0);
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.lucide-rotate-cw {
    animation: rotate 1s linear infinite;
}

.lucide-loader {
    animation: rotate 1.85s linear infinite;
}

.p-btn-xs {
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
}

.padding-1 {
    padding: 0.25rem;
}

.bg-muted {
    background-color: var(--muted) !important;
}

.bg-muted-darker {
    background-color: var(--muted-darker) !important;
}

.h-px {
    height: 1px;
}

.rounded-4px {
    border-radius: 4px !important;
}

.rounded-sm {
    border-radius: calc(var(--radius) - 4px);
}

.font-normal {
    font-weight: 400;
}

.py-1\.5 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
}

.px-1\.5 {
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important;
}

.px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.lucide-command path {
    fill: var(--background) !important;
}

.opacity-0 {
    opacity: 0;
}

.opacity-60 {
    opacity: 0.6;
}

.opacity-70 {
    opacity: 0.7;
}

.nav.nav-tabs {
    border: none;
    background-color: var(--secondary);
    padding: 0.225rem;
    border-radius: calc(var(--radius) - 4px);
}

.nav.nav-tabs .nav-link {
    background-color: transparent !important;
    padding: 0.225rem 3rem !important;
    border: none;
    color: var(--muted-foreground) !important;
    font-size: 14px;
    font-weight: 500;
    border-radius: calc(var(--radius) - 4px);
}

.nav.nav-tabs .nav-link.active {
    background-color: var(--background) !important;
    color: var(--primary) !important;
    border: calc(var(--radius) - 4px);
}

.nav.nav-tabs {
    border: none;
    background-color: var(--secondary);
    padding: 0.225rem;
    border-radius: calc(var(--radius) - 4px);
}

.nav.nav-tabs .nav-link {
    background-color: transparent !important;
    padding: 0.225rem 3rem !important;
    border: none;
    color: var(--muted-foreground) !important;
    font-size: 14px;
    font-weight: 500;
    border-radius: calc(var(--radius) - 4px);
}

.nav.nav-tabs .nav-link.column {
    margin: 10px 5px !important;
    padding: 10px 10px !important;
}

.nav.nav-tabs .nav-link.active {
    background-color: var(--background) !important;
    color: var(--primary) !important;
    border: calc(var(--radius) - 4px);
}

.nav-underline {
    padding: 0 !important;
    background-color: var(--background) !important;
    border-bottom: 1px solid var(--border) !important;
    width: 100%;
    border-radius: 0 !important;
}

.nav-underline-content .tab-pane {
    padding: 0 !important;
    background-color: var(--background) !important;
    border: none !important;
    width: 100%;
    border-radius: 0 !important;
}

.list {
    list-style: none;
    padding-left: 1rem;
}

.list-style-none {
    list-style: none;
}

.nav.nav-underline .nav-link.active,
.nav.nav-underline .nav-link {
    padding: .5rem .75rem !important;
    border-radius: 0 !important;
}

.nav.nav-underline .nav-link.active {
    border-bottom: 2px solid var(--primary) !important;
}

.code {
    background-color: #09090B;
    color: #ffff;
    padding: 2rem !important;
    border-radius: 6px;
}

.code-span {
    background-color: var(--muted);
    font-size: .875rem;
    line-height: 1.25rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    padding: 0.2rem .3rem;
    border-radius: 0.25rem;
}

.spancode {
    font-size: .85rem;
    line-height: 1.25rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    color: var(--muted-foreground);
    text-decoration: underline;
    text-decoration-style: dotted;
}

pre {
    margin: 0;
    max-height: 400px;
    background-color: #09090B;
}

pre::-webkit-scrollbar {
    height: .4rem;
    width: .4rem;
    background-color: #09090B;
}

pre::-webkit-scrollbar-track {
    background-color: #09090B;
    height: .4rem;
    width: .4rem;
}

pre::-webkit-scrollbar-thumb {
    background-color: #ffff;
    height: .4rem;
    border-radius: 10px;
}

.select2-results__options::-webkit-scrollbar {
    height: .4rem;
    width: .4rem;
    background-color: var(--background) !important;
}

.select2-results__options::-webkit-scrollbar-track {
    background-color: var(--background) !important;
    height: .4rem;
    width: .4rem;
}

.select2-results__options::-webkit-scrollbar-thumb {
    background-color: var(--border) !important;
    height: .4rem;
    border-radius: 10px;
}

.horizontal-hr {
    background-color: var(--border);
    width: 1px;
    height: 1rem;
    margin: 0 .5rem;
}

.tab-pane.fade {
    /*border: 1px solid var(--border);*/
    /*border-radius: 6px;*/
    /*padding: 10px 20px;*/
    background-color: var(--background);
    color: var(--primary) !important;
}

.top-1 {
    top: 1rem;
}

.end-1 {
    right: 1rem;
}

.mobile-menu {
    height: 64px;
    width: 64px;
    display: none;
}

.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
    background: rgba(0, 0, 0, .8) !important;
}

.swal2-container.swal2-top-end>.swal2-popup,
.swal2-container.swal2-center>.swal2-popup {
    background-color: var(--tertiary) !important;
}

.swal2-html-container {
    text-align: left !important;
    padding: 0 !important;
    color: var(--accent-foreground) !important;
    font-size: .875rem !important;
}

.swal2-html-container p {
    line-height: 140% !important;
}

.swal2-title {
    font-weight: 600 !important;
    font-size: 1.125rem !important;
    line-height: 1 !important;
    color: var(--foreground) !important;
    letter-spacing: -.025em !important;

    position: relative;
    padding: 0 !important;
    margin-bottom: 15px !important;
    text-align: start !important;
    text-transform: none;
    word-wrap: break-word;
}

.swal2-popup {
    padding: 1.5rem !important;
    border-radius: 8px !important;
}

.swal2-icon {
    display: none !important;
}

.swal2-toast .swal2-icon {
    display: flex !important;
}

.swal2-popup.swal2-toast .swal2-title {
    font-size: 16px !important;
}

.swal2-popup.swal2-toast {
    box-shadow: 0 0 0.1em var(--primary) !important;
    background-color: var(--tertiary) !important;
}

.swal2-actions {
    gap: .75rem !important;
}

.swal2-deny.swal2-styled {
    border: 0 !important;
    border-radius: 6px !important;
    background-color: var(--destructive) !important;
    color: #fff !important;
    padding: .5rem 1rem !important;
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    margin: 0 !important;
}

.swal2-styled.swal2-confirm {
    border: 0 !important;
    border-radius: 6px !important;
    background-color: var(--primary) !important;
    color: var(--primary-foreground) !important;
    padding: .5rem 1rem !important;
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    margin: 0 !important;
}

.swal2-cancel.swal2-styled {
    border: 1px solid var(--border) !important;
    border-radius: 6px !important;
    background-color: var(--background) !important;
    color: var(--foreground) !important;
    padding: .5rem 1rem !important;
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    margin: 0 !important;
}

.swal2-styled.swal2-confirm:focus {
    box-shadow: 0 0 0 3px var(--destak-opacity) !important;
}

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

.swal2-file,
.swal2-input,
.swal2-textarea {
    margin: 30px 0 0 0 !important;
    border: 1px solid var(--border) !important;
    font-size: 14px !important;
}

.swal2-file,
.swal2-input,
.swal2-textarea:focus {
    box-shadow: inset 0 1px 1px var(--border), 0 0 0 3px var(--border) !important;
}

.swal2-container.swal2-top-end>.swal2-popup,
.swal2-container.swal2-top-right>.swal2-popup {
    padding: 12px 16px !important;
    border-radius: 10px !important;
    border: 1px solid var(--input);
    box-shadow: 0px 8px 54px #58585847 !important;
}

.swal2-popup.swal2-toast .swal2-html-container {
    margin: 0 0 1.2rem 0 !important;
}

.swal2-popup.swal2-toast .swal2-icon {
    transform: scale(0.75) !important;
    align-self: start !important;
}

.swal2-popup.swal2-toast .swal2-title {
    margin: 8px 0px 6px !important;
    font-weight: 500 !important;
}

.swal2-timer-progress-bar {
    background: var(--muted) !important;
}

.swal2-timer-progress-bar-container,
.swal2-timer-progress-bar {
    height: 4px !important;
    border-radius: 4px;
}

.swal2-timer-progress-bar-container {
    padding: 14px 10px !important;
}

body.swal2-toast-shown .swal2-container {
    height: fit-content !important;
    background-color: transparent !important;
}

.modal {
    backdrop-filter: blur(3px);
}

.modal-content {
    background-color: var(--background);
    border: 1px solid var(--border);
    border-radius: 14px !important;
}

.truncate {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.dark .btn-close {
    filter: invert(1);
}

.col-12-1230-50 {
    width: 33.33%;
}

.col-12-1230-100 {
    width: 33.33%;
}

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

.my-plans-card {
    height: 350px;
}

.profile-avatar {
    width: 180px;
    height: 180px;
}

.keep-watching .link-keep-watching {
    min-width: 450px;
    max-width: 450px;
}

@media only screen and (max-width: 768px) {
    .md\:w-full {
        width: 100% !important;
    }

    .md\:hidden {
        display: none;
    }

    .md\:block {
        display: block !important;
    }

    .md\:flex {
        display: flex !important;
    }

    .fixar-sidebar,
    .dashboard .sidebar-menu,
    .nav-content .search-input,
    .toggle-menu {
        display: none !important;
    }

    .show-sheet {
        display: block !important;
    }

    .dashboard.active>.content,
    .dashboard.active-force>.content,
    .dashboard>.content {
        width: calc(100vw);
        margin-left: 0;
    }

    .banner-tablet {
        display: inline-block !important;
    }

    .banner-desktop,
    .banner-mobile {
        display: none !important;
    }

    .section-vertical {
        min-width: 299px !important;
        width: 100% !important;
        max-width: 299px !important;
    }

    .section-vertical-overlay {
        bottom: 0 !important;
        opacity: 1 !important;
        background-image: linear-gradient(0deg, var(--background) 60%, transparent) !important;
    }

    .contents > .btn-slide {
        opacity: 0 !important;
        z-index: 0 !important;
    }
}

@media only screen and (max-width: 1280px) {
    .lg\:col-10 {
        width: 83.333333%;
    }

    .lg\:hidden {
        display: none;
    }

    .col-12-1230-50 {
        width: 50%;
    }

    .col-12-1230-100 {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .md\:col-10 {
        width: 83.333333%;
    }

    .md\:col-11 {
        width: 91.666667%;
    }

    .md\:col-12 {
        width: 100%;
    }

    .md\:hidden {
        display: none !important;
    }

    .md\:block {
        display: block;
    }

    .md\:flex {
        display: flex !important;
    }

    .md-flex-column {
        flex-direction: column;
    }

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

    .mobile-menu {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .logo {
        width: 48px !important;
    }

    .gap-md-0 {
        gap: 0 !important;
    }

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

    .md\:mt-12 {
        margin-top: 12px !important;
    }

    .swiper-slide {
        min-width: 612.5px !important;
        max-width: 612.5px !important;
        margin-right: 15px !important;
    }
}

@media only screen and (max-width: 425px) {
    .sm-flex-column {
        flex-direction: column;
    }

    .sm-flex-wrap {
        flex-wrap: wrap;
    }

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

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

    .banner-mobile {
        display: inline-block !important;
    }

    .banner-desktop,
    .banner-tablet {
        display: none !important;
    }

    .keep-watching .link-keep-watching {
        min-width: 300px !important;
        max-width: 300px !important;
    }

    .keep-watching img {
        max-height: 120px !important;
    }

    .swiper-slide {
        min-width: 357.727px !important;
        max-width: 357.727px !important;
        margin-right: 15px !important;
    }
}

.letter-space-menus-025 {
    letter-spacing: -.025em;
}

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

.border-destructive {
    border-color: var(--destructive) !important;
}

.foreground-destructive {
    color: var(--destructive) !important;
}

.border-secondary-foreground {
    border-color: var(--secondary-foreground) !important;
}

.modal {
    background-color: rgba(0, 0, 0, .6);
}

.text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
}

.text-xs {
    font-size: 12px !important;
    line-height: 1rem !important;
}

.tracking-widest {
    letter-spacing: .1em;
}

.leading-3 {
    line-height: 12px;
}

.leading-4 {
    line-height: 16px;
}

.leading-5 {
    line-height: 20px;
}

.leading-6 {
    line-height: 24px;
}

.leading-7 {
    line-height: 28px;
}

.leading-8 {
    line-height: 32px;
}

.leading-9 {
    line-height: 36px;
}

.leading-10 {
    line-height: 40px;
}

.leading-none {
    line-height: 1;
}

.leading-tight {
    line-height: 1.25;
}

.leading-snug {
    line-height: 1.375;
}

.leading-normal {
    line-height: 1.5;
}

.leading-relaxed {
    line-height: 1.625;
}

.leading-loose {
    line-height: 2;
}

.p-6 {
    padding: 1.5rem;
}

.dotted-bg {
    inset: 0;
    background-color: white;
    background-image: radial-gradient(circle, #e5e7eb 1px, transparent 1px);
    background-size: 16px 16px;
}

.space-y-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.375rem* calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.375rem* var(--tw-space-y-reverse));
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem* calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem* var(--tw-space-y-reverse));
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem* var(--tw-space-x-reverse));
    margin-left: calc(0.5rem* calc(1 - var(--tw-space-x-reverse)));
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem* var(--tw-space-x-reverse));
    margin-left: calc(1rem* calc(1 - var(--tw-space-x-reverse)));
}

.dropdown-menu li {
    position: relative;
}

.dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
}

.sub-menu-trigger:hover .dropdown-submenu {
    display: block;
}

.max-h-\[350px\] {
    max-height: 350px;
    overflow-y: scroll;
}

.max-h-\[350px\]::-webkit-scrollbar {
    width: .4rem;
}

.max-h-\[350px\]::-webkit-scrollbar-track {
    background-color: #09090B;
    width: .4rem;
}

.max-h-\[350px\]::-webkit-scrollbar-thumb {
    background-color: #ffff;
    width: .4rem;
    border-radius: 10px;
}

.search-modal {
    background-color: var(--background);
    border-radius: 8px;
    overflow: hidden;
    border: none;
    border: 1px solid var(--border);
}

.search-modal .modal-header {
    border: none;
    background-color: var(--background);
    border-bottom: 1px solid var(--input);
}

.search-modal .modal-header .form-control {
    border: none;
    box-shadow: none;
    padding: .75rem 0 !important;
    background-color: var(--background);
    color: var(--primary);
}

.search-modal .modal-header .p-1 {
    padding: 0 .75rem !important;
    height: 44px;
    width: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-modal .modal-header .p-1 svg {
    width: 16px;
    height: 16px;
}

body.dark .search-modal .modal-header .p-1 svg {
    filter: invert(1);
}

.search-modal .modal-body {
    display: flex;
    flex-direction: column;
}

.search-modal .modal-body .btn-suggestion {
    padding: .5rem;
    color: var(--primary);
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    font-size: .875rem;
    line-height: 1.25rem;
}

.divider {
    border-top: 1px solid var(--border);
}

.search-modal .modal-body .btn-suggestion:hover {
    background-color: var(--muted);
}

.search-modal .modal-body .btn-suggestion svg {
    stroke: var(--primary);
}

.modal-header .btn-close {
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(.7);
}

.btn-close:focus {
    box-shadow: 0 0 0 0.2rem var(--input);
}

.sonner {
    position: fixed;
    z-index: 9999;
    min-width: 30vw;
    width: 30vw;
    min-height: 0;
    height: 20vh;
    overflow: visible;
    pointer-events: none;
    right: 2rem;
    bottom: 2rem;
}

.sonner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateY(calc(-100% * var(--number-of-items)));
    background: transparent;
    z-index: -1;
}

.sonner>div {
    position: absolute;
    bottom: 0;
    right: 0;
    width: max-content;
    background: var(--card);
    padding: 1rem;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    translate: 0 var(--padding);
    opacity: 0;
    font-size: .875rem;
    pointer-events: auto;
    line-height: 1.25rem;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    cursor: default;
    animation: intro 0.3s ease-in-out;
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@keyframes intro {
    from {
        transform: translatey(100%);
        opacity: 0;
    }

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

.sonner div:nth-last-child(1),
.sonner div:nth-last-child(2),
.sonner div:nth-last-child(3) {
    opacity: 1;
}

.sonner:hover div {
    transform: scale(1) translatey(calc(var(--index) * 100%));
}

.sonner:not(:hover) div {
    z-index: var(--index);
    transform: scale(calc(pow(0.97, -1 * var(--index)))) translatey(calc(var(--index) * 16%));
    margin-top: .875rem;
}

.sonner div.out {
    transform: scale(1) translatey(calc(100% + calc(var(--index) * (100% + var(--margin)))));
    opacity: 0;
}

.sonner div:hover,
.sonner div:hover~div {
    transform: scale(1) translatey(calc(var(--index) * (100% + 10px)));
}

.sonner:hover div,
.sonner div:hover {
    transform: scale(1) translatey(calc(var(--index) * (100% + 10px)));
}

.xdsoft_datetimepicker,
.xdsoft_datepicker,
.xdsoft_monthpicker,
.xdsoft_label,
.xdsoft_month,
.xdsoft_year,
.xdsoft_prev,
.xdsoft_next,
.xdsoft_calendar,
.xdsoft_time_box,
.xdsoft_date,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div,
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_label,
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: var(--primary);
    background: var(--background);
}

.xdsoft_datetimepicker .xdsoft_label i {
    opacity: 1;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    color: var(--muted);
    background: var(--primary) !important;
    font-weight: bold !important;
    box-shadow: none;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover,
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: var(--muted) !important;
    background: var(--primary) !important;
    font-weight: bold;
}

.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
    color: var(--primary);
    opacity: 1;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: var(--secondary);
    cursor: default;
    background: var(--primary);
}

.nav-pills {
    color: var(--muted-foreground);
    padding: .25rem;
    background-color: var(--muted);
    border-radius: var(--radius);
    justify-content: start;
    align-items: center;
    display: flex;
    width: fit-content;
    height: 2.25rem;
}

.nav-pills .nav-link {
    color: var(--muted-foreground);
    background-color: var(--muted);
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: 0.25rem 1.75rem;
    border-radius: 4px;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}

.nav-pills .nav-link.active {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    color: var(--foreground);
    background-color: var(--background);
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: 0.25rem 1.75rem;
    border-radius: 4px;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}


.popover-container {
    position: relative;
    display: inline-block;
}

.popover-content {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f9f9f9;
    border: 1px solid var(--border);
    padding: 10px;
    width: min-content;
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    color: var(--popover-foreground);
    padding: 1rem;
    background-color: var(--popover);
    border-radius: calc(var(--radius) - 2px);
    width: 20rem;
    transition: opacity 0.3s, visibility 0.3s;
}

.popover-trigger:hover+.popover-content,
.popover-content:hover {
    visibility: visible;
    opacity: 1;
}

.popover-trigger {
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #f0f0f0;
    cursor: pointer;
}

.focus\:border-none:focus {
    border: none !important;
}

.embla {
    --slide-height: 19rem;
    --slide-spacing: 1rem;
    --slide-size: 100%;
}

.embla__viewport {
    overflow: hidden;
}

.embla__container {
    backface-visibility: hidden;
    display: flex;
    touch-action: pan-y;
    margin-left: calc(var(--slide-spacing) * -1);
}

.embla__slide {
    flex: 0 0 var(--slide-size);
    min-width: 0;
    padding-left: var(--slide-spacing);
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
}

.embla__slide__number {
    box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
    border-radius: 1.8rem;
    font-size: 4rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.embla__controls {
    display: flex;
    flex-direction: column;
    width: fit-content;
}

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

.embla__button {
    -webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0\.5);
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    touch-action: manipulation;
    display: inline-flex;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    padding: 0;
    margin: 0;
    box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
    width: 3.6rem;
    height: 3.6rem;
    z-index: 1;
    border-radius: 50%;
    color: var(--text-body);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    transition: cubic-bezier(.4, 0, .2, 1) .15s;
}

.embla__button:disabled {
    opacity: .4;
}

.embla__button__svg {
    width: 35%;
    height: 35%;
}

.aspect-square {
    aspect-ratio: 1 / 1;
}

.scroll-m-0 {
    scroll-margin: 0px;
}

.scroll-mx-0 {
    scroll-margin-left: 0px;
    scroll-margin-right: 0px;
}

.scroll-my-0 {
    scroll-margin-top: 0px;
    scroll-margin-bottom: 0px;
}

.scroll-ms-0 {
    scroll-margin-inline-start: 0px;
}

.scroll-me-0 {
    scroll-margin-inline-end: 0px;
}

.scroll-mt-0 {
    scroll-margin-top: 0px;
}

.scroll-mr-0 {
    scroll-margin-right: 0px;
}

.scroll-mb-0 {
    scroll-margin-bottom: 0px;
}

.scroll-ml-0 {
    scroll-margin-left: 0px;
}

.scroll-m-px {
    scroll-margin: 1px;
}

.scroll-mx-px {
    scroll-margin-left: 1px;
    scroll-margin-right: 1px;
}

.scroll-my-px {
    scroll-margin-top: 1px;
    scroll-margin-bottom: 1px;
}

.scroll-ms-px {
    scroll-margin-inline-start: 1px;
}

.scroll-me-px {
    scroll-margin-inline-end: 1px;
}

.scroll-mt-px {
    scroll-margin-top: 1px;
}

.scroll-mr-px {
    scroll-margin-right: 1px;
}

.scroll-mb-px {
    scroll-margin-bottom: 1px;
}

.scroll-ml-px {
    scroll-margin-left: 1px;
}


.scroll-m-0\.5 {
    scroll-margin: 0.125rem;
}

.scroll-mx-0\.5 {
    scroll-margin-left: 0.125rem;
    scroll-margin-right: 0.125rem;
}

.scroll-my-0\.5 {
    scroll-margin-top: 0.125rem;
    scroll-margin-bottom: 0.125rem;
}

.scroll-ms-0\.5 {
    scroll-margin-inline-start: 0.125rem;
}

.scroll-me-0\.5 {
    scroll-margin-inline-end: 0.125rem;
}

.scroll-mt-0\.5 {
    scroll-margin-top: 0.125rem;
}

.scroll-mr-0\.5 {
    scroll-margin-right: 0.125rem;
}

.scroll-mb-0\.5 {
    scroll-margin-bottom: 0.125rem;
}

.scroll-ml-0\.5 {
    scroll-margin-left: 0.125rem;
}

.scroll-m-1 {
    scroll-margin: 0.25rem;
}

.scroll-mx-1 {
    scroll-margin-left: 0.25rem;
    scroll-margin-right: 0.25rem;
}

.scroll-my-1 {
    scroll-margin-top: 0.25rem;
    scroll-margin-bottom: 0.25rem;
}

.scroll-ms-1 {
    scroll-margin-inline-start: 0.25rem;
}

.scroll-me-1 {
    scroll-margin-inline-end: 0.25rem;
}

.scroll-mt-1 {
    scroll-margin-top: 0.25rem;
}

.scroll-mr-1 {
    scroll-margin-right: 0.25rem;
}

.scroll-mb-1 {
    scroll-margin-bottom: 0.25rem;
}

.scroll-ml-1 {
    scroll-margin-left: 0.25rem;
}

.scroll-m-1\.5 {
    scroll-margin: 0.375rem;
}

.scroll-mx-1\.5 {
    scroll-margin-left: 0.375rem;
    scroll-margin-right: 0.375rem;
}

.scroll-my-1\.5 {
    scroll-margin-top: 0.375rem;
    scroll-margin-bottom: 0.375rem;
}

.scroll-ms-1\.5 {
    scroll-margin-inline-start: 0.375rem;
}

.scroll-me-1\.5 {
    scroll-margin-inline-end: 0.375rem;
}

.scroll-mt-1\.5 {
    scroll-margin-top: 0.375rem;
}

.scroll-mr-1\.5 {
    scroll-margin-right: 0.375rem;
}

.scroll-mb-1\.5 {
    scroll-margin-bottom: 0.375rem;
}

.scroll-ml-1\.5 {
    scroll-margin-left: 0.375rem;
}

.scroll-m-2 {
    scroll-margin: 0.5rem;
}

.scroll-mx-2 {
    scroll-margin-left: 0.5rem;
    scroll-margin-right: 0.5rem;
}

.scroll-my-2 {
    scroll-margin-top: 0.5rem;
    scroll-margin-bottom: 0.5rem;
}

.scroll-ms-2 {
    scroll-margin-inline-start: 0.5rem;
}

.scroll-me-2 {
    scroll-margin-inline-end: 0.5rem;
}

.scroll-mt-2 {
    scroll-margin-top: 0.5rem;
}

.scroll-mr-2 {
    scroll-margin-right: 0.5rem;
}

.scroll-mb-2 {
    scroll-margin-bottom: 0.5rem;
}

.scroll-ml-2 {
    scroll-margin-left: 0.5rem;
}

.scroll-m-2\.5 {
    scroll-margin: 0.625rem;
}

.scroll-mx-2\.5 {
    scroll-margin-left: 0.625rem;
    scroll-margin-right: 0.625rem;
}

.scroll-my-2\.5 {
    scroll-margin-top: 0.625rem;
    scroll-margin-bottom: 0.625rem;
}

.scroll-ms-2\.5 {
    scroll-margin-inline-start: 0.625rem;
}

.scroll-me-2\.5 {
    scroll-margin-inline-end: 0.625rem;
}

.scroll-mt-2\.5 {
    scroll-margin-top: 0.625rem;
}

.scroll-mr-2\.5 {
    scroll-margin-right: 0.625rem;
}

.scroll-mb-2\.5 {
    scroll-margin-bottom: 0.625rem;
}

.scroll-ml-2\.5 {
    scroll-margin-left: 0.625rem;
}

.scroll-m-3 {
    scroll-margin: 0.75rem;
}

.scroll-mx-3 {
    scroll-margin-left: 0.75rem;
    scroll-margin-right: 0.75rem;
}

.scroll-my-3 {
    scroll-margin-top: 0.75rem;
    scroll-margin-bottom: 0.75rem;
}

.scroll-ms-3 {
    scroll-margin-inline-start: 0.75rem;
}

.scroll-me-3 {
    scroll-margin-inline-end: 0.75rem;
}

.scroll-mt-3 {
    scroll-margin-top: 0.75rem;
}

.scroll-mr-3 {
    scroll-margin-right: 0.75rem;
}

.scroll-mb-3 {
    scroll-margin-bottom: 0.75rem;
}

.scroll-ml-3 {
    scroll-margin-left: 0.75rem;
}

.scroll-m-3\.5 {
    scroll-margin: 0.875rem;
}

.scroll-mx-3\.5 {
    scroll-margin-left: 0.875rem;
    scroll-margin-right: 0.875rem;
}

.scroll-my-3\.5 {
    scroll-margin-top: 0.875rem;
    scroll-margin-bottom: 0.875rem;
}

.scroll-ms-3\.5 {
    scroll-margin-inline-start: 0.875rem;
}

.scroll-me-3\.5 {
    scroll-margin-inline-end: 0.875rem;
}

.scroll-mt-3\.5 {
    scroll-margin-top: 0.875rem;
}

.scroll-mr-3\.5 {
    scroll-margin-right: 0.875rem;
}

.scroll-mb-3\.5 {
    scroll-margin-bottom: 0.875rem;
}

.scroll-ml-3\.5 {
    scroll-margin-left: 0.875rem;
}

.scroll-m-4 {
    scroll-margin: 1rem;
}

.scroll-mx-4 {
    scroll-margin-left: 1rem;
    scroll-margin-right: 1rem;
}

.scroll-my-4 {
    scroll-margin-top: 1rem;
    scroll-margin-bottom: 1rem;
}

.scroll-ms-4 {
    scroll-margin-inline-start: 1rem;
}

.scroll-me-4 {
    scroll-margin-inline-end: 1rem;
}

.scroll-mt-4 {
    scroll-margin-top: 1rem;
}

.scroll-mr-4 {
    scroll-margin-right: 1rem;
}

.scroll-mb-4 {
    scroll-margin-bottom: 1rem;
}

.scroll-ml-4 {
    scroll-margin-left: 1rem;
}

.scroll-m-5 {
    scroll-margin: 1.25rem;
}

.scroll-mx-5 {
    scroll-margin-left: 1.25rem;
    scroll-margin-right: 1.25rem;
}

.scroll-my-5 {
    scroll-margin-top: 1.25rem;
    scroll-margin-bottom: 1.25rem;
}

.scroll-ms-5 {
    scroll-margin-inline-start: 1.25rem;
}

.scroll-me-5 {
    scroll-margin-inline-end: 1.25rem;
}

.scroll-mt-5 {
    scroll-margin-top: 1.25rem;
}

.scroll-mr-5 {
    scroll-margin-right: 1.25rem;
}

.scroll-mb-5 {
    scroll-margin-bottom: 1.25rem;
}

.scroll-ml-5 {
    scroll-margin-left: 1.25rem;
}

.scroll-m-6 {
    scroll-margin: 1.5rem;
}

.scroll-mx-6 {
    scroll-margin-left: 1.5rem;
    scroll-margin-right: 1.5rem;
}

.scroll-my-6 {
    scroll-margin-top: 1.5rem;
    scroll-margin-bottom: 1.5rem;
}

.scroll-ms-6 {
    scroll-margin-inline-start: 1.5rem;
}

.scroll-me-6 {
    scroll-margin-inline-end: 1.5rem;
}

.scroll-mt-6 {
    scroll-margin-top: 1.5rem;
}

.scroll-mr-6 {
    scroll-margin-right: 1.5rem;
}

.scroll-mb-6 {
    scroll-margin-bottom: 1.5rem;
}

.scroll-ml-6 {
    scroll-margin-left: 1.5rem;
}

.scroll-m-7 {
    scroll-margin: 1.75rem;
}

.scroll-mx-7 {
    scroll-margin-left: 1.75rem;
    scroll-margin-right: 1.75rem;
}

.scroll-my-7 {
    scroll-margin-top: 1.75rem;
    scroll-margin-bottom: 1.75rem;
}

.scroll-ms-7 {
    scroll-margin-inline-start: 1.75rem;
}

.scroll-me-7 {
    scroll-margin-inline-end: 1.75rem;
}

.scroll-mt-7 {
    scroll-margin-top: 1.75rem;
}

.scroll-mr-7 {
    scroll-margin-right: 1.75rem;
}

.scroll-mb-7 {
    scroll-margin-bottom: 1.75rem;
}

.scroll-ml-7 {
    scroll-margin-left: 1.75rem;
}

.scroll-m-8 {
    scroll-margin: 2rem;
}

.scroll-mx-8 {
    scroll-margin-left: 2rem;
    scroll-margin-right: 2rem;
}

.scroll-my-8 {
    scroll-margin-top: 2rem;
    scroll-margin-bottom: 2rem;
}

.scroll-ms-8 {
    scroll-margin-inline-start: 2rem;
}

.scroll-me-8 {
    scroll-margin-inline-end: 2rem;
}

.scroll-mt-8 {
    scroll-margin-top: 2rem;
}

.scroll-mr-8 {
    scroll-margin-right: 2rem;
}

.scroll-mb-8 {
    scroll-margin-bottom: 2rem;
}

.scroll-ml-8 {
    scroll-margin-left: 2rem;
}

.scroll-m-9 {
    scroll-margin: 2.25rem;
}

.scroll-mx-9 {
    scroll-margin-left: 2.25rem;
    scroll-margin-right: 2.25rem;
}

.scroll-my-9 {
    scroll-margin-top: 2.25rem;
    scroll-margin-bottom: 2.25rem;
}

.scroll-ms-9 {
    scroll-margin-inline-start: 2.25rem;
}

.scroll-me-9 {
    scroll-margin-inline-end: 2.25rem;
}

.scroll-mt-9 {
    scroll-margin-top: 2.25rem;
}

.scroll-mr-9 {
    scroll-margin-right: 2.25rem;
}

.scroll-mb-9 {
    scroll-margin-bottom: 2.25rem;
}

.scroll-ml-9 {
    scroll-margin-left: 2.25rem;
}

.scroll-m-10 {
    scroll-margin: 2.5rem;
}

.scroll-mx-10 {
    scroll-margin-left: 2.5rem;
    scroll-margin-right: 2.5rem;
}

.scroll-my-10 {
    scroll-margin-top: 2.5rem;
    scroll-margin-bottom: 2.5rem;
}

.scroll-ms-10 {
    scroll-margin-inline-start: 2.5rem;
}

.scroll-me-10 {
    scroll-margin-inline-end: 2.5rem;
}

.scroll-mt-10 {
    scroll-margin-top: 2.5rem;
}

.scroll-mr-10 {
    scroll-margin-right: 2.5rem;
}

.scroll-mb-10 {
    scroll-margin-bottom: 2.5rem;
}

.scroll-ml-10 {
    scroll-margin-left: 2.5rem;
}

.scroll-m-11 {
    scroll-margin: 2.75rem;
}

.scroll-mx-11 {
    scroll-margin-left: 2.75rem;
    scroll-margin-right: 2.75rem;
}

.scroll-my-11 {
    scroll-margin-top: 2.75rem;
    scroll-margin-bottom: 2.75rem;
}

.scroll-ms-11 {
    scroll-margin-inline-start: 2.75rem;
}

.scroll-me-11 {
    scroll-margin-inline-end: 2.75rem;
}

.scroll-mt-11 {
    scroll-margin-top: 2.75rem;
}

.scroll-mr-11 {
    scroll-margin-right: 2.75rem;
}

.scroll-mb-11 {
    scroll-margin-bottom: 2.75rem;
}

.scroll-ml-11 {
    scroll-margin-left: 2.75rem;
}

.scroll-m-12 {
    scroll-margin: 3rem;
}

.scroll-mx-12 {
    scroll-margin-left: 3rem;
    scroll-margin-right: 3rem;
}

.scroll-my-12 {
    scroll-margin-top: 3rem;
    scroll-margin-bottom: 3rem;
}

.scroll-ms-12 {
    scroll-margin-inline-start: 3rem;
}

.scroll-me-12 {
    scroll-margin-inline-end: 3rem;
}

.scroll-mt-12 {
    scroll-margin-top: 3rem;
}

.scroll-mr-12 {
    scroll-margin-right: 3rem;
}

.scroll-mb-12 {
    scroll-margin-bottom: 3rem;
}

.scroll-ml-12 {
    scroll-margin-left: 3rem;
}

.scroll-m-14 {
    scroll-margin: 3.5rem;
}

.scroll-mx-14 {
    scroll-margin-left: 3.5rem;
    scroll-margin-right: 3.5rem;
}

.scroll-my-14 {
    scroll-margin-top: 3.5rem;
    scroll-margin-bottom: 3.5rem;
}

.scroll-ms-14 {
    scroll-margin-inline-start: 3.5rem;
}

.scroll-me-14 {
    scroll-margin-inline-end: 3.5rem;
}

.scroll-mt-14 {
    scroll-margin-top: 3.5rem;
}

.scroll-mr-14 {
    scroll-margin-right: 3.5rem;
}

.scroll-mb-14 {
    scroll-margin-bottom: 3.5rem;
}

.scroll-ml-14 {
    scroll-margin-left: 3.5rem;
}

.scroll-m-16 {
    scroll-margin: 4rem;
}

.scroll-mx-16 {
    scroll-margin-left: 4rem;
    scroll-margin-right: 4rem;
}

.scroll-my-16 {
    scroll-margin-top: 4rem;
    scroll-margin-bottom: 4rem;
}

.scroll-ms-16 {
    scroll-margin-inline-start: 4rem;
}

.scroll-me-16 {
    scroll-margin-inline-end: 4rem;
}

.scroll-mt-16 {
    scroll-margin-top: 4rem;
}

.scroll-mr-16 {
    scroll-margin-right: 4rem;
}

.scroll-mb-16 {
    scroll-margin-bottom: 4rem;
}

.scroll-ml-16 {
    scroll-margin-left: 4rem;
}

.scroll-m-20 {
    scroll-margin: 5rem;
}

.scroll-mx-20 {
    scroll-margin-left: 5rem;
    scroll-margin-right: 5rem;
}

.scroll-my-20 {
    scroll-margin-top: 5rem;
    scroll-margin-bottom: 5rem;
}

.scroll-ms-20 {
    scroll-margin-inline-start: 5rem;
}

.scroll-me-20 {
    scroll-margin-inline-end: 5rem;
}

.scroll-mt-20 {
    scroll-margin-top: 5rem;
}

.scroll-mr-20 {
    scroll-margin-right: 5rem;
}

.scroll-mb-20 {
    scroll-margin-bottom: 5rem;
}

.scroll-ml-20 {
    scroll-margin-left: 5rem;
}

.scroll-m-24 {
    scroll-margin: 6rem;
}

.scroll-mx-24 {
    scroll-margin-left: 6rem;
    scroll-margin-right: 6rem;
}

.scroll-my-24 {
    scroll-margin-top: 6rem;
    scroll-margin-bottom: 6rem;
}

.scroll-ms-24 {
    scroll-margin-inline-start: 6rem;
}

.scroll-me-24 {
    scroll-margin-inline-end: 6rem;
}

.scroll-mt-24 {
    scroll-margin-top: 6rem;
}

.scroll-mr-24 {
    scroll-margin-right: 6rem;
}

.scroll-mb-24 {
    scroll-margin-bottom: 6rem;
}

.scroll-ml-24 {
    scroll-margin-left: 6rem;
}

.scroll-m-28 {
    scroll-margin: 7rem;
}

.scroll-mx-28 {
    scroll-margin-left: 7rem;
    scroll-margin-right: 7rem;
}

.scroll-my-28 {
    scroll-margin-top: 7rem;
    scroll-margin-bottom: 7rem;
}

.scroll-ms-28 {
    scroll-margin-inline-start: 7rem;
}

.scroll-me-28 {
    scroll-margin-inline-end: 7rem;
}

.scroll-mt-28 {
    scroll-margin-top: 7rem;
}

.scroll-mr-28 {
    scroll-margin-right: 7rem;
}

.scroll-mb-28 {
    scroll-margin-bottom: 7rem;
}

.scroll-ml-28 {
    scroll-margin-left: 7rem;
}

.scroll-m-32 {
    scroll-margin: 8rem;
}

.scroll-mx-32 {
    scroll-margin-left: 8rem;
    scroll-margin-right: 8rem;
}

.scroll-my-32 {
    scroll-margin-top: 8rem;
    scroll-margin-bottom: 8rem;
}

.scroll-ms-32 {
    scroll-margin-inline-start: 8rem;
}

.scroll-me-32 {
    scroll-margin-inline-end: 8rem;
}

.scroll-mt-32 {
    scroll-margin-top: 8rem;
}

.scroll-mr-32 {
    scroll-margin-right: 8rem;
}

.scroll-mb-32 {
    scroll-margin-bottom: 8rem;
}

.scroll-ml-32 {
    scroll-margin-left: 8rem;
}

.scroll-m-36 {
    scroll-margin: 9rem;
}

.scroll-mx-36 {
    scroll-margin-left: 9rem;
    scroll-margin-right: 9rem;
}

.scroll-my-36 {
    scroll-margin-top: 9rem;
    scroll-margin-bottom: 9rem;
}

.scroll-ms-36 {
    scroll-margin-inline-start: 9rem;
}

.scroll-me-36 {
    scroll-margin-inline-end: 9rem;
}

.scroll-mt-36 {
    scroll-margin-top: 9rem;
}

.scroll-mr-36 {
    scroll-margin-right: 9rem;
}

.scroll-mb-36 {
    scroll-margin-bottom: 9rem;
}

.scroll-ml-36 {
    scroll-margin-left: 9rem;
}

.scroll-m-40 {
    scroll-margin: 10rem;
}

.scroll-mx-40 {
    scroll-margin-left: 10rem;
    scroll-margin-right: 10rem;
}

.scroll-my-40 {
    scroll-margin-top: 10rem;
    scroll-margin-bottom: 10rem;
}

.scroll-ms-40 {
    scroll-margin-inline-start: 10rem;
}

.scroll-me-40 {
    scroll-margin-inline-end: 10rem;
}

.scroll-mt-40 {
    scroll-margin-top: 10rem;
}

.scroll-mr-40 {
    scroll-margin-right: 10rem;
}

.scroll-mb-40 {
    scroll-margin-bottom: 10rem;
}

.scroll-ml-40 {
    scroll-margin-left: 10rem;
}

.scroll-m-44 {
    scroll-margin: 11rem;
}

.scroll-mx-44 {
    scroll-margin-left: 11rem;
    scroll-margin-right: 11rem;
}

.scroll-my-44 {
    scroll-margin-top: 11rem;
    scroll-margin-bottom: 11rem;
}

.scroll-ms-44 {
    scroll-margin-inline-start: 11rem;
}

.scroll-me-44 {
    scroll-margin-inline-end: 11rem;
}

.scroll-mt-44 {
    scroll-margin-top: 11rem;
}

.scroll-mr-44 {
    scroll-margin-right: 11rem;
}

.scroll-mb-44 {
    scroll-margin-bottom: 11rem;
}

.scroll-ml-44 {
    scroll-margin-left: 11rem;
}

.scroll-m-48 {
    scroll-margin: 12rem;
}

.scroll-mx-48 {
    scroll-margin-left: 12rem;
    scroll-margin-right: 12rem;
}

.scroll-my-48 {
    scroll-margin-top: 12rem;
    scroll-margin-bottom: 12rem;
}

.scroll-ms-48 {
    scroll-margin-inline-start: 12rem;
}

.scroll-me-48 {
    scroll-margin-inline-end: 12rem;
}

.scroll-mt-48 {
    scroll-margin-top: 12rem;
}

.scroll-mr-48 {
    scroll-margin-right: 12rem;
}

.scroll-mb-48 {
    scroll-margin-bottom: 12rem;
}

.scroll-ml-48 {
    scroll-margin-left: 12rem;
}

.scroll-m-52 {
    scroll-margin: 13rem;
}

.scroll-mx-52 {
    scroll-margin-left: 13rem;
    scroll-margin-right: 13rem;
}

.scroll-my-52 {
    scroll-margin-top: 13rem;
    scroll-margin-bottom: 13rem;
}

.scroll-ms-52 {
    scroll-margin-inline-start: 13rem;
}

.scroll-me-52 {
    scroll-margin-inline-end: 13rem;
}

.scroll-mt-52 {
    scroll-margin-top: 13rem;
}

.scroll-mr-52 {
    scroll-margin-right: 13rem;
}

.scroll-mb-52 {
    scroll-margin-bottom: 13rem;
}

.scroll-ml-52 {
    scroll-margin-left: 13rem;
}

.scroll-m-56 {
    scroll-margin: 14rem;
}

.scroll-mx-56 {
    scroll-margin-left: 14rem;
    scroll-margin-right: 14rem;
}

.scroll-my-56 {
    scroll-margin-top: 14rem;
    scroll-margin-bottom: 14rem;
}

.scroll-ms-56 {
    scroll-margin-inline-start: 14rem;
}

.scroll-me-56 {
    scroll-margin-inline-end: 14rem;
}

.scroll-mt-56 {
    scroll-margin-top: 14rem;
}

.scroll-mr-56 {
    scroll-margin-right: 14rem;
}

.scroll-mb-56 {
    scroll-margin-bottom: 14rem;
}

.scroll-ml-56 {
    scroll-margin-left: 14rem;
}

.scroll-m-60 {
    scroll-margin: 15rem;
}

.scroll-mx-60 {
    scroll-margin-left: 15rem;
    scroll-margin-right: 15rem;
}

.scroll-my-60 {
    scroll-margin-top: 15rem;
    scroll-margin-bottom: 15rem;
}

.scroll-ms-60 {
    scroll-margin-inline-start: 15rem;
}

.scroll-me-60 {
    scroll-margin-inline-end: 15rem;
}

.scroll-mt-60 {
    scroll-margin-top: 15rem;
}

.scroll-mr-60 {
    scroll-margin-right: 15rem;
}

.scroll-mb-60 {
    scroll-margin-bottom: 15rem;
}

.scroll-ml-60 {
    scroll-margin-left: 15rem;
}

.scroll-m-64 {
    scroll-margin: 16rem;
}

.scroll-mx-64 {
    scroll-margin-left: 16rem;
    scroll-margin-right: 16rem;
}

.scroll-my-64 {
    scroll-margin-top: 16rem;
    scroll-margin-bottom: 16rem;
}

.scroll-ms-64 {
    scroll-margin-inline-start: 16rem;
}

.scroll-me-64 {
    scroll-margin-inline-end: 16rem;
}

.scroll-mt-64 {
    scroll-margin-top: 16rem;
}

.scroll-mr-64 {
    scroll-margin-right: 16rem;
}

.scroll-mb-64 {
    scroll-margin-bottom: 16rem;
}

.scroll-ml-64 {
    scroll-margin-left: 16rem;
}

.scroll-m-72 {
    scroll-margin: 18rem;
}

.scroll-mx-72 {
    scroll-margin-left: 18rem;
    scroll-margin-right: 18rem;
}

.scroll-my-72 {
    scroll-margin-top: 18rem;
    scroll-margin-bottom: 18rem;
}

.scroll-ms-72 {
    scroll-margin-inline-start: 18rem;
}

.scroll-me-72 {
    scroll-margin-inline-end: 18rem;
}

.scroll-mt-72 {
    scroll-margin-top: 18rem;
}

.scroll-mr-72 {
    scroll-margin-right: 18rem;
}

.scroll-mb-72 {
    scroll-margin-bottom: 18rem;
}

.scroll-ml-72 {
    scroll-margin-left: 18rem;
}

.scroll-m-80 {
    scroll-margin: 20rem;
}

.scroll-mx-80 {
    scroll-margin-left: 20rem;
    scroll-margin-right: 20rem;
}

.scroll-my-80 {
    scroll-margin-top: 20rem;
    scroll-margin-bottom: 20rem;
}

.scroll-ms-80 {
    scroll-margin-inline-start: 20rem;
}

.scroll-me-80 {
    scroll-margin-inline-end: 20rem;
}

.scroll-mt-80 {
    scroll-margin-top: 20rem;
}

.scroll-mr-80 {
    scroll-margin-right: 20rem;
}

.scroll-mb-80 {
    scroll-margin-bottom: 20rem;
}

.scroll-ml-80 {
    scroll-margin-left: 20rem;
}

.scroll-m-96 {
    scroll-margin: 24rem;
}

.scroll-mx-96 {
    scroll-margin-left: 24rem;
    scroll-margin-right: 24rem;
}

.scroll-my-96 {
    scroll-margin-top: 24rem;
    scroll-margin-bottom: 24rem;
}

.scroll-ms-96 {
    scroll-margin-inline-start: 24rem;
}

.scroll-me-96 {
    scroll-margin-inline-end: 24rem;
}

.scroll-mt-96 {
    scroll-margin-top: 24rem;
}

.scroll-mr-96 {
    scroll-margin-right: 24rem;
}

.scroll-mb-96 {
    scroll-margin-bottom: 24rem;
}

.scroll-ml-96 {
    scroll-margin-left: 24rem;
}

.offcanvas-backdrop.show {
    opacity: .8;
}

.offcanvas.offcanvas-end,
.offcanvas.offcanvas-start {
    height: 100% !important;
}

.offcanvas-header .close {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.offcanvas-title {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
    font-weight: 600;
}

.grid {
    display: grid;
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.p-0\.75rem {
    padding: .75rem;
}

.InputOTP,
.InputOTPGroup {
    display: flex;
}

.InputOTPGroup input:first-child {
    border-top-left-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px);
}

.InputOTPGroup input:last-child {
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
    border-right-width: 1px;
}

.InputOTP {
    gap: .5rem;
}

.InputOTP input {
    text-align: center;
    font-size: .875rem;
    line-height: 1.25rem;
    border-color: var(--input);
    background-color: var(--background);
    color: var(--foreground);
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0px;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.InputOTP input:focus {
    outline: 1px solid var(--ring);
    position: relative;
    border: none;
    z-index: 1;
    background-color: var(--background);
    color: var(--foreground);
    box-shadow: 0 0 0 1px white, 0 0 0 1px var(--ring);
}

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

.menubar {
    box-sizing: border-box;
    padding: .25rem;
    background-color: var(--background);
    border-radius: calc(var(--radius) - 2px);
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-li a {
    font-size: 14px !important;
    font-weight: 500;
    padding: .25rem .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
}

.menubar li.hover-effect {
    border-radius: 4px;
    background-color: #F4F4F5 !important;
}

body.dark .menubar li.hover-effect {
    background-color: #262629 !important;
}

.menubar li a:link,
.menubar li a:visited,
.menubar li a:active {
    color: var(--primary);
}

.icon-menubar {
    font-size: 0.5rem;
}

.is-visible-icon {
    visibility: visible;
}

.not-visible-icon {
    visibility: hidden;
}

/* Range input settings for Chrome and others. */
input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: default;
    width: 100%;
}

input[type="range"]:focus {
    outline: none;
}

input[type="range"]::-webkit-slider-runnable-track {
    background: linear-gradient(to right,
            var(--primary) 0%,
            var(--primary) var(--range-value),
            var(--secondary) var(--range-value),
            var(--secondary) 100%);
    height: 0.5rem;
    border-radius: 5px;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: var(--background);
    width: 1.2rem;
    height: 1.2rem;
    margin-top: -5px;
    border: 2px solid var(--primary);
    border-radius: 50%;
}

/* Range input settings for Mozilla Firefox. */
input[type="range"]::-moz-range-track {
    background: linear-gradient(to right,
            var(--primary) 0%,
            var(--primary) var(--range-value),
            var(--secondary) var(--range-value),
            var(--secondary) 100%);
    height: 0.5rem;
    border-radius: 5px;
}

input[type="range"]::-moz-range-thumb {
    background-color: var(--background);
    width: 1.1rem;
    height: 1.1rem;
    border: 2px solid var(--primary);
    border-radius: 50%;
}

.border-context-menu {
    border: 1px dashed #E4E4E7 !important;
}

body.dark .border-context-menu {
    border-color: #27272A !important;
}

.min-wh-content-menu {
    min-width: 16rem;
}

.min-wh-submenu {
    min-width: 12rem;

}

.fade-sh {
    background: linear-gradient(180deg, var(--background) 15%, rgba(255, 255, 255, 0) 100%);
    position: fixed;
    width: 100%;
    height: 100px;
    left: 0;
    top: 33px;
}

/* ************************************** PAINEL CSS ************************************** */

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FFFFFF;

    -webkit-animation: spin 2s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */

    z-index: 1001;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FFFFFF;

    -webkit-animation: spin 3s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FFFFFF;

    -webkit-animation: spin 1.5s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

#loader {
    opacity: 1;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: var(--primary-brand-opacity);
}

body:has(#loader-wrapper:not(.stopped)) {
    overflow: hidden;
}

.lds-roller,
.lds-roller div,
.lds-roller div:after {
  box-sizing: border-box;
}
.lds-roller {
    display: inline-block;
    position: absolute;
    width: 80px;
    height: 80px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: white;
  margin: -3.6px 0 0 -3.6px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 62.62742px;
  left: 62.62742px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 67.71281px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 70.90963px;
  left: 48.28221px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 70.90963px;
  left: 31.71779px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 67.71281px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 62.62742px;
  left: 17.37258px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12.28719px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.stopped#loader-wrapper {
    visibility: hidden;

    -webkit-transform: translateY(-100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateY(-100%);
    /* IE 9 */
    transform: translateY(-100%);
    /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

/* ------------------------- STYLE COLORS ------------------------ */

.pcr-app[data-theme=monolith] {
    width: 100% !important;
    background-color: transparent !important;
    padding: 0 !important;
}

.pcr-app .pcr-interaction {
    justify-content: end !important;
}

.pcr-app .pcr-interaction .pcr-type.active {
    background-color: var(--primary-brand) !important;
}

.pcr-app .pcr-interaction input:focus {
    box-shadow: none !important;
}

.pcr-app .pcr-interaction .pcr-result,
.pcr-app .pcr-interaction input {
    background-color: transparent !important;
    border-radius: 6px !important;
}

.pcr-app .pcr-interaction .pcr-clear,
.pcr-app .pcr-interaction .pcr-cancel {
    background: var(--destructive) !important;
}

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

/******************* Dropzone Area *******************/

.dropzone-area {
    border: 2px dashed var(--border);
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    position: relative;
    transition: all 0.3s ease;
    height: fit-content;
    min-height: 180px;
    width: 180px !important;
    height: 180px !important;
    overflow: hidden !important;
}

.dropzone-area:hover {
    border: 2px solid var(--primary);
    transition: all 0.3s ease;
}

.dropzone-area input {
    opacity: 0;
    width: 100%;
    height: 100%;
    min-height: 180px;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}

.dropzone-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    display: flex;
}

.dropzone-file {
    display: none;
    width: 100%;
    height: fit-content;
    z-index: 2;
    flex-direction: column;
    padding: 8px;
}

.file-item:not(:last-child) {
    margin-bottom: 8px;
}

.delete-avatar {
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

#path_avatar_canvas:hover .delete-avatar {
    opacity: 1;
}

/*******************End Style Load*******************/

.edit-content-header {
    z-index: 100;
    backdrop-filter: blur(10px);
}

@media only screen and (max-width: 992px) {
    .login-page .container-fluid {
        position: absolute;
        inset: 0;
        height: 100%;
        width: 100%;
        background-image: radial-gradient(#e5e7eb 1px, transparent 1px);
        background-size: 30px 30px;
    }

    body.dark .login-page .container-fluid {
        position: absolute;
        inset: 0;
        height: 100%;
        width: 100%;
        background-image: radial-gradient(#252525 1px, transparent 1px);
        background-size: 30px 30px;
    }

    .login-page .col-lg-8 {
        display: none;
    }

    .login-page {
        height: 100% !important;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        overflow: hidden;
    }

    .col-12-1230-50 {
        width: 100%;
    }

    .col-12-1230-100 {
        width: 100%;
    }
}

@media only screen and (max-width: 743px) {
    .my-plans-card {
        height: fit-content;
    }
}

.bg-login-desktop {
    background-image: url("../img/bg-login-desktop.avif");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    display: flex;
    padding: 40px;
    align-items: center;
    border-radius: 10px;
}

.bg-white-login {
    min-height: 100vh;
    height: 100%;
    padding: 48px;
    display: flex;
    background-size: cover;
    background-position: center center;
    background-repeat: repeat;
    background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 2000 1400%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask id=%22b%22 x=%220%22 y=%220%22 width=%222000%22 height=%221400%22%3E%3Cpath fill=%22url(%23a)%22 d=%22M0 0h2000v1400H0z%22%2F%3E%3C%2Fmask%3E%3Cpath fill=%22%23fff%22 d=%22M0 0h2000v1400H0z%22%2F%3E%3Cg style=%22transform-origin:center center%22 stroke=%22%23e0e8ff%22 mask=%22url(%23b)%22%3E%3Cpath fill=%22none%22 d=%22M0 0h86.957v86.957H0zM86.957 0h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 0h86.957v86.957h-86.957zM260.87 0h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22none%22 d=%22M347.826 0h86.957v86.957h-86.957zM434.783 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M521.739 0h86.957v86.957h-86.957zM608.696 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M695.652 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8fff2%22 d=%22M782.609 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M869.565 0h86.957v86.957h-86.957zM956.522 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff9a%22 d=%22M1043.478 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1130.435 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff2d%22 d=%22M1304.348 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffec%22 d=%22M1391.304 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1478.261 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1565.217 0h86.957v86.957h-86.957zM1652.174 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 0h86.957v86.957h-86.957zM1826.087 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 0H2000v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff78%22 d=%22M0 86.957h86.957v86.957H0z%22%2F%3E%3Cpath fill=%22%23e0e8ff2b%22 d=%22M86.957 86.957h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 86.957h86.957v86.957h-86.957zM260.87 86.957h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22none%22 d=%22M347.826 86.957h86.957v86.957h-86.957zM434.783 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff35%22 d=%22M521.739 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M608.696 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M695.652 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffe9%22 d=%22M782.609 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M869.565 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff66%22 d=%22M956.522 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff15%22 d=%22M1043.478 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1130.435 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff0e%22 d=%22M1217.391 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8fff4%22 d=%22M1304.348 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1391.304 86.957h86.957v86.957h-86.957zM1478.261 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1565.217 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff6f%22 d=%22M1652.174 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 86.957h86.957v86.957h-86.957zM1826.087 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 86.957H2000v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff61%22 d=%22M0 173.913h86.957v86.957H0z%22%2F%3E%3Cpath fill=%22%23e0e8ff99%22 d=%22M86.957 173.913h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 173.913h86.957v86.957h-86.957zM260.87 173.913h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22none%22 d=%22M347.826 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffa3%22 d=%22M434.783 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M521.739 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff45%22 d=%22M608.696 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff0f%22 d=%22M695.652 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M782.609 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffac%22 d=%22M869.565 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff81%22 d=%22M956.522 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff44%22 d=%22M1043.478 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1130.435 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffd7%22 d=%22M1304.348 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1391.304 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff3e%22 d=%22M1478.261 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff5c%22 d=%22M1565.217 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffd2%22 d=%22M1652.174 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 173.913h86.957v86.957h-86.957zM1826.087 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 173.913H2000v86.957h-86.957zM0 260.87h86.957v86.957H0zM86.957 260.87h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff9f%22 d=%22M260.87 260.87h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22none%22 d=%22M347.826 260.87h86.957v86.957h-86.957zM434.783 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff16%22 d=%22M521.739 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M608.696 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff32%22 d=%22M695.652 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffc6%22 d=%22M782.609 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M869.565 260.87h86.957v86.957h-86.957zM956.522 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff7e%22 d=%22M1043.478 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1130.435 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff41%22 d=%22M1217.391 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1304.348 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1391.304 260.87h86.957v86.957h-86.957zM1478.261 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1565.217 260.87h86.957v86.957h-86.957zM1652.174 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 260.87h86.957v86.957h-86.957zM1826.087 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 260.87H2000v86.957h-86.957zM0 347.826h86.957v86.957H0z%22%2F%3E%3Cpath fill=%22%23e0e8ffbb%22 d=%22M86.957 347.826h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 347.826h86.957v86.957h-86.957zM260.87 347.826h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22%23e0e8ff67%22 d=%22M347.826 347.826h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M434.783 347.826h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M521.739 347.826h86.957v86.957h-86.957zM608.696 347.826h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M695.652 347.826h86.957v86.957h-86.957zM782.609 347.826h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff2c%22 d=%22M869.565 347.826h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M956.522 347.826h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff69%22 d=%22M1043.478 347.826h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff0e%22 d=%22M1130.435 347.826h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 347.826h86.957v86.957h-86.957zM1304.348 347.826h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1391.304 347.826h86.957v86.957h-86.957zM1478.261 347.826h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1565.217 347.826h86.957v86.957h-86.957zM1652.174 347.826h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 347.826h86.957v86.957h-86.957zM1826.087 347.826h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 347.826H2000v86.957h-86.957zM0 434.783h86.957v86.957H0zM86.957 434.783h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 434.783h86.957v86.957h-86.957zM260.87 434.783h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22none%22 d=%22M347.826 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffec%22 d=%22M434.783 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M521.739 434.783h86.957v86.957h-86.957zM608.696 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M695.652 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffad%22 d=%22M782.609 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M869.565 434.783h86.957v86.957h-86.957zM956.522 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff1b%22 d=%22M1043.478 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1130.435 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffec%22 d=%22M1304.348 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1391.304 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffca%22 d=%22M1478.261 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1565.217 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffef%22 d=%22M1652.174 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff39%22 d=%22M1739.13 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1826.087 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 434.783H2000v86.957h-86.957zM0 521.739h86.957v86.957H0zM86.957 521.739h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 521.739h86.957v86.957h-86.957zM260.87 521.739h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22%23e0e8ff96%22 d=%22M347.826 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M434.783 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffcf%22 d=%22M521.739 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8fff6%22 d=%22M608.696 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M695.652 521.739h86.957v86.957h-86.957zM782.609 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M869.565 521.739h86.957v86.957h-86.957zM956.522 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1043.478 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff76%22 d=%22M1130.435 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff2e%22 d=%22M1304.348 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1391.304 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffc8%22 d=%22M1478.261 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1565.217 521.739h86.957v86.957h-86.957zM1652.174 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 521.739h86.957v86.957h-86.957zM1826.087 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffe6%22 d=%22M1913.043 521.739H2000v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M0 608.696h86.957v86.957H0zM86.957 608.696h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 608.696h86.957v86.957h-86.957zM260.87 608.696h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22%23e0e8ff20%22 d=%22M347.826 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M434.783 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M521.739 608.696h86.957v86.957h-86.957zM608.696 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M695.652 608.696h86.957v86.957h-86.957zM782.609 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff86%22 d=%22M869.565 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M956.522 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1043.478 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffed%22 d=%22M1130.435 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff53%22 d=%22M1217.391 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff5f%22 d=%22M1304.348 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff5a%22 d=%22M1391.304 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1478.261 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff63%22 d=%22M1565.217 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1652.174 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff86%22 d=%22M1826.087 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 608.696H2000v86.957h-86.957zM0 695.652h86.957v86.957H0zM86.957 695.652h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff0f%22 d=%22M173.913 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M260.87 695.652h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22%23e0e8ffa8%22 d=%22M347.826 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M434.783 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M521.739 695.652h86.957v86.957h-86.957zM608.696 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff0f%22 d=%22M695.652 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffa0%22 d=%22M782.609 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M869.565 695.652h86.957v86.957h-86.957zM956.522 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1043.478 695.652h86.957v86.957h-86.957zM1130.435 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 695.652h86.957v86.957h-86.957zM1304.348 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1391.304 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffff%22 d=%22M1478.261 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1565.217 695.652h86.957v86.957h-86.957zM1652.174 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff23%22 d=%22M1826.087 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 695.652H2000v86.957h-86.957zM0 782.609h86.957v86.957H0zM86.957 782.609h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 782.609h86.957v86.957h-86.957zM260.87 782.609h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22none%22 d=%22M347.826 782.609h86.957v86.957h-86.957zM434.783 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M521.739 782.609h86.957v86.957h-86.957zM608.696 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M695.652 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff94%22 d=%22M782.609 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff5e%22 d=%22M869.565 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M956.522 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1043.478 782.609h86.957v86.957h-86.957zM1130.435 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff76%22 d=%22M1217.391 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1304.348 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1391.304 782.609h86.957v86.957h-86.957zM1478.261 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffbe%22 d=%22M1565.217 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1652.174 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff2e%22 d=%22M1739.13 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1826.087 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 782.609H2000v86.957h-86.957zM0 869.565h86.957v86.957H0zM86.957 869.565h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffcc%22 d=%22M260.87 869.565h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22none%22 d=%22M347.826 869.565h86.957v86.957h-86.957zM434.783 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff9b%22 d=%22M521.739 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff35%22 d=%22M608.696 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M695.652 869.565h86.957v86.957h-86.957zM782.609 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff52%22 d=%22M869.565 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff42%22 d=%22M956.522 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1043.478 869.565h86.957v86.957h-86.957zM1130.435 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 869.565h86.957v86.957h-86.957zM1304.348 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff81%22 d=%22M1391.304 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1478.261 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1565.217 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff4f%22 d=%22M1652.174 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 869.565h86.957v86.957h-86.957zM1826.087 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffc3%22 d=%22M1913.043 869.565H2000v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M0 956.522h86.957v86.957H0zM86.957 956.522h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 956.522h86.957v86.957h-86.957zM260.87 956.522h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22none%22 d=%22M347.826 956.522h86.957v86.957h-86.957zM434.783 956.522h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff05%22 d=%22M521.739 956.522h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M608.696 956.522h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff1b%22 d=%22M695.652 956.522h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M782.609 956.522h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M869.565 956.522h86.957v86.957h-86.957zM956.522 956.522h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1043.478 956.522h86.957v86.957h-86.957zM1130.435 956.522h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 956.522h86.957v86.957h-86.957zM1304.348 956.522h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1391.304 956.522h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffa7%22 d=%22M1478.261 956.522h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1565.217 956.522h86.957v86.957h-86.957zM1652.174 956.522h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 956.522h86.957v86.957h-86.957zM1826.087 956.522h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 956.522H2000v86.957h-86.957zM0 1043.478h86.957v86.957H0zM86.957 1043.478h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 1043.478h86.957v86.957h-86.957zM260.87 1043.478h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22none%22 d=%22M347.826 1043.478h86.957v86.957h-86.957zM434.783 1043.478h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M521.739 1043.478h86.957v86.957h-86.957zM608.696 1043.478h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M695.652 1043.478h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff52%22 d=%22M782.609 1043.478h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M869.565 1043.478h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8fffc%22 d=%22M956.522 1043.478h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1043.478 1043.478h86.957v86.957h-86.957zM1130.435 1043.478h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 1043.478h86.957v86.957h-86.957zM1304.348 1043.478h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1391.304 1043.478h86.957v86.957h-86.957zM1478.261 1043.478h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1565.217 1043.478h86.957v86.957h-86.957zM1652.174 1043.478h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 1043.478h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffb7%22 d=%22M1826.087 1043.478h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 1043.478H2000v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff97%22 d=%22M0 1130.435h86.957v86.957H0z%22%2F%3E%3Cpath fill=%22none%22 d=%22M86.957 1130.435h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 1130.435h86.957v86.957h-86.957zM260.87 1130.435h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22none%22 d=%22M347.826 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff04%22 d=%22M434.783 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M521.739 1130.435h86.957v86.957h-86.957zM608.696 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M695.652 1130.435h86.957v86.957h-86.957zM782.609 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M869.565 1130.435h86.957v86.957h-86.957zM956.522 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff4b%22 d=%22M1043.478 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1130.435 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff2d%22 d=%22M1304.348 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1391.304 1130.435h86.957v86.957h-86.957zM1478.261 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1565.217 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffae%22 d=%22M1652.174 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffc9%22 d=%22M1739.13 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffac%22 d=%22M1826.087 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 1130.435H2000v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff02%22 d=%22M0 1217.391h86.957v86.957H0z%22%2F%3E%3Cpath fill=%22none%22 d=%22M86.957 1217.391h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 1217.391h86.957v86.957h-86.957zM260.87 1217.391h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22none%22 d=%22M347.826 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffc9%22 d=%22M434.783 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M521.739 1217.391h86.957v86.957h-86.957zM608.696 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M695.652 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffac%22 d=%22M782.609 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff24%22 d=%22M869.565 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M956.522 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1043.478 1217.391h86.957v86.957h-86.957zM1130.435 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff60%22 d=%22M1304.348 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff07%22 d=%22M1391.304 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff94%22 d=%22M1478.261 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff81%22 d=%22M1565.217 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1652.174 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffd0%22 d=%22M1826.087 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 1217.391H2000v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff8f%22 d=%22M0 1304.348h86.957v86.957H0z%22%2F%3E%3Cpath fill=%22none%22 d=%22M86.957 1304.348h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff02%22 d=%22M173.913 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M260.87 1304.348h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22none%22 d=%22M347.826 1304.348h86.957v86.957h-86.957zM434.783 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffa8%22 d=%22M521.739 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M608.696 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M695.652 1304.348h86.957v86.957h-86.957zM782.609 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M869.565 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffc9%22 d=%22M956.522 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1043.478 1304.348h86.957v86.957h-86.957zM1130.435 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 1304.348h86.957v86.957h-86.957zM1304.348 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1391.304 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff2a%22 d=%22M1478.261 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffa3%22 d=%22M1565.217 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff5c%22 d=%22M1652.174 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 1304.348h86.957v86.957h-86.957zM1826.087 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff92%22 d=%22M1913.043 1304.348H2000v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff96%22 d=%22M0 1391.304h86.957v86.957H0z%22%2F%3E%3Cpath fill=%22none%22 d=%22M86.957 1391.304h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 1391.304h86.957v86.957h-86.957zM260.87 1391.304h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22%23e0e8fff1%22 d=%22M347.826 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M434.783 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffbf%22 d=%22M521.739 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M608.696 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffeb%22 d=%22M695.652 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M782.609 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M869.565 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff7f%22 d=%22M956.522 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1043.478 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffe6%22 d=%22M1130.435 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 1391.304h86.957v86.957h-86.957zM1304.348 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff41%22 d=%22M1391.304 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1478.261 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1565.217 1391.304h86.957v86.957h-86.957zM1652.174 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 1391.304h86.957v86.957h-86.957zM1826.087 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff8b%22 d=%22M1913.043 1391.304H2000v86.957h-86.957z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CradialGradient id=%22a%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.916%22%2F%3E%3Cstop offset=%2293%25%22 stop-color=%22%23fff%22 stop-opacity=%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.bg-register {
    min-height: 100vh;
    height: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.bg-destak-cadastro {
    background-image: url("../img/register.webp");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px;
    height: 98%;
    width: 98%;
    border-radius: 10px;
}

.card {
    background-color: var(--background);
    border: 1px solid var(--border);
    padding: 24px;
}

.card.card-dashed {
    border: 2px dashed var(--border) !important;
}

.formCreditCard .card svg.pe-2 {
    fill: #243267;
}

body.dark .card svg.pe-2 {
    fill: #FFF;
}

.switch {
    display: flex;
    justify-content: start;
    align-items: center;
    cursor: pointer;
    flex-direction: column;
    gap: 10px;
}

.row,
.row:focus-visible {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.switch.row {
    flex-direction: row;
}

.switch .switch-text {
    padding-right: 0.3rem;
}

.switch .switch-wrapper {
    display: inline-block;
    min-width: 44px;
    height: 25px;
    position: relative;
}

.switch .switch-content {
    gap: 10px;
    display: flex;
    align-items: center;
}

.switch .switch-wrapper .switch-button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 40px;
    background-color: var(--quatenary);
}

.switch .switch-wrapper .switch-button::before {
    content: "";
    width: 21px;
    height: 21px;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    bottom: 2px;
    background-color: var(--background);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    box-shadow: none !important;
}

.switch .switch-wrapper input:checked+.switch-button {
    background-color: var(--primary);
}

.switch .switch-wrapper input:checked+.switch-button::before {
    transform: translateX(19px);
}

.switch .switch-wrapper input {
    opacity: 0;
    width: 0;
    height: 0;
}

#form-selecao-arquivos {
    display: flex;
    flex-direction: column;
    margin: 20px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

#input-arquivos {
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

label {
    display: block;
    margin-bottom: 5px;
}

.card-resume {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--card);
    border: 1px solid var(--border);
}

body.dark .card-resume {
    background-color: var(--dark-card);
    border: 1px solid var(--border);
}

.card-resume p {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.navnavitem {
    border: 1px solid hsl(var(--muted)) !important;
    background-color: hsl(var(--muted));
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    color: #71717a;
}

body.dark .navnavitem {
    border: 1px solid transparent !important;
    background-color: transparent;
    color: #fff;
}


.navnavitem:hover {
    color: #71717a;
}

body.dark .navnavitem.active {
    border: 1px solid hsl(var(--dark-input)) !important;
    color: var(--white);
}

.navnavitem.active {
    border: 1px solid hsl(var(--input)) !important;
    background: var(--input) !important;
    border-radius: 4px;
    color: var(--black);
}

body.dark .navnavitem.active {
    border: 1px solid var(--input) !important;
    background: var(--input) !important;
    border-radius: 4px;
    color: var(--white);
}

.nav-tabs-chart {
    border: 2px solid var(--input) !important;
    background-color: transparent !important;
}

@media (max-width: 1366px) {

    .bg-white-login,
    .bg-destak-login {
        padding: 35px;
    }

    .keep-watching .link-keep-watching {
        min-width: 411px;
        max-width: 411px;
    }
}

@media (max-width: 992px) {
    .bg-white-login {
        width: 100% !important;
    }
}

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

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

.email {
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 100%;
    position: relative;
}

.email::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--background));
}

.chart {
    height: 300px;
}

.offcanvas {
    background-color: var(--background);
}

.offcanvas.offcanvas-bottom {
    height: 800px !important;
    padding: 30px;
}

.dropdown-menu {
    opacity: 0 !important;
}

.dropdown-menu.show {
    opacity: 1 !important;
}

/* ************************************** SELECT2 ************************************** */

form .form-group .select2-selection {
    background-color: var(--background) !important;
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    font-weight: 400 !important;
    padding: .25rem .75rem !important;
    border: 1px solid var(--input) !important;
    border-radius: calc(var(--radius) - 2px);
    background-color: var(--secondary);
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    height: 2.25rem !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px !important;
}

form .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--secondary-foreground) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: var(--background) !important;
    color: var(--secondary-foreground) !important;
    border: none !important;
    font-size: .875rem !important;
    line-height: 1.25rem;
}

.select2-dropdown {
    background-color: var(--input) !important;
}

.select2-container--open .select2-dropdown--below {
    border-color: var(--border) !important;
    background-color: var(--background) !important;
}

.select2-results__option {
    color: var(--secondary-foreground) !important;
    font-size: .875rem !important;
    line-height: 1.25rem;
    font-weight: normal;
}

.select2-search--dropdown {
    border-bottom: 1px solid var(--border) !important;
}

form .form-group .select2-search__field {
    /* margin-top: 0 !important; */
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 18px !important;
    line-height: 25px !important;
    height: 25px !important;
}

form .form-group .select2-search__field:focus {
    border: 0 !important;
    border-radius: 0 !important;
}

form .form-group .select2-search__field::-webkit-input-placeholder {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    color: #212529 !important;
    padding-left: 8px !important;
    font-size: 16px !important;
    line-height: 20px !important;
}

form .form-group .select2-search__field::-o-input-placeholder {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    color: #212529 !important;
    padding-left: 8px !important;
    font-size: 16px !important;
    line-height: 20px !important;
}

form .form-group .select2-search__field:-moz-placeholder {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    color: #212529 !important;
    padding-left: 8px !important;
    font-size: 16px !important;
    line-height: 20px !important;
}

form .form-group .select2-search__field::-moz-placeholder {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    color: #212529 !important;
    padding-left: 8px !important;
    font-size: 16px !important;
    line-height: 20px !important;
}

form .form-group .select2-search__field:-ms-input-placeholder {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    color: #212529 !important;
    padding-left: 8px !important;
    font-size: 16px !important;
    line-height: 20px !important;
}

form .form-group .select2-container {
    width: 100% !important;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    z-index: 999 !important;
}

.vertical-align-middle {
    vertical-align: middle;
}

form .form-group .cke {
    margin-top: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--mid-blue);
    border: 1px solid var(--mid-blue);
    color: var(--white);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 14px;
    letter-spacing: 0.2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--white);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: var(--mid-blue);
    color: var(--white);
}

body.dark .select2-container--default .select2-results__option--selected {
    background-color: var(--mid-blue);
}

.select2-results__option.select2-results__option--selectable:hover {
    background-color: var(--input) !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--mid-blue);
    font-size: .875rem !important;
    line-height: 1.25rem;
}

.select2-results__option--selectable {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* ************************************** END SELECT2 ************************************** */

/* ************************************** Start Radio group ************************************** */
input[type=radio] {
    appearance: none;
    margin: 0;
    width: 1rem;
    height: 1rem;
    margin-bottom: .1rem;
    border: 1px solid var(--primary);
    border-radius: 50%;
    transform: translateY(0.07em);
    display: grid;
    place-content: center;
    cursor: pointer;
    background-color: var(--background) !important;
    margin-left: 0rem !important;
    margin-right: 0.5rem !important;
}

input[type=radio]::before {
    content: "";
    width: .625rem;
    height: .625rem;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--primary);
}

input[type=radio]:checked:before {
    transform: scale(1);
}

/* ************************************** End Radio group ************************************** */

.financial-content-card {
    font-size: 2.95rem !important;
    text-align: center !important;
}

@media (min-width: 1400px) {
    .financial-content-card {
        font-size: 5rem !important;
    }
}

/* TOOLTIP */

[hover-tooltip] {
    position: relative;
    cursor: default;
}

[hover-tooltip]:hover::before {
    content: attr(hover-tooltip);
    font-size: 14px;
    text-align: left;
    position: absolute;
    display: block;
    font-weight: 400;
    line-height: 1.2;
    left: 50%;
    min-width: 255px;
    max-width: 500px;
    bottom: calc(100% + 10px);
    /* $distance */
    transform: translate(-50%);
    animation: fade-in 300ms ease;
    background: var(--background);
    /* $tooltip-bg-color */
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.12);
    /* $tooltip-shadow */
    border-radius: 6px;
    border: 1px solid var(--border);
    padding: 14px;
    color: var(--foreground);
    z-index: 1;
}

[hover-tooltip]:hover::after {
    content: '';
    position: absolute;
    display: block;
    left: 50%;
    width: 0;
    height: 0;
    bottom: calc(100% + 6px);
    /* $distance - $caret-height */
    margin-left: -3px;
    /* -$caret-width/2 */
    border-color: rgba(39, 39, 39, 1) transparent transparent transparent;
    /* $tooltip-bg-color */
    border-width: 4px 6px 0;
    /* $caret-height $caret-width 0 */
    animation: fade-in 300ms ease;
    z-index: 1;
}

[hover-tooltip][tooltip-position="bottom"]:hover::before {
    bottom: auto;
    top: calc(100% + 10px);
    /* $distance */
}

[hover-tooltip][tooltip-position="bottom"]:hover::after {
    bottom: auto;
    top: calc(100% + 6px);
    /* $distance - $caret-height */
    border-color: transparent transparent rgba(39, 39, 39, 1) transparent;
    /* $tooltip-bg-color */
    border-width: 0 6px 4px;
    /* 0 $caret-width $caret-height */
}

[sm-hover-tooltip] {
    position: relative;
    cursor: default;
}

[sm-hover-tooltip]:hover::before {
    content: attr(sm-hover-tooltip);
    font-size: 12px;
    text-align: left;
    position: fixed;
    display: block;
    font-weight: 400;
    line-height: 1.2;
    left: 50%;
    min-width: 255px;
    max-width: 500px;
    bottom: calc(100% + 10px);
    /* $distance */
    transform: translate(-50%);
    animation: fade-in 300ms ease;
    background: var(--background);
    /* $tooltip-bg-color */
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.12);
    /* $tooltip-shadow */
    border-radius: 6px;
    border: 1px solid var(--border);
    padding: 14px;
    color: var(--foreground);
    letter-spacing: 0.4px;
    line-height: 1;
    z-index: 1;
    text-align: center;
}

[sm-hover-tooltip]:hover::after {
    content: '';
    position: fixed;
    display: block;
    left: 50%;
    width: 0;
    height: 0;
    bottom: calc(100% + 6px);
    /* $distance - $caret-height */
    margin-left: -3px;
    /* -$caret-width/2 */
    background: var(--background);
    /* $tooltip-bg-color */
    border-color: rgba(39, 39, 39, 1) transparent transparent transparent;
    /* $tooltip-bg-color */
    border-width: 4px 6px 0;
    /* $caret-height $caret-width 0 */
    animation: fade-in 300ms ease;
    letter-spacing: 0.4px;
    line-height: 1;
    z-index: 1;
    text-align: center;
}

[sm-hover-tooltip][tooltip-position="bottom"]:hover::before {
    bottom: auto;
    top: calc(100% + 10px);
    /* $distance */
}

[sm-hover-tooltip][tooltip-position="bottom"]:hover::after {
    bottom: auto;
    top: calc(100% + 6px);
    /* $distance - $caret-height */
    border-color: transparent transparent rgba(39, 39, 39, 1) transparent;
    /* $tooltip-bg-color */
    border-width: 0 6px 4px;
    /* 0 $caret-width $caret-height */
}

[hover-tooltip-guide] {
    position: relative;
    cursor: default;
}

[hover-tooltip-guide]:hover::before {
    content: attr(hover-tooltip-guide);
    font-size: 12px;
    text-align: left;
    position: absolute;
    display: block;
    font-weight: 500;
    line-height: 1.2;
    left: 50%;
    /* min-width: 255px; */
    max-width: 500px;
    bottom: 90%;
    transform: translate(-50%);
    animation: fade-in 300ms ease;
    background: var(--background);
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.12);
    border-radius: 6px;
    border: 1px solid var(--border);
    padding: 6px 8px;
    color: var(--foreground);
    z-index: 1;
    text-wrap-mode: nowrap;
    width: fit-content;
}

[hover-tooltip-guide]:hover::after {
    content: '';
    position: absolute;
    display: block;
    left: 40%;
    width: 0;
    height: 0;
    bottom: calc(100% + 6px);
    /* $distance - $caret-height */
    margin-left: -3px;
    /* -$caret-width/2 */
    border-color: rgba(39, 39, 39, 1) transparent transparent transparent;
    /* $tooltip-bg-color */
    border-width: 4px 6px 0;
    /* $caret-height $caret-width 0 */
    animation: fade-in 300ms ease;
    z-index: 1;
}

[hover-tooltip-guide][tooltip-position="bottom"]:hover::before {
    bottom: auto;
    top: calc(100% + 10px);
    /* $distance */
}

[hover-tooltip-guide][tooltip-position="bottom"]:hover::after {
    bottom: auto;
    top: calc(100% + 6px);
    /* $distance - $caret-height */
    border-color: transparent transparent rgba(39, 39, 39, 1) transparent;
    /* $tooltip-bg-color */
    border-width: 0 6px 4px;
    /* 0 $caret-width $caret-height */
}

[hover-tooltip-cp] {
    position: relative;
    cursor: default;
}

[hover-tooltip-cp]:hover::before {
    content: attr(hover-tooltip-cp);
    font-size: 12px;
    text-align: left;
    position: absolute;
    display: block;
    font-weight: 500;
    line-height: 1.2;
    left: 50%;
    min-width: fit-content;
    max-width: 100px;
    bottom: calc(100% + 0px);
    /* $distance */
    transform: translate(-50%);
    animation: fade-in 300ms ease;
    background: var(--background);
    /* $tooltip-bg-color */
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.12);
    /* $tooltip-shadow */
    border-radius: 6px;
    border: 1px solid var(--border);
    padding: 8px;
    color: var(--foreground);
    z-index: 1;
}

[hover-tooltip-cp]:hover::after {
    content: '';
    position: absolute;
    display: block;
    left: 50%;
    width: 0;
    height: 0;
    bottom: calc(100% + 6px);
    /* $distance - $caret-height */
    margin-left: -3px;
    /* -$caret-width/2 */
    border-color: rgba(39, 39, 39, 1) transparent transparent transparent;
    /* $tooltip-bg-color */
    border-width: 4px 6px 0;
    /* $caret-height $caret-width 0 */
    animation: fade-in 300ms ease;
    z-index: 1;
}

[hover-tooltip-cp][tooltip-position="bottom"]:hover::before {
    bottom: auto;
    top: calc(100% + 10px);
    /* $distance */
}

[hover-tooltip-cp][tooltip-position="bottom"]:hover::after {
    bottom: auto;
    top: calc(100% + 6px);
    /* $distance - $caret-height */
    border-color: transparent transparent rgba(39, 39, 39, 1) transparent;
    /* $tooltip-bg-color */
    border-width: 0 6px 4px;
    /* 0 $caret-width $caret-height */
}

[hover-tooltip-btn] {
    position: relative;
    cursor: default;
}

[hover-tooltip-btn]:hover::before {
    content: attr(hover-tooltip-btn);
    font-size: 12px;
    text-align: left;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    line-height: 1.2;
    left: 50%;
    min-width: fit-content;
    max-width: fit-content;
    width: fit-content;
    text-wrap: nowrap;
    bottom: calc(100% + 5px);
    /* $distance */
    transform: translate(-50%);
    animation: fade-in 300ms ease;
    background: var(--background);
    /* $tooltip-bg-color */
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.12);
    /* $tooltip-shadow */
    border-radius: 6px;
    border: 1px solid var(--border);
    padding: 8px;
    color: var(--foreground);
    z-index: 1;
    align-items: center;
}

[hover-tooltip-btn]:hover::after {
    content: '';
    position: absolute;
    display: block;
    left: 50%;
    width: 0;
    height: 0;
    bottom: calc(100% + 6px);
    /* $distance - $caret-height */
    margin-left: -3px;
    /* -$caret-width/2 */
    border-color: rgba(39, 39, 39, 1) transparent transparent transparent;
    /* $tooltip-bg-color */
    border-width: 4px 6px 0;
    /* $caret-height $caret-width 0 */
    animation: fade-in 300ms ease;
    z-index: 1;
}

[hover-tooltip-btn][tooltip-position="bottom"]:hover::before {
    bottom: auto;
    top: calc(100% + 10px);
    /* $distance */
}

[hover-tooltip-btn][tooltip-position="bottom"]:hover::after {
    bottom: auto;
    top: calc(100% + 6px);
    /* $distance - $caret-height */
    border-color: transparent transparent rgba(39, 39, 39, 1) transparent;
    /* $tooltip-bg-color */
    border-width: 0 6px 4px;
    /* 0 $caret-width $caret-height */
}

@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Fim Tooltip */

.border-dashed {
    border: 2px dashed var(--border);
}

.border-dashed-primary-brand {
    border: 2px dashed var(--primary-brand);
}

.hover\:border-dashed-primary-brand:hover {
    border: 2px dashed var(--primary-brand);
}

.badge {
    font-size: 12px;
    font-weight: 500;
    color: var(--muted-foreground);
    background-color: var(--background);
    border: 1px solid var(--input);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 0.25rem 0.35rem;
}

@media only screen and (max-width: 1024px) {
    .login-page .w-50:first-child {
        display: none;
    }

    .login-page .w-50 {
        width: 100% !important;
        background: radial-gradient(#e5e7eb 1px, transparent 1px);
        background-size: 16px 16px;
    }

    .keep-watching {
        overflow-x: scroll;
        overflow-y: hidden;
        padding-bottom: 0.6rem;
    }

    .keep-watching::-webkit-scrollbar {
        height: 6px !important;
    }

    .keep-watching::-webkit-scrollbar-thumb {
        background-color: var(--tertiary) !important;
        border-radius: 8px !important;
    }
}

.login-page .w-50:nth-child(2) {
    background: radial-gradient(#e5e7eb 1px, transparent 1px);
    background-size: 16px 16px;
    mask-image: radial-gradient(ellipse 60% 60% at 50% 50%, #000 20%, transparent 100%);
}

.dark .login-page .w-50:nth-child(2) {
    background: radial-gradient(#1d1d1d 1px, transparent 1px);
    background-size: 16px 16px;
    mask-image: radial-gradient(ellipse 60% 60% at 50% 50%, #000 20%, transparent 100%);
}

.me-2rem-negative {
    margin-right: -2rem !important;
}

.mt-2\.5rem {
    margin-top: 2.5rem !important;
}

.cursor-default {
    cursor: default !important;
}

.shine-box {
    background: linear-gradient(65deg, #000000, #011549, #012683, #033dde, #295dec, #000000);
    background-size: 1000% 1000%;

    -webkit-animation: shine 3s ease infinite;
    -moz-animation: shine 3s ease infinite;
    -o-animation: shine 3s ease infinite;
    animation: shine 3s ease infinite;
}

@-webkit-keyframes shine {
    0% {
        background-position: 7% 0%
    }

    50% {
        background-position: 94% 100%
    }

    100% {
        background-position: 7% 0%
    }
}

@-moz-keyframes shine {
    0% {
        background-position: 7% 0%
    }

    50% {
        background-position: 94% 100%
    }

    100% {
        background-position: 7% 0%
    }
}

@-o-keyframes shine {
    0% {
        background-position: 7% 0%
    }

    50% {
        background-position: 94% 100%
    }

    100% {
        background-position: 7% 0%
    }
}

@keyframes shine {
    0% {
        background-position: 7% 0%
    }

    50% {
        background-position: 94% 100%
    }

    100% {
        background-position: 7% 0%
    }
}

.cp {
    text-decoration: underline;
    text-decoration-style: dotted;
}

.cp {
    cursor: pointer;
}

.hover-show-copy .inner-wrapper {
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease-in-out;
}

.hover-show-copy:hover .inner-wrapper {
    opacity: 1;
    pointer-events: auto;
    transition: opacity .2s ease-in-out;
}

.word-break {
    word-break: break-all;
}

#search-button {
    position: absolute;
    top: 50% !important;
    right: 0px !important;
    height: 26px !important;
    transition: width .75s !important;
    transition-timing-function: cubic-bezier(0.1, 0.7) !important;
    width: 390px;
    padding-right: 1rem !important;
    border: none !important;
}

#search-button input {
    width: 100%;
    border: none !important;
    box-shadow: none !important;
    padding-left: 0px !important;
    background-color: transparent !important;
    opacity: 1;
    transition: opacity .75s !important;
}

.guiide {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--background) 10%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
    padding: 0 0 0 .5rem;
}

.guiide,
.guiide svg {
    color: #71717a7a;
}

.dark .guiide,
.dark .guiide svg {
    color: #ffffff93;
}

.guiide svg {
    position: initial !important;
    right: unset !important;
    margin-left: 4px;
}

#search-button .guiide {
    opacity: 1;
}

#search-button input {
    opacity: 1;
}

#search-button svg {
    position: absolute;
    right: 9px;
}

#searchForFilter {
    position: relative;
}

#searchForFilter::after {
    content: 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='lucide lucide-corner-down-left'%3E%3Cpolyline points='9 10 4 15 9 20'/%3E%3Cpath d='M20 4v7a4 4 0 0 1-4 4H4'/%3E%3C/svg%3E");
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.pedido-span {
    background-color: var(--secondary) !important;
    font-family: monospace;
    font-size: 12px;
    font-weight: 500;
    color: var(--secondary-foreground) !important;
    padding: 0.25rem 0.5rem;

    border: 1px solid var(--input);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

#search-button .pedido-span {
    opacity: 1;
    transition: opacity .75s !important;
}

.day {
    color: var(--foreground) !important;
}

/* .today,
.today:hover {
    color: white !important;
    background-color: #1a7aff !important;
    font-weight: bold;
} */

.appearance-none {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.timeline {
    position: relative;
}

.timeline::before {
    content: '';
    position: absolute;
    top: 25px;
    left: 0%;
    width: 2px;
    height: 80%;
    background-color: var(--input);
}

.timeline div {
    position: relative;
    padding-left: 1.25rem;
    width: 100%;
}

.timeline div::before {
    content: '';
    position: absolute;
    top: 8px;
    left: -0.35rem;
    width: .85rem;
    height: .85rem;
    border: 3px solid var(--accent);
    border-radius: 50%;
    background-color: var(--input);
    transform: translateY(-50%);
}

.overflow-visible {
    overflow: visible !important;
}

.overflow-y-clip {
    overflow-y: clip !important;
}

.overflow-x-scroll {
    overflow-x: scroll !important;
}

.overflow-y-scroll {
    overflow-y: scroll !important;
}

@media only screen and (max-width: 1012px) {
    .calendar-container {
        flex-direction: column-reverse !important;
        width: 220px;
    }

    .calendar-ooptions div:nth-of-type(1) {
        display: none !important;
    }

    .calendar-ooptions div:nth-of-type(2) {
        display: flex;
        flex-direction: column;
        margin-top: 0 !important;
    }

    .calendar-ooptions div:nth-of-type(2) button {
        width: 100%;
    }

    .calendar-ooptions div:nth-of-type(2) button:nth-of-type(2) {
        margin-top: 1rem;
    }

    .w-\[251px\].presets {
        width: 220px !important;
        border-right: 0 !important;
        border-top: 1px solid var(--input) !important;
    }

    #calendar-next {
        display: none;
    }
}

.badge-regular-value {
    color: #b69a00 !important;
    background-color: #ffd80033 !important;
    border: 1px solid #ffd80091 !important;
}

.badge-positive-value {
    color: #2acd41 !important;
    background-color: #2acd4121 !important;
    border: 1px solid #2acd4145 !important;
}

.badge-positive-negative {
    color: #d70e15 !important;
    background-color: #d70e1524 !important;
    border: 1px solid #d70e1536 !important;
}

.pending-request {
    max-height: 150px !important;
    overflow-y: auto !important;
}

.pending-request::-webkit-scrollbar {
    width: 10px;
}

.pending-request::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
    border: 3px solid transparent;
    background-clip: content-box;
}

.pending-request::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

.pending-request::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.hidden-scrollbar::-webkit-scrollbar {
    height: 0px;
    width: 0px;
}

.hidden-scrollbar::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 0px;
    border: 0px solid transparent;
    background-clip: content-box;
    height: 0px;
    width: 0px;
}

.hidden-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: transparent;
    height: 0px;
    width: 0px;
}

.hidden-scrollbar::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 0px;
    height: 0px;
    width: 0px;
}

.hidden-scrollbar::-webkit-scrollbar-track:hover {
    background: transparent !important;
}

::-webkit-scrollbar-track:hover {
    background: #ddd;
}

.btn-wallet-label {
    font-size: 14px !important;
    line-height: normal;
}

.dark #loading-overlay {
    background: rgba(0, 0, 0, 0.8);
}

#loading-overlay {
    background: rgba(255, 255, 255, 0.8);
}

#loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

#loading-overlay.show {
    opacity: 1;
}

#loading-icon {
    animation: rotate 14s linear infinite;
    stroke: var(--muted-foreground);
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.magicpattern {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: repeat;
    background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 2000 1400%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask id=%22b%22 x=%220%22 y=%220%22 width=%222000%22 height=%221400%22%3E%3Cpath fill=%22url(%23a)%22 d=%22M0 0h2000v1400H0z%22%2F%3E%3C%2Fmask%3E%3Cpath fill=%22%23fff%22 d=%22M0 0h2000v1400H0z%22%2F%3E%3Cg style=%22transform-origin:center center%22 stroke=%22%23ddd%22 stroke-width=%221.2%22 mask=%22url(%23b)%22%3E%3Cpath fill=%22none%22 d=%22M0 0h66.667v66.667H0z%22%2F%3E%3Cpath fill=%22%23ddddddec%22 d=%22M66.667 0h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 0H200v66.667h-66.667zM200 0h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 0h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddcb%22 d=%22M333.333 0H400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M400 0h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 0h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 0H600v66.667h-66.667zM600 0h66.667v66.667H600z%22%2F%3E%3Cpath fill=%22%23ddddddc6%22 d=%22M666.667 0h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 0H800v66.667h-66.667zM800 0h66.667v66.667H800zM866.667 0h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 0H1000v66.667h-66.667zM1000 0h66.667v66.667H1000z%22%2F%3E%3Cpath fill=%22%23dddddde9%22 d=%22M1066.667 0h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddac%22 d=%22M1133.333 0H1200v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1200 0h66.667v66.667H1200z%22%2F%3E%3Cpath fill=%22%23dddddd38%22 d=%22M1266.667 0h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 0H1400v66.667h-66.667zM1400 0h66.667v66.667H1400zM1466.667 0h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 0H1600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd40%22 d=%22M1600 0h66.667v66.667H1600z%22%2F%3E%3Cpath fill=%22%23dddddd4d%22 d=%22M1666.667 0h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 0H1800v66.667h-66.667zM1800 0h66.667v66.667H1800zM1866.667 0h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 0H2000v66.667h-66.667zM0 66.667h66.667v66.667H0z%22%2F%3E%3Cpath fill=%22%23dddddd7f%22 d=%22M66.667 66.667h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 66.667H200v66.667h-66.667zM200 66.667h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 66.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd79%22 d=%22M333.333 66.667H400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M400 66.667h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22%23ddddddd8%22 d=%22M466.667 66.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 66.667H600v66.667h-66.667zM600 66.667h66.667v66.667H600z%22%2F%3E%3Cpath fill=%22%23dddddd33%22 d=%22M666.667 66.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 66.667H800v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd15%22 d=%22M800 66.667h66.667v66.667H800z%22%2F%3E%3Cpath fill=%22none%22 d=%22M866.667 66.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd3e%22 d=%22M933.333 66.667H1000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd7f%22 d=%22M1000 66.667h66.667v66.667H1000z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1066.667 66.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 66.667H1200v66.667h-66.667zM1200 66.667h66.667v66.667H1200zM1266.667 66.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 66.667H1400v66.667h-66.667zM1400 66.667h66.667v66.667H1400zM1466.667 66.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 66.667H1600v66.667h-66.667zM1600 66.667h66.667v66.667H1600z%22%2F%3E%3Cpath fill=%22%23dddddda2%22 d=%22M1666.667 66.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 66.667H1800v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddc6%22 d=%22M1800 66.667h66.667v66.667H1800z%22%2F%3E%3Cpath fill=%22%23ddddddd0%22 d=%22M1866.667 66.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 66.667H2000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddea%22 d=%22M0 133.333h66.667V200H0z%22%2F%3E%3Cpath fill=%22%23dddddd91%22 d=%22M66.667 133.333h66.667V200H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 133.333H200V200h-66.667zM200 133.333h66.667V200H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 133.333h66.667V200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 133.333H400V200h-66.667zM400 133.333h66.667V200H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 133.333h66.667V200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 133.333H600V200h-66.667zM600 133.333h66.667V200H600zM666.667 133.333h66.667V200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 133.333H800V200h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd25%22 d=%22M800 133.333h66.667V200H800z%22%2F%3E%3Cpath fill=%22%23ddddddef%22 d=%22M866.667 133.333h66.667V200h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddac%22 d=%22M933.333 133.333H1000V200h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd86%22 d=%22M1000 133.333h66.667V200H1000z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1066.667 133.333h66.667V200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 133.333H1200V200h-66.667zM1200 133.333h66.667V200H1200z%22%2F%3E%3Cpath fill=%22%23ddddddd8%22 d=%22M1266.667 133.333h66.667V200h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd8b%22 d=%22M1333.333 133.333H1400V200h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd26%22 d=%22M1400 133.333h66.667V200H1400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1466.667 133.333h66.667V200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 133.333H1600V200h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd97%22 d=%22M1600 133.333h66.667V200H1600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1666.667 133.333h66.667V200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 133.333H1800V200h-66.667zM1800 133.333h66.667V200H1800z%22%2F%3E%3Cpath fill=%22%23dddddd9f%22 d=%22M1866.667 133.333h66.667V200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 133.333H2000V200h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddeb%22 d=%22M0 200h66.667v66.667H0z%22%2F%3E%3Cpath fill=%22%23dddddda5%22 d=%22M66.667 200h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 200H200v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd9f%22 d=%22M200 200h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22%23dddddd2a%22 d=%22M266.667 200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 200H400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd55%22 d=%22M400 200h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd44%22 d=%22M533.333 200H600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M600 200h66.667v66.667H600zM666.667 200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 200H800v66.667h-66.667zM800 200h66.667v66.667H800z%22%2F%3E%3Cpath fill=%22%23dddddd2a%22 d=%22M866.667 200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 200H1000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddde5%22 d=%22M1000 200h66.667v66.667H1000z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1066.667 200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 200H1200v66.667h-66.667zM1200 200h66.667v66.667H1200zM1266.667 200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd32%22 d=%22M1333.333 200H1400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1400 200h66.667v66.667H1400zM1466.667 200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 200H1600v66.667h-66.667zM1600 200h66.667v66.667H1600z%22%2F%3E%3Cpath fill=%22%23ddddddf1%22 d=%22M1666.667 200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 200H1800v66.667h-66.667zM1800 200h66.667v66.667H1800z%22%2F%3E%3Cpath fill=%22%23dddddda9%22 d=%22M1866.667 200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddd0%22 d=%22M1933.333 200H2000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M0 266.667h66.667v66.667H0zM66.667 266.667h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 266.667H200v66.667h-66.667zM200 266.667h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd25%22 d=%22M333.333 266.667H400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M400 266.667h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 266.667H600v66.667h-66.667zM600 266.667h66.667v66.667H600zM666.667 266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 266.667H800v66.667h-66.667zM800 266.667h66.667v66.667H800z%22%2F%3E%3Cpath fill=%22%23dddddd13%22 d=%22M866.667 266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 266.667H1000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddd1%22 d=%22M1000 266.667h66.667v66.667H1000z%22%2F%3E%3Cpath fill=%22%23ddddddf5%22 d=%22M1066.667 266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 266.667H1200v66.667h-66.667zM1200 266.667h66.667v66.667H1200zM1266.667 266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 266.667H1400v66.667h-66.667zM1400 266.667h66.667v66.667H1400zM1466.667 266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd00%22 d=%22M1533.333 266.667H1600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddb7%22 d=%22M1600 266.667h66.667v66.667H1600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1666.667 266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 266.667H1800v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd90%22 d=%22M1800 266.667h66.667v66.667H1800z%22%2F%3E%3Cpath fill=%22%23dddddddf%22 d=%22M1866.667 266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 266.667H2000v66.667h-66.667zM0 333.333h66.667V400H0zM66.667 333.333h66.667V400H66.667z%22%2F%3E%3Cpath fill=%22%23ddddddd4%22 d=%22M133.333 333.333H200V400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M200 333.333h66.667V400H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 333.333h66.667V400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 333.333H400V400h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddf4%22 d=%22M400 333.333h66.667V400H400z%22%2F%3E%3Cpath fill=%22%23ddddddc8%22 d=%22M466.667 333.333h66.667V400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 333.333H600V400h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd62%22 d=%22M600 333.333h66.667V400H600z%22%2F%3E%3Cpath fill=%22%23dddddd41%22 d=%22M666.667 333.333h66.667V400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 333.333H800V400h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd2c%22 d=%22M800 333.333h66.667V400H800z%22%2F%3E%3Cpath fill=%22none%22 d=%22M866.667 333.333h66.667V400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 333.333H1000V400h-66.667zM1000 333.333h66.667V400H1000zM1066.667 333.333h66.667V400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 333.333H1200V400h-66.667zM1200 333.333h66.667V400H1200zM1266.667 333.333h66.667V400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 333.333H1400V400h-66.667zM1400 333.333h66.667V400H1400zM1466.667 333.333h66.667V400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 333.333H1600V400h-66.667zM1600 333.333h66.667V400H1600zM1666.667 333.333h66.667V400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 333.333H1800V400h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddda2%22 d=%22M1800 333.333h66.667V400H1800z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1866.667 333.333h66.667V400h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd1a%22 d=%22M1933.333 333.333H2000V400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M0 400h66.667v66.667H0z%22%2F%3E%3Cpath fill=%22%23ddddddd0%22 d=%22M66.667 400h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22%23ddddddf0%22 d=%22M133.333 400H200v66.667h-66.667zM200 400h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 400h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd7a%22 d=%22M333.333 400H400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M400 400h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22%23ddddddc4%22 d=%22M466.667 400h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 400H600v66.667h-66.667zM600 400h66.667v66.667H600zM666.667 400h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd33%22 d=%22M733.333 400H800v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd61%22 d=%22M800 400h66.667v66.667H800z%22%2F%3E%3Cpath fill=%22none%22 d=%22M866.667 400h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 400H1000v66.667h-66.667zM1000 400h66.667v66.667H1000z%22%2F%3E%3Cpath fill=%22%23dddddd0f%22 d=%22M1066.667 400h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 400H1200v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd97%22 d=%22M1200 400h66.667v66.667H1200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1266.667 400h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 400H1400v66.667h-66.667zM1400 400h66.667v66.667H1400zM1466.667 400h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 400H1600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddda2%22 d=%22M1600 400h66.667v66.667H1600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1666.667 400h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 400H1800v66.667h-66.667zM1800 400h66.667v66.667H1800z%22%2F%3E%3Cpath fill=%22%23dddddd5f%22 d=%22M1866.667 400h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd8b%22 d=%22M1933.333 400H2000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddcd%22 d=%22M0 466.667h66.667v66.667H0z%22%2F%3E%3Cpath fill=%22none%22 d=%22M66.667 466.667h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22%23dddddd7f%22 d=%22M133.333 466.667H200v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd30%22 d=%22M200 466.667h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22%23ddddddb7%22 d=%22M266.667 466.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 466.667H400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd5e%22 d=%22M400 466.667h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22%23dddddda8%22 d=%22M466.667 466.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 466.667H600v66.667h-66.667zM600 466.667h66.667v66.667H600zM666.667 466.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddfd%22 d=%22M733.333 466.667H800v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd8c%22 d=%22M800 466.667h66.667v66.667H800z%22%2F%3E%3Cpath fill=%22none%22 d=%22M866.667 466.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 466.667H1000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd8a%22 d=%22M1000 466.667h66.667v66.667H1000z%22%2F%3E%3Cpath fill=%22%23dddddd95%22 d=%22M1066.667 466.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd06%22 d=%22M1133.333 466.667H1200v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd82%22 d=%22M1200 466.667h66.667v66.667H1200z%22%2F%3E%3Cpath fill=%22%23dddddd25%22 d=%22M1266.667 466.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddd7%22 d=%22M1333.333 466.667H1400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddbb%22 d=%22M1400 466.667h66.667v66.667H1400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1466.667 466.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd04%22 d=%22M1533.333 466.667H1600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1600 466.667h66.667v66.667H1600zM1666.667 466.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 466.667H1800v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd05%22 d=%22M1800 466.667h66.667v66.667H1800z%22%2F%3E%3Cpath fill=%22%23dddddd53%22 d=%22M1866.667 466.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 466.667H2000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd80%22 d=%22M0 533.333h66.667V600H0z%22%2F%3E%3Cpath fill=%22none%22 d=%22M66.667 533.333h66.667V600H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 533.333H200V600h-66.667zM200 533.333h66.667V600H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 533.333h66.667V600h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 533.333H400V600h-66.667zM400 533.333h66.667V600H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 533.333h66.667V600h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd8a%22 d=%22M533.333 533.333H600V600h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M600 533.333h66.667V600H600z%22%2F%3E%3Cpath fill=%22%23dddddda6%22 d=%22M666.667 533.333h66.667V600h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 533.333H800V600h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddddf%22 d=%22M800 533.333h66.667V600H800z%22%2F%3E%3Cpath fill=%22none%22 d=%22M866.667 533.333h66.667V600h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 533.333H1000V600h-66.667zM1000 533.333h66.667V600H1000z%22%2F%3E%3Cpath fill=%22%23dddddd1b%22 d=%22M1066.667 533.333h66.667V600h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddda9%22 d=%22M1133.333 533.333H1200V600h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1200 533.333h66.667V600H1200zM1266.667 533.333h66.667V600h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd86%22 d=%22M1333.333 533.333H1400V600h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd73%22 d=%22M1400 533.333h66.667V600H1400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1466.667 533.333h66.667V600h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 533.333H1600V600h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd91%22 d=%22M1600 533.333h66.667V600H1600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1666.667 533.333h66.667V600h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 533.333H1800V600h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd6e%22 d=%22M1800 533.333h66.667V600H1800z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1866.667 533.333h66.667V600h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 533.333H2000V600h-66.667zM0 600h66.667v66.667H0z%22%2F%3E%3Cpath fill=%22%23ddddddbd%22 d=%22M66.667 600h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 600H200v66.667h-66.667zM200 600h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 600h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 600H400v66.667h-66.667zM400 600h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 600h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 600H600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd44%22 d=%22M600 600h66.667v66.667H600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M666.667 600h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 600H800v66.667h-66.667zM800 600h66.667v66.667H800z%22%2F%3E%3Cpath fill=%22%23dddddd1d%22 d=%22M866.667 600h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 600H1000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddb2%22 d=%22M1000 600h66.667v66.667H1000z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1066.667 600h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 600H1200v66.667h-66.667zM1200 600h66.667v66.667H1200zM1266.667 600h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddfe%22 d=%22M1333.333 600H1400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1400 600h66.667v66.667H1400zM1466.667 600h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 600H1600v66.667h-66.667zM1600 600h66.667v66.667H1600zM1666.667 600h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddae%22 d=%22M1733.333 600H1800v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1800 600h66.667v66.667H1800z%22%2F%3E%3Cpath fill=%22%23ddddddbd%22 d=%22M1866.667 600h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 600H2000v66.667h-66.667zM0 666.667h66.667v66.667H0zM66.667 666.667h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 666.667H200v66.667h-66.667zM200 666.667h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 666.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 666.667H400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddff%22 d=%22M400 666.667h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 666.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd60%22 d=%22M533.333 666.667H600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M600 666.667h66.667v66.667H600zM666.667 666.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 666.667H800v66.667h-66.667zM800 666.667h66.667v66.667H800zM866.667 666.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 666.667H1000v66.667h-66.667zM1000 666.667h66.667v66.667H1000zM1066.667 666.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 666.667H1200v66.667h-66.667zM1200 666.667h66.667v66.667H1200z%22%2F%3E%3Cpath fill=%22%23ddddddae%22 d=%22M1266.667 666.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 666.667H1400v66.667h-66.667zM1400 666.667h66.667v66.667H1400zM1466.667 666.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 666.667H1600v66.667h-66.667zM1600 666.667h66.667v66.667H1600zM1666.667 666.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd6b%22 d=%22M1733.333 666.667H1800v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1800 666.667h66.667v66.667H1800zM1866.667 666.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 666.667H2000v66.667h-66.667zM0 733.333h66.667V800H0zM66.667 733.333h66.667V800H66.667z%22%2F%3E%3Cpath fill=%22%23ddddddd9%22 d=%22M133.333 733.333H200V800h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M200 733.333h66.667V800H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 733.333h66.667V800h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 733.333H400V800h-66.667zM400 733.333h66.667V800H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 733.333h66.667V800h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 733.333H600V800h-66.667zM600 733.333h66.667V800H600z%22%2F%3E%3Cpath fill=%22%23dddddd5b%22 d=%22M666.667 733.333h66.667V800h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddb9%22 d=%22M733.333 733.333H800V800h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M800 733.333h66.667V800H800z%22%2F%3E%3Cpath fill=%22%23dddddd6e%22 d=%22M866.667 733.333h66.667V800h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 733.333H1000V800h-66.667zM1000 733.333h66.667V800H1000zM1066.667 733.333h66.667V800h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 733.333H1200V800h-66.667zM1200 733.333h66.667V800H1200zM1266.667 733.333h66.667V800h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 733.333H1400V800h-66.667zM1400 733.333h66.667V800H1400zM1466.667 733.333h66.667V800h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddd4%22 d=%22M1533.333 733.333H1600V800h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd87%22 d=%22M1600 733.333h66.667V800H1600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1666.667 733.333h66.667V800h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 733.333H1800V800h-66.667zM1800 733.333h66.667V800H1800zM1866.667 733.333h66.667V800h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 733.333H2000V800h-66.667zM0 800h66.667v66.667H0zM66.667 800h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 800H200v66.667h-66.667zM200 800h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 800h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 800H400v66.667h-66.667zM400 800h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 800h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 800H600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd4d%22 d=%22M600 800h66.667v66.667H600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M666.667 800h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 800H800v66.667h-66.667zM800 800h66.667v66.667H800zM866.667 800h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 800H1000v66.667h-66.667zM1000 800h66.667v66.667H1000zM1066.667 800h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 800H1200v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd92%22 d=%22M1200 800h66.667v66.667H1200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1266.667 800h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddda9%22 d=%22M1333.333 800H1400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1400 800h66.667v66.667H1400zM1466.667 800h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 800H1600v66.667h-66.667zM1600 800h66.667v66.667H1600zM1666.667 800h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd9a%22 d=%22M1733.333 800H1800v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1800 800h66.667v66.667H1800zM1866.667 800h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 800H2000v66.667h-66.667zM0 866.667h66.667v66.667H0zM66.667 866.667h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 866.667H200v66.667h-66.667zM200 866.667h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 866.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 866.667H400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd81%22 d=%22M400 866.667h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 866.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd0a%22 d=%22M533.333 866.667H600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M600 866.667h66.667v66.667H600zM666.667 866.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 866.667H800v66.667h-66.667zM800 866.667h66.667v66.667H800zM866.667 866.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd3c%22 d=%22M933.333 866.667H1000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1000 866.667h66.667v66.667H1000zM1066.667 866.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 866.667H1200v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd30%22 d=%22M1200 866.667h66.667v66.667H1200z%22%2F%3E%3Cpath fill=%22%23dddddd7f%22 d=%22M1266.667 866.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 866.667H1400v66.667h-66.667zM1400 866.667h66.667v66.667H1400z%22%2F%3E%3Cpath fill=%22%23dddddde2%22 d=%22M1466.667 866.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 866.667H1600v66.667h-66.667zM1600 866.667h66.667v66.667H1600zM1666.667 866.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 866.667H1800v66.667h-66.667zM1800 866.667h66.667v66.667H1800zM1866.667 866.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 866.667H2000v66.667h-66.667zM0 933.333h66.667V1000H0z%22%2F%3E%3Cpath fill=%22%23dddddde1%22 d=%22M66.667 933.333h66.667V1000H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 933.333H200V1000h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddd3%22 d=%22M200 933.333h66.667V1000H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 933.333h66.667V1000h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 933.333H400V1000h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddb3%22 d=%22M400 933.333h66.667V1000H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 933.333h66.667V1000h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddb0%22 d=%22M533.333 933.333H600V1000h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd61%22 d=%22M600 933.333h66.667V1000H600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M666.667 933.333h66.667V1000h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 933.333H800V1000h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddd9%22 d=%22M800 933.333h66.667V1000H800z%22%2F%3E%3Cpath fill=%22none%22 d=%22M866.667 933.333h66.667V1000h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 933.333H1000V1000h-66.667zM1000 933.333h66.667V1000H1000z%22%2F%3E%3Cpath fill=%22%23dddddd17%22 d=%22M1066.667 933.333h66.667V1000h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd86%22 d=%22M1133.333 933.333H1200V1000h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1200 933.333h66.667V1000H1200zM1266.667 933.333h66.667V1000h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd92%22 d=%22M1333.333 933.333H1400V1000h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1400 933.333h66.667V1000H1400zM1466.667 933.333h66.667V1000h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddde5%22 d=%22M1533.333 933.333H1600V1000h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1600 933.333h66.667V1000H1600z%22%2F%3E%3Cpath fill=%22%23ddddddd4%22 d=%22M1666.667 933.333h66.667V1000h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 933.333H1800V1000h-66.667zM1800 933.333h66.667V1000H1800z%22%2F%3E%3Cpath fill=%22%23dddddda2%22 d=%22M1866.667 933.333h66.667V1000h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 933.333H2000V1000h-66.667zM0 1000h66.667v66.667H0zM66.667 1000h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 1000H200v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddb2%22 d=%22M200 1000h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 1000h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 1000H400v66.667h-66.667zM400 1000h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22%23dddddd0a%22 d=%22M466.667 1000h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 1000H600v66.667h-66.667zM600 1000h66.667v66.667H600zM666.667 1000h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 1000H800v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd0d%22 d=%22M800 1000h66.667v66.667H800z%22%2F%3E%3Cpath fill=%22none%22 d=%22M866.667 1000h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 1000H1000v66.667h-66.667zM1000 1000h66.667v66.667H1000zM1066.667 1000h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd7b%22 d=%22M1133.333 1000H1200v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd0e%22 d=%22M1200 1000h66.667v66.667H1200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1266.667 1000h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 1000H1400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddda5%22 d=%22M1400 1000h66.667v66.667H1400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1466.667 1000h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 1000H1600v66.667h-66.667zM1600 1000h66.667v66.667H1600z%22%2F%3E%3Cpath fill=%22%23dddddd21%22 d=%22M1666.667 1000h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 1000H1800v66.667h-66.667zM1800 1000h66.667v66.667H1800z%22%2F%3E%3Cpath fill=%22%23dddddd07%22 d=%22M1866.667 1000h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 1000H2000v66.667h-66.667zM0 1066.667h66.667v66.667H0z%22%2F%3E%3Cpath fill=%22%23ddddddd6%22 d=%22M66.667 1066.667h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 1066.667H200v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddf6%22 d=%22M200 1066.667h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22%23dddddd58%22 d=%22M266.667 1066.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 1066.667H400v66.667h-66.667zM400 1066.667h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 1066.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddb8%22 d=%22M533.333 1066.667H600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M600 1066.667h66.667v66.667H600zM666.667 1066.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 1066.667H800v66.667h-66.667zM800 1066.667h66.667v66.667H800zM866.667 1066.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd60%22 d=%22M933.333 1066.667H1000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1000 1066.667h66.667v66.667H1000z%22%2F%3E%3Cpath fill=%22%23dddddd50%22 d=%22M1066.667 1066.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd8e%22 d=%22M1133.333 1066.667H1200v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1200 1066.667h66.667v66.667H1200z%22%2F%3E%3Cpath fill=%22%23dddddd7c%22 d=%22M1266.667 1066.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 1066.667H1400v66.667h-66.667zM1400 1066.667h66.667v66.667H1400z%22%2F%3E%3Cpath fill=%22%23dddddd72%22 d=%22M1466.667 1066.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 1066.667H1600v66.667h-66.667zM1600 1066.667h66.667v66.667H1600zM1666.667 1066.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 1066.667H1800v66.667h-66.667zM1800 1066.667h66.667v66.667H1800zM1866.667 1066.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd5c%22 d=%22M1933.333 1066.667H2000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M0 1133.333h66.667V1200H0zM66.667 1133.333h66.667V1200H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 1133.333H200V1200h-66.667zM200 1133.333h66.667V1200H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 1133.333h66.667V1200h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddd4%22 d=%22M333.333 1133.333H400V1200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M400 1133.333h66.667V1200H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 1133.333h66.667V1200h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd31%22 d=%22M533.333 1133.333H600V1200h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd83%22 d=%22M600 1133.333h66.667V1200H600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M666.667 1133.333h66.667V1200h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddde1%22 d=%22M733.333 1133.333H800V1200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M800 1133.333h66.667V1200H800zM866.667 1133.333h66.667V1200h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd65%22 d=%22M933.333 1133.333H1000V1200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1000 1133.333h66.667V1200H1000z%22%2F%3E%3Cpath fill=%22%23dddddd6f%22 d=%22M1066.667 1133.333h66.667V1200h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd58%22 d=%22M1133.333 1133.333H1200V1200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1200 1133.333h66.667V1200H1200zM1266.667 1133.333h66.667V1200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 1133.333H1400V1200h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd92%22 d=%22M1400 1133.333h66.667V1200H1400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1466.667 1133.333h66.667V1200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 1133.333H1600V1200h-66.667zM1600 1133.333h66.667V1200H1600zM1666.667 1133.333h66.667V1200h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd59%22 d=%22M1733.333 1133.333H1800V1200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1800 1133.333h66.667V1200H1800zM1866.667 1133.333h66.667V1200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 1133.333H2000V1200h-66.667zM0 1200h66.667v66.667H0zM66.667 1200h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22%23ddddddf6%22 d=%22M133.333 1200H200v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd10%22 d=%22M200 1200h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22%23dddddd24%22 d=%22M266.667 1200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 1200H400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd20%22 d=%22M400 1200h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 1200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddc1%22 d=%22M533.333 1200H600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M600 1200h66.667v66.667H600z%22%2F%3E%3Cpath fill=%22%23dddddd43%22 d=%22M666.667 1200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd00%22 d=%22M733.333 1200H800v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M800 1200h66.667v66.667H800zM866.667 1200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 1200H1000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd8d%22 d=%22M1000 1200h66.667v66.667H1000z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1066.667 1200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 1200H1200v66.667h-66.667zM1200 1200h66.667v66.667H1200zM1266.667 1200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd65%22 d=%22M1333.333 1200H1400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddaf%22 d=%22M1400 1200h66.667v66.667H1400z%22%2F%3E%3Cpath fill=%22%23ddddddc9%22 d=%22M1466.667 1200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd6a%22 d=%22M1533.333 1200H1600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1600 1200h66.667v66.667H1600zM1666.667 1200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 1200H1800v66.667h-66.667zM1800 1200h66.667v66.667H1800zM1866.667 1200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd9f%22 d=%22M1933.333 1200H2000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd00%22 d=%22M0 1266.667h66.667v66.667H0z%22%2F%3E%3Cpath fill=%22none%22 d=%22M66.667 1266.667h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 1266.667H200v66.667h-66.667zM200 1266.667h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 1266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 1266.667H400v66.667h-66.667zM400 1266.667h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 1266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 1266.667H600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd45%22 d=%22M600 1266.667h66.667v66.667H600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M666.667 1266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 1266.667H800v66.667h-66.667zM800 1266.667h66.667v66.667H800zM866.667 1266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 1266.667H1000v66.667h-66.667zM1000 1266.667h66.667v66.667H1000zM1066.667 1266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 1266.667H1200v66.667h-66.667zM1200 1266.667h66.667v66.667H1200zM1266.667 1266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 1266.667H1400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddfb%22 d=%22M1400 1266.667h66.667v66.667H1400z%22%2F%3E%3Cpath fill=%22%23dddddd2d%22 d=%22M1466.667 1266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 1266.667H1600v66.667h-66.667zM1600 1266.667h66.667v66.667H1600zM1666.667 1266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 1266.667H1800v66.667h-66.667zM1800 1266.667h66.667v66.667H1800zM1866.667 1266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 1266.667H2000v66.667h-66.667zM0 1333.333h66.667V1400H0zM66.667 1333.333h66.667V1400H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 1333.333H200V1400h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd12%22 d=%22M200 1333.333h66.667V1400H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 1333.333h66.667V1400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 1333.333H400V1400h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd18%22 d=%22M400 1333.333h66.667V1400H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 1333.333h66.667V1400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 1333.333H600V1400h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd42%22 d=%22M600 1333.333h66.667V1400H600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M666.667 1333.333h66.667V1400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 1333.333H800V1400h-66.667zM800 1333.333h66.667V1400H800zM866.667 1333.333h66.667V1400h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd81%22 d=%22M933.333 1333.333H1000V1400h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd2f%22 d=%22M1000 1333.333h66.667V1400H1000z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1066.667 1333.333h66.667V1400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 1333.333H1200V1400h-66.667zM1200 1333.333h66.667V1400H1200zM1266.667 1333.333h66.667V1400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 1333.333H1400V1400h-66.667zM1400 1333.333h66.667V1400H1400zM1466.667 1333.333h66.667V1400h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd2a%22 d=%22M1533.333 1333.333H1600V1400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1600 1333.333h66.667V1400H1600zM1666.667 1333.333h66.667V1400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 1333.333H1800V1400h-66.667zM1800 1333.333h66.667V1400H1800zM1866.667 1333.333h66.667V1400h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd0a%22 d=%22M1933.333 1333.333H2000V1400h-66.667z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CradialGradient id=%22a%22%3E%3Cstop offset=%2258.4%25%22 stop-color=%22%23fff%22 stop-opacity=%220%22%2F%3E%3Cstop offset=%22100%25%22 stop-color=%22%23fff%22 stop-opacity=%22.416%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}
.dark
.magicpattern {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: repeat;
    background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 2000 1400%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask id=%22b%22 x=%220%22 y=%220%22 width=%222000%22 height=%221400%22%3E%3Cpath fill=%22url(%23a)%22 d=%22M0 0h2000v1400H0z%22%2F%3E%3C%2Fmask%3E%3Cpath d=%22M0 0h2000v1400H0z%22%2F%3E%3Cg style=%22transform-origin:center center%22 stroke=%22%23222%22 stroke-width=%222%22 mask=%22url(%23b)%22%3E%3Cpath fill=%22none%22 d=%22M0 0h83.333v83.333H0zM83.333 0h83.333v83.333H83.333zM166.667 0H250v83.333h-83.333zM250 0h83.333v83.333H250z%22%2F%3E%3Cpath fill=%22%2322222269%22 d=%22M333.333 0h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%232222227a%22 d=%22M416.667 0H500v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M500 0h83.333v83.333H500zM583.333 0h83.333v83.333h-83.333zM666.667 0H750v83.333h-83.333zM750 0h83.333v83.333H750zM833.333 0h83.333v83.333h-83.333zM916.667 0H1000v83.333h-83.333zM1000 0h83.333v83.333H1000zM1083.333 0h83.333v83.333h-83.333zM1166.667 0H1250v83.333h-83.333zM1250 0h83.333v83.333H1250zM1333.333 0h83.333v83.333h-83.333zM1416.667 0H1500v83.333h-83.333zM1500 0h83.333v83.333H1500zM1583.333 0h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222233%22 d=%22M1666.667 0H1750v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1750 0h83.333v83.333H1750z%22%2F%3E%3Cpath fill=%22%23222222a0%22 d=%22M1833.333 0h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1916.667 0H2000v83.333h-83.333zM0 83.333h83.333v83.333H0z%22%2F%3E%3Cpath fill=%22%2322222281%22 d=%22M83.333 83.333h83.333v83.333H83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M166.667 83.333H250v83.333h-83.333zM250 83.333h83.333v83.333H250zM333.333 83.333h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222274%22 d=%22M416.667 83.333H500v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M500 83.333h83.333v83.333H500z%22%2F%3E%3Cpath fill=%22%232222228c%22 d=%22M583.333 83.333h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M666.667 83.333H750v83.333h-83.333zM750 83.333h83.333v83.333H750zM833.333 83.333h83.333v83.333h-83.333zM916.667 83.333H1000v83.333h-83.333zM1000 83.333h83.333v83.333H1000zM1083.333 83.333h83.333v83.333h-83.333zM1166.667 83.333H1250v83.333h-83.333zM1250 83.333h83.333v83.333H1250zM1333.333 83.333h83.333v83.333h-83.333zM1416.667 83.333H1500v83.333h-83.333zM1500 83.333h83.333v83.333H1500zM1583.333 83.333h83.333v83.333h-83.333zM1666.667 83.333H1750v83.333h-83.333zM1750 83.333h83.333v83.333H1750zM1833.333 83.333h83.333v83.333h-83.333zM1916.667 83.333H2000v83.333h-83.333zM0 166.667h83.333V250H0zM83.333 166.667h83.333V250H83.333z%22%2F%3E%3Cpath fill=%22%23222222d7%22 d=%22M166.667 166.667H250V250h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M250 166.667h83.333V250H250zM333.333 166.667h83.333V250h-83.333zM416.667 166.667H500V250h-83.333zM500 166.667h83.333V250H500z%22%2F%3E%3Cpath fill=%22%2322222263%22 d=%22M583.333 166.667h83.333V250h-83.333z%22%2F%3E%3Cpath fill=%22%23222222bb%22 d=%22M666.667 166.667H750V250h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M750 166.667h83.333V250H750zM833.333 166.667h83.333V250h-83.333zM916.667 166.667H1000V250h-83.333z%22%2F%3E%3Cpath fill=%22%2322222202%22 d=%22M1000 166.667h83.333V250H1000z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1083.333 166.667h83.333V250h-83.333zM1166.667 166.667H1250V250h-83.333zM1250 166.667h83.333V250H1250z%22%2F%3E%3Cpath fill=%22%232222226d%22 d=%22M1333.333 166.667h83.333V250h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1416.667 166.667H1500V250h-83.333zM1500 166.667h83.333V250H1500zM1583.333 166.667h83.333V250h-83.333zM1666.667 166.667H1750V250h-83.333zM1750 166.667h83.333V250H1750zM1833.333 166.667h83.333V250h-83.333z%22%2F%3E%3Cpath fill=%22%232222222b%22 d=%22M1916.667 166.667H2000V250h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M0 250h83.333v83.333H0zM83.333 250h83.333v83.333H83.333zM166.667 250H250v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%23222222b7%22 d=%22M250 250h83.333v83.333H250z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 250h83.333v83.333h-83.333zM416.667 250H500v83.333h-83.333zM500 250h83.333v83.333H500zM583.333 250h83.333v83.333h-83.333zM666.667 250H750v83.333h-83.333zM750 250h83.333v83.333H750zM833.333 250h83.333v83.333h-83.333zM916.667 250H1000v83.333h-83.333zM1000 250h83.333v83.333H1000zM1083.333 250h83.333v83.333h-83.333zM1166.667 250H1250v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%23222222ce%22 d=%22M1250 250h83.333v83.333H1250z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 250h83.333v83.333h-83.333zM1416.667 250H1500v83.333h-83.333zM1500 250h83.333v83.333H1500z%22%2F%3E%3Cpath fill=%22%23222222aa%22 d=%22M1583.333 250h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1666.667 250H1750v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%232222221d%22 d=%22M1750 250h83.333v83.333H1750z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1833.333 250h83.333v83.333h-83.333zM1916.667 250H2000v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%23222222ba%22 d=%22M0 333.333h83.333v83.333H0z%22%2F%3E%3Cpath fill=%22none%22 d=%22M83.333 333.333h83.333v83.333H83.333z%22%2F%3E%3Cpath fill=%22%2322222221%22 d=%22M166.667 333.333H250v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M250 333.333h83.333v83.333H250zM333.333 333.333h83.333v83.333h-83.333zM416.667 333.333H500v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%23222222b3%22 d=%22M500 333.333h83.333v83.333H500z%22%2F%3E%3Cpath fill=%22none%22 d=%22M583.333 333.333h83.333v83.333h-83.333zM666.667 333.333H750v83.333h-83.333zM750 333.333h83.333v83.333H750z%22%2F%3E%3Cpath fill=%22%23222222c1%22 d=%22M833.333 333.333h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M916.667 333.333H1000v83.333h-83.333zM1000 333.333h83.333v83.333H1000zM1083.333 333.333h83.333v83.333h-83.333zM1166.667 333.333H1250v83.333h-83.333zM1250 333.333h83.333v83.333H1250zM1333.333 333.333h83.333v83.333h-83.333zM1416.667 333.333H1500v83.333h-83.333zM1500 333.333h83.333v83.333H1500z%22%2F%3E%3Cpath fill=%22%232222229d%22 d=%22M1583.333 333.333h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1666.667 333.333H1750v83.333h-83.333zM1750 333.333h83.333v83.333H1750z%22%2F%3E%3Cpath fill=%22%23222222ca%22 d=%22M1833.333 333.333h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1916.667 333.333H2000v83.333h-83.333zM0 416.667h83.333V500H0zM83.333 416.667h83.333V500H83.333zM166.667 416.667H250V500h-83.333zM250 416.667h83.333V500H250zM333.333 416.667h83.333V500h-83.333zM416.667 416.667H500V500h-83.333zM500 416.667h83.333V500H500z%22%2F%3E%3Cpath fill=%22%23222222a2%22 d=%22M583.333 416.667h83.333V500h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M666.667 416.667H750V500h-83.333zM750 416.667h83.333V500H750z%22%2F%3E%3Cpath fill=%22%232222226a%22 d=%22M833.333 416.667h83.333V500h-83.333z%22%2F%3E%3Cpath fill=%22%2322222242%22 d=%22M916.667 416.667H1000V500h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1000 416.667h83.333V500H1000zM1083.333 416.667h83.333V500h-83.333z%22%2F%3E%3Cpath fill=%22%23222222a0%22 d=%22M1166.667 416.667H1250V500h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1250 416.667h83.333V500H1250z%22%2F%3E%3Cpath fill=%22%232222227c%22 d=%22M1333.333 416.667h83.333V500h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1416.667 416.667H1500V500h-83.333z%22%2F%3E%3Cpath fill=%22%23222222c9%22 d=%22M1500 416.667h83.333V500H1500z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1583.333 416.667h83.333V500h-83.333zM1666.667 416.667H1750V500h-83.333z%22%2F%3E%3Cpath fill=%22%23222222ca%22 d=%22M1750 416.667h83.333V500H1750z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1833.333 416.667h83.333V500h-83.333zM1916.667 416.667H2000V500h-83.333z%22%2F%3E%3Cpath fill=%22%2322222227%22 d=%22M0 500h83.333v83.333H0z%22%2F%3E%3Cpath fill=%22%2322222213%22 d=%22M83.333 500h83.333v83.333H83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M166.667 500H250v83.333h-83.333zM250 500h83.333v83.333H250zM333.333 500h83.333v83.333h-83.333zM416.667 500H500v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%23222222da%22 d=%22M500 500h83.333v83.333H500z%22%2F%3E%3Cpath fill=%22%2322222209%22 d=%22M583.333 500h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222238%22 d=%22M666.667 500H750v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M750 500h83.333v83.333H750z%22%2F%3E%3Cpath fill=%22%232222220a%22 d=%22M833.333 500h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%23222222ab%22 d=%22M916.667 500H1000v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1000 500h83.333v83.333H1000z%22%2F%3E%3Cpath fill=%22%23222222da%22 d=%22M1083.333 500h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1166.667 500H1250v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%23222222fb%22 d=%22M1250 500h83.333v83.333H1250z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 500h83.333v83.333h-83.333zM1416.667 500H1500v83.333h-83.333zM1500 500h83.333v83.333H1500zM1583.333 500h83.333v83.333h-83.333zM1666.667 500H1750v83.333h-83.333zM1750 500h83.333v83.333H1750z%22%2F%3E%3Cpath fill=%22%23222222aa%22 d=%22M1833.333 500h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1916.667 500H2000v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222284%22 d=%22M0 583.333h83.333v83.333H0z%22%2F%3E%3Cpath fill=%22none%22 d=%22M83.333 583.333h83.333v83.333H83.333z%22%2F%3E%3Cpath fill=%22%2322222255%22 d=%22M166.667 583.333H250v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M250 583.333h83.333v83.333H250zM333.333 583.333h83.333v83.333h-83.333zM416.667 583.333H500v83.333h-83.333zM500 583.333h83.333v83.333H500zM583.333 583.333h83.333v83.333h-83.333zM666.667 583.333H750v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%23222222f2%22 d=%22M750 583.333h83.333v83.333H750z%22%2F%3E%3Cpath fill=%22none%22 d=%22M833.333 583.333h83.333v83.333h-83.333zM916.667 583.333H1000v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222252%22 d=%22M1000 583.333h83.333v83.333H1000z%22%2F%3E%3Cpath fill=%22%2322222236%22 d=%22M1083.333 583.333h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1166.667 583.333H1250v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%23222222cd%22 d=%22M1250 583.333h83.333v83.333H1250z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 583.333h83.333v83.333h-83.333zM1416.667 583.333H1500v83.333h-83.333zM1500 583.333h83.333v83.333H1500zM1583.333 583.333h83.333v83.333h-83.333zM1666.667 583.333H1750v83.333h-83.333zM1750 583.333h83.333v83.333H1750zM1833.333 583.333h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222213%22 d=%22M1916.667 583.333H2000v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%232222221b%22 d=%22M0 666.667h83.333V750H0z%22%2F%3E%3Cpath fill=%22none%22 d=%22M83.333 666.667h83.333V750H83.333zM166.667 666.667H250V750h-83.333zM250 666.667h83.333V750H250zM333.333 666.667h83.333V750h-83.333zM416.667 666.667H500V750h-83.333zM500 666.667h83.333V750H500z%22%2F%3E%3Cpath fill=%22%232222228f%22 d=%22M583.333 666.667h83.333V750h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M666.667 666.667H750V750h-83.333z%22%2F%3E%3Cpath fill=%22%2322222244%22 d=%22M750 666.667h83.333V750H750z%22%2F%3E%3Cpath fill=%22%2322222270%22 d=%22M833.333 666.667h83.333V750h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M916.667 666.667H1000V750h-83.333zM1000 666.667h83.333V750H1000z%22%2F%3E%3Cpath fill=%22%2322222263%22 d=%22M1083.333 666.667h83.333V750h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1166.667 666.667H1250V750h-83.333zM1250 666.667h83.333V750H1250zM1333.333 666.667h83.333V750h-83.333z%22%2F%3E%3Cpath fill=%22%2322222234%22 d=%22M1416.667 666.667H1500V750h-83.333z%22%2F%3E%3Cpath fill=%22%23222222d5%22 d=%22M1500 666.667h83.333V750H1500z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1583.333 666.667h83.333V750h-83.333zM1666.667 666.667H1750V750h-83.333z%22%2F%3E%3Cpath fill=%22%23222222c4%22 d=%22M1750 666.667h83.333V750H1750z%22%2F%3E%3Cpath fill=%22%2322222298%22 d=%22M1833.333 666.667h83.333V750h-83.333z%22%2F%3E%3Cpath fill=%22%23222222d7%22 d=%22M1916.667 666.667H2000V750h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M0 750h83.333v83.333H0zM83.333 750h83.333v83.333H83.333zM166.667 750H250v83.333h-83.333zM250 750h83.333v83.333H250z%22%2F%3E%3Cpath fill=%22%2322222201%22 d=%22M333.333 750h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M416.667 750H500v83.333h-83.333zM500 750h83.333v83.333H500zM583.333 750h83.333v83.333h-83.333zM666.667 750H750v83.333h-83.333zM750 750h83.333v83.333H750zM833.333 750h83.333v83.333h-83.333zM916.667 750H1000v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222249%22 d=%22M1000 750h83.333v83.333H1000z%22%2F%3E%3Cpath fill=%22%23222222a5%22 d=%22M1083.333 750h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1166.667 750H1250v83.333h-83.333zM1250 750h83.333v83.333H1250zM1333.333 750h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222263%22 d=%22M1416.667 750H1500v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%23222222e8%22 d=%22M1500 750h83.333v83.333H1500z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1583.333 750h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%232222225f%22 d=%22M1666.667 750H1750v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%23222222d1%22 d=%22M1750 750h83.333v83.333H1750z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1833.333 750h83.333v83.333h-83.333zM1916.667 750H2000v83.333h-83.333zM0 833.333h83.333v83.333H0z%22%2F%3E%3Cpath fill=%22%2322222281%22 d=%22M83.333 833.333h83.333v83.333H83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M166.667 833.333H250v83.333h-83.333zM250 833.333h83.333v83.333H250zM333.333 833.333h83.333v83.333h-83.333zM416.667 833.333H500v83.333h-83.333zM500 833.333h83.333v83.333H500zM583.333 833.333h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222225%22 d=%22M666.667 833.333H750v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M750 833.333h83.333v83.333H750z%22%2F%3E%3Cpath fill=%22%232222221c%22 d=%22M833.333 833.333h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M916.667 833.333H1000v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%232222222e%22 d=%22M1000 833.333h83.333v83.333H1000z%22%2F%3E%3Cpath fill=%22%2322222228%22 d=%22M1083.333 833.333h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1166.667 833.333H1250v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%232222227c%22 d=%22M1250 833.333h83.333v83.333H1250z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 833.333h83.333v83.333h-83.333zM1416.667 833.333H1500v83.333h-83.333zM1500 833.333h83.333v83.333H1500zM1583.333 833.333h83.333v83.333h-83.333zM1666.667 833.333H1750v83.333h-83.333zM1750 833.333h83.333v83.333H1750z%22%2F%3E%3Cpath fill=%22%23222222f0%22 d=%22M1833.333 833.333h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%232222227f%22 d=%22M1916.667 833.333H2000v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%232222222d%22 d=%22M0 916.667h83.333V1000H0z%22%2F%3E%3Cpath fill=%22none%22 d=%22M83.333 916.667h83.333V1000H83.333zM166.667 916.667H250V1000h-83.333zM250 916.667h83.333V1000H250zM333.333 916.667h83.333V1000h-83.333zM416.667 916.667H500V1000h-83.333zM500 916.667h83.333V1000H500zM583.333 916.667h83.333V1000h-83.333zM666.667 916.667H750V1000h-83.333zM750 916.667h83.333V1000H750z%22%2F%3E%3Cpath fill=%22%2322222209%22 d=%22M833.333 916.667h83.333V1000h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M916.667 916.667H1000V1000h-83.333zM1000 916.667h83.333V1000H1000zM1083.333 916.667h83.333V1000h-83.333zM1166.667 916.667H1250V1000h-83.333zM1250 916.667h83.333V1000H1250zM1333.333 916.667h83.333V1000h-83.333zM1416.667 916.667H1500V1000h-83.333z%22%2F%3E%3Cpath fill=%22%23222222a8%22 d=%22M1500 916.667h83.333V1000H1500z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1583.333 916.667h83.333V1000h-83.333z%22%2F%3E%3Cpath fill=%22%2322222283%22 d=%22M1666.667 916.667H1750V1000h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1750 916.667h83.333V1000H1750zM1833.333 916.667h83.333V1000h-83.333zM1916.667 916.667H2000V1000h-83.333zM0 1000h83.333v83.333H0zM83.333 1000h83.333v83.333H83.333zM166.667 1000H250v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%23222222b1%22 d=%22M250 1000h83.333v83.333H250z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 1000h83.333v83.333h-83.333zM416.667 1000H500v83.333h-83.333zM500 1000h83.333v83.333H500zM583.333 1000h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222239%22 d=%22M666.667 1000H750v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222213%22 d=%22M750 1000h83.333v83.333H750z%22%2F%3E%3Cpath fill=%22none%22 d=%22M833.333 1000h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222202%22 d=%22M916.667 1000H1000v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%23222222b3%22 d=%22M1000 1000h83.333v83.333H1000z%22%2F%3E%3Cpath fill=%22%232222229b%22 d=%22M1083.333 1000h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1166.667 1000H1250v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222229%22 d=%22M1250 1000h83.333v83.333H1250z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 1000h83.333v83.333h-83.333zM1416.667 1000H1500v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%23222222f9%22 d=%22M1500 1000h83.333v83.333H1500z%22%2F%3E%3Cpath fill=%22%23222222da%22 d=%22M1583.333 1000h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1666.667 1000H1750v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%23222222ce%22 d=%22M1750 1000h83.333v83.333H1750z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1833.333 1000h83.333v83.333h-83.333zM1916.667 1000H2000v83.333h-83.333zM0 1083.333h83.333v83.333H0zM83.333 1083.333h83.333v83.333H83.333zM166.667 1083.333H250v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222210%22 d=%22M250 1083.333h83.333v83.333H250z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 1083.333h83.333v83.333h-83.333zM416.667 1083.333H500v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222220%22 d=%22M500 1083.333h83.333v83.333H500z%22%2F%3E%3Cpath fill=%22none%22 d=%22M583.333 1083.333h83.333v83.333h-83.333zM666.667 1083.333H750v83.333h-83.333zM750 1083.333h83.333v83.333H750zM833.333 1083.333h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%23222222bf%22 d=%22M916.667 1083.333H1000v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1000 1083.333h83.333v83.333H1000zM1083.333 1083.333h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%23222222de%22 d=%22M1166.667 1083.333H1250v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%232222227c%22 d=%22M1250 1083.333h83.333v83.333H1250z%22%2F%3E%3Cpath fill=%22%2322222279%22 d=%22M1333.333 1083.333h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1416.667 1083.333H1500v83.333h-83.333zM1500 1083.333h83.333v83.333H1500zM1583.333 1083.333h83.333v83.333h-83.333zM1666.667 1083.333H1750v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222252%22 d=%22M1750 1083.333h83.333v83.333H1750z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1833.333 1083.333h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%23222222ad%22 d=%22M1916.667 1083.333H2000v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222296%22 d=%22M0 1166.667h83.333V1250H0z%22%2F%3E%3Cpath fill=%22none%22 d=%22M83.333 1166.667h83.333V1250H83.333zM166.667 1166.667H250V1250h-83.333zM250 1166.667h83.333V1250H250zM333.333 1166.667h83.333V1250h-83.333zM416.667 1166.667H500V1250h-83.333zM500 1166.667h83.333V1250H500zM583.333 1166.667h83.333V1250h-83.333zM666.667 1166.667H750V1250h-83.333zM750 1166.667h83.333V1250H750zM833.333 1166.667h83.333V1250h-83.333zM916.667 1166.667H1000V1250h-83.333zM1000 1166.667h83.333V1250H1000z%22%2F%3E%3Cpath fill=%22%23222222ed%22 d=%22M1083.333 1166.667h83.333V1250h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1166.667 1166.667H1250V1250h-83.333z%22%2F%3E%3Cpath fill=%22%2322222281%22 d=%22M1250 1166.667h83.333V1250H1250z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 1166.667h83.333V1250h-83.333z%22%2F%3E%3Cpath fill=%22%23222222d7%22 d=%22M1416.667 1166.667H1500V1250h-83.333z%22%2F%3E%3Cpath fill=%22%23222222c0%22 d=%22M1500 1166.667h83.333V1250H1500z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1583.333 1166.667h83.333V1250h-83.333zM1666.667 1166.667H1750V1250h-83.333z%22%2F%3E%3Cpath fill=%22%2322222234%22 d=%22M1750 1166.667h83.333V1250H1750z%22%2F%3E%3Cpath fill=%22%232222229f%22 d=%22M1833.333 1166.667h83.333V1250h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1916.667 1166.667H2000V1250h-83.333zM0 1250h83.333v83.333H0zM83.333 1250h83.333v83.333H83.333zM166.667 1250H250v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222205%22 d=%22M250 1250h83.333v83.333H250z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 1250h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222219%22 d=%22M416.667 1250H500v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222286%22 d=%22M500 1250h83.333v83.333H500z%22%2F%3E%3Cpath fill=%22none%22 d=%22M583.333 1250h83.333v83.333h-83.333zM666.667 1250H750v83.333h-83.333zM750 1250h83.333v83.333H750z%22%2F%3E%3Cpath fill=%22%23222222b9%22 d=%22M833.333 1250h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M916.667 1250H1000v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%23222222e2%22 d=%22M1000 1250h83.333v83.333H1000z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1083.333 1250h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222215%22 d=%22M1166.667 1250H1250v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222206%22 d=%22M1250 1250h83.333v83.333H1250z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 1250h83.333v83.333h-83.333zM1416.667 1250H1500v83.333h-83.333zM1500 1250h83.333v83.333H1500zM1583.333 1250h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%23222222ab%22 d=%22M1666.667 1250H1750v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1750 1250h83.333v83.333H1750z%22%2F%3E%3Cpath fill=%22%232222226f%22 d=%22M1833.333 1250h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222223%22 d=%22M1916.667 1250H2000v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M0 1333.333h83.333v83.333H0zM83.333 1333.333h83.333v83.333H83.333zM166.667 1333.333H250v83.333h-83.333zM250 1333.333h83.333v83.333H250zM333.333 1333.333h83.333v83.333h-83.333zM416.667 1333.333H500v83.333h-83.333zM500 1333.333h83.333v83.333H500zM583.333 1333.333h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222215%22 d=%22M666.667 1333.333H750v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M750 1333.333h83.333v83.333H750zM833.333 1333.333h83.333v83.333h-83.333zM916.667 1333.333H1000v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%2322222261%22 d=%22M1000 1333.333h83.333v83.333H1000z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1083.333 1333.333h83.333v83.333h-83.333zM1166.667 1333.333H1250v83.333h-83.333zM1250 1333.333h83.333v83.333H1250zM1333.333 1333.333h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%232222220b%22 d=%22M1416.667 1333.333H1500v83.333h-83.333z%22%2F%3E%3Cpath fill=%22%23222222e8%22 d=%22M1500 1333.333h83.333v83.333H1500z%22%2F%3E%3Cpath fill=%22%23222222f7%22 d=%22M1583.333 1333.333h83.333v83.333h-83.333z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1666.667 1333.333H1750v83.333h-83.333zM1750 1333.333h83.333v83.333H1750zM1833.333 1333.333h83.333v83.333h-83.333zM1916.667 1333.333H2000v83.333h-83.333z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CradialGradient id=%22a%22%3E%3Cstop offset=%2239.2%25%22 stop-color=%22%23fff%22 stop-opacity=%220%22%2F%3E%3Cstop offset=%22100%25%22 stop-color=%22%23fff%22 stop-opacity=%22.608%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.magicpattern .overlay {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* -------- DateTimeRangePicker -------- */

.daterangepicker {
    border: 1px solid var(--border) !important;
    background-color: var(--background) !important;
    border-radius: 6px !important;
    font-family: 'Inter', sans-serif !important;
}

.daterangepicker.show-calendar .ranges {
    margin-top: 0 !important;
    border-right: 1px solid var(--border) !important;
}

.daterangepicker .ranges ul {
    padding: 8px !important;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px !important;
    margin: 0 auto !important;
    background: var(--quatenary) !important;
    border: 1px solid var(--input) !important;
    padding: 4px !important;
    border-radius: 6px !important;
    outline: 0 !important;
    font-size: 12px !important;
    color: var(--foreground) !important;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    background: var(--tertiary) !important;
    border: 1px solid var(--input) !important;
    padding: 4px 6px !important;
    border-radius: 6px !important;
    color: var(--foreground) !important;
}

.daterangepicker select.monthselect {
    margin-right: 8px !important;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: none !important;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    width: 32px !important;
    height: 32px !important;
    font-weight: 400;
}

.daterangepicker .ranges li {
    padding: 4px 6px !important;
    cursor: pointer !important;
    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
}

.daterangepicker .ranges li:hover,
.daterangepicker .ranges li.active {
    background-color: var(--background) !important;
    color: var(--foreground) !important;
    border-radius: 5px !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}

.daterangepicker .calendar-table {
    border: none !important;
    background-color: transparent !important;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    border-color: var(--foreground) !important;
}

.daterangepicker .drp-buttons {
    border-top: 1px solid var(--input) !important;
}

.daterangepicker:after {
    border-bottom: 6px solid var(--background) !important;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    background-color: var(--tertiary) !important;
    color: var(--muted-foreground) !important;
}

.daterangepicker td.in-range {
    background-color: #0069ff2b !important;
    border-color: transparent !important;
    color: var(--foreground) !important;
    border-radius: 0 !important;
}

.daterangepicker .calendar-table td .today,
.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #1a7aff !important;
    color: white !important;
}

.daterangepicker .drp-buttons .btn {
    margin-left: 8px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 6px 12px !important;
}

.daterangepicker .drp-buttons .cancelBtn {
    color: var(--foreground) !important;
}

.daterangepicker th.month {
    font-size: 14px !important;
}

.daterangepicker .drp-selected {
    font-weight: 500 !important;
}

.daterangepicker.drop-up:after,
.daterangepicker.drop-up:before {
    display: none !important;
}

.daterangepicker.opensright:before {
    border-bottom: 7px solid var(--input) !important;
}

.input-wrapper {
    position: relative;
    display: inline-block;
}

.daterange {
    padding-left: 34px !important;
    padding-right: 34px !important;
}

.input-wrapper .lucide-calendar {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.input-wrapper .lucide-chevron-down {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

/* -------- End DateTimeRangePicker -------- */

.animate-down,
.animate-left,
.animate-right,
.animate-fade {
    opacity: 0;
    will-change: transform;
}

.almost-hidden-scrollbar::-webkit-scrollbar {
    width: 0px;
}

/* Track */
.almost-hidden-scrollbar::-webkit-scrollbar-track {
    background: var(--background);
}

/* Handle */
.almost-hidden-scrollbar::-webkit-scrollbar-thumb {
    background: var(--muted-foreground);
    border: 4px solid var(--background);
    background-clip: padding-box;
    border-radius: 9999px;
}

/* Handle on hover */
.almost-hidden-scrollbar::-webkit-scrollbar-thumb:hover {
    background: var(--primary);
}

.carousel-dot-indicators {
    position: fixed !important;
    margin-bottom: 50px !important;
}

.carousel-indicators .dot {
    box-sizing: content-box !important;
    flex: 0 1 auto !important;
    width: 9px !important;
    height: 9px !important;
    padding: 0 !important;
    margin-right: 4px !important;
    margin-left: 4px !important;
    text-indent: -999px !important;
    overflow: hidden !important;
    border-radius: 50% !important;
}

.carousel-dot-inner .carousel-item .carousel-caption,
.carousel-dot-inner .carousel-item.active .carousel-caption {
    position: fixed !important;
    right: 15%;
    bottom: 80px !important;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}

.ghost-dropdown {
    box-shadow: none !important;
    border: 1px solid transparent !important;
}

.ghost-dropdown svg {
    opacity: 0 !important;
    transition: all 0.375s !important;
}

.ghost-dropdown:hover svg,
.ghost-dropdown:active svg,
.ghost-dropdown.show svg {
    opacity: 1 !important;
}

.ghost-dropdown:hover {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    border: 1px solid var(--input) !important;
}

/* PASSWORD STRENGTH */

.password-strength {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 6px;
    width: 100%;
    transition: all ease-in-out 0.3s;
}

.strength-indicator {
    width: 100%;
    height: 2px;
    background-color: var(--muted);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: start;
    transition: all ease-in-out 0.3s;
}

/* Weak state */
.strength-indicator.active.weak {
    background-color: red;
}

/* Medium state */
.strength-indicator.active.medium {
    background-color: orange;
}

/* Strong state */
.strength-indicator.active.strong {
    background-color: green;
}

/* END PASSWORD STRENGTH */

.logs.accordion-button {
    text-decoration: none;
}

.logs.accordion-button:hover {
    text-decoration: none;
}

.badge-date-accordion-log {
	font-size: 12px !important;
	padding: 2px 6px !important;
}

.dot-bg {
    inset: 0;
    height: 100%;
    width: 100%;
    background-image: radial-gradient(var(--tertiary-border) 1px, transparent 1px);
    background-size: 16px 16px;
}

.apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid var(--border) !important;
    background: var(--background) !important;
}

.apexcharts-tooltip {
    border-radius: 5px;
    box-shadow: 2px 2px 6px -4px var(--accent-foreground);
    cursor: default;
    font-size: 14px;
    left: 62px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    white-space: nowrap;
    z-index: 12;
    transition: 0.15s ease all;
}

.green-blur {
    position: relative;
    overflow: hidden;
}

.green-blur::before {
    content: "";
    position: absolute;
    top: -60px;
    left: -20px;
    width: 20px;
    height: 20px;
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 150px 89px rgba(0, 128, 0, 0.569);
    -moz-box-shadow: 0px 0px 150px 89px rgba(0, 128, 0, 0.569);
    box-shadow: 0px 0px 150px 89px rgb(0 128 0 / 36%);
    border-radius: 20px;
    opacity: 0.2;
}

.blue-blur {
    position: relative;
    overflow: hidden;
}

.blue-blur::before {
    content: "";
    position: absolute;
    top: -60px;
    left: -20px;
    width: 20px;
    height: 20px;
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 150px 89px rgba(0, 60, 128, 0.569);
    -moz-box-shadow: 0px 0px 150px 89px rgba(0, 60, 128, 0.569);
    box-shadow: 0px 0px 150px 89px rgba(0, 60, 128, 0.569);
    border-radius: 20px;
    opacity: 0.2;
}

.red-blur {
    position: relative;
    overflow: hidden;
}

.red-blur::before {
    content: "";
    position: absolute;
    top: -60px;
    left: -20px;
    width: 20px;
    height: 20px;
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 150px 89px rgba(128, 0, 0, 0.569);
    -moz-box-shadow: 0px 0px 150px 89px rgba(128, 0, 0, 0.569);
    box-shadow: 0px 0px 150px 89px rgba(128, 0, 0, 0.569);
    border-radius: 20px;
    opacity: 0.2;
}

.yellow-blur {
    position: relative;
    overflow: hidden;
}

.yellow-blur::before {
    content: "";
    position: absolute;
    top: -60px;
    left: -20px;
    width: 20px;
    height: 20px;
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 150px 89px rgba(168, 193, 0, 0.569);
    -moz-box-shadow: 0px 0px 150px 89px rgba(168, 193, 0, 0.569);
    box-shadow: 0px 0px 150px 89px rgba(168, 193, 0, 0.569);
    border-radius: 20px;
    opacity: 0.2;
}

.rounded-start {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.rounded-end {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-left: none !important;
}

.accordion-button.collapsed .lucide-chevron-right {
    transform: rotate(0deg);
}

.accordion-button .lucide-chevron-right {
    transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
    transform: rotate(90deg);
}

.badge-warning {
    background-color: rgba(var(--fst-yellow), 0.05) !important;
    color: rgba(var(--fst-yellow), 1) !important;
    border: 1px solid rgba(var(--fst-yellow), 0.5) !important;
}

.uploader {
    padding: 60px 20px;
    border: 2px dashed var(--border);
    border-radius: 10px;
    text-align: center;
    background-color: var(--background);
    cursor: pointer;
    transition: border-color 0.3s;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.uploader:hover {
    background: var(--tertiary);
}

.uploader.dragging {
    border-color: var(--primary-brand);
}

.preview {
    margin-top: 15px;
}

.preview img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}

.file-info {
    margin-top: 10px;
    font-size: 0.9rem;
    color: var(--muted-foreground);
}

.status-success {
    color: #2acd41;
    background-color: #2acd4121;
    border: 1px solid #2acd4145;
}

.status-warning {
    color: #d3aa00;
    background-color: #fdcc0314;
    border: 1px solid #fdcc0380;
}

.status-idle {
    color: #69696f;
    background-color: #69696f1f;
    border: 1px solid #69696f4d;
}

.status-danger {
    color: #d70e15;
    background-color: #d70e1524;
    border: 1px solid #d70e1536;
}

.custom-alert {
    display: flex;
    align-items: center;
    /* padding: 10px 15px; */
    padding-left: 0.75rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: var(--foreground);
    border-left: 6px solid var(--secondary);
    /* border-radius: 4px; */
    color: var(--muted-foreground);
    font-size: 14px;
    line-height: 1.5;
    cursor: pointer;
}

.custom-alert .icon {
    margin-right: 10px;
    font-size: 16px;
}

.custom-alert:hover .message {
    text-decoration: underline;
    color: var(--muted-foreground);
}

.wrap-title {
    display: inline-block;
    max-width: auto;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ts-wrapper {
    padding: 0 !important;
    border: none !important;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
    border-left: 0px !important;
    margin-left: 2px !important;
}

.ts-control,
.ts-wrapper.single.input-active .ts-control {
    background: var(--background) !important;
    border: 1px solid var(--input) !important;
    border-radius: 6px !important;
}

.ts-wrapper.multi .ts-control>div {
    cursor: pointer;
    margin: 3px !important;
    padding: 4px 8px;
    background: var(--input);
    color: var(--foreground);
    border: 0 solid #d0d0d0;
    border-radius: 4px;
}

.ts-control {
    height: fit-content !important;
    padding: 2px !important;
    min-height: 38px !important;
    max-height: 100px !important;
    overflow-y: visible !important;
    overflow-x: hidden !important;
}

.ts-control::-webkit-scrollbar {
    width: 14px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.ts-control::-webkit-scrollbar-track {
    background-color: var(--background) !important;
}

.ts-control::-webkit-scrollbar-thumb {
    background-color: var(--input);
    box-shadow: inset 0px 0px 0px 4px var(--background) !important;
    border-radius: 16px;
    border: none !important;
}

.ts-control>input {
    width: auto !important;
    padding: 4px 8px !important;
}

.ts-control>input::placeholder {
    color: var(--muted-foreground) !important;
    font-size: 14px !important;
    font-weight: normal !important;
    padding-left: 0px;
}

.ts-dropdown .optgroup-header {
    color: var(--muted-foreground) !important;
    background: var(--background) !important;
    font-size: 14px !important;
    cursor: default;
}

.ts-dropdown .active {
    color: var(--foreground) !important;
    background: var(--card) !important;
    font-size: 14px !important;
}

.ts-dropdown {
    border: 1px solid var(--input) !important;
    background: var(--background) !important;
    margin: 0.25rem 0 0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    font-size: 14px !important;
}

.ts-dropdown .active:hover {
    background: var(--background) !important;
}

.ts-dropdown,
.ts-control,
.ts-control input {
    color: var(--foreground) !important;
}

.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
    padding: 8px 12px !important;
}

.container-preview {
    border: 1px solid var( --input );
}

.preview .card, .preview header {
    display: flex;
    width: 100%;
}

.preview {
    flex-direction: column;
    width: 100%;
    border: 3px dashed var( --foreground );
    border-radius: 0.25rem;
}

.preview header {
    align-items: center;
    justify-content: center;
    background-color: var( --quatenary );
    min-height: 43px;
}

.preview header h2 {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    text-wrap: wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    width: 100%;
}

.preview .card {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 0.25rem;
    box-sizing: border-box;
    overflow: hidden;
    max-width: 100%;
}

.preview .icon-preview {
    color: red;
}

.preview .card img {
    max-width: 64px;
    max-height: 64px;
    width: auto;
    height: auto;
}

.preview .card #text-preview #product-name {
    color: red;
    text-decoration: underline;
}

#text-preview {
    width: 69%;
    flex: 1;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

.orderbump .card, .orderbump header {
    display: flex;
    width: 100%;
    padding: 12px;
    background: red;
}

.orderbump {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    border: 1px solid var(--input);
    border-radius: 8px;
    overflow: hidden;
}

.orderbump header {
    align-items: center;
    justify-content: start;
    gap: 8px;
}

.orderbump header h2 {
    font-size: 14px;
    color: white;
    text-align: center;
    font-weight: 500;
    text-wrap: wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    line-height: 16px;
}

.orderbump .orderbump-body {
    flex-direction: row;
    align-items: center;
    gap: 14px;
    box-sizing: border-box;
    max-width: 100%;
    padding: 6px 14px 14px 14px;
}

.orderbump .icon-orderbump {
    color: white;
    width: 16px !important;
    transform: rotate(90deg);
}

.orderbump .orderbump-body img {
    max-width: 64px;
    max-height: 64px;
    width: auto;
    height: auto;
    border-radius: 6px;
}

.orderbump .orderbump-body #text-orderbump #product-name {
    color: var(--black);
    line-height: 16px;
}

#text-orderbump {
    width: 69%;
    flex: 1;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    font-size: 16px !important;
}

.radius-8-8-0-0 {
    border-radius: 8px 8px 0 0;
}

.dragging {
    cursor: move !important;
}

.move {
    cursor: move !important;
}

.tb-borderless {
    border: 1px solid var(--input);
    border-radius: 8px !important;
    border-collapse: separate;
    border-spacing: 0;
}

.tb-borderless thead {
    border-radius: 8px !important;
    border-collapse: collapse;
    border-spacing: 0;
    overflow: hidden;
}

.tb-borderless thead tr th:first-child {
    border: none;
    border: 1px solid var(--input);
    padding: 12px;
    border-radius: 6px 0 0 0 !important;
}

.tb-borderless thead tr th:last-child {
    border: none;
    border: 1px solid var(--input);
    padding: 12px;
    border-radius: 0 6px 0 0 !important;
}

.tb-borderless tbody tr:last-child td:last-child {
    border-bottom: none;
}

@media (max-width: 1199px) {
    .tb-borderless {
        border: none !important;
    }
}

.thumb {
    height: 54px;
    width: 110px;
    object-fit: cover;
    border-radius: 6px;
}

/* Spectrum Color Picker Custom CSS */

input.spectrum.with-add-on {
    border: 1px solid var(--input) !important;
    border-left: none !important;
    border-radius: 0 6px 6px 0 !important;
    padding: 4px 6px !important;
    font-size: 14px !important;
    background: var(--tertiary) !important;
    color: var(--foreground) !important;
}

.sp-original-input-container .sp-add-on {
    border: 1px solid var(--input) !important;
    border-right: none !important;
    border-radius: 6px 0 0 6px !important;
}

.sp-container {
    background-color: var(--background) !important;
    border-radius: 8px !important;
    color: var(--foreground) !important;
}

.sp-palette-container {
    border-right: solid 1px var(--input) !important;
}

.sp-input {
    padding: 6px 8px !important;
    border-radius: 6px !important;
    border: 1px solid var(--input) !important;
    color: var(--foreground) !important;
}

.sp-button-container.sp-cf, .sp-initial.sp-thumb.sp-cf, .sp-input-container.sp-cf {
    height: fit-content !important;
}

.sp-clear-enabled .sp-clear {
    filter: invert(0) !important;
}
.dark
.sp-clear-enabled .sp-clear {
    filter: invert(1) !important;
}

.form-check-input[type=checkbox] {
    background: var(--card);
    border: 2px solid var(--input) !important;
    border-radius: 6px !important;
}

.form-check-input[type=radio] {
    border: 1px solid var(--primary) !important;
}

.note-editor.note-frame, .note-editor.note-airframe {
    border: 1px solid var(--input) !important;
    padding: 0 !important;
    font-size: 14px !important;
}

.note-handle {
    margin-top: 4px !important;
}

.note-btn-group .note-btn {
    border: none !important;
    padding: 4px 10px !important;
}

.note-btn-group .note-btn i,
.note-current-fontname {
    color: var(--foreground) !important;
}

.note-popover .popover-content .note-dropdown-menu.note-check a i,
.note-editor .note-toolbar .note-dropdown-menu.note-check a i,
.note-editor .note-toolbar .note-dropdown-menu.note-check a span {
    color: var(--foreground) !important;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: var(--foreground) !important;
    background-color: var(--tertiary) !important;
}

.note-popover .popover-content .note-style .dropdown-style h1,
.note-popover .popover-content .note-style .dropdown-style h2,
.note-popover .popover-content .note-style .dropdown-style h3,
.note-popover .popover-content .note-style .dropdown-style h4,
.note-popover .popover-content .note-style .dropdown-style h5,
.note-popover .popover-content .note-style .dropdown-style h6,
.note-popover .popover-content .note-style .dropdown-style p,
.note-editor .note-toolbar .note-style .dropdown-style h1,
.note-editor .note-toolbar .note-style .dropdown-style h2,
.note-editor .note-toolbar .note-style .dropdown-style h3,
.note-editor .note-toolbar .note-style .dropdown-style h4,
.note-editor .note-toolbar .note-style .dropdown-style h5,
.note-editor .note-toolbar .note-style .dropdown-style h6,
.note-editor .note-toolbar .note-style .dropdown-style p,
.note-popover .popover-content .note-style .dropdown-style blockquote,
.note-popover .popover-content .note-style .dropdown-style pre,
.note-editor .note-toolbar .note-style .dropdown-style blockquote,
.note-editor .note-toolbar .note-style .dropdown-style pre {
    color: var(--foreground) !important;
}

.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar, .note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar {
    border-top: 1px solid var(--foreground) !important;
}

.note-toolbar {
    background: var(--tertiary) !important;
}

.note-editor.note-frame .note-statusbar, .note-editor.note-airframe .note-statusbar {
    background: transparent !important;
    border: none !important;
}

.page-placeholder {
    background-image: url('../img/placeholder.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 295px;
}

.dark
.page-placeholder {
    background-image: url('../img/placeholder-dark.png');
}

.recommendation-item {
    padding-left: 70px;
}
.recommendation-item::before {
    display: block;
    content: attr(data-offset-count);
    color: rgb(0, 0, 0);
    position: absolute;
    left: 6px;
    top: 0px;
    height: 30px;
    bottom: 0px;
    font-size: 60px;
    text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px, rgb(139, 139, 139) 0px 0px 10px, rgb(139, 139, 139) 0px 0px 12px, rgb(139, 139, 139) 0px 0px 14px, rgb(139, 139, 139) 0px 0px 16px;
    margin: auto;
    transition: transform 0.25s ease-in-out;
}

.after-delay::after {
    content: "";
    background: linear-gradient(to left, #333, #333 50%, #eee 75%, #333 75%);
}

.contents,
.contents-row {
    position: relative;
}

.contents > .btn-slide,
.contents-row > .btn-slide {
    position: absolute !important;
    top: 50% !important;
    width: 50px !important;
    height: 50px !important;
    background: linear-gradient(90deg, #0b0b0e, transparent) !important;
    z-index: 30;
    opacity: 0;
    transition: opacity .3s ease, transform .3s ease !important;
    border: none !important;
    border-radius: 50px !important;
    overflow: hidden;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 50px -10px var(--foreground);
}

.contents::after {
    content: "";
    position: absolute;
    z-index: 20;
    top: 0;
    right: 0;
    bottom: 0;
    width: 140px;
    height: 100%;
    background: linear-gradient(270deg, var(--background) 2.5%, transparent 100%) !important;
    pointer-events: none;
}

.contents:hover > .btn-slide,
.contents-row:hover > .btn-slide {
    opacity: 1 !important;
}

.contents .btn-slide.previous,
.contents-row .btn-slide.previous {
    left: 0;
    background: linear-gradient(90deg, var(--background) 2.5%, transparent 102.12%) !important;
    backdrop-filter: blur(5px);
}

.contents .btn-slide.next,
.contents-row .btn-slide.next {
    right: -50px;
    background: linear-gradient(270deg, var( --background ) 2.5%, transparent 102.12%) !important;
    backdrop-filter: blur(5px);
}

.contents div .accordion-body .card-prev,
.card-row {
    min-width: 440px;
    width: 440px;
    height: 220px;
}

.contents div .accordion-body .card-prev,
.card-columns {
    min-width: 320px;
    width: 320px;
    height: 360px;
}

.add-item.vert {
    width: 160px;
    min-width: 160px;
    height: 360px;
}

.add-item.horz {
    width: 240px;
    min-width: 240px;
    height: 220px;
}

.recommendation-item figure {
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid var(--input);
}

.recommendation-item figcaption {
    display: flex;
    justify-content: center;
    align-items: end;
    width: 100%;
    font-size: 18px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    padding: 18px;
    height: 150px;
    text-align: center;
    color: #000 !important;
    font-weight: 500;

    opacity: 1;
    backdrop-filter: blur(20px);
    mask: linear-gradient(transparent, var( --background ) 60%);
}

.recommendation-item figure,
.recommendation-item figcaption {
    border-radius: 8px;
    overflow: hidden;
}
.media-item-wrapper {
    position: relative;
    width: 100%;
    max-width: 250px !important;
    object-position: center;
    object-fit: cover;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.media-item-wrapper>img {
    object-fit: cover;
    width: 100%;
    max-width: 100% !important;
    border-radius: 6px;
}

.media-item-wrapper>.btn-trash {
    position: absolute;
    top: -12px;
    right: -12px;
}

.media-item-wrapper>.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--foreground);
    font-size: 24px;
    font-weight: 900;
    cursor: pointer;
    transition: all 0.3s;
}

.media-item-wrapper>.overlay:hover {
    opacity: 1;
}

.center-absolute {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.fade-top-blur {
    backdrop-filter: blur(20px) !important;
    mask: linear-gradient(transparent, white 60%) !important;
    transition: .4s;
    opacity: 1 !important;
}

#banner {
    /* margin-top: 86px; */
    position: relative;
    width: 100%;
    height: 75vh;
    padding: 0;
}

#course-banner {
    position: relative;
    width: 100%;
    height: 60vh;
    padding: 0;
}

#banner .mask,
#course-banner .mask {
    width: 100%;
    height: 100%;
}

#banner .mask::after,
#course-banner .mask::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 101%, rgba(0, 0, 0, 0.80) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #141414 100%), linear-gradient(270deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 34.93%, rgba(0, 0, 0, 0.00) 48.5%, rgba(0, 0, 0, 0.00) 20%, rgba(0, 0, 0, 0.70) 100%);
    z-index: 10;
}

#banner img,
#course-banner img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.banner-desktop {
    display: inline-block;
}

.banner-mobile,
.banner-tablet {
    display: none;
}

#banner .content-overlay,
#course-banner .content-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    text-align: start;
    z-index: 90;
}

.section-vertical {
    width: 302px;
    min-width: 302px;
    height: 438px !important;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.section-vertical img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.section-vertical-overlay {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: -150px;
    opacity: 0;
    transition: all .3s ease-in-out;
    padding: 20px;
    width: 100%;
    height: fit-content;
    background-image: linear-gradient(0deg, var(--background) 50%, transparent);
}

.section-vertical-overlay-fixed {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 0;
    transition: all .3s ease-in-out;
    padding: 20px;
    width: 100%;
    height: fit-content;
    background-image: linear-gradient(0deg, var(--background) 50%, transparent);
}

.section-vertical:hover .section-vertical-overlay {
    bottom: 0;
    opacity: 1;
}

.lesson-content {
    display: flex;
    flex-direction: row;
    gap: 12px;
    color: var(--muted-foreground);
    transition: all 0.3s;
    margin-top: 24px;
}

.lesson-content-sm {
    display: flex;
    flex-direction: row;
    gap: 12px;
    color: var(--muted-foreground);
    transition: all 0.3s;
    margin-top: 8px;
}

.lesson-content:hover {
    color: var(--foreground);
}

.lesson-content img {
    width: 100%;
    max-width: 220px;
    min-height: 130px;
    max-height: 100%;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    overflow: hidden;
    aspect-ratio: 16/9;
    object-fit: cover;
}

.lesson-content-sm img {
    width: 100%;
    max-width: 180px;
    min-height: 100px;
    max-height: 100%;
    position: relative;
    display: inline-flex;
    align-items: center;
    object-fit: cover;
    justify-content: center;
    border-radius: 6px;
    overflow: hidden;
}

.lesson-content-sm .lesson-badge,
.lesson-content .lesson-badge {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 10px;
    margin-bottom: 12px;
    background: var(--tertiary);
    border-radius: 6px;
    font-weight: 400;
    font-size: 12px;
    width: fit-content;
    color: var(--muted-foreground);
}

.lesson-content-sm .watching-now,
.lesson-content .watching-now {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    margin-bottom: 12px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 12px;
    width: fit-content;
    color: var(--foreground);
}

.lesson-thumbnail {
    width: 100%;
    max-width: 220px;
    min-height: 8rem;
    max-height: 100%;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    overflow: hidden;
}

.modules-lesson-thumbnail {
    width: 100%;
    max-width: 220px;
    min-height: 8rem;
    max-height: 100%;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    overflow: hidden;
}

.lesson-duration {
    display: inline-block;
    padding: 4px 10px;
    background: var(--tertiary);
    border-radius: 4px;
    font-weight: 400;
    font-size: 12px;
    width: fit-content;
    color: var(--foreground);
    position: absolute;
    bottom: 12px;
    right: 6px;
    opacity: 0.8;
}

.thumbnail-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    overflow: hidden;
}

.lesson-content-sm .thumbnail-wrapper {
    position: relative;
    width: fit-content;
    height: 100px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    overflow: hidden;
}

.lesson-content-sm .modules-lesson-thumbnail {
    width: 100%;
    max-width: 180px;
    min-height: 100px;
    max-height: 100%;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    overflow: hidden;
}

.thumbnail-wrapper .icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 48px;
    color: var(--tertiary);
    opacity: 0;
    transition: all 0.3s;
    width: 40px;
    height: 40px;
    max-width: 40px;
    max-height: 40px;
    object-fit: contain;
    z-index: 2;
}

.lesson-content-sm:hover .icon-play,
.lesson-content:hover .icon-play {
    opacity: 1;
    transform: translate(-50%, -50%);
}

.lesson-thumbnail .progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: var(--tertiary);
    border-radius: 0 0 6px 6px;
}

.modules-lesson-thumbnail .progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: var(--muted);
    border-radius: 0 0 6px 6px;
}

.lesson-content p {
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
}

.lesson-full-content {
    font-size: 14px;
    line-height: 1.3;
}

.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16/9 or 4/3 */
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.comment-form-control {
    border: 1px solid transparent !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    border-radius: 0 !important;
}

.comment-form-control:focus,
.comment-form-control:active {
    border-bottom: 1px solid var(--input) !important;
    border-top: 1px solid transparent !important;
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
}

.comment-form-control::-webkit-scrollbar {
    width: 8px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.comment-form-control::-webkit-scrollbar-track {
    background-color: var(--background);
}

.comment-form-control::-webkit-scrollbar-thumb {
    background-color: var(--input);
    border-radius: 8px;
}

.aspect-16\/9 {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

.cookies-popup {
    display: none;
    max-width: 400px;
    position: fixed;
    bottom: 18px;
    right: 18px;
    z-index: 999;
    background: var(--background);
    padding: 20px;
    border-radius: 14px;
    border: 1px solid var(--input);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.wh-card-my-profile {
    max-width: 1080px;
}

/******************* Dropzone Area *******************/

/* .dropzone-area {
    border: 2px dashed var(--border);
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    position: relative;
    transition: all 0.3s ease;
    height: fit-content;
    min-height: 170px;
}

.dropzone-area:hover {
    border: 2px solid var(--primary);
    transition: all 0.3s ease;
}

.dropzone-area input {
    opacity: 0;
    width: 100%;
    height: 100%;
    min-height: 170px;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}

.dropzone-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    display: flex;
}

.dropzone-file {
    display: none;
    width: 100%;
    height: fit-content;
    z-index: 2;
    flex-direction: column;
    padding: 8px;
} */

.file-item:not(:last-child) {
    margin-bottom: 8px;
}

.text-accent {
    color: #1a7aff !important;
}

.iti input.iti__tel-input, .iti input.iti__tel-input[type=text], .iti input.iti__tel-input[type=tel] {
    padding-left: 82px !important;
}

.iti .iti__selected-dial-code,
.iti__country-list .iti__flag, .iti__country-name,
.iti__dial-code {
    font-size: 14px;
}

.iti__country.iti__highlight {
    background-color: var(--background) !important;
}

.iti--inline-dropdown .iti__dropdown-content {
    border: var(--input) solid var(--input) !important;
}

.iti__dropdown-content {
    background-color: var(--background) !important;
    border: 1px solid var(--input) !important;
}

.iti__search-input {
    background: var(--background) !important;
    border: solid var(--input) !important;
    color: var(--foreground) !important;
}

.description-wrapper {
    position: relative;
    width: 100%;
    background-color: var(--tertiary);
    color: var(--foreground);
    padding: 12px;
    border-radius: 8px;
}

.description-text {
    max-height: 80px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.3s ease;
    mask-image: linear-gradient(#000 75%, transparent);
    padding: 6px 0;
}

.description-text.expanded {
    max-height: 1000px;
    mask-image: linear-gradient(#000, #000);
}

.toggle-description-btn {
    background: none;
    border: none;
    color: #888;
    cursor: pointer;
    font-size: 14px;
    padding: 0;
}

#flipbookContainer {
    position: relative !important;
    height: 950px;
    width: 100%;
    overflow: hidden;
}

.flowpaper_viewer {
    border: none !important;
    box-shadow: none !important;
    background: rgb(0 0 0) !important;
}

.flowpaper_toolbarstd {
    background-color: rgb(30 30 30) !important;
    border-color: rgb(30 30 30) !important;
    border-radius: 8px !important;
    padding: 12px 14px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    height: 45px !important;
    display: flex !important;
    width: fit-content !important;
    align-items: center !important;
    flex-direction: row !important;
}

.flowpaper_toolbarstd > input {
    border: 1px solid var(--input) !important;
    background: var(--background) !important;
    margin-left: 8px !important;
}

.flowpaper_tblabel {
    color: #ffffff !important;
    float: left !important;
    font-family: "Inter", Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
    height: 18px !important;
    margin-top: 0 !important;
    white-space: nowrap !important;
}

.flowpaper_tbbutton {
    margin: 0 !important;
    border: none !important;
}

.flowpaper_tbbutton:hover {
    cursor: pointer !important;
}

#bttnSocialShare {
    display: none !important;
}

.flowpaper_bttnFullscreen {
    content:url("../flowpaper/assets_zine/bttnFullscreen.svg");
    width: 18px !important;
    height: 18px !important;
    margin: 0 12px !important;
}

.flowpaper_bttnPrevPage {
    content:url("../flowpaper/assets_zine/bttnPrevPage.svg");
    width: 22px !important;
    height: 22px !important;
    margin-top: 0 !important;
}

.flowpaper_bttnPrevNext {
    content:url("../flowpaper/assets_zine/bttnPrevNext.svg");
    width: 22px !important;
    height: 22px !important;
    margin-top: 0 !important;
    margin-left: 8px !important;
}

.flowpaper_bttnFind {
    content:url("../flowpaper/assets_zine/bttnFind.svg");
    width: 20px !important;
    height: 20px !important;
    margin-top: 0 !important;
    margin-left: 6px !important;
}

.flowpaper_tblabel_large {
    float: left !important;
    font-family: "Inter", Helvetica, Arial, sans-serif !important;
    font-size: 18px !important;
    line-height: 30px;
    height: fit-content !important;
    height: 29px !important;
    margin-top: 11px !important;
    margin: 0 !important;
    width: fit-content !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

.flowpaper_currPageNum {
    float: left !important;
    font-family: "Inter", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    margin: 0 !important;
    height: 29px !important;
    border: 1px solid #888 !important;
    padding: 0 !important;
    -moz-border-radius: 7px !important;
    border-radius: 7px !important;
    text-align: center !important;
    width: 40px !important;
    display: block !important;
    background: transparent !important;
    color: rgb(255, 255, 255) !important;
    border: 0px !important;
}

.flowpaper_slider {
    top: 0px !important;
    float: left !important;
    margin-left: 4px !important;
    margin-right: 4px !important;
    width: 108px !important;
    position: relative !important;
    height: 12px !important;
    background-repeat: no-repeat !important;
    width: 80px !important;
    height: 11px !important;
    margin-top: 0px !important;
}

.flowpaper_tbtextinput {
    height: 28px !important;
    font-family: "Inter", Helvetica, Arial, sans-serif !important;
    color: #ffffff !important;
}

.flowpaper_txtSearch {
    width: 80px !important;
    font-family: "Inter", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
}

.flowpaper_pageword_documentViewer {
    margin-top: 1px !important;
    border: none !important;
}

.flowpaper_selected_default {
    background-color: #FF9632 !important;
}

.flowpaper_searchabstract_result {
    font-family: "Inter", Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
    padding: 0 10px;
}

.flowpaper_searchabstract_result_separator {
    margin: 8px 0 !important;
}

.flowpaper_searchabstracts .flowpaper_tblabel {
    height: 40px !important;
}

.flowpaper_searchabstracts_close {
    margin-right: 22px !important;
}

.flowpaper_searchabstracts div:first-child {
    border-radius: 0px 10px 10px 0px !important;
}

.flowpaper_searchabstracts_content {
    height: 704px !important;
}

.flowpaper_tblabel span {
    font-family: "Inter", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
}

#documentViewer {
    top: 22px !important;
}

.bg-\[\#1F1F1F\] {
    background-color: #1F1F1F !important;
}

.flipbook-container {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    height: 100vh;
    overflow: hidden;
}

/* Container para permitir pan quando com zoom */
.pan-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    cursor: default;
}

.pan-container.can-pan {
    cursor: grab;
}

.pan-container.panning {
    cursor: grabbing;
    user-select: none;
}

.flipbook {
    width: 800px;
    height: calc(100vh - 80px);
    background: var(--background);
    margin: 0 auto;
    transform-origin: center center;
    transition: transform 0.1s ease-out;
    position: relative;
}

.flipbook-wrapper {
    width: 100%;
    height: 85%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.toolbar {
    background: var(--tertiary);
    padding: 8px;
    color: var(--foreground);
    position: sticky;
    top: 0;
    z-index: 90;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    width: fit-content;
    margin: 0 auto 18px auto !important;
    font-size: 12px;
    border: 1px solid var(--input);
}
.toolbar button {
    background: none;
    color: var(--muted-foreground);
    border: none;
    padding: 6px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    transition: color 0.2s;
    min-width: 24px;
    height: 24px;
}
.toolbar button:hover {
    color: var(--foreground);
}
.toolbar button:disabled {
    color: var(--muted-foreground);
    opacity: 0.5;
    cursor: not-allowed;
}
.toolbar input[type="number"] {
    width: 40px;
    padding: 3px 4px;
    border: 1px solid var(--input);
    border-radius: 4px;
    font-size: 12px;
    text-align: center;
    height: 24px;
    background: var(--background);
    color: var(--foreground);
}
.toolbar label {
    font-size: 12px;
    color: #666;
    width: 40px;
    text-align: center;
    line-height: 24px;
}
.back-button {
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    padding: 8px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    transition: all 0.2s;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 90;
}
.back-button:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #000;
}
.page {
    width: 400px;
    height: 600px;
    background: var(--background);
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}
canvas {
    width: 100%;
    height: 100%;
    display: block;
}
.flipbook .page {
    background-color: var(--background);
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}
.flipbook .page img, .flipbook .page canvas {
    max-width: 100%;
    height: auto;
}

.flipbook .page canvas {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

.flipbook[data-display="single"] .page {
    margin: 0 auto !important;
}

/* Indicador de zoom */
.zoom-indicator {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0,0,0,0.7);
    color: white;
    padding: 3px 6px;
    border-radius: 3px;
    font-size: 11px;
    z-index: 90;
    transition: opacity 0.3s;
}

.desktop-only {
    display: inline-flex;
}

.mobile-only {
    display: none;
}

.toolbar-content {
    display: flex;
    gap: 6px;
    align-items: center;
}

@media (max-width: 1024px) {
    body {
        overscroll-behavior-y: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }
    .flipbook-container {
        height: 100vh;
        width: 100vw;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
    }
    .flipbook {
        width: 100%;
        height: auto;
        max-width: 100vw;
        margin: 0;
        padding: 0;
    }
    .flipbook-wrapper {
        width: 100%;
        height: auto;
        display: block;
        padding: 50px 0 10px;
    }
    .page {
        width: 100% !important;
        max-width: 100vw;
        height: auto;
        margin: 5px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 5px;
        box-sizing: border-box;
    }
    .page canvas {
        width: 100% !important;
        height: auto !important;
        max-width: 100vw;
        object-fit: contain;
        touch-action: auto;
    }
    .vertical-mode {
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: 100%;
        max-width: 100vw;
        margin: 0;
        transform: none !important;
        padding-bottom: 20px;
    }
    .pan-container {
        overflow: visible;
        width: 100%;
        height: auto;
        touch-action: auto;
    }
    .toolbar button {
        padding: 6px;
        min-width: 32px;
        height: 32px;
        font-size: 12px;
        border-radius: 5px;
        touch-action: manipulation;
    }
    .toolbar input[type="number"] {
        width: 40px;
        padding: 3px;
        font-size: 12px;
        height: 32px;
        border-radius: 5px;
        touch-action: manipulation;
    }
    .toolbar label {
        width: 40px;
        font-size: 12px;
        line-height: 32px;
    }
    .back-button {
        top: 70px;
    }
    .zoom-indicator {
        display: none;
    }
    .mobile-only {
        display: flex;
    }
    .desktop-only {
        display: none;
    }
    .toolbar #zoom-in,
    .toolbar #zoom-out,
    .toolbar #zoom-reset,
    .toolbar #fullscreen {
        display: none;
    }
}

@media (max-width: 768px) {
    .toolbar {
        padding: 3px;
        gap: 3px;
        margin: 6px auto 6px 45px;
        width: calc(100% - 55px);
        max-width: 300px;
    }
    .toolbar button {
        padding: 5px;
        min-width: 28px;
        height: 28px;
        font-size: 11px;
    }
    .toolbar input[type="number"] {
        width: 36px;
        padding: 2px;
        font-size: 11px;
        height: 28px;
    }
    .toolbar label {
        width: 36px;
        font-size: 11px;
        line-height: 28px;
    }
    .back-button {
        padding: 6px;
        min-width: 32px;
        height: 32px;
    }
    .page {
        margin: 4px 0;
        padding: 0 4px;
    }
}

@media (max-width: 480px) {
    .toolbar {
        padding: 6px 11px;
        gap: 2px;
        margin: 6px auto;
        width: 100%;
        max-width: 224px;
        border-radius: 8px;
        position: fixed;
        top: 80px;
        left: 50%;
        transform: translateX(-50%);
    }
    .toolbar button {
        padding: 4px;
        min-width: 26px;
        height: 26px;
        font-size: 10px;
    }
    .toolbar input[type="number"] {
        width: 34px;
        padding: 2px;
        font-size: 10px;
        height: 26px;
    }
    .toolbar label {
        width: 34px;
        font-size: 10px;
        line-height: 26px;
    }
    .back-button {
        padding: 5px;
        min-width: 28px;
        height: 28px;
    }
    .page {
        margin: 3px 0;
        padding: 0 3px;
    }
    .toolbar #zoom-out {
        display: none;
    }
    .toolbar #zoom-in {
        display: none;
    }
}

.attachments-container {
    max-height: none;
    overflow-y: visible;
    max-height: 300px;
}

@media (max-width: 767.98px) {
    .attachments-container {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .card {
        font-size: 0.9rem;
    }

    .card img {
        width: 32px;
        height: 32px;
    }

    .card a i {
        width: 20px;
        height: 20px;
    }
}

@media (min-width: 768px) {
    .attachments-container {
        max-height: none;
        overflow-y: visible;
    }
}

.title-truncate {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    max-width: 100%;
}

.file-info {
    min-width: 0;
}

.star {
    cursor: pointer;
    stroke: #ccc;
    transition: stroke 0.2s;
}

.complete-lesson-button {
    max-width: 140px !important;
    max-height: 35px !important;
    background-color: var(--primary) !important;
}

.h-text-shadow {
    text-shadow: 0px 2px 20px rgba(0,0,0,0.39);
}

.object-contain {
    object-fit: contain !important;
}

div#descriptionText * {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    background: transparent !important;
}

.ellipsis-single-line {
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
}

.module-title {
    text-overflow: clip;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    width: 80%;
}

.module-title::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 30px;
    background-image: -webkit-linear-gradient(left, transparent, var(--tertiary));
}

body.swal2-toast-shown .swal2-container.swal2-top-end {
    overflow: visible !important;
}

.swiper-slide {
    min-width: 907.429px;
    max-width: 907.429px;
    margin-right: 24px;
}

.card-wrapper {
    position: relative;
    border-radius: 16px;
    padding: 2px 1px 2px 2px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .22), hsla(0, 0%, 100%, .01));
}

.card-my-contents {
    position: relative;
    max-width: 904.42px;
    min-height: 281px;
    max-height: 281px;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.card-my-contents::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.00) 100%, rgba(0, 0, 0, 0.80) 100%),
        linear-gradient(to left, rgba(0, 0, 0, 0.00) 0%, #141414 100%),
        linear-gradient(
            to left,
            rgba(0, 0, 0, 0.70) 0%,
            rgba(0, 0, 0, 0.00) 34.93%,
            rgba(0, 0, 0, 0.00) 48.5%,
            rgba(0, 0, 0, 0.00) 20%,
            rgba(0, 0, 0, 0.70) 100%
        );
    z-index: 10;
}

.card__image {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    border-radius: 16px;
}

.card__content {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 24px;
    width: 40%;
    z-index: 100;
}

.card__content__info {
    display: flex;
    gap: 10px;
    font-size: 14px;
    color: #cacccc;
    line-height: 19.6px;
    font-weight: 400;
    margin-bottom: 16px;
}

.card__content__info--item {
    display: flex;
    align-items: center;
    gap: 4px;
}

.card__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #fff;
}

.card__description {
    font-size: 14px;
    font-weight: 400;
    color: #cacccc;
    line-height: 18.9px;
    max-height: 40px;
}

.dropstart .dropdown-menu {
    right: 10px !important;
}

.hover\:destroy:hover,
.hover\:destroy:hover svg {
    color: #bb0000 !important;
}

.hover\:destroy:hover {
    background-color: #ff363617 !important;
}

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