/**
 * OziPress
 * 
 * @copyright Copyright (c) 2025 Rockstar Web Dev, LLC
 * @license AGPL-3.0-or-later (https://www.gnu.org/licenses/agpl-3.0.en.html)
 */
:root {--white: 255, 255, 255;--black: 0, 0, 0;
--font-size: 1.15rem;
--primary-50: 236, 239, 252;--primary-100: 199, 209, 247;--primary-200: 161, 177, 242;--primary-300: 124, 146, 237;--primary-400: 86, 116, 232;--primary-500: 49, 84, 227;--primary-600: 27, 63, 206;--primary-700: 23, 52, 169;--primary-800: 17, 40, 131;--primary-900: 12, 29, 94;--primary-950: 8, 17, 56;

--ui-50: 236, 239, 252;--ui-100: 199, 209, 247;--ui-200: 161, 177, 242;--ui-300: 124, 146, 237;--ui-400: 86, 116, 232;--ui-500: 49, 84, 227;--ui-600: 27, 63, 206;--ui-700: 23, 52, 169;--ui-800: 17, 40, 131;--ui-900: 12, 29, 94;--ui-950: 8, 17, 56;
--gray-50: 248, 250, 252;--gray-100: 241, 245, 249;--gray-200: 226, 232, 240;--gray-300: 203, 213, 225;--gray-400: 148, 163, 184;--gray-500: 100, 116, 139;--gray-600: 71, 85, 105;--gray-700: 51, 65, 85;--gray-800: 30, 41, 59;--gray-900: 15, 23, 42;--gray-950: 2, 6, 23;

--red-50: 255, 245, 246;--red-100: 255, 232, 234;--red-200: 255, 207, 210;--red-300: 255, 172, 178;--red-400: 255, 130, 139;--red-500: 255, 71, 87;--red-600: 235, 53, 79;--red-700: 209, 46, 70;--red-800: 173, 39, 59;--red-900: 139, 32, 47;--red-950: 75, 17, 25;    
--orange-50:255, 247, 237;--orange-100:255, 237, 212;--orange-200:255, 215, 168;--orange-300:255, 184, 106;--orange-400:255, 137, 4;--orange-500:255, 105, 0;--orange-600:245, 74, 0;--orange-700:202, 53, 0;--orange-800:159, 45, 0;--orange-900:126, 42, 12;--orange-950:68, 19, 6;

--whitespace: var(--gray-50);

--amber-50: 255, 251, 235;--amber-100: 254, 243, 199;--amber-200: 253, 230, 138;--amber-300: 252, 211, 77;--amber-400: 251, 191, 36;--amber-500: 245, 158, 11;--amber-600: 217, 119, 6;--amber-700: 180, 83, 9;--amber-800: 146, 64, 14;--amber-900: 120, 53, 15;--amber-950: 69, 26, 3;

--blue-50: 239, 246, 255;--blue-100: 219, 234, 254;--blue-200: 191, 219, 254;--blue-300: 147, 197, 253;--blue-400: 96, 165, 250;--blue-500: 59, 130, 246;--blue-600: 37, 99, 235;--blue-700: 29, 78, 216;--blue-800: 30, 64, 175;--blue-900: 30, 58, 138;--blue-950: 23, 37, 84;
--emerald-50: 236, 253, 245;--emerald-100: 209, 250, 229;--emerald-200: 167, 243, 208;--emerald-300: 110, 231, 183;--emerald-400: 52, 211, 153;--emerald-500: 16, 185, 129;--emerald-600: 5, 150, 105;--emerald-700: 4, 120, 87;--emerald-800: 6, 95, 70;--emerald-900: 6, 78, 59;--emerald-950: 2, 44, 34;
--indigo-50: 243, 238, 255;--indigo-100: 224, 231, 255;--indigo-200: 199, 210, 254;--indigo-300: 165, 180, 252;--indigo-400: 129, 140, 248;--indigo-500: 99, 102, 241;--indigo-600: 79, 70, 229;--indigo-700: 67, 56, 202;--indigo-800: 55, 48, 163;--indigo-900: 49, 46, 129;--indigo-950: 30, 27, 75;

--text-color: var(--gray-800);--bg-opacity: 1.0;--border-opacity: 1.0;--color-opacity: 1.0;--shadow-color: 0, 0, 0;--shadow-opacity: 0.25;
--ui-border-color: var(--gray-300);--ui-border-width: 1px;--ui-border-radius: 4px;--ui-color: var(--gray-600);
--ring-color: var(--primary-500);--ring-opacity: 0.25;--ring: 0 0 0px 2px rgba(var(--ring-color), var(--ring-opacity));--focus-ring: 0 0 0px 1px rgba(var(--primary-500), 1);--ui-focus-ring: 0 0 0px 1px rgba(var(--ui-500), 1);

--z-max: 999999876;--translate-x: 0;--translate-y: 0;--rotate: 0;--skew-x: 0;--skew-y: 0;--scale-x: 1.05;--scale-y: 1.05;}

.dark {
--black: 255, 255, 255;--white: 0, 0, 0;
--primary-950: 236, 239, 252;--primary-900: 199, 209, 247;--primary-800: 161, 177, 242;--primary-700: 124, 146, 237;--primary-600: 86, 116, 232;--primary-500: 49, 84, 227;--primary-400: 27, 63, 206;--primary-300: 23, 52, 169;--primary-200: 17, 40, 131;--primary-100: 12, 29, 94;--primary-50: 8, 17, 56;

--gray-950: 248, 250, 252;--gray-900: 241, 245, 249;--gray-800: 226, 232, 240;--gray-700: 203, 213, 225;--gray-600: 148, 163, 184;--gray-500: 100, 116, 139;--gray-400: 71, 85, 105;--gray-300: 51, 65, 85;--gray-200: 30, 41, 59;--gray-100: 15, 23, 42;--gray-50: 2, 6, 23;

--whitespace: var(--gray-50);
--text-color: var(--gray-600);


--red-50: 75, 17, 25;--red-100: 139, 32, 47;--red-200: 173, 39, 59;--red-300: 209, 46, 70;--red-400: 235, 53, 79;--red-500: 255, 71, 87;--red-600: 255, 130, 139;--red-700: 255, 172, 178;--red-800: 255, 207, 210;--red-900: 255, 232, 234;--red-950: 255, 245, 246;
--orange-950:255, 247, 237;--orange-900:255, 237, 212;--orange-800:255, 215, 168;--orange-700:255, 184, 106;--orange-600:255, 137, 4;--orange-500:255, 105, 0;--orange-400:245, 74, 0;--orange-300:202, 53, 0;--orange-200:159, 45, 0;--orange-100:126, 42, 12;--orange-50:68, 19, 6;

--amber-950: 255, 251, 235;--amber-900: 254, 243, 199;--amber-800: 253, 230, 138;--amber-700: 252, 211, 77;--amber-600: 251, 191, 36;--amber-500: 245, 158, 11;--amber-400: 217, 119, 6;--amber-300: 180, 83, 9;--amber-200: 146, 64, 14;--amber-100: 120, 53, 15;--amber-50: 69, 26, 3;
--blue-950: 239, 246, 255;--blue-900: 219, 234, 254;--blue-800: 191, 219, 254;--blue-700: 147, 197, 253;--blue-600: 96, 165, 250;--blue-500: 59, 130, 246;--blue-400: 37, 99, 235;--blue-300: 29, 78, 216;--blue-200: 30, 64, 175;--blue-100: 30, 58, 138;--blue-50: 23, 37, 84;
--emerald-950: 236, 253, 245;--emerald-900: 209, 250, 229;--emerald-800: 167, 243, 208;--emerald-700: 110, 231, 183;--emerald-600: 52, 211, 153;--emerald-500: 16, 185, 129;--emerald-400: 5, 150, 105;--emerald-300: 4, 120, 87;--emerald-200: 6, 95, 70;--emerald-100: 6, 78, 59;--emerald-50: 2, 44, 34;
--indigo-950: 238, 242, 255;--indigo-950: 224, 231, 255;--indigo-800: 199, 210, 254;--indigo-700: 165, 180, 252;--indigo-600: 129, 140, 248;--indigo-500: 99, 102, 241;--indigo-400: 79, 70, 229;--indigo-300: 67, 56, 202;--indigo-200: 55, 48, 163;--indigo-100: 49, 46, 129;--indigo-50: 30, 27, 75;}

* { overflow-wrap: break-word; white-space: normal; max-width: 100%; }

*,:after,:before {text-rendering: optimizeLegibility;box-sizing: border-box;border: 0 solid transparent;margin: 0;padding: 0;position: relative;}
*,*::before,*::after {background-position: center center;background-repeat: no-repeat;object-position: center center;}

dfn { font-style: normal; }

script,[hidden] {display: none !important;}
html {scroll-behavior: smooth;margin: 0px;height: 100%;width: 100vw; max-width: 100%;}
body {width:100vw; position: relative;color: rgba(var(--text-color), var(--color-opacity));background-color: rgba(var(--whitespace), 1.0);font-family: Inter var, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-size: var(--font-size);overflow-x: hidden;margin: 0px;min-height: 100%;width: 100%; max-width: 100%;}



svg {  pointer-events: none;}
button,input[type=button],input[type=submit] {user-select: none;}
button,input,select,textarea {transition: all 240ms cubic-bezier(0.075, 0.82, 0.165, 1);color: rgba(var(--text-color), 0.735);padding: 4px 10px;width: 100%;background-color: transparent;font-family: inherit;font-size: inherit;border: 1px solid rgba(var(--gray-600), 0.250);border-radius: 2px;}

input,textarea {background-color: rgba(var(--white),1.0);}

input[type=checkbox],input[type=radio] {height: 16px;width: 16px;min-width: fit-content;}
input[type=checkbox]:checked,input[type=radio]:checked {accent-color: rgba(var(--primary-500),1);}

/* Base radio style */
input[type="radio"] { 
    appearance: none; -webkit-appearance: none;-moz-appearance: none;
    width: 22px;
    height: 23px;
    
    /* Base styling */
    border: 2px solid rgba(var(--gray-300),var(--border-opacity));
    border-radius: 50%; /* 50% = perfect circle for square element */
    background: white;
    cursor: pointer;
    transition: all 0.2s ease;
    
    /* Position relative for inner checkmark */
    position: relative;
}

/* Checked state */
input[type="radio"]:checked {
    border-color: rgba(var(--gray-500),1);
    background: rgba(var(--gray-500),1);
}

/* Inner dot for checked state */
input[type="radio"]:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: white;
}


button:focus,input:focus,select:focus,textarea:focus { color: rgba(var(--text-color), 1.0);}
button[disabled],input[disabled],select[disabled],textarea[disabled] {color: rgba(var(--gray-600), 0.651);}
button,input[type=button],input[type=reset] {cursor: pointer;}
button:focus,input:focus,select:focus,textarea:focus {outline: none;}
.h-divider {margin: 5px 0 8px 0;border-bottom: 1px solid rgba(var(--gray-300), var(--border-opacity));}
.text-decoration-none {text-decoration: none !important;}
.text-nowrap {text-wrap: nowrap;}
.text-strike {text-decoration-line: line-through;}
.hover\:text-underline:hover {text-decoration: underline !important;}
.hover\:text-underline-none:hover {text-decoration: none !important;}
.hover\:text-decoration-none:hover {text-decoration: none !important;}
.sy.active {color: rgba(var(--primary-500), 1.0);border-right: 4px solid rgba(var(--primary-600), 1.0);text-shadow: 1px 0px 0px rgba(var(--primary-500), 1.0);}


a {display: inline-block;color: inherit;text-decoration: none;text-underline-offset: 4px;}
a:hover {color: rgba(var(--primary-500), 1.0);text-decoration: underline;}


.text-shadow {text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}
h1 {font-size: calc(var(--font-size) + 1.5em);}
h2 {font-size: calc(var(--font-size) + 1.25em);}
h3 {font-size: calc(var(--font-size) + 1.0em);}
h4 {font-size: calc(var(--font-size) + 0.75em);}
h5 {font-size: calc(var(--font-size) + 0.5em);}
h6 {font-size: calc(var(--font-size) + 0.25em);}
h1:hover a, h2:hover a, h3:hover a, h4:hover a, h5:hover a, h6:hover a {
  color: inherit;
  text-decoration: inherit;
}
p {margin-bottom: 1rem;}
::placeholder {color: rgba(var(--gray-400), 1);opacity: 0.65; }

table {--table-border-color: var(--gray-400);border-collapse: separate;border-spacing: 0;width: 100%;border: 1px solid var(--ui-border-color); font-size: 89%;}
table thead {text-align: left; border: 1px solid rgba(var(--ui-border-color), 1);  border-radius: 4px;}
table thead th { background-color: rgba(var(--table-border-color),0.25); padding: 0.65em 0.75em;}
table tbody td {padding: 0.65em 0.75em;;vertical-align: top; }
table.h-lines tbody tr:not(:last-child),
table.h-lines thead tr {border-bottom: 1px solid rgba(var(--table-border-color), 1);}
table.v-lines td:not(:last-child),table.v-lines th:not(:last-child) {border-right: 1px solid rgba(var(--table-border-color), 1);}
table tbody tr:not(:last-child) {  border-bottom: 1px solid rgba(var(--ui-border-color), 1); }
table tbody tr:last-child td { border-bottom: 1px solid rgba(var(--ui-border-color), 1);}
table tbody tr td:first-child  { border-left: 1px solid rgba(var(--ui-border-color), 1);}
table tbody tr td:last-child  { border-right: 1px solid rgba(var(--ui-border-color), 1);}
table tbody tr td {background-color: rgba(var(--white),1.0); }
table tr.editable {display:none};
table tr.edit { display: table-row !important;} 
table tr { text-align: left;}
table tbody tr:hover td { background-color: rgba(var(--primary-100), 0.35); }
table tbody tr:not(:last-child) td {
  border-bottom: 1px solid rgba(var(--ui-border-color), 1);
}

/* 3. Apply rounded corners to the specific cells at the row's edges */
table thead tr:first-child th:first-child {
  border-top-left-radius: 4px; 
}
table thead tr:first-child th:last-child {
  border-top-right-radius: 4px; 
}
table tr:last-child td:first-child {
  border-bottom-left-radius: 4px; 
}
table tr:last-child td:last-child {
  border-bottom-right-radius: 4px; 
}


.symbol { background-color: rgba(var(--primary-500), 0.15);  padding: 0.10em 0.35em; border-radius: 0.25em; color: rgba(var(--primary-900), 1);}
.tag {--bg-opacity: 0.80; transition: all ease-out 120ms; background-color: #F6F6F6;user-select: none;
    cursor: default;display: inline-flex;font-size: 77%;font-weight: 600; margin: 0 0.125em 0.125em 0;
    padding: 0.375rem 0.75rem; border-radius: 0.25rem; border-radius: 4px;border: 1px solid transparent;color: rgba(var(--gray-500), 1.0); 
}
.tag:hover {text-decoration: none !important; transition: all ease-out 120ms; background-color: rgba(var(--primary-500), 0.251); color: rgba(var(--black), 1);}
.tag.sm {font-size: 70%; padding: 0.125em 0.250em;}
.tag.primary {--bg-opacity: 0.30450;background-color: rgba(var(--primary-100),var(--bg-opacity));color: rgba(var(--primary-600), 1.0);border-color: transparent;}
.tag.primary:hover {--bg-opacity: 0.60450; }
.tag.black {--bg-opacity: 0.75;background-color: rgba(var(--black),var(--bg-opacity));color: rgba(var(--white), 1.0);}
.tag.black:hover {--bg-opacity: 1.00; }
.tag.approved,.tag.publish,.tag.published,.tag.completed,.tag.success,.tag.processed {--bg-opacity: 0.20;background-color: rgba(var(--emerald-500),var(--bg-opacity));color: rgba(var(--emerald-600), 1.0);}
.tag.approved:hover,.tag.publish:hover,.tag.published:hover,.tag.success:hover,.tag.processed:hover {--bg-opacity: 0.350; }
.tag.denied,.tag.rejected,.tag.refused,.tag.trash,.tag.trashed,.tag.danger {--bg-opacity: 0.60;background-color: rgba(var(--red-100), var(--bg-opacity));color: rgba(var(--red-600), 1.0);}
.tag.denied:hover,.tag.rejected:hover,.tag.refused:hover,.tag.trash:hover,.tag.danger:hover { --bg-opacity: 0.65;background-color: rgba(var(--red-200), var(--bg-opacity));}
.tag.pending {--bg-opacity: 0.30;background-color: rgba(var(--amber-100), var(--bg-opacity));color: rgba(var(--amber-600), 1.0);}
.tag.pending:hover {--bg-opacity: 0.60;background-color: rgba(var(--amber-200), var(--bg-opacity)); }
.tag.draft {--bg-opacity: 0.180;background-color: rgba(var(--gray-400), var(--bg-opacity)); color: rgba(var(--gray-500), 0.80); }
.tag.draft:hover {--bg-opacity: 0.360;background-color: rgba(var(--gray-400), var(--bg-opacity)); color: rgba(var(--gray-500), 0.80); }
.tag.indigo {--bg-opacity: 0.1250;background-color: rgba(var(--indigo-500), var(--bg-opacity));color: rgba(var(--indigo-700), 0.80);}
.tag.indigo:hover {--bg-opacity: 0.2450; }
.tag.warn { --bg-opacity: 0.1250;background-color: rgba(var(--amber-500),var(--bg-opacity)); color: rgba(var(--amber-800), 1.0);}

.progress { --bg-opacity: 0.35; --pg-bg-color: var(--primary-400);  --pg-color: var(--primary-500); background-color: rgba(var(--pg-bg-color),var(--bg-opacity)); height: 0.55rem; border-radius: 6px; overflow: hidden; width:100% !important; }
.progress .progress-bar { 
    display: flex; flex-direction: column;
    justify-content: center;  overflow: hidden; 
    text-align: center; white-space: nowrap;
    background-color: rgba(var(--pg-color),1);
    transition: all 180ms ease;
    border-radius: 6px;  height: 100%;
}
.progress.red {
  --pg-bg-color: var(--red-400);
  --pg-color: var(--red-600);
}
.progress.emerald {
  --pg-bg-color: var(--emerald-400);
  --pg-color: var(--emerald-600);
}
.progress.amber { --pg-bg-color: var(--amber-400);  --pg-color: var(--amber-600); }
.progress.black { --pg-bg-color: var(--gray-400);  --pg-color: var(--black); }
.progress.indigo {--pg-bg-color: var(--indigo-400);  --pg-color: var(--indigo-600); }
 
 

.code { white-space: pre;word-wrap: break-word;tab-size: 1.75rem;-moz-tab-size: 1.75rem; font-size:0.95rem}
.code-lang {z-index:10;user-select: none; position: absolute;right: 0px;top: 0px;padding: 0.125rem 0.55rem;background-color: rgba(var(--black), 1.0);font-size: 0.835em;color: rgba(var(--white), 1);}

.media { display: flex !important;flex-wrap: wrap; gap: 0.45em; }
.media > *:last-child { flex: 1; }

.stroke-current {stroke: currentColor;}
.fill-current {fill: currentColor;}
.stroke-dasharray-none { stroke-dasharray: 0px !important }
.stroke-dasharray-1 { stroke-dasharray: 1px !important}
.stroke-dasharray-2 { stroke-dasharray: 2px !important}
.stroke-dasharray-3 { stroke-dasharray: 3px !important}

.relative {position: relative; }
.absolute {position: absolute;}

.fixed {position: fixed;}
.sticky {position: sticky;}

.top-0 {top: 0;}
.top-left {top: 0;left: 5px;}
.top-right {top: 0;right: 5px}
.top-1 {top: 5px;}
.top-2 {top: 10px;}
.top-1\/4 {top: 25%;}
.top-1\/2 {top: 50%;}
.top-2\/3 {top: 65%;}
.top-3\/4 {top: 75%;}
.bottom-0 {bottom: 0;}
.bottom-1 {bottom: 5px;}
.bottom-2 {bottom: 10px;}
.bottom-1\/4 {bottom: 25%;}
.bottom-1\/2 {bottom: 50%;}
.bottom-2\/3 {bottom: 65%;}
.bottm-3\/4 {bottom: 75%;}
.pos-0 { left:0;right:0;top:0;bottom:0}
.left-0 {left: 0;}
.left-1 {left: 5px;}
.left-2 {left: 10px;}
.left-1\/4 {left: 25%;}
.left-1\/2 {left: 50%;}
.left-2\/3 {left: 65%;}
.left-3\/4 {left: 75%;}
.right-0 {right: 0}
.right-1 {right: 5px;}
.right-2 {right: 10px;}
.right-1\/4 {right: 25%;}
.right-1\/2 {right: 50%;}
.right-2\/3 {right: 65%;}
.right-3\/4 {right: 75%;}
.bottom-left {bottom: 0;left: 5px}
.bottom-right {bottom: 0;right: 5px}
.absolute.center {top: calc(10cqh);left: calc(30cqw);}
.user-select-none {user-select: none;}
.pointer-events-none {pointer-events: none}
.pointer-events-initial {pointer-events: initial;}
.cursor-pointer {cursor: pointer;}
.cursor-default {cursor: default;}
.cursor-grab {cursor: grab;}
.block {display: block;}
.inline-block {display: inline-block;}
.inline {display: inline;}
.flex {display: flex;}
.inline-flex {display: inline-flex;}
.table {display: table;}
.grid {display: grid;}
.inline-grid {display: inline-grid;}
.hidden {display: none !important;}
.v-hidden{visibility: hidden;}



.hover-parent\:show  {visibility: hidden !important;} 
*:hover > .hover-parent\:show  {visibility: visible !important;} 

.block-view.hide-block {display: none;}
.underscore {color: rgba(var(--primary-500), 1.0) !important;margin-bottom: 0.65em;}
.underscore::after {width: 80px;display: inline-block;border-bottom: 3px solid rgba(var(--primary-500), 1.0);content: "";position: absolute;bottom: -6px;left: 0;}
.overflow-auto {overflow: auto;}
.overflow-hidden {overflow: hidden;}
.overflow-initial {overflow: initial;}
.row { margin-bottom: 0.85em; }

.top-1\/2 {top: 50%;}
.right-4 {right: 1rem;}
.absolute {position: absolute;}

.toggle-switch {position: relative;display: inline-block; width: 45px; height: 24px;}
/* Hide default checkbox */
.toggle-switch input { opacity: 0; width: 0; height: 0;  position: absolute; }
.toggle-slider {
    position: absolute; cursor: pointer; top: 0; left: 0;  right: 0; bottom: 0;
    background-color: rgba(var(--gray-300),1); transition: all 0.3s ease;border-radius: 34px;
}
/* Slider knob */
.toggle-slider:before {
    content: ""; position: absolute; 
    height: 20px; width: 20px;   left: 2px;  bottom: 2px;
    background-color: rgba(var(--white),1); transition: all 0.3s ease;
    border-radius: 50%; box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
/* Checked state - track */
.toggle-switch input:checked + .toggle-slider {  background-color: rgba(var(--primary-500), 1.0); }
/* Checked state - knob */
.toggle-switch input:checked + .toggle-slider:before {transform: translateX(20px); }
/* Focus state for accessibility */
.toggle-switch input:focus + .toggle-slider { box-shadow: 0 0 0 3px rgba(var(--primary-500), 0.3); }
/* Disabled state */
.toggle-switch input:disabled + .toggle-slider { background-color: #e5e7eb; cursor: not-allowed; }
.toggle-switch input:disabled:checked + .toggle-slider { background-color: #9ca3af; }
/* Label styling */
.toggle-label {  font-size: 14px;  color: #374151;  margin-left: 10px;  vertical-align: middle; }
/* Small */
.toggle-switch.sm { width: 36px; height: 18px; }
.toggle-switch.sm .toggle-slider:before { height: 18px; width: 18px; left: 0px; bottom: 0px;}
.toggle-switch.sm input:checked + .toggle-slider:before { transform: translateX(18px); }
/* Large */
.toggle-switch.lg { width: 76px; height: 44px; }
.toggle-switch.lg .toggle-slider:before { height: 36px;  width: 36px;  left: 4px;  bottom: 4px; }
.toggle-switch.lg input:checked + .toggle-slider:before {  transform: translateX(32px); }
/* Green (Success) */
.toggle-switch.emarld input:checked + .toggle-slider { background-color: rgba(var(--emerald-500),1.0); }
.toggle-switch.green input:focus + .toggle-slider { box-shadow: 0 0 0 3px rgba(var(--emerald-700), 0.3); }
/* Red (Danger) */
.toggle-switch.red input:checked + .toggle-slider { background-color: rgba(var(--red-500), 1); }
.toggle-switch.red input:focus + .toggle-slider { box-shadow: 0 0 0 3px rgba(var(--red-700), 0.3); }

/* Indigo (Premium) */
.toggle-switch.indigo input:checked + .toggle-slider { background-color: rgba(var(--indigo-500), 1.0); }
.toggle-switch.indigo input:focus + .toggle-slider { box-shadow: 0 0 0 3px rgba(var(--indigo-700), 0.3); }

.btn { font-weight: 500; --btn-bg-opacity: 1.0;--bg-opacity: 0.04;--btn-color: var(--white);padding: 0.25em 0.35em;width: fit-content;align-items: center;border-radius: 4px;transition: all ease-in-out 180ms;display: inline-flex;justify-items: center;justify-content: center;gap: 0.250em;color: rgba(var(--gray-500), var(--color-opacity));background-color: rgba(var(--gray-400), var(--bg-opacity));text-decoration: none !important;border: 1px solid transparent;cursor:pointer;}
.btn:hover {color: rgba(var(--gray-800), 1.0);}
.btn:active { box-shadow: 0 0 0px 2px rgba(var(--primary-500), 1); }
.btn.sm {padding: 0.125em;font-size: 80%;}
.btn.outline:hover {outline: 1px solid rgba(var(--btn-color), 1);}

.btn.btn-danger:active { box-shadow: 0 0 0px 2px rgba(var(--red-500), 1); }
.btn.btn-success:active { box-shadow: 0 0 0px 2px rgba(var(--indigo-500), 1); }
.btn.btn-info:active { box-shadow: 0 0 0px 2px rgba(var(--blue-500), 1); }
.btn.btn-dark:active { box-shadow: 0 0 0px 2px rgba(var(--black), 1); }

.btn:disabled {opacity: 0.7;}

.btn.btn-sm {font-size: calc(var(--font-size) - 0.25rem);padding: 0.125em 0.2em;}
.btn.btn-md {font-size: calc(var(--font-size) + 0.105rem);padding: 0.35em 0.65em;}
.btn.btn-lg {font-size: calc(var(--font-size) + 0.15rem);padding: 0.65em 0.95em;}
.btn.btn-shadow {box-shadow: 0 6px 7px -1px rgba(80, 86, 175, .3);}
.btn.light {--btn-bg-opacity: 0.1750;}
.btn.light:hover {--btn-bg-opacity: 0.350;}
.btn.outline { background-color: transparent !important; border:1px solid rgba(var(--gray-400),1.0); }
.btn:hover {background-color: rgba(var(--primary-500), 0.10);}
.btn.btn-primary {background-color: rgba(var(--primary-500), var(--btn-bg-opacity));color: rgba(var(--btn-color), 1.0);}
.btn.btn-primary:hover {background-color: rgba(var(--primary-700), var(--btn-bg-opacity));}
.btn.btn-primary.light {--btn-color: var(--primary-500);}
.btn.btn-primary.outline {--btn-color: var(--primary-500); background-color: transparent !important; border:1px solid rgba(var(--btn-color),1.0); }

.btn.btn-secondary {background-color: rgba(var(--gray-500), var(--btn-bg-opacity));color: rgba(var(--btn-color), 1.0);}
.btn.btn-secondary.light {--btn-color: var(--gray-500);}
.btn.btn-secondary.outline {--btn-color: var(--gray-500); background-color: transparent !important; border:1px solid rgba(var(--btn-color),1.0); }
.btn.btn-success {background-color: rgba(var(--emerald-500), var(--btn-bg-opacity));color: rgba(var(--btn-color), 1.0);}
.btn.btn-success.light {--btn-bg-opacity: 0.095;--btn-color: var(--emerald-500);}
.btn.btn-success.light:hover {--btn-bg-opacity: 0.25;--btn-color: var(--emerald-600);}
.btn.btn-success.outline {--btn-color: var(--emerald-500); background-color: transparent !important; border:1px solid rgba(var(--btn-color),1.0); }
.btn.btn-danger {background-color: rgba(var(--red-500), var(--btn-bg-opacity));color: rgba(var(--btn-color), 1.0);}
.btn.btn-danger.light {--btn-color: var(--red-500);}
.btn.btn-danger.outline {--btn-color: var(--red-500); background-color: transparent !important; border:1px solid rgba(var(--red-500),1.0); }
.btn.btn-info {background-color: rgba(var(--indigo-500), var(--btn-bg-opacity));color: rgba(var(--btn-color), 1.0);}
.btn.btn-info:hover {background-color: rgba(var(--indigo-700), var(--btn-bg-opacity));}
.btn.btn-info.light {--btn-color: var(--indigo-500);}
.btn.btn-info.outline {--btn-color: var(--indigo-500); background-color: transparent !important; border:1px solid rgba(var(--indigo-500),1.0); }
.btn.btn-dark {background-color: rgba(var(--gray-900), var(--btn-bg-opacity));color: rgba(var(--gray-200), 1.0);}
.btn.btn-dark:hover {background-color: rgba(var(--black), var(--btn-bg-opacity));}
.btn.btn-dark.outline {--btn-color: var(--black); background-color: transparent !important; border:1px solid rgba(var(--btn-color),1.0); }

.btn.btn-light {background-color: rgba(var(--gray-100), var(--btn-bg-opacity));color: rgba(var(--gray-900), 1.0);}
.btn.btn-light:hover {background-color: rgba(var(--white), var(--btn-bg-opacity));}


.btn.outline:focus-visible  {outline-color: rgba(var(--primary-500), 1); outline-width: 2px; outline-offset: 4px;}


.color-opacity-100 {--color-opacity: 1.0;}
.color-opacity-90 {--color-opacity: 0.90;}
.color-opacity-80 {--color-opacity: 0.80;}
.color-opacity-70 {--color-opacity: 0.70;}
.color-opacity-60 {--color-opacity: 0.60;}
.color-opacity-50 {--color-opacity: 0.50;}
.color-opacity-40 {--color-opacity: 0.40;}
.color-opacity-30 {--color-opacity: 0.30;}
.color-opacity-20 {--color-opacity: 0.20;}
.color-opacity-10 {--color-opacity: 0.10;}
.hover\:color-opacity-100:hover {--color-opacity: 1.0;}
.hover\:color-opacity-90:hover {--color-opacity: 0.90;}
.hover\:color-opacity-80:hover {--color-opacity: 0.80;}
.hover\:color-opacity-70:hover {--color-opacity: 0.70;}
.hover\:color-opacity-60:hover {--color-opacity: 0.60;}
.hover\:color-opacity-50:hover {--color-opacity: 0.50;}
.hover\:color-opacity-40:hover {--color-opacity: 0.40;}
.hover\:color-opacity-30:hover {--color-opacity: 0.30;}
.hover\:color-opacity-20:hover {--color-opacity: 0.20;}
.hover\:color-opacity-10:hover {--color-opacity: 0.10;}


.bg-gradient { 
  --s0-intensity    : 5%; 
  --s1-intensity    : 100%; 
  --grad-dir        : to right; 
  --from-color      : rgba(var(--primary-600),var(--bg-opacity));  
  --to-color        : transparent; 
  --grad-stops      : var(--from-color) var(--s0-intensity),  var(--to-color) var(--s1-intensity);
  background-image  : linear-gradient(var(--grad-dir), var(--grad-stops));
} 


.bg-gradient-to-r { --grad-dir: to right; }
.bg-gradient-to-l { --grad-dir: to left; }
.bg-gradient-to-b { --grad-dir: to bottom; }
.bg-gradient-to-t { --grad-dir: to top; }


.to-primary    { --to-color: rgba(var(--primary-600),var(--bg-opacity)); }
.to-red        { --to-color: rgba(var(--red-600),var(--bg-opacity)); }
.to-blue       { --to-color: rgba(var(--blue-600),var(--bg-opacity)); }
.to-emerald    { --to-color: rgba(var(--blue-600),var(--bg-opacity)); }
.to-indigo     { --to-color: rgba(var(--indigo-600),var(--bg-opacity)); }
.to-gray       { --to-color: rgba(var(--gray-600),var(--bg-opacity)); }
.to-orange     { --to-color: rgba(var(--orange-600),var(--bg-opacity)); }
.to-amber     { --to-color: rgba(var(--amber-600),var(--bg-opacity)); }
.to-black      { --to-color: rgba(var(--black),var(--bg-opacity)); }
.to-white      { --to-color: rgba(var(--white),var(--bg-opacity)); }
.to-transparent{ --to-color: transparent }

.from-primary    { --from-color: rgba(var(--primary-600),var(--bg-opacity)); }
.from-red        { --from-color: rgba(var(--red-600),var(--bg-opacity)); }
.from-blue       { --from-color: rgba(var(--blue-600),var(--bg-opacity)); }
.from-emerald    { --from-color: rgba(var(--blue-600),var(--bg-opacity)); }
.from-indigo     { --from-color: rgba(var(--indigo-600),var(--bg-opacity)); }
.from-gray       { --from-color: rgba(var(--gray-600),var(--bg-opacity)); }
.from-orange     { --from-color: rgba(var(--orange-600),var(--bg-opacity)); }
.from-amberd     { --from-color: rgba(var(--amber-600),var(--bg-opacity)); }
.from-black      { --from-color: rgba(var(--black),var(--bg-opacity)); }
.from-white      { --from-color: rgba(var(--white),var(--bg-opacity)); }
.from-transparent{ --from-color: transparent }


.bg-opacity-100 {--bg-opacity: 1.0;}
.bg-opacity-90 {--bg-opacity: 0.90;}
.bg-opacity-80 {--bg-opacity: 0.80;}
.bg-opacity-70 {--bg-opacity: 0.70;}
.bg-opacity-60 {--bg-opacity: 0.60;}
.bg-opacity-50 {--bg-opacity: 0.50;}
.bg-opacity-40 {--bg-opacity: 0.40;}
.bg-opacity-30 {--bg-opacity: 0.30;}
.bg-opacity-20 {--bg-opacity: 0.20;}
.bg-opacity-10 {--bg-opacity: 0.10;}
.bg-opacity-5 {--bg-opacity: 0.05;}


.border-opacity-10 {--border-opacity: 0.10}
.border-opacity-20 {--border-opacity: 0.20}
.border-opacity-30 {--border-opacity: 0.30}
.border-opacity-40 {--border-opacity: 0.40}
.border-opacity-50 {--border-opacity: 0.50}
.border-opacity-60 {--border-opacity: 0.60}
.border-opacity-70 {--border-opacity: 0.70}
.border-opacity-80 {--border-opacityy: 0.80}
.border-opacity-90 {--border-opacity: 0.90}
.border-opacity-100 {--border-opacity: 100}


.hover\:bg-opacity-100:hover {--bg-opacity: 1.0;}
.hover\:bg-opacity-90:hover {--bg-opacity: 0.90;}
.hover\:bg-opacity-80:hover {--bg-opacity: 0.80;}
.hover\:bg-opacity-70:hover {--bg-opacity: 0.70;}
.hover\:bg-opacity-60:hover {--bg-opacity: 0.60;}
.hover\:bg-opacity-50:hover {--bg-opacity: 0.50;}
.hover\:bg-opacity-40:hover {--bg-opacity: 0.40;}
.hover\:bg-opacity-30:hover {--bg-opacity: 0.30;}
.hover\:bg-opacity-20:hover {--bg-opacity: 0.20;}
.hover\:bg-opacity-10:hover {--bg-opacity: 0.10;}
.shadow-opacity-100 {--shadow-opacity: 1.0;}
.shadow-opacity-90 {--shadow-opacity: 0.90;}
.shadow-opacity-80 {--shadow-opacity: 0.80;}
.shadow-opacity-70 {--shadow-opacity: 0.70;}
.shadow-opacity-60 {--shadow-opacity: 0.60;}
.shadow-opacity-50 {--shadow-opacity: 0.50;}
.shadow-opacity-40 {--shadow-opacity: 0.40;}
.shadow-opacity-30 {--shadow-opacity: 0.30;}
.shadow-opacity-20 {--shadow-opacity: 0.20;}
.shadow-opacity-10 {--shadow-opacity: 0.10;}
.hover\:shadow-opacity-100:hover {--shadow-opacity: 1.0;}
.hover\:shadow-opacity-90:hover {--shadow-opacity: 0.90;}
.hover\:shadow-opacity-80:hover {--shadow-opacity: 0.80;}
.hover\:shadow-opacity-70:hover {--shadow-opacity: 0.70;}
.hover\:shadow-opacity-60:hover {--shadow-opacity: 0.60;}
.hover\:shadow-opacity-50:hover {--shadow-opacity: 0.50;}
.hover\:shadow-opacity-40:hover {--shadow-opacity: 0.40;}
.hover\:shadow-opacity-30:hover {--shadow-opacity: 0.30;}
.hover\:shadow-opacity-20:hover {--shadow-opacity: 0.20;}
.hover\:shadow-opacity-10:hover {--shadow-opacity: 0.10;}
.v-seperator {display: inline-block;width: 1px;border-left: 1px solid rgba(var(--gray-300), 1.0);margin-left: 6px;margin-right: 6px;min-height: 15px;}
.ring {--ring-opacity: 1;--ring-color: var(--gray-500);box-shadow: 0 0 0px 2px rgba(var(--ring-color), var(--ring-opacity));}

.ring-primary {--ring-opacity: 1;--ring-color: var(--primary-500);box-shadow: 0 0 0px 2px rgba(var(--ring-color), var(--ring-opacity));}
.hover\:ring-gray:hover {--ring-opacity: 1;--ring-color: var(--gray-500);box-shadow: 0 0 0px 1px rgba(var(--ring-color), var(--ring-opacity));}
.hover\:ring-primary:hover,.active\:ring-primary:active,.focus\:ring-primary:focus {--ring-opacity: 1;--ring-color: var(--primary-500);box-shadow: 0 0 0px 2px rgba(var(--ring-color), var(--ring-opacity));}
.ring-ui {--ring-opacity: 1;--ring-color: var(--ui-500);box-shadow: 0 0 0px 2px rgba(var(--ring-color), var(--ring-opacity));}
.hover\:ring-ui:hover {--ring-opacity: 1;--ring-color: var(--ui-500);box-shadow: 0 0 0px 2px rgba(var(--ring-color), var(--ring-opacity));}

.ring-danger {--ring-opacity: 1;--ring-color: var(--red-500);box-shadow: 0 0 0px 2px rgba(var(--ring-color), var(--ring-opacity)) !important;}
.hover\:danger-primary:hover {--ring-opacity: 1;--ring-color: var(--red-500);box-shadow: 0 0 0px 2px rgba(var(--ring-color), var(--ring-opacity)) !important;}
.ring-success {--ring-opacity: 1;--ring-color: var(--emerald-500);box-shadow: 0 0 0px 2px rgba(var(--ring-color), var(--ring-opacity)) !important;}
.hover\:success-primary:hover {--ring-opacity: 1;--ring-color: var(--emerald-500);box-shadow: 0 0 0px 2px rgba(var(--ring-color), var(--ring-opacity)) !important;}
.ring-warn {--ring-opacity: 1;--ring-color: var(--amber-500);box-shadow: 0 0 0px 2px rgba(var(--ring-color), var(--ring-opacity)) !important;}
.hover\:warn-primary:hover {--ring-opacity: 1;--ring-color: var(--amber-500);box-shadow: 0 0 0px 2px rgba(var(--ring-color), var(--ring-opacity)) !important;}
.ring-info {--ring-opacity: 1;--ring-color: var(--info-500);box-shadow: 0 0 0px 2px rgba(var(--ring-color), var(--ring-opacity)) !important;}
.hover\:info-primary:hover {--ring-opacity: 1;--ring-color: var(--info-500);box-shadow: 0 0 0px 2px rgba(var(--ring-color), var(--ring-opacity)) !important;}
.before {position: relative;display: flex;width: max-content;align-items: center;justify-content: cefnter;padding-left: 1.25rem;padding-right: 1.25rem;}


.transition-all { transition: all ease-out 120ms;}
.before::before {--b_bg_opacity: 1.0;--b-color-opacity: 1.0;--b-border-opacity: .0;--b-color: 0, 0, 0;--b-border-opacity: 0;content: "";position: absolute;inset: 0;border-radius: 9999px;transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-timing-function: cubic-bezier(.4, 0, .2, 1);z-index: -1;transition-duration: .3s;}
.before\:border::before {border-width: 1px solid rgba(var(--b-color), var(--b-border-opacity));}
.before:hover::before {content: "";--scale-x: 1.05;--scale-y: 1.05;transform: translate(var(--translate-x), var(--translate-y)) rotate(var(--rotate)) skew(var(--skew-x)) skewY(var(--skew-y)) scaleX(var(--scale-x)) scaleY(var(--scale-y));}

.before\:bg-opacity-10::before {--b_bg_opacity: 0.10}
.before\:bg-opacity-20::before {--b_bg_opacity: 0.20}
.before\:bg-opacity-30::before {--b_bg_opacity: 0.30}
.before\:bg-opacity-40::before {--b_bg_opacity: 0.40}
.before\:bg-opacity-50::before {--b_bg_opacity: 0.50}
.before\:bg-opacity-60::before {--b_bg_opacity: 0.60}
.before\:bg-opacity-70::before {--b_bg_opacity: 0.70}
.before\:bg-opacity-80::before {--b_bg_opacity: 0.80}
.before\:bg-opacity-90::before {--b_bg_opacity: 0.90}
.before\:bg-opacity-100::before {--b_bg_opacity: 100}
.before\:hover\:bg-opacity-10:hover::before {--b_bg_opacity: 0.10}
.before\:hover\:bg-opacity-20:hover::before {--b_bg_opacity: 0.20}
.before\:hover\:bg-opacity-30:hover::before {--b_bg_opacity: 0.30}
.before\:hover\:bg-opacity-40:hover::before {--b_bg_opacity: 0.40}
.before\:hover\:bg-opacity-50:hover::before {--b_bg_opacity: 0.50}
.before\:hover\:bg-opacity-60:hover::before {--b_bg_opacity: 0.60}
.before\:hover\:bg-opacity-70:hover::before {--b_bg_opacity: 0.70}
.before\:hover\:bg-opacity-80:hover::before {--b_bg_opacity: 0.80}
.before\:hover\:bg-opacity-90:hover::before {--b_bg_opacity: 0.90}
.before\:hover\:bg-opacity-100:hover::before {--b_bg_opacity: 100}

.before\:bg-ui-50::before {background: rgba(var(--ui-50), var(--b_bg_opacity))}
.before\:bg-ui-100::before {background: rgba(var(--ui-100), var(--b_bg_opacity))}
.before\:bg-ui-200::before {background: rgba(var(--ui-200), var(--b_bg_opacity))}
.before\:bg-ui-300::before {background: rgba(var(--ui-300), var(--b_bg_opacity))}
.before\:bg-ui-400::before {background: rgba(var(--ui-400), var(--b_bg_opacity))}
.before\:bg-ui-500::before {background: rgba(var(--ui-500), var(--b_bg_opacity))}
.before\:bg-ui-600::before {background: rgba(var(--ui-600), var(--b_bg_opacity))}
.before\:bg-ui-700::before {background: rgba(var(--ui-700), var(--b_bg_opacity))}
.before\:bg-ui-800::before {background: rgba(var(--ui-800), var(--b_bg_opacity))}
.before\:bg-ui-900::before {background: rgba(var(--ui-900), var(--b_bg_opacity))}

.before\:hover\:bg-ui-50:hover::before {background: rgba(var(--ui-50), var(--b_bg_opacity))}
.before\:hover\:bg-ui-100:hover::before {background: rgba(var(--ui-100), var(--b_bg_opacity))}
.before\:hover\:bg-ui-200:hover::before {background: rgba(var(--ui-200), var(--b_bg_opacity))}
.before\:hover\:bg-ui-300:hover::before {background: rgba(var(--ui-300), var(--b_bg_opacity))}
.before\:hover\:bg-ui-400:hover::before {background: rgba(var(--ui-400), var(--b_bg_opacity))}
.before\:hover\:bg-ui-500:hover::before {background: rgba(var(--ui-500), var(--b_bg_opacity))}
.before\:hover\:bg-ui-600:hover::before {background: rgba(var(--ui-600), var(--b_bg_opacity))}
.before\:hover\:bg-ui-700:hover::before {background: rgba(var(--ui-700), var(--b_bg_opacity))}

.before\:hover\:bg-ui-800:hover::before {background: rgba(var(--ui-800), var(--b_bg_opacity))}
.before\:hover\:bg-ui-900:hover::before {background: rgba(var(--ui-900), var(--b_bg_opacity))}
.before\:bg-gray-50::before {background: rgba(var(--gray-50), var(--b_bg_opacity))}
.before\:bg-gray-100::before {background: rgba(var(--gray-100), var(--b_bg_opacity))}
.before\:bg-gray-200::before {background: rgba(var(--gray-200), var(--b_bg_opacity))}
.before\:bg-gray-300::before {background: rgba(var(--gray-300), var(--b_bg_opacity))}
.before\:bg-gray-400::before {background: rgba(var(--gray-400), var(--b_bg_opacity))}
.before\:bg-gray-500::before {background: rgba(var(--gray-500), var(--b_bg_opacity))}
.before\:bg-gray-600::before {background: rgba(var(--gray-600), var(--b_bg_opacity))}
.before\:bg-gray-700::before {background: rgba(var(--gray-700), var(--b_bg_opacity))}
.before\:bg-gray-800::before {background: rgba(var(--gray-800), var(--b_bg_opacity))}
.before\:bg-gray-900::before {background: rgba(var(--gray-900), var(--b_bg_opacity))}
.before\:hover\:bg-gray-50:hover::before {background: rgba(var(--gray-50), var(--b_bg_opacity))}
.before\:hover\:bg-gray-100:hover::before {background: rgba(var(--gray-100), var(--b_bg_opacity))}
.before\:hover\:bg-gray-200:hover::before {background: rgba(var(--gray-200), var(--b_bg_opacity))}
.before\:hover\:bg-gray-300:hover::before {background: rgba(var(--gray-300), var(--b_bg_opacity))}
.before\:hover\:bg-gray-400:hover::before {background: rgba(var(--gray-400), var(--b_bg_opacity))}
.before\:hover\:bg-gray-500:hover::before {background: rgba(var(--gray-500), var(--b_bg_opacity))}
.before\:hover\:bg-gray-600:hover::before {background: rgba(var(--gray-600), var(--b_bg_opacity))}
.before\:hover\:bg-gray-700:hover::before {background: rgba(var(--gray-700), var(--b_bg_opacity))}
.before\:hover\:bg-gray-800:hover::before {background: rgba(var(--gray-800), var(--b_bg_opacity))}
.before\:hover\:bg-gray-900:hover::before {background: rgba(var(--gray-900), var(--b_bg_opacity))}

.before\:bg-red-50::before {background: rgba(var(--red-50), var(--b_bg_opacity))}
.before\:bg-red-100::before {background: rgba(var(--red-100), var(--b_bg_opacity))}
.before\:bg-red-200::before {background: rgba(var(--red-200), var(--b_bg_opacity))}
.before\:bg-red-300::before {background: rgba(var(--red-300), var(--b_bg_opacity))}
.before\:bg-red-400::before {background: rgba(var(--red-400), var(--b_bg_opacity))}
.before\:bg-red-500::before {background: rgba(var(--red-500), var(--b_bg_opacity))}
.before\:bg-red-600::before {background: rgba(var(--red-600), var(--b_bg_opacity))}
.before\:bg-red-700::before {background: rgba(var(--red-700), var(--b_bg_opacity))}
.before\:bg-red-800::before {background: rgba(var(--red-800), var(--b_bg_opacity))}
.before\:bg-red-900::before {background: rgba(var(--red-900), var(--b_bg_opacity))}


.before\:bg-orange-50::before {background: rgba(var(--orange-50), var(--b_bg_opacity))}
.before\:bg-orange-100::before {background: rgba(var(--orange-100), var(--b_bg_opacity))}
.before\:bg-orange-200::before {background: rgba(var(--orange-200), var(--b_bg_opacity))}
.before\:bg-orange-300::before {background: rgba(var(--orange-300), var(--b_bg_opacity))}
.before\:bg-orange-400::before {background: rgba(var(--orange-400), var(--b_bg_opacity))}
.before\:bg-orange-500::before {background: rgba(var(--orange-500), var(--b_bg_opacity))}
.before\:bg-orange-600::before {background: rgba(var(--orange-600), var(--b_bg_opacity))}
.before\:bg-orange-700::before {background: rgba(var(--orange-700), var(--b_bg_opacity))}
.before\:bg-orange-800::before {background: rgba(var(--orange-800), var(--b_bg_opacity))}
.before\:bg-orange-900::before {background: rgba(var(--orange-900), var(--b_bg_opacity))}


.before\:hover\:bg-red-50:hover::before {background: rgba(var(--red-50), var(--b_bg_opacity))}
.before\:hover\:bg-red-100:hover::before {background: rgba(var(--red-100), var(--b_bg_opacity))}
.before\:hover\:bg-red-200:hover::before {background: rgba(var(--red-200), var(--b_bg_opacity))}
.before\:hover\:bg-red-300:hover::before {background: rgba(var(--red-300), var(--b_bg_opacity))}
.before\:hover\:bg-red-400:hover::before {background: rgba(var(--red-400), var(--b_bg_opacity))}
.before\:hover\:bg-red-500:hover::before {background: rgba(var(--red-500), var(--b_bg_opacity))}
.before\:hover\:bg-red-600:hover::before {background: rgba(var(--red-600), var(--b_bg_opacity))}
.before\:hover\:bg-red-700:hover::before {background: rgba(var(--red-700), var(--b_bg_opacity))}
.before\:hover\:bg-red-800:hover::before {background: rgba(var(--red-800), var(--b_bg_opacity))}
.before\:hover\:bg-red-900:hover::before {background: rgba(var(--red-900), var(--b_bg_opacity))}

.before\:hover\:bg-orange-50:hover::before {background: rgba(var(--orange-50), var(--b_bg_opacity))}
.before\:hover\:bg-orange-100:hover::before {background: rgba(var(--orange-100), var(--b_bg_opacity))}
.before\:hover\:bg-orange-200:hover::before {background: rgba(var(--orange-200), var(--b_bg_opacity))}
.before\:hover\:bg-orange-300:hover::before {background: rgba(var(--orange-300), var(--b_bg_opacity))}
.before\:hover\:bg-orange-400:hover::before {background: rgba(var(--orange-400), var(--b_bg_opacity))}
.before\:hover\:bg-orange-500:hover::before {background: rgba(var(--orange-500), var(--b_bg_opacity))}
.before\:hover\:bg-orange-600:hover::before {background: rgba(var(--orange-600), var(--b_bg_opacity))}
.before\:hover\:bg-orange-700:hover::before {background: rgba(var(--orange-700), var(--b_bg_opacity))}
.before\:hover\:bg-orange-800:hover::before {background: rgba(var(--orange-800), var(--b_bg_opacity))}
.before\:hover\:bg-orange-900:hover::before {background: rgba(var(--orange-900), var(--b_bg_opacity))}

.before\:bg-amber-50::before {background: rgba(var(--amber-50), var(--b_bg_opacity))}
.before\:bg-amber-100::before {background: rgba(var(--amber-100), var(--b_bg_opacity))}
.before\:bg-amber-200::before {background: rgba(var(--amber-200), var(--b_bg_opacity))}
.before\:bg-amber-300::before {background: rgba(var(--amber-300), var(--b_bg_opacity))}
.before\:bg-amber-400::before {background: rgba(var(--amber-400), var(--b_bg_opacity))}
.before\:bg-amber-500::before {background: rgba(var(--amber-500), var(--b_bg_opacity))}
.before\:bg-amber-600::before {background: rgba(var(--amber-600), var(--b_bg_opacity))}
.before\:bg-amber-700::before {background: rgba(var(--amber-700), var(--b_bg_opacity))}
.before\:bg-amber-800::before {background: rgba(var(--amber-800), var(--b_bg_opacity))}
.before\:bg-amber-900::before {background: rgba(var(--amber-900), var(--b_bg_opacity))}

.before\:hover\:bg-amber-50:hover::before {background: rgba(var(--amber-50), var(--b_bg_opacity))}
.before\:hover\:bg-amber-100:hover::before {background: rgba(var(--amber-100), var(--b_bg_opacity))}
.before\:hover\:bg-amber-200:hover::before {background: rgba(var(--amber-200), var(--b_bg_opacity))}
.before\:hover\:bg-amber-300:hover::before {background: rgba(var(--amber-300), var(--b_bg_opacity))}
.before\:hover\:bg-amber-400:hover::before {background: rgba(var(--amber-400), var(--b_bg_opacity))}
.before\:hover\:bg-amber-500:hover::before {background: rgba(var(--amber-500), var(--b_bg_opacity))}
.before\:hover\:bg-amber-600:hover::before {background: rgba(var(--amber-600), var(--b_bg_opacity))}
.before\:hover\:bg-amber-700:hover::before {background: rgba(var(--amber-700), var(--b_bg_opacity))}
.before\:hover\:bg-amber-800:hover::before {background: rgba(var(--amber-800), var(--b_bg_opacity))}
.before\:hover\:bg-amber-900:hover::before {background: rgba(var(--amber-900), var(--b_bg_opacity))}

.before\:bg-blue-50::before {background: rgba(var(--blue-50), var(--b_bg_opacity))}
.before\:bg-blue-100::before {background: rgba(var(--blue-100), var(--b_bg_opacity))}
.before\:bg-blue-200::before {background: rgba(var(--blue-200), var(--b_bg_opacity))}
.before\:bg-blue-300::before {background: rgba(var(--blue-300), var(--b_bg_opacity))}
.before\:bg-blue-400::before {background: rgba(var(--blue-400), var(--b_bg_opacity))}
.before\:bg-blue-500::before {background: rgba(var(--blue-500), var(--b_bg_opacity))}
.before\:bg-blue-600::before {background: rgba(var(--blue-600), var(--b_bg_opacity))}
.before\:bg-blue-700::before {background: rgba(var(--blue-700), var(--b_bg_opacity))}
.before\:bg-blue-800::before {background: rgba(var(--blue-800), var(--b_bg_opacity))}
.before\:bg-blue-900::before {background: rgba(var(--blue-900), var(--b_bg_opacity))}
.before\:hover\:bg-blue-50:hover::before {background: rgba(var(--blue-50), var(--b_bg_opacity))}
.before\:hover\:bg-blue-100:hover::before {background: rgba(var(--blue-100), var(--b_bg_opacity))}
.before\:hover\:bg-blue-200:hover::before {background: rgba(var(--blue-200), var(--b_bg_opacity))}
.before\:hover\:bg-blue-300:hover::before {background: rgba(var(--blue-300), var(--b_bg_opacity))}
.before\:hover\:bg-blue-400:hover::before {background: rgba(var(--blue-400), var(--b_bg_opacity))}
.before\:hover\:bg-blue-500:hover::before {background: rgba(var(--blue-500), var(--b_bg_opacity))}
.before\:hover\:bg-blue-600:hover::before {background: rgba(var(--blue-600), var(--b_bg_opacity))}
.before\:hover\:bg-blue-700:hover::before {background: rgba(var(--blue-700), var(--b_bg_opacity))}
.before\:hover\:bg-blue-800:hover::before {background: rgba(var(--blue-800), var(--b_bg_opacity))}
.before\:hover\:bg-blue-900:hover::before {background: rgba(var(--blue-900), var(--b_bg_opacity))}


.before\:bg-emerald-50::before {background: rgba(var(--emerald-50), var(--b_bg_opacity))}
.before\:bg-emerald-100::before {background: rgba(var(--emerald-100), var(--b_bg_opacity))}
.before\:bg-emerald-200::before {background: rgba(var(--emerald-200), var(--b_bg_opacity))}
.before\:bg-emerald-300::before {background: rgba(var(--emerald-300), var(--b_bg_opacity))}
.before\:bg-emerald-400::before {background: rgba(var(--emerald-400), var(--b_bg_opacity))}
.before\:bg-emerald-500::before {background: rgba(var(--emerald-500), var(--b_bg_opacity))}
.before\:bg-emerald-600::before {background: rgba(var(--emerald-600), var(--b_bg_opacity))}
.before\:bg-emerald-700::before {background: rgba(var(--emerald-700), var(--b_bg_opacity))}
.before\:bg-emerald-800::before {background: rgba(var(--emerald-800), var(--b_bg_opacity))}
.before\:bg-emerald-900::before {background: rgba(var(--emerald-900), var(--b_bg_opacity))}
.before\:hover\:bg-emerald-50:hover::before {background: rgba(var(--emerald-50), var(--b_bg_opacity))}
.before\:hover\:bg-emerald-100:hover::before {background: rgba(var(--emerald-100), var(--b_bg_opacity))}
.before\:hover\:bg-emerald-200:hover::before {background: rgba(var(--emerald-200), var(--b_bg_opacity))}
.before\:hover\:bg-emerald-300:hover::before {background: rgba(var(--emerald-300), var(--b_bg_opacity))}
.before\:hover\:bg-emerald-400:hover::before {background: rgba(var(--emerald-400), var(--b_bg_opacity))}
.before\:hover\:bg-emerald-500:hover::before {background: rgba(var(--emerald-500), var(--b_bg_opacity))}
.before\:hover\:bg-emerald-600:hover::before {background: rgba(var(--emerald-600), var(--b_bg_opacity))}
.before\:hover\:bg-emerald-700:hover::before {background: rgba(var(--emerald-700), var(--b_bg_opacity))}
.before\:hover\:bg-emerald-800:hover::before {background: rgba(var(--emerald-800), var(--b_bg_opacity))}
.before\:hover\:bg-emerald-900:hover::before {background: rgba(var(--emerald-900), var(--b_bg_opacity))}
.before\:bg-indigo-50::before {background: rgba(var(--indigo-50), var(--b_bg_opacity))}
.before\:bg-indigo-100::before {background: rgba(var(--indigo-100), var(--b_bg_opacity))}
.before\:bg-indigo-200::before {background: rgba(var(--indigo-200), var(--b_bg_opacity))}
.before\:bg-indigo-300::before {background: rgba(var(--indigo-300), var(--b_bg_opacity))}
.before\:bg-indigo-400::before {background: rgba(var(--indigo-400), var(--b_bg_opacity))}
.before\:bg-indigo-500::before {background: rgba(var(--indigo-500), var(--b_bg_opacity))}
.before\:bg-indigo-600::before {background: rgba(var(--indigo-600), var(--b_bg_opacity))}
.before\:bg-indigo-700::before {background: rgba(var(--indigo-700), var(--b_bg_opacity))}
.before\:bg-indigo-800::before {background: rgba(var(--indigo-800), var(--b_bg_opacity))}
.before\:bg-indigo-900::before {background: rgba(var(--indigo-900), var(--b_bg_opacity))}
.before\:hover\:bg-indigo-50:hover::before {background: rgba(var(--indigo-50), var(--b_bg_opacity))}
.before\:hover\:bg-indigo-100:hover::before {background: rgba(var(--indigo-100), var(--b_bg_opacity))}
.before\:hover\:bg-indigo-200:hover::before {background: rgba(var(--indigo-200), var(--b_bg_opacity))}
.before\:hover\:bg-indigo-300:hover::before {background: rgba(var(--indigo-300), var(--b_bg_opacity))}
.before\:hover\:bg-indigo-400:hover::before {background: rgba(var(--indigo-400), var(--b_bg_opacity))}
.before\:hover\:bg-indigo-500:hover::before {background: rgba(var(--indigo-500), var(--b_bg_opacity))}
.before\:hover\:bg-indigo-600:hover::before {background: rgba(var(--indigo-600), var(--b_bg_opacity))}
.before\:hover\:bg-indigo-700:hover::before {background: rgba(var(--indigo-700), var(--b_bg_opacity))}
.before\:hover\:bg-indigo-800:hover::before {background: rgba(var(--indigo-800), var(--b_bg_opacity))}
.before\:hover\:bg-indigo-900:hover::before {background: rgba(var(--indigo-900), var(--b_bg_opacity))}



.before\:border-opacity-10::before {--b-color-opacity: 0.10}
.before\:border-opacity-20::before {--b-color-opacity: 0.20}
.before\:border-opacity-30::before {--b-color-opacity: 0.30}
.before\:border-opacity-40::before {--b-color-opacity: 0.40}
.before\:border-opacity-50::before {--b-color-opacity: 0.50}
.before\:border-opacity-60::before {--b-color-opacity: 0.60}
.before\:border-opacity-70::before {--b-color-opacity: 0.70}
.before\:border-opacity-80::before {--b-color-opacity: 0.80}
.before\:border-opacity-90::before {--b-color-opacity: 0.90}
.before\:border-opacity-100::before {--b-color-opacity: 100}
.before\:hover\:border-opacity-10:hover::before {--b-color-opacity: 0.10}
.before\:hover\:border-opacity-20:hover::before {--b-color-opacity: 0.20}
.before\:hover\:border-opacity-30:hover::before {--b-color-opacity: 0.30}
.before\:hover\:border-opacity-40:hover::before {--b-color-opacity: 0.40}
.before\:hover\:border-opacity-50:hover::before {--b-color-opacity: 0.50}
.before\:hover\:border-opacity-60:hover::before {--b-color-opacity: 0.60}
.before\:hover\:border-opacity-70:hover::before {--b-color-opacity: 0.70}
.before\:hover\:border-opacity-80:hover::before {--b-color-opacity: 0.80}
.before\:hover\:border-opacity-90:hover::before {--b-color-opacity: 0.90}
.before\:hover\:border-opacity-100:hover::before {--b-color-opacity: 100}
.before\:border-primary-50::before {border-color: rgba(var(--primary-50), var(--b-color-opacity))}
.before\:border-primary-100::before {border-color: rgba(var(--primary-100), var(--b-color-opacity))}
.before\:border-primary-200::before {border-color: rgba(var(--primary-200), var(--b-color-opacity))}
.before\:border-primary-300::before {border-color: rgba(var(--primary-300), var(--b-color-opacity))}
.before\:border-primary-400::before {border-color: rgba(var(--primary-400), var(--b-color-opacity))}
.before\:border-primary-500::before {border-color: rgba(var(--primary-500), var(--b-color-opacity))}
.before\:border-primary-600::before {border-color: rgba(var(--primary-600), var(--b-color-opacity))}
.before\:border-primary-700::before {border-color: rgba(var(--primary-700), var(--b-color-opacity))}
.before\:border-primary-800::before {border-color: rgba(var(--primary-800), var(--b-color-opacity))}
.before\:border-primary-900::before {border-color: rgba(var(--primary-900), var(--b-color-opacity))}
.before\:hover\:border-primary-50:hover::before {border-color: rgba(var(--primary-50), var(--b-color-opacity))}
.before\:hover\:border-primary-100:hover::before {border-color: rgba(var(--primary-100), var(--b-color-opacity))}
.before\:hover\:border-primary-200:hover::before {border-color: rgba(var(--primary-200), var(--b-color-opacity))}
.before\:hover\:border-primary-300:hover::before {border-color: rgba(var(--primary-300), var(--b-color-opacity))}
.before\:hover\:border-primary-400:hover::before {border-color: rgba(var(--primary-400), var(--b-color-opacity))}
.before\:hover\:border-primary-500:hover::before {border-color: rgba(var(--primary-500), var(--b-color-opacity))}
.before\:hover\:border-primary-600:hover::before {border-color: rgba(var(--primary-600), var(--b-color-opacity))}
.before\:hover\:border-primary-700:hover::before {border-color: rgba(var(--primary-700), var(--b-color-opacity))}
.before\:hover\:border-primary-800:hover::before {border-color: rgba(var(--primary-800), var(--b-color-opacity))}
.before\:hover\:border-primary-900:hover::before {border-color: rgba(var(--primary-900), var(--b-color-opacity))}


.before\:border-gray-50::before {border-color: rgba(var(--gray-50), var(--b-color-opacity))}
.before\:border-gray-100::before {border-color: rgba(var(--gray-100), var(--b-color-opacity))}
.before\:border-gray-200::before {border-color: rgba(var(--gray-200), var(--b-color-opacity))}
.before\:border-gray-300::before {border-color: rgba(var(--gray-300), var(--b-color-opacity))}
.before\:border-gray-400::before {border-color: rgba(var(--gray-400), var(--b-color-opacity))}
.before\:border-gray-500::before {border-color: rgba(var(--gray-500), var(--b-color-opacity))}
.before\:border-gray-600::before {border-color: rgba(var(--gray-600), var(--b-color-opacity))}
.before\:border-gray-700::before {border-color: rgba(var(--gray-700), var(--b-color-opacity))}
.before\:border-gray-800::before {border-color: rgba(var(--gray-800), var(--b-color-opacity))}
.before\:border-gray-900::before {border-color: rgba(var(--gray-900), var(--b-color-opacity))}
.before\:hover\:border-gray-50:hover::before {border-color: rgba(var(--gray-50), var(--b-color-opacity))}
.before\:hover\:border-gray-100:hover::before {border-color: rgba(var(--gray-100), var(--b-color-opacity))}
.before\:hover\:border-gray-200:hover::before {border-color: rgba(var(--gray-200), var(--b-color-opacity))}
.before\:hover\:border-gray-300:hover::before {border-color: rgba(var(--gray-300), var(--b-color-opacity))}
.before\:hover\:border-gray-400:hover::before {border-color: rgba(var(--gray-400), var(--b-color-opacity))}
.before\:hover\:border-gray-500:hover::before {border-color: rgba(var(--gray-500), var(--b-color-opacity))}
.before\:hover\:border-gray-600:hover::before {border-color: rgba(var(--gray-600), var(--b-color-opacity))}
.before\:hover\:border-gray-700:hover::before {border-color: rgba(var(--gray-700), var(--b-color-opacity))}
.before\:hover\:border-gray-800:hover::before {border-color: rgba(var(--gray-800), var(--b-color-opacity))}
.before\:hover\:border-gray-900:hover::before {border-color: rgba(var(--gray-900), var(--b-color-opacity))}

.before\:border-red-50::before {border-color: rgba(var(--red-50), var(--b-color-opacity))}
.before\:border-red-100::before {border-color: rgba(var(--red-100), var(--b-color-opacity))}
.before\:border-red-200::before {border-color: rgba(var(--red-200), var(--b-color-opacity))}
.before\:border-red-300::before {border-color: rgba(var(--red-300), var(--b-color-opacity))}
.before\:border-red-400::before {border-color: rgba(var(--red-400), var(--b-color-opacity))}
.before\:border-red-500::before {border-color: rgba(var(--red-500), var(--b-color-opacity))}
.before\:border-red-600::before {border-color: rgba(var(--red-600), var(--b-color-opacity))}
.before\:border-red-700::before {border-color: rgba(var(--red-700), var(--b-color-opacity))}
.before\:border-red-800::before {border-color: rgba(var(--red-800), var(--b-color-opacity))}
.before\:border-red-900::before {border-color: rgba(var(--red-900), var(--b-color-opacity))}
.before\:hover\:border-red-50:hover::before {border-color: rgba(var(--red-50), var(--b-color-opacity))}
.before\:hover\:border-red-100:hover::before {border-color: rgba(var(--red-100), var(--b-color-opacity))}
.before\:hover\:border-red-200:hover::before {border-color: rgba(var(--red-200), var(--b-color-opacity))}
.before\:hover\:border-red-300:hover::before {border-color: rgba(var(--red-300), var(--b-color-opacity))}
.before\:hover\:border-red-400:hover::before {border-color: rgba(var(--red-400), var(--b-color-opacity))}
.before\:hover\:border-red-500:hover::before {border-color: rgba(var(--red-500), var(--b-color-opacity))}
.before\:hover\:border-red-600:hover::before {border-color: rgba(var(--red-600), var(--b-color-opacity))}
.before\:hover\:border-red-700:hover::before {border-color: rgba(var(--red-700), var(--b-color-opacity))}
.before\:hover\:border-red-800:hover::before {border-color: rgba(var(--red-800), var(--b-color-opacity))}
.before\:hover\:border-red-900:hover::before {border-color: rgba(var(--red-900), var(--b-color-opacity))}


.before\:border-orange-50::before {border-color: rgba(var(--orange-50), var(--b-color-opacity))}
.before\:border-orange-100::before {border-color: rgba(var(--orange-100), var(--b-color-opacity))}
.before\:border-orange-200::before {border-color: rgba(var(--orange-200), var(--b-color-opacity))}
.before\:border-orange-300::before {border-color: rgba(var(--orange-300), var(--b-color-opacity))}
.before\:border-orange-400::before {border-color: rgba(var(--orange-400), var(--b-color-opacity))}
.before\:border-orange-500::before {border-color: rgba(var(--orange-500), var(--b-color-opacity))}
.before\:border-orange-600::before {border-color: rgba(var(--orange-600), var(--b-color-opacity))}
.before\:border-orange-700::before {border-color: rgba(var(--orange-700), var(--b-color-opacity))}
.before\:border-orange-800::before {border-color: rgba(var(--orange-800), var(--b-color-opacity))}
.before\:border-orange-900::before {border-color: rgba(var(--orange-900), var(--b-color-opacity))}
.before\:hover\:border-orange-50:hover::before {border-color: rgba(var(--orange-50), var(--b-color-opacity))}
.before\:hover\:border-orange-100:hover::before {border-color: rgba(var(--orange-100), var(--b-color-opacity))}
.before\:hover\:border-orange-200:hover::before {border-color: rgba(var(--orange-200), var(--b-color-opacity))}
.before\:hover\:border-orange-300:hover::before {border-color: rgba(var(--orange-300), var(--b-color-opacity))}
.before\:hover\:border-orange-400:hover::before {border-color: rgba(var(--orange-400), var(--b-color-opacity))}
.before\:hover\:border-orange-500:hover::before {border-color: rgba(var(--orange-500), var(--b-color-opacity))}
.before\:hover\:border-orange-600:hover::before {border-color: rgba(var(--orange-600), var(--b-color-opacity))}
.before\:hover\:border-orange-700:hover::before {border-color: rgba(var(--orange-700), var(--b-color-opacity))}
.before\:hover\:border-orange-800:hover::before {border-color: rgba(var(--orange-800), var(--b-color-opacity))}
.before\:hover\:border-orange-900:hover::before {border-color: rgba(var(--orange-900), var(--b-color-opacity))}


.before\:border-amber-50::before {border-color: rgba(var(--amber-50), var(--b-color-opacity))}
.before\:border-amber-100::before {border-color: rgba(var(--amber-100), var(--b-color-opacity))}
.before\:border-amber-200::before {border-color: rgba(var(--amber-200), var(--b-color-opacity))}
.before\:border-amber-300::before {border-color: rgba(var(--amber-300), var(--b-color-opacity))}
.before\:border-amber-400::before {border-color: rgba(var(--amber-400), var(--b-color-opacity))}
.before\:border-amber-500::before {border-color: rgba(var(--amber-500), var(--b-color-opacity))}
.before\:border-amber-600::before {border-color: rgba(var(--amber-600), var(--b-color-opacity))}
.before\:border-amber-700::before {border-color: rgba(var(--amber-700), var(--b-color-opacity))}
.before\:border-amber-800::before {border-color: rgba(var(--amber-800), var(--b-color-opacity))}
.before\:border-amber-900::before {border-color: rgba(var(--amber-900), var(--b-color-opacity))}
.before\:hover\:border-amber-50:hover::before {border-color: rgba(var(--amber-50), var(--b-color-opacity))}
.before\:hover\:border-amber-100:hover::before {border-color: rgba(var(--amber-100), var(--b-color-opacity))}
.before\:hover\:border-amber-200:hover::before {border-color: rgba(var(--amber-200), var(--b-color-opacity))}
.before\:hover\:border-amber-300:hover::before {border-color: rgba(var(--amber-300), var(--b-color-opacity))}
.before\:hover\:border-amber-400:hover::before {border-color: rgba(var(--amber-400), var(--b-color-opacity))}
.before\:hover\:border-amber-500:hover::before {border-color: rgba(var(--amber-500), var(--b-color-opacity))}
.before\:hover\:border-amber-600:hover::before {border-color: rgba(var(--amber-600), var(--b-color-opacity))}
.before\:hover\:border-amber-700:hover::before {border-color: rgba(var(--amber-700), var(--b-color-opacity))}
.before\:hover\:border-amber-800:hover::before {border-color: rgba(var(--amber-800), var(--b-color-opacity))}
.before\:hover\:border-amber-900:hover::before {border-color: rgba(var(--amber-900), var(--b-color-opacity))}
.before\:border-blue-50::before {border-color: rgba(var(--blue-50), var(--b-color-opacity))}
.before\:border-blue-100::before {border-color: rgba(var(--blue-100), var(--b-color-opacity))}
.before\:border-blue-200::before {border-color: rgba(var(--blue-200), var(--b-color-opacity))}
.before\:border-blue-300::before {border-color: rgba(var(--blue-300), var(--b-color-opacity))}
.before\:border-blue-400::before {border-color: rgba(var(--blue-400), var(--b-color-opacity))}
.before\:border-blue-500::before {border-color: rgba(var(--blue-500), var(--b-color-opacity))}
.before\:border-blue-600::before {border-color: rgba(var(--blue-600), var(--b-color-opacity))}
.before\:border-blue-700::before {border-color: rgba(var(--blue-700), var(--b-color-opacity))}
.before\:border-blue-800::before {border-color: rgba(var(--blue-800), var(--b-color-opacity))}

.before\:border-blue-900::before {border-color: rgba(var(--blue-900), var(--b-color-opacity))
}

.before\:hover\:border-blue-50:hover::before {border-color: rgba(var(--blue-50), var(--b-color-opacity))
}

.before\:hover\:border-blue-100:hover::before {border-color: rgba(var(--blue-100), var(--b-color-opacity))
}

.before\:hover\:border-blue-200:hover::before {border-color: rgba(var(--blue-200), var(--b-color-opacity))
}

.before\:hover\:border-blue-300:hover::before {border-color: rgba(var(--blue-300), var(--b-color-opacity))
}

.before\:hover\:border-blue-400:hover::before {border-color: rgba(var(--blue-400), var(--b-color-opacity))
}

.before\:hover\:border-blue-500:hover::before {border-color: rgba(var(--blue-500), var(--b-color-opacity))
}

.before\:hover\:border-blue-600:hover::before {border-color: rgba(var(--blue-600), var(--b-color-opacity))
}

.before\:hover\:border-blue-700:hover::before {border-color: rgba(var(--blue-700), var(--b-color-opacity))
}

.before\:hover\:border-blue-800:hover::before {border-color: rgba(var(--blue-800), var(--b-color-opacity))
}

.before\:hover\:border-blue-900:hover::before {border-color: rgba(var(--blue-900), var(--b-color-opacity))
}


.before\:border-emerald-50::before {border-color: rgba(var(--emerald-50), var(--b-color-opacity))
}

.before\:border-emerald-100::before {border-color: rgba(var(--emerald-100), var(--b-color-opacity))
}

.before\:border-emerald-200::before {border-color: rgba(var(--emerald-200), var(--b-color-opacity))
}

.before\:border-emerald-300::before {border-color: rgba(var(--emerald-300), var(--b-color-opacity))
}

.before\:border-emerald-400::before {border-color: rgba(var(--emerald-400), var(--b-color-opacity))
}

.before\:border-emerald-500::before {border-color: rgba(var(--emerald-500), var(--b-color-opacity))
}

.before\:border-emerald-600::before {border-color: rgba(var(--emerald-600), var(--b-color-opacity))
}

.before\:border-emerald-700::before {border-color: rgba(var(--emerald-700), var(--b-color-opacity))
}

.before\:border-emerald-800::before {border-color: rgba(var(--emerald-800), var(--b-color-opacity))
}

.before\:border-emerald-900::before {border-color: rgba(var(--emerald-900), var(--b-color-opacity))
}

.before\:hover\:border-emerald-50:hover::before {border-color: rgba(var(--emerald-50), var(--b-color-opacity))
}

.before\:hover\:border-emerald-100:hover::before {border-color: rgba(var(--emerald-100), var(--b-color-opacity))
}

.before\:hover\:border-emerald-200:hover::before {border-color: rgba(var(--emerald-200), var(--b-color-opacity))
}

.before\:hover\:border-emerald-300:hover::before {border-color: rgba(var(--emerald-300), var(--b-color-opacity))
}

.before\:hover\:border-emerald-400:hover::before {border-color: rgba(var(--emerald-400), var(--b-color-opacity))
}

.before\:hover\:border-emerald-500:hover::before {border-color: rgba(var(--emerald-500), var(--b-color-opacity))
}

.before\:hover\:border-emerald-600:hover::before {border-color: rgba(var(--emerald-600), var(--b-color-opacity))
}

.before\:hover\:border-emerald-700:hover::before {border-color: rgba(var(--emerald-700), var(--b-color-opacity))
}

.before\:hover\:border-emerald-800:hover::before {border-color: rgba(var(--emerald-800), var(--b-color-opacity))
}

.before\:hover\:border-emerald-900:hover::before {border-color: rgba(var(--emerald-900), var(--b-color-opacity))
}

.before\:border-indigo-50::before {border-color: rgba(var(--indigo-50), var(--b-color-opacity))
}

.before\:border-indigo-100::before {border-color: rgba(var(--indigo-100), var(--b-color-opacity))
}

.before\:border-indigo-200::before {border-color: rgba(var(--indigo-200), var(--b-color-opacity))
}

.before\:border-indigo-300::before {border-color: rgba(var(--indigo-300), var(--b-color-opacity))
}

.before\:border-indigo-400::before {border-color: rgba(var(--indigo-400), var(--b-color-opacity))
}

.before\:border-indigo-500::before {border-color: rgba(var(--indigo-500), var(--b-color-opacity))
}

.before\:border-indigo-600::before {border-color: rgba(var(--indigo-600), var(--b-color-opacity))
}

.before\:border-indigo-700::before {border-color: rgba(var(--indigo-700), var(--b-color-opacity))
}

.before\:border-indigo-800::before {border-color: rgba(var(--indigo-800), var(--b-color-opacity))
}

.before\:border-indigo-900::before {border-color: rgba(var(--indigo-900), var(--b-color-opacity))
}

.before\:hover\:border-indigo-50:hover::before {border-color: rgba(var(--indigo-50), var(--b-color-opacity))
}

.before\:hover\:border-indigo-100:hover::before {border-color: rgba(var(--indigo-100), var(--b-color-opacity))
}

.before\:hover\:border-indigo-200:hover::before {border-color: rgba(var(--indigo-200), var(--b-color-opacity))
}

.before\:hover\:border-indigo-300:hover::before {border-color: rgba(var(--indigo-300), var(--b-color-opacity))
}

.before\:hover\:border-indigo-400:hover::before {border-color: rgba(var(--indigo-400), var(--b-color-opacity))
}

.before\:hover\:border-indigo-500:hover::before {border-color: rgba(var(--indigo-500), var(--b-color-opacity))
}

.before\:hover\:border-indigo-600:hover::before {border-color: rgba(var(--indigo-600), var(--b-color-opacity))
}

.before\:hover\:border-indigo-700:hover::before {border-color: rgba(var(--indigo-700), var(--b-color-opacity))
}

.before\:hover\:border-indigo-800:hover::before {border-color: rgba(var(--indigo-800), var(--b-color-opacity))
}

.before\:hover\:border-indigo-900:hover::before {border-color: rgba(var(--indigo-900), var(--b-color-opacity))
}

.on-hover-target>.target-item {opacity: 0.0;visibility: hidden;}

.on-hover-target:hover>.target-item {opacity: 1.0;visibility: visible;}

.on-hover\:underline::after {background-color: currentColor;bottom: -4px;content: "";height: 2px;left: 0;position: absolute;-webkit-transition: width .3s;transition: width .3s;width: 0;}

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

.on-hover\:underline:hover::after {width: 100%;}



.editor-label {margin: 8px 0px;color: rgba(var(--gray-600), 0.90);font-size: 85%;font-weight: 600;}
.field-label {
    font-size: calc(var(--font-size) - 0.35rem);line-height: 0.75rem;
    font-weight: 500; color: rgba(var(---gray-700), var(--color-opacity));margin-bottom: 8px;
}
hr,.divider {  border-bottom: 1px solid rgba(var(--gray-300), 1.0);  margin-bottom: 1.5em;  margin-top: 1.5em; }

.gap-0 {gap: 0px;}
.gap-1 {gap: 0.25rem;}
.gap-2 {gap: 0.5rem;}
.gap-3 {gap: 0.75rem;}
.gap-4 {gap: 1.0rem;}
.gap-5 {gap: 1.25rem;}
.gap-6 {gap: 1.5rem;}
.gap-7 {gap: 1.75rem;}
.gap-8 {gap: 2.0rem;}
.gap-9 {gap: 2.25rem;}
.gap-10 {gap: 2.5rem;}
.gap-11 {gap: 2.75rem;}
.gap-12 {gap: 3.0rem;}
.gap-13 {gap: 3.25rem;}
.gap-14 {gap: 3.5rem;}

.opacity-0 {opacity: 0.0;}
.opacity-10 {opacity: 0.10;}
.opacity-20 {opacity: 0.20;}
.opacity-30 {opacity: 0.30;}
.opacity-40 {opacity: 0.40;}
.opacity-50 {opacity: 0.50;}
.opacity-60 {opacity: 0.60;}
.opacity-70 {opacity: 0.70;}
.opacity-80 {opacity: 0.80;}
.opacity-90 {opacity: 0.90;}
.opacity-100 {opacity: 1.00;}


.z--1 {z-index: -1;}
.z-10 {z-index: 10;}
.z-20 {z-index: 20;}
.z-30 {z-index: 30;}
.z-40 {z-index: 40;}
.z-50 {z-index: 50;}
.z-60 {z-index: 60;}
.z-70 {z-index: 70;}
.z-80 {z-index: 80;}
.z-90 {z-index: 90;}
.z-100 {z-index: 100 !important;}
.z-200 {z-index: 200 !important;}
.z-300 {z-index: 300 !important;}
.z-400 {z-index: 400 !important;}
.z-500 {z-index: 500 !important;}
.z-600 {z-index: 600 !important;}
.z-700 {z-index: 700 !important;}
.z-800 {z-index: 800 !important;}
.z-900 {z-index: 900 !important;}
.z-max {z-index: var(--z-max) !important;}



.backdrop-blur-sm {backdrop-filter: blur(4px);}
.backdrop-blur {backdrop-filter: blur(8px);}
.backdrop-blur-md {backdrop-filter: blur(12px);}
.backdrop-blur-lg {backdrop-filter: blur(16px);}
.hover\:backdrop-blur-sm {backdrop-filter: blur(4px);}
.hover\:backdrop-blur {backdrop-filter: blur(8px);}
.hover\:backdrop-blur-md {backdrop-filter: blur(12px);}
.hover\:backdrop-blur-lg {backdrop-filter: blur(16px);}


.notice {--shadow-opacity: 0.10;border-top: 3px solid rgba(var(--gray-400), 1.0);padding: 0.45em 0.75em;background-color: rgba(var(--white), 1.0);border-radius: 0.25em;min-width: 300px;max-width: 300px;cursor: pointer;box-shadow: 0 10px 15px 5px rgba(var(--shadow-color), var(--shadow-opacity)), 0 4px 6px -1px rgba(var(--shadow-color), var(--shadow-opacity));transition: transform 220ms ease-in-out;user-select: none;}
.notice.danger {--shadow-color: var(--red-500);border-top-color: rgba(var(--red-500), 1.0);}
.notice.info {--shadow-color: var(--blue-500);border-top-color: rgba(var(--blue-500), 1.0);}
.notice.primary {--shadow-color: var(--primary-500);border-top-color: rgba(var(--primary-500), 1.0);}
.notice.success {--shadow-color: var(--success-500);border-top-color: rgba(var(--emerald-500), 1.0);}
.notice.warn {--shadow-color: var(--amber-500);border-top-color: rgba(var(--amber-500), 1.0);}
.notice.indigo {--shadow-color: var(--indigo-500);border-top-color: rgba(var(--indigo-500), 1.0);}
.notice.enter {transform: scale(0.950) translateY(5px);transition: transform 260ms ease-in-out;}
.notice.exit {transform: scale(0.750) translateY(20px);transition: transform 220ms ease-in-out;}

.notice.primary .title {color: rgba(var(--primary-500), 1.0);}
.notice.success .title {color: rgba(var(--emerald-500), 1.0);}
.notice.warn .title {color: rgba(var(--amber-600), 1.0);}
.notice.indigo .title {color: rgba(var(--indigo-500), 1.0);}
.notice.info .title {color: rgba(var(--blue-500), 1.0);}
.notice.danger .title,
.notice.red .title {color: rgba(var(--red-500), 1.0);}
.overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;background: #00000000;backdrop-filter: blur(0px);transition: background-color 200ms ease-in-out,backdrop-filter 200ms ease-in-out,filter 200ms ease-in-out;pointer-events: none;}
.overlay.active-light {pointer-events: initial;background: #06010167;backdrop-filter: blur(2px);transition: background-color 200ms ease-in-out,backdrop-filter 200ms ease-in-out,filter 200ms ease-in-out;}
.overlay.active {pointer-events: initial;background: #060101d8;backdrop-filter: blur(2px);transition: background-color 200ms ease-in-out,backdrop-filter 200ms ease-in-out,filter 200ms ease-in-out;}
.overlay.active.blur {--bg-opacity: 0.4;background-color: rgba(var(--black), var(--bg-opacity));filter: blur(1px);transition: background-color 200ms ease-in-out,backdrop-filter 200ms ease-in-out,filter 200ms ease-in-out;}
.overlay.active.blur.white {background-color: rgba(var(--white), var(--bg-opacity));filter: blur(1px);transition: background-color 200ms ease-in-out,backdrop-filter 200ms ease-in-out,filter 200ms ease-in-out;}

.element-block {
  --s0-color: #18181b;
  --s1-color: rgba(24, 24, 27, 0.2);
}
.gradient-overlay {position: absolute;left: 0; top: 0; right: 0; bottom: 0; 
  --grad-stops: var(--s0-color) var(--s0-intensity), var(--s1-color) var(--s1-intensity), transparent 100%;
  background-image: linear-gradient(var(--grad-dir), var(--grad-stops));
}

.dash {
    background-repeat: repeat-x;
    border: 1px solid transparent !important;
    background-image: linear-gradient(to right, rgba(var(--gray-400), 1.0) 50%, transparent 0%);
    background-size: 4px 1px;
    background-position-y: bottom;
}
.dash.d-t { background-position-y: top;}
.dash.d-b { background-position-y: bottom;} 
.dash.d-2 { background-size: 9px 1px; }
.dash.d-3 { background-size: 14px 1px; }
.dash.d-4 { background-size: 14px 1px; }

.dash.d-primary { background-image: linear-gradient(to right, rgba(var(--primary-500), 1.0) 50%, transparent 0%); }
.dash.d-red { background-image: linear-gradient(to right, rgba(var(--red-500), 1.0) 50%, transparent 0%); }
.dash.d-blue { background-image: linear-gradient(to right, rgba(var(--blue-500), 1.0) 50%, transparent 0%); }
.dash.d-indigo { background-image: linear-gradient(to right, rgba(var(--indigo-500), 1.0) 50%, transparent 0%); }
.dash.d-emerald { background-image: linear-gradient(to right, rgba(var(--emerald-500), 1.0) 50%, transparent 0%); }
.dash.d-amber { background-image: linear-gradient(to right, rgba(var(--amber-500), 1.0) 50%, transparent 0%); }
.dash.d-orange { background-image: linear-gradient(to right, rgba(var(--orange-500), 1.0) 50%, transparent 0%); } 


.hover\:opacity-10:hover {opacity: 0.10;}
.hover\:opacity-20:hover {opacity: 0.20;}
.hover\:opacity-30:hover {opacity: 0.30;}
.hover\:opacity-40:hover {opacity: 0.40;}
.hover\:opacity-50:hover {opacity: 0.50;}
.hover\:opacity-60:hover {opacity: 0.60;}
.hover\:opacity-70:hover {opacity: 0.70;}
.hover\:opacity-80:hover {opacity: 0.80;}
.hover\:opacity-90:hover {opacity: 0.90;}
.hover\:opacity-100:hover {opacity: 1.00;}
.border-primary-50 {border-color: rgba(var(--primary-50), var(--border-opacity));}
.border-primary-100 {border-color: rgba(var(--primary-100), var(--border-opacity));}
.border-primary-200 {border-color: rgba(var(--primary-200), var(--border-opacity));}
.border-primary-300 {border-color: rgba(var(--primary-300), var(--border-opacity));}
.border-primary-400 {border-color: rgba(var(--primary-400), var(--border-opacity));}
.border-primary-500 {border-color: rgba(var(--primary-500), var(--border-opacity));}
.border-primary-600 {border-color: rgba(var(--primary-600), var(--border-opacity));}
.border-primary-700 {border-color: rgba(var(--primary-700), var(--border-opacity));}
.border-primary-800 {border-color: rgba(var(--primary-800), var(--border-opacity));}
.border-primary-900 {border-color: rgba(var(--primary-900), var(--border-opacity));}
.border-primary-950 {border-color: rgba(var(--primary-950), var(--border-opacity));}
.focus\:border-primary-50:focus {border-color: rgba(var(--primary-50), var(--border-opacity));}
.focus\:border-primary-100:focus {border-color: rgba(var(--primary-100), var(--border-opacity));}
.focus\:border-primary-200:focus {border-color: rgba(var(--primary-200), var(--border-opacity));}
.focus\:border-primary-300:focus {border-color: rgba(var(--primary-300), var(--border-opacity));}
.focus\:border-primary-400:focus {border-color: rgba(var(--primary-400), var(--border-opacity));}
.focus\:border-primary-500:focus {border-color: rgba(var(--primary-500), var(--border-opacity));}
.focus\:border-primary-600:focus {border-color: rgba(var(--primary-600), var(--border-opacity));}
.focus\:border-primary-700:focus {border-color: rgba(var(--primary-700), var(--border-opacity));}
.focus\:border-primary-800:focus {border-color: rgba(var(--primary-800), var(--border-opacity));}
.focus\:border-primary-900:focus {border-color: rgba(var(--primary-900), var(--border-opacity));}
.focus\:border-primary-950:focus {border-color: rgba(var(--primary-950), var(--border-opacity));}
.hover\:border-primary-50:hover {border-color: rgba(var(--primary-50), var(--border-opacity));}
.hover\:border-primary-100:hover {border-color: rgba(var(--primary-100), var(--border-opacity));}
.hover\:border-primary-200:hover {border-color: rgba(var(--primary-200), var(--border-opacity));}
.hover\:border-primary-300:hover {border-color: rgba(var(--primary-300), var(--border-opacity));}
.hover\:border-primary-400:hover {border-color: rgba(var(--primary-400), var(--border-opacity));}
.hover\:border-primary-500:hover {border-color: rgba(var(--primary-500), var(--border-opacity));}
.hover\:border-primary-600:hover {border-color: rgba(var(--primary-600), var(--border-opacity));}
.hover\:border-primary-700:hover {border-color: rgba(var(--primary-700), var(--border-opacity));}
.hover\:border-primary-800:hover {border-color: rgba(var(--primary-800), var(--border-opacity));}
.hover\:border-primary-900:hover {border-color: rgba(var(--primary-900), var(--border-opacity));}
.hover\:border-primary-950:hover {border-color: rgba(var(--primary-950), var(--border-opacity));}
.bg-primary-50 {background-color: rgba(var(--primary-50), var(--bg-opacity));}
.bg-primary-100 {background-color: rgba(var(--primary-100), var(--bg-opacity));}
.bg-primary-200 {background-color: rgba(var(--primary-200), var(--bg-opacity));}
.bg-primary-300 {background-color: rgba(var(--primary-300), var(--bg-opacity));}
.bg-primary-400 {background-color: rgba(var(--primary-400), var(--bg-opacity));}
.bg-primary-500 {background-color: rgba(var(--primary-500), var(--bg-opacity));}
.bg-primary-600 {background-color: rgba(var(--primary-600), var(--bg-opacity));}
.bg-primary-700 {background-color: rgba(var(--primary-700), var(--bg-opacity));}
.bg-primary-800 {background-color: rgba(var(--primary-800), var(--bg-opacity));}
.bg-primary-900 {background-color: rgba(var(--primary-900), var(--bg-opacity));}
.bg-primary-950 {background-color: rgba(var(--primary-950), var(--bg-opacity));}
.hover\:bg-primary-50:hover {background-color: rgba(var(--primary-50), var(--bg-opacity));}
.hover\:bg-primary-100:hover {background-color: rgba(var(--primary-100), var(--bg-opacity));}
.hover\:bg-primary-200:hover {background-color: rgba(var(--primary-200), var(--bg-opacity));}
.hover\:bg-primary-300:hover {background-color: rgba(var(--primary-300), var(--bg-opacity));}
.hover\:bg-primary-400:hover {background-color: rgba(var(--primary-400), var(--bg-opacity));}
.hover\:bg-primary-500:hover {background-color: rgba(var(--primary-500), var(--bg-opacity));}
.hover\:bg-primary-600:hover {background-color: rgba(var(--primary-600), var(--bg-opacity));}
.hover\:bg-primary-700:hover {background-color: rgba(var(--primary-700), var(--bg-opacity));}
.hover\:bg-primary-800:hover {background-color: rgba(var(--primary-800), var(--bg-opacity));}
.hover\:bg-primary-900:hover {background-color: rgba(var(--primary-900), var(--bg-opacity));}
.hover\:bg-primary-950:hover {background-color: rgba(var(--primary-950), var(--bg-opacity));}
.color-primary-50 {color: rgba(var(--primary-50), var(--color-opacity));}
.color-primary-100 {color: rgba(var(--primary-100), var(--color-opacity));}
.color-primary-200 {color: rgba(var(--primary-200), var(--color-opacity));}
.color-primary-300 {color: rgba(var(--primary-300), var(--color-opacity));}
.color-primary-400 {color: rgba(var(--primary-400), var(--color-opacity));}
.color-primary-500 {color: rgba(var(--primary-500), var(--color-opacity));}
.color-primary-600 {color: rgba(var(--primary-600), var(--color-opacity));}
.color-primary-700 {color: rgba(var(--primary-700), var(--color-opacity));}
.color-primary-800 {color: rgba(var(--primary-800), var(--color-opacity));}
.color-primary-900 {color: rgba(var(--primary-900), var(--color-opacity));}
.color-primary-950 {color: rgba(var(--primary-950), var(--color-opacity));}
.hover\:color-primary-50:hover {color: rgba(var(--primary-50), var(--color-opacity));}
.hover\:color-primary-100:hover {color: rgba(var(--primary-100), var(--color-opacity));}
.hover\:color-primary-200:hover {color: rgba(var(--primary-200), var(--color-opacity));}
.hover\:color-primary-300:hover {color: rgba(var(--primary-300), var(--color-opacity));}
.hover\:color-primary-400:hover {color: rgba(var(--primary-400), var(--color-opacity));}
.hover\:color-primary-500:hover {color: rgba(var(--primary-500), var(--color-opacity));}
.hover\:color-primary-600:hover {color: rgba(var(--primary-600), var(--color-opacity));}
.hover\:color-primary-700:hover {color: rgba(var(--primary-700), var(--color-opacity));}
.hover\:color-primary-800:hover {color: rgba(var(--primary-800), var(--color-opacity));}
.hover\:color-primary-900:hover {color: rgba(var(--primary-900), var(--color-opacity));}
.hover\:color-primary-950:hover {color: rgba(var(--primary-950), var(--color-opacity));}
.active\:bg-primary-50:active {background-color: rgba(var(--primary-50), var(--bg-opacity));}
.active\:bg-primary-100:active {background-color: rgba(var(--primary-100), var(--bg-opacity));}
.active\:bg-primary-200:active {background-color: rgba(var(--primary-200), var(--bg-opacity));}
.active\:bg-primary-300:active {background-color: rgba(var(--primary-300), var(--bg-opacity));}
.active\:bg-primary-400:active {background-color: rgba(var(--primary-400), var(--bg-opacity));}
.active\:bg-primary-500:active {background-color: rgba(var(--primary-500), var(--bg-opacity));}
.active\:bg-primary-600:active {background-color: rgba(var(--primary-600), var(--bg-opacity));}
.active\:bg-primary-700:active {background-color: rgba(var(--primary-700), var(--bg-opacity));}
.active\:bg-primary-800:active {background-color: rgba(var(--primary-800), var(--bg-opacity));}
.active\:bg-primary-900:active {background-color: rgba(var(--primary-900), var(--bg-opacity));}
.active\:bg-primary-950:active {background-color: rgba(var(--primary-950), var(--bg-opacity));}


.border-ui-50 {border-color: rgba(var(--ui-50), var(--border-opacity));}
.border-ui-100 {border-color: rgba(var(--ui-100), var(--border-opacity));}
.border-ui-200 {border-color: rgba(var(--ui-200), var(--border-opacity));}
.border-ui-300 {border-color: rgba(var(--ui-300), var(--border-opacity));}
.border-ui-400 {border-color: rgba(var(--ui-400), var(--border-opacity));}
.border-ui-500 {border-color: rgba(var(--ui-500), var(--border-opacity));}
.border-ui-600 {border-color: rgba(var(--ui-600), var(--border-opacity));}
.border-ui-700 {border-color: rgba(var(--ui-700), var(--border-opacity));}
.border-ui-800 {border-color: rgba(var(--ui-800), var(--border-opacity));}
.border-ui-900 {border-color: rgba(var(--ui-900), var(--border-opacity));}
.border-ui-950 {border-color: rgba(var(--ui-950), var(--border-opacity));}
.focus\:border-ui-50:focus {border-color: rgba(var(--ui-50), var(--border-opacity));}
.focus\:border-ui-100:focus {border-color: rgba(var(--ui-100), var(--border-opacity));}
.focus\:border-ui-200:focus {border-color: rgba(var(--ui-200), var(--border-opacity));}
.focus\:border-ui-300:focus {border-color: rgba(var(--ui-300), var(--border-opacity));}
.focus\:border-ui-400:focus {border-color: rgba(var(--ui-400), var(--border-opacity));}
.focus\:border-ui-500:focus {border-color: rgba(var(--ui-500), var(--border-opacity));}
.focus\:border-ui-600:focus {border-color: rgba(var(--ui-600), var(--border-opacity));}
.focus\:border-ui-700:focus {border-color: rgba(var(--ui-700), var(--border-opacity));}
.focus\:border-ui-800:focus {border-color: rgba(var(--ui-800), var(--border-opacity));}
.focus\:border-ui-900:focus {border-color: rgba(var(--ui-900), var(--border-opacity));}
.focus\:border-ui-950:focus {border-color: rgba(var(--ui-950), var(--border-opacity));}
.hover\:border-ui-50:hover {border-color: rgba(var(--ui-50), var(--border-opacity));}
.hover\:border-ui-100:hover {border-color: rgba(var(--ui-100), var(--border-opacity));}
.hover\:border-ui-200:hover {border-color: rgba(var(--ui-200), var(--border-opacity));}
.hover\:border-ui-300:hover {border-color: rgba(var(--ui-300), var(--border-opacity));}
.hover\:border-ui-400:hover {border-color: rgba(var(--ui-400), var(--border-opacity));}
.hover\:border-ui-500:hover {border-color: rgba(var(--ui-500), var(--border-opacity));}
.hover\:border-ui-600:hover {border-color: rgba(var(--ui-600), var(--border-opacity));}
.hover\:border-ui-700:hover {border-color: rgba(var(--ui-700), var(--border-opacity));}
.hover\:border-ui-800:hover {border-color: rgba(var(--ui-800), var(--border-opacity));}
.hover\:border-ui-900:hover {border-color: rgba(var(--ui-900), var(--border-opacity));}
.hover\:border-ui-950:hover {border-color: rgba(var(--ui-950), var(--border-opacity));}
.bg-ui-50 {background-color: rgba(var(--ui-50), var(--bg-opacity));}
.bg-ui-100 {background-color: rgba(var(--ui-100), var(--bg-opacity));}
.bg-ui-200 {background-color: rgba(var(--ui-200), var(--bg-opacity));}
.bg-ui-300 {background-color: rgba(var(--ui-300), var(--bg-opacity));}
.bg-ui-400 {background-color: rgba(var(--ui-400), var(--bg-opacity));}
.bg-ui-500 {background-color: rgba(var(--ui-500), var(--bg-opacity));}
.bg-ui-600 {background-color: rgba(var(--ui-600), var(--bg-opacity));}
.bg-ui-700 {background-color: rgba(var(--ui-700), var(--bg-opacity));}
.bg-ui-800 {background-color: rgba(var(--ui-800), var(--bg-opacity));}
.bg-ui-900 {background-color: rgba(var(--ui-900), var(--bg-opacity));}
.bg-ui-950 {background-color: rgba(var(--ui-950), var(--bg-opacity));}

.hover\:bg-ui-50:hover {background-color: rgba(var(--ui-50), var(--bg-opacity));}
.hover\:bg-ui-100:hover {background-color: rgba(var(--ui-100), var(--bg-opacity));}
.hover\:bg-ui-200:hover {background-color: rgba(var(--ui-200), var(--bg-opacity));}
.hover\:bg-ui-300:hover {background-color: rgba(var(--ui-300), var(--bg-opacity));}
.hover\:bg-ui-400:hover {background-color: rgba(var(--ui-400), var(--bg-opacity));}
.hover\:bg-ui-500:hover {background-color: rgba(var(--ui-500), var(--bg-opacity));}
.hover\:bg-ui-600:hover {background-color: rgba(var(--ui-600), var(--bg-opacity));}
.hover\:bg-ui-700:hover {background-color: rgba(var(--ui-700), var(--bg-opacity));}
.hover\:bg-ui-800:hover {background-color: rgba(var(--ui-800), var(--bg-opacity));}
.hover\:bg-ui-900:hover {background-color: rgba(var(--ui-900), var(--bg-opacity));}
.hover\:bg-ui-950:hover {background-color: rgba(var(--ui-950), var(--bg-opacity));}
.color-ui-50 {color: rgba(var(--ui-50), var(--color-opacity));}
.color-ui-100 {color: rgba(var(--ui-100), var(--color-opacity));}
.color-ui-200 {color: rgba(var(--ui-200), var(--color-opacity));}
.color-ui-300 {color: rgba(var(--ui-300), var(--color-opacity));}
.color-ui-400 {color: rgba(var(--ui-400), var(--color-opacity));}
.color-ui-500 {color: rgba(var(--ui-500), var(--color-opacity));}
.color-ui-600 {color: rgba(var(--ui-600), var(--color-opacity));}
.color-ui-700 {color: rgba(var(--ui-700), var(--color-opacity));}
.color-ui-800 {color: rgba(var(--ui-800), var(--color-opacity));}
.color-ui-900 {color: rgba(var(--ui-900), var(--color-opacity));}
.color-ui-950 {color: rgba(var(--ui-950), var(--color-opacity));}
.hover\:color-ui-50:hover {color: rgba(var(--ui-50), var(--color-opacity));}
.hover\:color-ui-100:hover {color: rgba(var(--ui-100), var(--color-opacity));}
.hover\:color-ui-200:hover {color: rgba(var(--ui-200), var(--color-opacity));}
.hover\:color-ui-300:hover {color: rgba(var(--ui-300), var(--color-opacity));}
.hover\:color-ui-400:hover {color: rgba(var(--ui-400), var(--color-opacity));}
.hover\:color-ui-500:hover {color: rgba(var(--ui-500), var(--color-opacity));}
.hover\:color-ui-600:hover {color: rgba(var(--ui-600), var(--color-opacity));}
.hover\:color-ui-700:hover {color: rgba(var(--ui-700), var(--color-opacity));}
.hover\:color-ui-800:hover {color: rgba(var(--ui-800), var(--color-opacity));}
.hover\:color-ui-900:hover {color: rgba(var(--ui-900), var(--color-opacity));}
.hover\:color-ui-950:hover {color: rgba(var(--ui-950), var(--color-opacity));}
.active\:bg-ui-50:active {background-color: rgba(var(--ui-50), var(--bg-opacity));}
.active\:bg-ui-100:active {background-color: rgba(var(--ui-100), var(--bg-opacity));}
.active\:bg-ui-200:active {background-color: rgba(var(--ui-200), var(--bg-opacity));}
.active\:bg-ui-300:active {background-color: rgba(var(--ui-300), var(--bg-opacity));}
.active\:bg-ui-400:active {background-color: rgba(var(--ui-400), var(--bg-opacity));}
.active\:bg-ui-500:active {background-color: rgba(var(--ui-500), var(--bg-opacity));}
.active\:bg-ui-600:active {background-color: rgba(var(--ui-600), var(--bg-opacity));}
.active\:bg-ui-700:active {background-color: rgba(var(--ui-700), var(--bg-opacity));}
.active\:bg-ui-800:active {background-color: rgba(var(--ui-800), var(--bg-opacity));}
.active\:bg-ui-900:active {background-color: rgba(var(--ui-900), var(--bg-opacity));}
.active\:bg-ui-950:active {background-color: rgba(var(--ui-950), var(--bg-opacity));}




.border-gray-50 {border-color: rgba(var(--gray-50), var(--border-opacity));}
.border-gray-100 {border-color: rgba(var(--gray-100), var(--border-opacity));}
.border-gray-200 {border-color: rgba(var(--gray-200), var(--border-opacity));}
.border-gray-300 {border-color: rgba(var(--gray-300), var(--border-opacity));}
.border-gray-400 {border-color: rgba(var(--gray-400), var(--border-opacity));}
.border-gray-500 {border-color: rgba(var(--gray-500), var(--border-opacity));}
.border-gray-600 {border-color: rgba(var(--gray-600), var(--border-opacity));}
.border-gray-700 {border-color: rgba(var(--gray-700), var(--border-opacity));}
.border-gray-800 {border-color: rgba(var(--gray-800), var(--border-opacity));}
.border-gray-900 {border-color: rgba(var(--gray-900), var(--border-opacity));}
.border-gray-950 {border-color: rgba(var(--gray-950), var(--border-opacity));}
.focus\:border-gray-50:focus {border-color: rgba(var(--gray-50), var(--border-opacity));}
.focus\:border-gray-100:focus {border-color: rgba(var(--gray-100), var(--border-opacity));}
.focus\:border-gray-200:focus {border-color: rgba(var(--gray-200), var(--border-opacity));}
.focus\:border-gray-300:focus {border-color: rgba(var(--gray-300), var(--border-opacity));}
.focus\:border-gray-400:focus {border-color: rgba(var(--gray-400), var(--border-opacity));}
.focus\:border-gray-500:focus {border-color: rgba(var(--gray-500), var(--border-opacity));}
.focus\:border-gray-600:focus {border-color: rgba(var(--gray-600), var(--border-opacity));}
.focus\:border-gray-700:focus {border-color: rgba(var(--gray-700), var(--border-opacity));}
.focus\:border-gray-800:focus {border-color: rgba(var(--gray-800), var(--border-opacity));}
.focus\:border-gray-900:focus {border-color: rgba(var(--gray-900), var(--border-opacity));}
.focus\:border-gray-950:focus {border-color: rgba(var(--gray-950), var(--border-opacity));}
.hover\:border-gray-50:hover {border-color: rgba(var(--gray-50), var(--border-opacity));}
.hover\:border-gray-100:hover {border-color: rgba(var(--gray-100), var(--border-opacity));}
.hover\:border-gray-200:hover {border-color: rgba(var(--gray-200), var(--border-opacity));}
.hover\:border-gray-300:hover {border-color: rgba(var(--gray-300), var(--border-opacity));}
.hover\:border-gray-400:hover {border-color: rgba(var(--gray-400), var(--border-opacity));}
.hover\:border-gray-500:hover {border-color: rgba(var(--gray-500), var(--border-opacity));}
.hover\:border-gray-600:hover {border-color: rgba(var(--gray-600), var(--border-opacity));}
.hover\:border-gray-700:hover {border-color: rgba(var(--gray-700), var(--border-opacity));}
.hover\:border-gray-800:hover {border-color: rgba(var(--gray-800), var(--border-opacity));}
.hover\:border-gray-900:hover {border-color: rgba(var(--gray-900), var(--border-opacity));}
.hover\:border-gray-950:hover {border-color: rgba(var(--gray-950), var(--border-opacity));}

.bg-gray-50 {background-color: rgba(var(--gray-50), var(--bg-opacity));}
.bg-gray-100 {background-color: rgba(var(--gray-100), var(--bg-opacity));}
.bg-gray-200 {background-color: rgba(var(--gray-200), var(--bg-opacity));}
.bg-gray-300 {background-color: rgba(var(--gray-300), var(--bg-opacity));}
.bg-gray-400 {background-color: rgba(var(--gray-400), var(--bg-opacity));}
.bg-gray-500 {background-color: rgba(var(--gray-500), var(--bg-opacity));}
.bg-gray-600 {background-color: rgba(var(--gray-600), var(--bg-opacity));}
.bg-gray-700 {background-color: rgba(var(--gray-700), var(--bg-opacity));}
.bg-gray-800 {background-color: rgba(var(--gray-800), var(--bg-opacity));}
.bg-gray-900 {background-color: rgba(var(--gray-900), var(--bg-opacity));}
.bg-gray-950 {background-color: rgba(var(--gray-950), var(--bg-opacity));}
.hover\:bg-gray-50:hover {background-color: rgba(var(--gray-50), var(--bg-opacity));}
.hover\:bg-gray-100:hover {background-color: rgba(var(--gray-100), var(--bg-opacity));}
.hover\:bg-gray-200:hover {background-color: rgba(var(--gray-200), var(--bg-opacity));}
.hover\:bg-gray-300:hover {background-color: rgba(var(--gray-300), var(--bg-opacity));}
.hover\:bg-gray-400:hover {background-color: rgba(var(--gray-400), var(--bg-opacity));}
.hover\:bg-gray-500:hover {background-color: rgba(var(--gray-500), var(--bg-opacity));}
.hover\:bg-gray-600:hover {background-color: rgba(var(--gray-600), var(--bg-opacity));}
.hover\:bg-gray-700:hover {background-color: rgba(var(--gray-700), var(--bg-opacity));}
.hover\:bg-gray-800:hover {background-color: rgba(var(--gray-800), var(--bg-opacity));}
.hover\:bg-gray-900:hover {background-color: rgba(var(--gray-900), var(--bg-opacity));}
.hover\:bg-gray-950:hover {background-color: rgba(var(--gray-950), var(--bg-opacity));}
.active\:bg-gray-50:active {background-color: rgba(var(--gray-50), var(--bg-opacity));}
.active\:bg-gray-100:active {background-color: rgba(var(--gray-100), var(--bg-opacity));}
.active\:bg-gray-200:active {background-color: rgba(var(--gray-200), var(--bg-opacity));}
.active\:bg-gray-300:active {background-color: rgba(var(--gray-300), var(--bg-opacity));}
.active\:bg-gray-400:active {background-color: rgba(var(--gray-400), var(--bg-opacity));}
.active\:bg-gray-500:active {background-color: rgba(var(--gray-500), var(--bg-opacity));}
.active\:bg-gray-600:active {background-color: rgba(var(--gray-600), var(--bg-opacity));}
.active\:bg-gray-700:active {background-color: rgba(var(--gray-700), var(--bg-opacity));}
.active\:bg-gray-800:active {background-color: rgba(var(--gray-800), var(--bg-opacity));}
.active\:bg-gray-900:active {background-color: rgba(var(--gray-900), var(--bg-opacity));}
.active\:bg-gray-950:active {background-color: rgba(var(--gray-950), var(--bg-opacity));}
.color-gray-50 {color: rgba(var(--gray-50), var(--color-opacity));}
.color-gray-100 {color: rgba(var(--gray-100), var(--color-opacity));}
.color-gray-200 {color: rgba(var(--gray-200), var(--color-opacity));}
.color-gray-300 {color: rgba(var(--gray-300), var(--color-opacity));}
.color-gray-400 {color: rgba(var(--gray-400), var(--color-opacity));}
.color-gray-500 {color: rgba(var(--gray-500), var(--color-opacity));}
.color-gray-600 {color: rgba(var(--gray-600), var(--color-opacity));}
.color-gray-700 {color: rgba(var(--gray-700), var(--color-opacity));}
.color-gray-800 {color: rgba(var(--gray-800), var(--color-opacity));}
.color-gray-900 {color: rgba(var(--gray-900), var(--color-opacity));}
.color-gray-950 {color: rgba(var(--gray-950), var(--color-opacity));}
.hover\:color-gray-50:hover {color: rgba(var(--gray-50), var(--color-opacity));}
.hover\:color-gray-100:hover {color: rgba(var(--gray-100), var(--color-opacity));}
.hover\:color-gray-200:hover {color: rgba(var(--gray-200), var(--color-opacity));}
.hover\:color-gray-300:hover {color: rgba(var(--gray-300), var(--color-opacity));}
.hover\:color-gray-400:hover {color: rgba(var(--gray-400), var(--color-opacity));}
.hover\:color-gray-500:hover {color: rgba(var(--gray-500), var(--color-opacity));}
.hover\:color-gray-600:hover {color: rgba(var(--gray-600), var(--color-opacity));}
.hover\:color-gray-700:hover {color: rgba(var(--gray-700), var(--color-opacity));}
.hover\:color-gray-800:hover {color: rgba(var(--gray-800), var(--color-opacity));}
.hover\:color-gray-900:hover {color: rgba(var(--gray-900), var(--color-opacity));}
.hover\:color-gray-950:hover {color: rgba(var(--gray-950), var(--color-opacity));}





.border-amber-50 {border-color: rgba(var(--amber-50), var(--border-opacity));}
.border-amber-100 {border-color: rgba(var(--amber-100), var(--border-opacity));}
.border-amber-200 {border-color: rgba(var(--amber-200), var(--border-opacity));}
.border-amber-300 {border-color: rgba(var(--amber-300), var(--border-opacity));}
.border-amber-400 {border-color: rgba(var(--amber-400), var(--border-opacity));}
.border-amber-500 {border-color: rgba(var(--amber-500), var(--border-opacity));}
.border-amber-600 {border-color: rgba(var(--amber-600), var(--border-opacity));}
.border-amber-700 {border-color: rgba(var(--amber-700), var(--border-opacity));}
.border-amber-800 {border-color: rgba(var(--amber-800), var(--border-opacity));}
.border-amber-900 {border-color: rgba(var(--amber-900), var(--border-opacity));}
.border-amber-950 {border-color: rgba(var(--amber-950), var(--border-opacity));}
.focus\:border-amber-50:focus {border-color: rgba(var(--amber-50), var(--border-opacity));}
.focus\:border-amber-100:focus {border-color: rgba(var(--amber-100), var(--border-opacity));}
.focus\:border-amber-200:focus {border-color: rgba(var(--amber-200), var(--border-opacity));}
.focus\:border-amber-300:focus {border-color: rgba(var(--amber-300), var(--border-opacity));}
.focus\:border-amber-400:focus {border-color: rgba(var(--amber-400), var(--border-opacity));}
.focus\:border-amber-500:focus {border-color: rgba(var(--amber-500), var(--border-opacity));}
.focus\:border-amber-600:focus {border-color: rgba(var(--amber-600), var(--border-opacity));}
.focus\:border-amber-700:focus {border-color: rgba(var(--amber-700), var(--border-opacity));}
.focus\:border-amber-800:focus {border-color: rgba(var(--amber-800), var(--border-opacity));}
.focus\:border-amber-900:focus {border-color: rgba(var(--amber-900), var(--border-opacity));}
.focus\:border-amber-950:focus {border-color: rgba(var(--amber-950), var(--border-opacity));}
.hover\:border-amber-50:hover {border-color: rgba(var(--amber-50), var(--border-opacity));}
.hover\:border-amber-100:hover {border-color: rgba(var(--amber-100), var(--border-opacity));}
.hover\:border-amber-200:hover {border-color: rgba(var(--amber-200), var(--border-opacity));}
.hover\:border-amber-300:hover {border-color: rgba(var(--amber-300), var(--border-opacity));}
.hover\:border-amber-400:hover {border-color: rgba(var(--amber-400), var(--border-opacity));}
.hover\:border-amber-500:hover {border-color: rgba(var(--amber-500), var(--border-opacity));}
.hover\:border-amber-600:hover {border-color: rgba(var(--amber-600), var(--border-opacity));}
.hover\:border-amber-700:hover {border-color: rgba(var(--amber-700), var(--border-opacity));}
.hover\:border-amber-800:hover {border-color: rgba(var(--amber-800), var(--border-opacity));}
.hover\:border-amber-900:hover {border-color: rgba(var(--amber-900), var(--border-opacity));}
.hover\:border-amber-950:hover {border-color: rgba(var(--amber-950), var(--border-opacity));}
.bg-amber-50 {background-color: rgba(var(--amber-50), var(--bg-opacity));}
.bg-amber-100 {background-color: rgba(var(--amber-100), var(--bg-opacity));}
.bg-amber-200 {background-color: rgba(var(--amber-200), var(--bg-opacity));}
.bg-amber-300 {background-color: rgba(var(--amber-300), var(--bg-opacity));}
.bg-amber-400 {background-color: rgba(var(--amber-400), var(--bg-opacity));}
.bg-amber-500 {background-color: rgba(var(--amber-500), var(--bg-opacity));}
.bg-amber-600 {background-color: rgba(var(--amber-600), var(--bg-opacity));}
.bg-amber-700 {background-color: rgba(var(--amber-700), var(--bg-opacity));}
.bg-amber-800 {background-color: rgba(var(--amber-800), var(--bg-opacity));}
.bg-amber-900 {background-color: rgba(var(--amber-900), var(--bg-opacity));}
.bg-amber-950 {background-color: rgba(var(--amber-950), var(--bg-opacity));}
.hover\:bg-amber-50:hover {background-color: rgba(var(--amber-50), var(--bg-opacity));}
.hover\:bg-amber-100:hover {background-color: rgba(var(--amber-100), var(--bg-opacity));}
.hover\:bg-amber-200:hover {background-color: rgba(var(--amber-200), var(--bg-opacity));}
.hover\:bg-amber-300:hover {background-color: rgba(var(--amber-300), var(--bg-opacity));}
.hover\:bg-amber-400:hover {background-color: rgba(var(--amber-400), var(--bg-opacity));}
.hover\:bg-amber-500:hover {background-color: rgba(var(--amber-500), var(--bg-opacity));}
.hover\:bg-amber-600:hover {background-color: rgba(var(--amber-600), var(--bg-opacity));}
.hover\:bg-amber-700:hover {background-color: rgba(var(--amber-700), var(--bg-opacity));}
.hover\:bg-amber-800:hover {background-color: rgba(var(--amber-800), var(--bg-opacity));}
.hover\:bg-amber-900:hover {background-color: rgba(var(--amber-900), var(--bg-opacity));}
.hover\:bg-amber-950:hover {background-color: rgba(var(--amber-950), var(--bg-opacity));}
.color-amber-50 {color: rgba(var(--amber-50), var(--color-opacity));}
.color-amber-100 {color: rgba(var(--amber-100), var(--color-opacity));}
.color-amber-200 {color: rgba(var(--amber-200), var(--color-opacity));}
.color-amber-300 {color: rgba(var(--amber-300), var(--color-opacity));}
.color-amber-400 {color: rgba(var(--amber-400), var(--color-opacity));}
.color-amber-500 {color: rgba(var(--amber-500), var(--color-opacity));}
.color-amber-600 {color: rgba(var(--amber-600), var(--color-opacity));}
.color-amber-700 {color: rgba(var(--amber-700), var(--color-opacity));}
.color-amber-800 {color: rgba(var(--amber-800), var(--color-opacity));}
.color-amber-900 {color: rgba(var(--amber-900), var(--color-opacity));}
.color-amber-950 {color: rgba(var(--amber-950), var(--color-opacity));}
.hover\:color-amber-50:hover {color: rgba(var(--amber-50), var(--color-opacity));}
.hover\:color-amber-100:hover {color: rgba(var(--amber-100), var(--color-opacity));}
.hover\:color-amber-200:hover {color: rgba(var(--amber-200), var(--color-opacity));}
.hover\:color-amber-300:hover {color: rgba(var(--amber-300), var(--color-opacity));}
.hover\:color-amber-400:hover {color: rgba(var(--amber-400), var(--color-opacity));}
.hover\:color-amber-500:hover {color: rgba(var(--amber-500), var(--color-opacity));}
.hover\:color-amber-600:hover {color: rgba(var(--amber-600), var(--color-opacity));}
.hover\:color-amber-700:hover {color: rgba(var(--amber-700), var(--color-opacity));}
.hover\:color-amber-800:hover {color: rgba(var(--amber-800), var(--color-opacity));}
.hover\:color-amber-900:hover {color: rgba(var(--amber-900), var(--color-opacity));}
.hover\:color-amber-950:hover {color: rgba(var(--amber-950), var(--color-opacity));}
.border-indigo-50 {border-color: rgba(var(--indigo-50), var(--border-opacity));}
.border-indigo-100 {border-color: rgba(var(--indigo-100), var(--border-opacity));}
.border-indigo-200 {border-color: rgba(var(--indigo-200), var(--border-opacity));}
.border-indigo-300 {border-color: rgba(var(--indigo-300), var(--border-opacity));}
.border-indigo-400 {border-color: rgba(var(--indigo-400), var(--border-opacity));}
.border-indigo-500 {border-color: rgba(var(--indigo-500), var(--border-opacity));}
.border-indigo-600 {border-color: rgba(var(--indigo-600), var(--border-opacity));}
.border-indigo-700 {border-color: rgba(var(--indigo-700), var(--border-opacity));}
.border-indigo-800 {border-color: rgba(var(--indigo-800), var(--border-opacity));}
.border-indigo-900 {border-color: rgba(var(--indigo-900), var(--border-opacity));}
.border-indigo-950 {border-color: rgba(var(--indigo-950), var(--border-opacity));}
.focus\:border-indigo-50:focus {border-color: rgba(var(--indigo-50), var(--border-opacity));}
.focus\:border-indigo-100:focus {border-color: rgba(var(--indigo-100), var(--border-opacity));}
.focus\:border-indigo-200:focus {border-color: rgba(var(--indigo-200), var(--border-opacity));}
.focus\:border-indigo-300:focus {border-color: rgba(var(--indigo-300), var(--border-opacity));}
.focus\:border-indigo-400:focus {border-color: rgba(var(--indigo-400), var(--border-opacity));}
.focus\:border-indigo-500:focus {border-color: rgba(var(--indigo-500), var(--border-opacity));}
.focus\:border-indigo-600:focus {border-color: rgba(var(--indigo-600), var(--border-opacity));}
.focus\:border-indigo-700:focus {border-color: rgba(var(--indigo-700), var(--border-opacity));}
.focus\:border-indigo-800:focus {border-color: rgba(var(--indigo-800), var(--border-opacity));}
.focus\:border-indigo-900:focus {border-color: rgba(var(--indigo-900), var(--border-opacity));}
.focus\:border-indigo-950:focus {border-color: rgba(var(--indigo-950), var(--border-opacity));}
.hover\:border-indigo-50:hover {border-color: rgba(var(--indigo-50), var(--border-opacity));}
.hover\:border-indigo-100:hover {border-color: rgba(var(--indigo-100), var(--border-opacity));}
.hover\:border-indigo-200:hover {border-color: rgba(var(--indigo-200), var(--border-opacity));}
.hover\:border-indigo-300:hover {border-color: rgba(var(--indigo-300), var(--border-opacity));}
.hover\:border-indigo-400:hover {border-color: rgba(var(--indigo-400), var(--border-opacity));}
.hover\:border-indigo-500:hover {border-color: rgba(var(--indigo-500), var(--border-opacity));}
.hover\:border-indigo-600:hover {border-color: rgba(var(--indigo-600), var(--border-opacity));}
.hover\:border-indigo-700:hover {border-color: rgba(var(--indigo-700), var(--border-opacity));}
.hover\:border-indigo-800:hover {border-color: rgba(var(--indigo-800), var(--border-opacity));}
.hover\:border-indigo-900:hover {border-color: rgba(var(--indigo-900), var(--border-opacity));}
.hover\:border-indigo-950:hover {border-color: rgba(var(--indigo-950), var(--border-opacity));}
.bg-indigo-50 {background-color: rgba(var(--indigo-50), var(--bg-opacity));}
.bg-indigo-100 {background-color: rgba(var(--indigo-100), var(--bg-opacity));}
.bg-indigo-200 {background-color: rgba(var(--indigo-200), var(--bg-opacity));}
.bg-indigo-300 {background-color: rgba(var(--indigo-300), var(--bg-opacity));}
.bg-indigo-400 {background-color: rgba(var(--indigo-400), var(--bg-opacity));}
.bg-indigo-500 {background-color: rgba(var(--indigo-500), var(--bg-opacity));}
.bg-indigo-600 {background-color: rgba(var(--indigo-600), var(--bg-opacity));}
.bg-indigo-700 {background-color: rgba(var(--indigo-700), var(--bg-opacity));}
.bg-indigo-800 {background-color: rgba(var(--indigo-800), var(--bg-opacity));}
.bg-indigo-900 {background-color: rgba(var(--indigo-900), var(--bg-opacity));}
.bg-indigo-950 {background-color: rgba(var(--indigo-950), var(--bg-opacity));}
.hover\:bg-indigo-50:hover {background-color: rgba(var(--indigo-50), var(--bg-opacity));}
.hover\:bg-indigo-100:hover {background-color: rgba(var(--indigo-100), var(--bg-opacity));}
.hover\:bg-indigo-200:hover {background-color: rgba(var(--indigo-200), var(--bg-opacity));}
.hover\:bg-indigo-300:hover {background-color: rgba(var(--indigo-300), var(--bg-opacity));}
.hover\:bg-indigo-400:hover {background-color: rgba(var(--indigo-400), var(--bg-opacity));}
.hover\:bg-indigo-500:hover {background-color: rgba(var(--indigo-500), var(--bg-opacity));}
.hover\:bg-indigo-600:hover {background-color: rgba(var(--indigo-600), var(--bg-opacity));}
.hover\:bg-indigo-700:hover {background-color: rgba(var(--indigo-700), var(--bg-opacity));}
.hover\:bg-indigo-800:hover {background-color: rgba(var(--indigo-800), var(--bg-opacity));}
.hover\:bg-indigo-900:hover {background-color: rgba(var(--indigo-900), var(--bg-opacity));}
.hover\:bg-indigo-950:hover {background-color: rgba(var(--indigo-950), var(--bg-opacity));}
.color-indigo-50 {color: rgba(var(--indigo-50), var(--color-opacity));}
.color-indigo-100 {color: rgba(var(--indigo-100), var(--color-opacity));}
.color-indigo-200 {color: rgba(var(--indigo-200), var(--color-opacity));}
.color-indigo-300 {color: rgba(var(--indigo-300), var(--color-opacity));}
.color-indigo-400 {color: rgba(var(--indigo-400), var(--color-opacity));}
.color-indigo-500 {color: rgba(var(--indigo-500), var(--color-opacity));}
.color-indigo-600 {color: rgba(var(--indigo-600), var(--color-opacity));}
.color-indigo-700 {color: rgba(var(--indigo-700), var(--color-opacity));}
.color-indigo-800 {color: rgba(var(--indigo-800), var(--color-opacity));}
.color-indigo-900 {color: rgba(var(--indigo-900), var(--color-opacity));}
.color-indigo-950 {color: rgba(var(--indigo-950), var(--color-opacity));}
.hover\:color-indigo-50:hover {color: rgba(var(--indigo-50), var(--color-opacity));}
.hover\:color-indigo-100:hover {color: rgba(var(--indigo-100), var(--color-opacity));}
.hover\:color-indigo-200:hover {color: rgba(var(--indigo-200), var(--color-opacity));}
.hover\:color-indigo-300:hover {color: rgba(var(--indigo-300), var(--color-opacity));}
.hover\:color-indigo-400:hover {color: rgba(var(--indigo-400), var(--color-opacity));}
.hover\:color-indigo-500:hover {color: rgba(var(--indigo-500), var(--color-opacity));}
.hover\:color-indigo-600:hover {color: rgba(var(--indigo-600), var(--color-opacity));}
.hover\:color-indigo-700:hover {color: rgba(var(--indigo-700), var(--color-opacity));}
.hover\:color-indigo-800:hover {color: rgba(var(--indigo-800), var(--color-opacity));}
.hover\:color-indigo-900:hover {color: rgba(var(--indigo-900), var(--color-opacity));}
.hover\:color-indigo-950:hover {color: rgba(var(--indigo-950), var(--color-opacity));}

.border-blue-50 {border-color: rgba(var(--blue-50), var(--border-opacity));}
.border-blue-100 {border-color: rgba(var(--blue-100), var(--border-opacity));}
.border-blue-200 {border-color: rgba(var(--blue-200), var(--border-opacity));}
.border-blue-300 {border-color: rgba(var(--blue-300), var(--border-opacity));}
.border-blue-400 {border-color: rgba(var(--blue-400), var(--border-opacity));}
.border-blue-500 {border-color: rgba(var(--blue-500), var(--border-opacity));}
.border-blue-600 {border-color: rgba(var(--blue-600), var(--border-opacity));}
.border-blue-700 {border-color: rgba(var(--blue-700), var(--border-opacity));}
.border-blue-800 {border-color: rgba(var(--blue-800), var(--border-opacity));}
.border-blue-900 {border-color: rgba(var(--blue-900), var(--border-opacity));}
.border-blue-950 {border-color: rgba(var(--blue-950), var(--border-opacity));}
.focus\:border-blue-50:focus {border-color: rgba(var(--blue-50), var(--border-opacity));}
.focus\:border-blue-100:focus {border-color: rgba(var(--blue-100), var(--border-opacity));}
.focus\:border-blue-200:focus {border-color: rgba(var(--blue-200), var(--border-opacity));}
.focus\:border-blue-300:focus {border-color: rgba(var(--blue-300), var(--border-opacity));}
.focus\:border-blue-400:focus {border-color: rgba(var(--blue-400), var(--border-opacity));}
.focus\:border-blue-500:focus {border-color: rgba(var(--blue-500), var(--border-opacity));}
.focus\:border-blue-600:focus {border-color: rgba(var(--blue-600), var(--border-opacity));}
.focus\:border-blue-700:focus {border-color: rgba(var(--blue-700), var(--border-opacity));}
.focus\:border-blue-800:focus {border-color: rgba(var(--blue-800), var(--border-opacity));}
.focus\:border-blue-900:focus {border-color: rgba(var(--blue-900), var(--border-opacity));}
.focus\:border-blue-950:focus {border-color: rgba(var(--blue-950), var(--border-opacity));}
.hover\:border-blue-50:hover {border-color: rgba(var(--blue-50), var(--border-opacity));}
.hover\:border-blue-100:hover {border-color: rgba(var(--blue-100), var(--border-opacity));}
.hover\:border-blue-200:hover {border-color: rgba(var(--blue-200), var(--border-opacity));}
.hover\:border-blue-300:hover {border-color: rgba(var(--blue-300), var(--border-opacity));}
.hover\:border-blue-400:hover {border-color: rgba(var(--blue-400), var(--border-opacity));}
.hover\:border-blue-500:hover {border-color: rgba(var(--blue-500), var(--border-opacity));}
.hover\:border-blue-600:hover {border-color: rgba(var(--blue-600), var(--border-opacity));}
.hover\:border-blue-700:hover {border-color: rgba(var(--blue-700), var(--border-opacity));}
.hover\:border-blue-800:hover {border-color: rgba(var(--blue-800), var(--border-opacity));}
.hover\:border-blue-900:hover {border-color: rgba(var(--blue-900), var(--border-opacity));}
.hover\:border-blue-950:hover {border-color: rgba(var(--blue-950), var(--border-opacity));}
.bg-blue-50 {background-color: rgba(var(--blue-50), var(--bg-opacity));}
.bg-blue-100 {background-color: rgba(var(--blue-100), var(--bg-opacity));}
.bg-blue-200 {background-color: rgba(var(--blue-200), var(--bg-opacity));}
.bg-blue-300 {background-color: rgba(var(--blue-300), var(--bg-opacity));}
.bg-blue-400 {background-color: rgba(var(--blue-400), var(--bg-opacity));}
.bg-blue-500 {background-color: rgba(var(--blue-500), var(--bg-opacity));}
.bg-blue-600 {background-color: rgba(var(--blue-600), var(--bg-opacity));}
.bg-blue-700 {background-color: rgba(var(--blue-700), var(--bg-opacity));}
.bg-blue-800 {background-color: rgba(var(--blue-800), var(--bg-opacity));}
.bg-blue-900 {background-color: rgba(var(--blue-900), var(--bg-opacity));}
.bg-blue-950 {background-color: rgba(var(--blue-950), var(--bg-opacity));}
.hover\:bg-blue-50:hover {background-color: rgba(var(--blue-50), var(--bg-opacity));}
.hover\:bg-blue-100:hover {background-color: rgba(var(--blue-100), var(--bg-opacity));}
.hover\:bg-blue-200:hover {background-color: rgba(var(--blue-200), var(--bg-opacity));}
.hover\:bg-blue-300:hover {background-color: rgba(var(--blue-300), var(--bg-opacity));}
.hover\:bg-blue-400:hover {background-color: rgba(var(--blue-400), var(--bg-opacity));}
.hover\:bg-blue-500:hover {background-color: rgba(var(--blue-500), var(--bg-opacity));}
.hover\:bg-blue-600:hover {background-color: rgba(var(--blue-600), var(--bg-opacity));}
.hover\:bg-blue-700:hover {background-color: rgba(var(--blue-700), var(--bg-opacity));}
.hover\:bg-blue-800:hover {background-color: rgba(var(--blue-800), var(--bg-opacity));}
.hover\:bg-blue-900:hover {background-color: rgba(var(--blue-900), var(--bg-opacity));}
.hover\:bg-blue-950:hover {background-color: rgba(var(--blue-950), var(--bg-opacity));}
.color-blue-50 {color: rgba(var(--blue-50), var(--color-opacity));}
.color-blue-100 {color: rgba(var(--blue-100), var(--color-opacity));}
.color-blue-200 {color: rgba(var(--blue-200), var(--color-opacity));}
.color-blue-300 {color: rgba(var(--blue-300), var(--color-opacity));}
.color-blue-400 {color: rgba(var(--blue-400), var(--color-opacity));}
.color-blue-500 {color: rgba(var(--blue-500), var(--color-opacity));}
.color-blue-600 {color: rgba(var(--blue-600), var(--color-opacity));}
.color-blue-700 {color: rgba(var(--blue-700), var(--color-opacity));}
.color-blue-800 {color: rgba(var(--blue-800), var(--color-opacity));}
.color-blue-900 {color: rgba(var(--blue-900), var(--color-opacity));}
.color-blue-950 {color: rgba(var(--blue-950), var(--color-opacity));}
.hover\:color-blue-50:hover {color: rgba(var(--blue-50), var(--color-opacity));}
.hover\:color-blue-100:hover {color: rgba(var(--blue-100), var(--color-opacity));}
.hover\:color-blue-200:hover {color: rgba(var(--blue-200), var(--color-opacity));}
.hover\:color-blue-300:hover {color: rgba(var(--blue-300), var(--color-opacity));}
.hover\:color-blue-400:hover {color: rgba(var(--blue-400), var(--color-opacity));}
.hover\:color-blue-500:hover {color: rgba(var(--blue-500), var(--color-opacity));}
.hover\:color-blue-600:hover {color: rgba(var(--blue-600), var(--color-opacity));}
.hover\:color-blue-700:hover {color: rgba(var(--blue-700), var(--color-opacity));}
.hover\:color-blue-800:hover {color: rgba(var(--blue-800), var(--color-opacity));}
.hover\:color-blue-900:hover {color: rgba(var(--blue-900), var(--color-opacity));}
.hover\:color-blue-950:hover {color: rgba(var(--blue-950), var(--color-opacity));}

.border-emerald-50 {border-color: rgba(var(--emerald-50), var(--border-opacity));}
.border-emerald-100 {border-color: rgba(var(--emerald-100), var(--border-opacity));}
.border-emerald-200 {border-color: rgba(var(--emerald-200), var(--border-opacity));}
.border-emerald-300 {border-color: rgba(var(--emerald-300), var(--border-opacity));}
.border-emerald-400 {border-color: rgba(var(--emerald-400), var(--border-opacity));}
.border-emerald-500 {border-color: rgba(var(--emerald-500), var(--border-opacity));}
.border-emerald-600 {border-color: rgba(var(--emerald-600), var(--border-opacity));}
.border-emerald-700 {border-color: rgba(var(--emerald-700), var(--border-opacity));}
.border-emerald-800 {border-color: rgba(var(--emerald-800), var(--border-opacity));}
.border-emerald-900 {border-color: rgba(var(--emerald-900), var(--border-opacity));}
.border-emerald-950 {border-color: rgba(var(--emerald-950), var(--border-opacity));}
.focus\:border-emerald-50:focus {border-color: rgba(var(--emerald-50), var(--border-opacity));}
.focus\:border-emerald-100:focus {border-color: rgba(var(--emerald-100), var(--border-opacity));}
.focus\:border-emerald-200:focus {border-color: rgba(var(--emerald-200), var(--border-opacity));}
.focus\:border-emerald-300:focus {border-color: rgba(var(--emerald-300), var(--border-opacity));}
.focus\:border-emerald-400:focus {border-color: rgba(var(--emerald-400), var(--border-opacity));}
.focus\:border-emerald-500:focus {border-color: rgba(var(--emerald-500), var(--border-opacity));}
.focus\:border-emerald-600:focus {border-color: rgba(var(--emerald-600), var(--border-opacity));}
.focus\:border-emerald-700:focus {border-color: rgba(var(--emerald-700), var(--border-opacity));}
.focus\:border-emerald-800:focus {border-color: rgba(var(--emerald-800), var(--border-opacity));}
.focus\:border-emerald-900:focus {border-color: rgba(var(--emerald-900), var(--border-opacity));}
.focus\:border-emerald-950:focus {border-color: rgba(var(--emerald-950), var(--border-opacity));}
.hover\:border-emerald-50:hover {border-color: rgba(var(--emerald-50), var(--border-opacity));}
.hover\:border-emerald-100:hover {border-color: rgba(var(--emerald-100), var(--border-opacity));}
.hover\:border-emerald-200:hover {border-color: rgba(var(--emerald-200), var(--border-opacity));}
.hover\:border-emerald-300:hover {border-color: rgba(var(--emerald-300), var(--border-opacity));}
.hover\:border-emerald-400:hover {border-color: rgba(var(--emerald-400), var(--border-opacity));}
.hover\:border-emerald-500:hover {border-color: rgba(var(--emerald-500), var(--border-opacity));}
.hover\:border-emerald-600:hover {border-color: rgba(var(--emerald-600), var(--border-opacity));}
.hover\:border-emerald-700:hover {border-color: rgba(var(--emerald-700), var(--border-opacity));}
.hover\:border-emerald-800:hover {border-color: rgba(var(--emerald-800), var(--border-opacity));}
.hover\:border-emerald-900:hover {border-color: rgba(var(--emerald-900), var(--border-opacity));}
.hover\:border-emerald-950:hover {border-color: rgba(var(--emerald-950), var(--border-opacity));}
.bg-emerald-50 {background-color: rgba(var(--emerald-50), var(--bg-opacity));}
.bg-emerald-100 {background-color: rgba(var(--emerald-100), var(--bg-opacity));}
.bg-emerald-200 {background-color: rgba(var(--emerald-200), var(--bg-opacity));}
.bg-emerald-300 {background-color: rgba(var(--emerald-300), var(--bg-opacity));}
.bg-emerald-400 {background-color: rgba(var(--emerald-400), var(--bg-opacity));}
.bg-emerald-500 {background-color: rgba(var(--emerald-500), var(--bg-opacity));}
.bg-emerald-600 {background-color: rgba(var(--emerald-600), var(--bg-opacity));}
.bg-emerald-700 {background-color: rgba(var(--emerald-700), var(--bg-opacity));}
.bg-emerald-800 {background-color: rgba(var(--emerald-800), var(--bg-opacity));}
.bg-emerald-900 {background-color: rgba(var(--emerald-900), var(--bg-opacity));}
.bg-emerald-950 {background-color: rgba(var(--emerald-950), var(--bg-opacity));}
.hover\:bg-emerald-50:hover {background-color: rgba(var(--emerald-50), var(--bg-opacity));}
.hover\:bg-emerald-100:hover {background-color: rgba(var(--emerald-100), var(--bg-opacity));}
.hover\:bg-emerald-200:hover {background-color: rgba(var(--emerald-200), var(--bg-opacity));}
.hover\:bg-emerald-300:hover {background-color: rgba(var(--emerald-300), var(--bg-opacity));}
.hover\:bg-emerald-400:hover {background-color: rgba(var(--emerald-400), var(--bg-opacity));}
.hover\:bg-emerald-500:hover {background-color: rgba(var(--emerald-500), var(--bg-opacity));}
.hover\:bg-emerald-600:hover {background-color: rgba(var(--emerald-600), var(--bg-opacity));}
.hover\:bg-emerald-700:hover {background-color: rgba(var(--emerald-700), var(--bg-opacity));}
.hover\:bg-emerald-800:hover {background-color: rgba(var(--emerald-800), var(--bg-opacity));}
.hover\:bg-emerald-900:hover {background-color: rgba(var(--emerald-900), var(--bg-opacity));}
.hover\:bg-emerald-950:hover {background-color: rgba(var(--emerald-950), var(--bg-opacity));}
.color-emerald-50 {color: rgba(var(--emerald-50), var(--color-opacity));}
.color-emerald-100 {color: rgba(var(--emerald-100), var(--color-opacity));}
.color-emerald-200 {color: rgba(var(--emerald-200), var(--color-opacity));}
.color-emerald-300 {color: rgba(var(--emerald-300), var(--color-opacity));}
.color-emerald-400 {color: rgba(var(--emerald-400), var(--color-opacity));}
.color-emerald-500 {color: rgba(var(--emerald-500), var(--color-opacity));}
.color-emerald-600 {color: rgba(var(--emerald-600), var(--color-opacity));}
.color-emerald-700 {color: rgba(var(--emerald-700), var(--color-opacity));}
.color-emerald-800 {color: rgba(var(--emerald-800), var(--color-opacity));}
.color-emerald-900 {color: rgba(var(--emerald-900), var(--color-opacity));}
.color-emerald-950 {color: rgba(var(--emerald-950), var(--color-opacity));}
.hover\:color-emerald-50:hover {color: rgba(var(--emerald-50), var(--color-opacity));}
.hover\:color-emerald-100:hover {color: rgba(var(--emerald-100), var(--color-opacity));}
.hover\:color-emerald-200:hover {color: rgba(var(--emerald-200), var(--color-opacity));}
.hover\:color-emerald-300:hover {color: rgba(var(--emerald-300), var(--color-opacity));}
.hover\:color-emerald-400:hover {color: rgba(var(--emerald-400), var(--color-opacity));}
.hover\:color-emerald-500:hover {color: rgba(var(--emerald-500), var(--color-opacity));}
.hover\:color-emerald-600:hover {color: rgba(var(--emerald-600), var(--color-opacity));}
.hover\:color-emerald-700:hover {color: rgba(var(--emerald-700), var(--color-opacity));}
.hover\:color-emerald-800:hover {color: rgba(var(--emerald-800), var(--color-opacity));}
.hover\:color-emerald-900:hover {color: rgba(var(--emerald-900), var(--color-opacity));}
.hover\:color-emerald-950:hover {color: rgba(var(--emerald-950), var(--color-opacity));}

.border-red-50 {border-color: rgba(var(--red-50), var(--border-opacity));}
.border-red-100 {border-color: rgba(var(--red-100), var(--border-opacity));}
.border-red-200 {border-color: rgba(var(--red-200), var(--border-opacity));}
.border-red-300 {border-color: rgba(var(--red-300), var(--border-opacity));}
.border-red-400 {border-color: rgba(var(--red-400), var(--border-opacity));}
.border-red-500 {border-color: rgba(var(--red-500), var(--border-opacity));}
.border-red-600 {border-color: rgba(var(--red-600), var(--border-opacity));}
.border-red-700 {border-color: rgba(var(--red-700), var(--border-opacity));}
.border-red-800 {border-color: rgba(var(--red-800), var(--border-opacity));}
.border-red-900 {border-color: rgba(var(--red-900), var(--border-opacity));}
.border-red-950 {border-color: rgba(var(--red-950), var(--border-opacity));}
.focus\:border-red-50:focus {border-color: rgba(var(--red-50), var(--border-opacity));}
.focus\:border-red-100:focus {border-color: rgba(var(--red-100), var(--border-opacity));}
.focus\:border-red-200:focus {border-color: rgba(var(--red-200), var(--border-opacity));}
.focus\:border-red-300:focus {border-color: rgba(var(--red-300), var(--border-opacity));}
.focus\:border-red-400:focus {border-color: rgba(var(--red-400), var(--border-opacity));}
.focus\:border-red-500:focus {border-color: rgba(var(--red-500), var(--border-opacity));}
.focus\:border-red-600:focus {border-color: rgba(var(--red-600), var(--border-opacity));}
.focus\:border-red-700:focus {border-color: rgba(var(--red-700), var(--border-opacity));}
.focus\:border-red-800:focus {border-color: rgba(var(--red-800), var(--border-opacity));}
.focus\:border-red-900:focus {border-color: rgba(var(--red-900), var(--border-opacity));}
.focus\:border-red-950:focus {border-color: rgba(var(--red-950), var(--border-opacity));}
.hover\:border-red-50:hover {border-color: rgba(var(--red-50), var(--border-opacity));}
.hover\:border-red-100:hover {border-color: rgba(var(--red-100), var(--border-opacity));}
.hover\:border-red-200:hover {border-color: rgba(var(--red-200), var(--border-opacity));}
.hover\:border-red-300:hover {border-color: rgba(var(--red-300), var(--border-opacity));}
.hover\:border-red-400:hover {border-color: rgba(var(--red-400), var(--border-opacity));}
.hover\:border-red-500:hover {border-color: rgba(var(--red-500), var(--border-opacity));}
.hover\:border-red-600:hover {border-color: rgba(var(--red-600), var(--border-opacity));}
.hover\:border-red-700:hover {border-color: rgba(var(--red-700), var(--border-opacity));}
.hover\:border-red-800:hover {border-color: rgba(var(--red-800), var(--border-opacity));}
.hover\:border-red-900:hover {border-color: rgba(var(--red-900), var(--border-opacity));}
.hover\:border-red-950:hover {border-color: rgba(var(--red-950), var(--border-opacity));}

.bg-red-50 {background-color: rgba(var(--red-50), var(--bg-opacity));}
.bg-red-100 {background-color: rgba(var(--red-100), var(--bg-opacity));}
.bg-red-200 {background-color: rgba(var(--red-200), var(--bg-opacity));}
.bg-red-300 {background-color: rgba(var(--red-300), var(--bg-opacity));}
.bg-red-400 {background-color: rgba(var(--red-400), var(--bg-opacity));}
.bg-red-500 {background-color: rgba(var(--red-500), var(--bg-opacity));}
.bg-red-600 {background-color: rgba(var(--red-600), var(--bg-opacity));}
.bg-red-700 {background-color: rgba(var(--red-700), var(--bg-opacity));}
.bg-red-800 {background-color: rgba(var(--red-800), var(--bg-opacity));}
.bg-red-900 {background-color: rgba(var(--red-900), var(--bg-opacity));}
.bg-red-950 {background-color: rgba(var(--red-950), var(--bg-opacity));}

.bg-orange-50 {background-color: rgba(var(--orange-50), var(--bg-opacity));}
.bg-orange-100 {background-color: rgba(var(--orange-100), var(--bg-opacity));}
.bg-orange-200 {background-color: rgba(var(--orange-200), var(--bg-opacity));}
.bg-orange-300 {background-color: rgba(var(--orange-300), var(--bg-opacity));}
.bg-orange-400 {background-color: rgba(var(--orange-400), var(--bg-opacity));}
.bg-orange-500 {background-color: rgba(var(--orange-500), var(--bg-opacity));}
.bg-orange-600 {background-color: rgba(var(--orange-600), var(--bg-opacity));}
.bg-orange-700 {background-color: rgba(var(--orange-700), var(--bg-opacity));}
.bg-orange-800 {background-color: rgba(var(--orange-800), var(--bg-opacity));}
.bg-orange-900 {background-color: rgba(var(--orange-900), var(--bg-opacity));}
.bg-orange-950 {background-color: rgba(var(--orange-950), var(--bg-opacity));}

.hover\:bg-red-50:hover {background-color: rgba(var(--red-50), var(--bg-opacity));}
.hover\:bg-red-100:hover {background-color: rgba(var(--red-100), var(--bg-opacity));}
.hover\:bg-red-200:hover {background-color: rgba(var(--red-200), var(--bg-opacity));}
.hover\:bg-red-300:hover {background-color: rgba(var(--red-300), var(--bg-opacity));}
.hover\:bg-red-400:hover {background-color: rgba(var(--red-400), var(--bg-opacity));}
.hover\:bg-red-500:hover {background-color: rgba(var(--red-500), var(--bg-opacity));}
.hover\:bg-red-600:hover {background-color: rgba(var(--red-600), var(--bg-opacity));}
.hover\:bg-red-700:hover {background-color: rgba(var(--red-700), var(--bg-opacity));}
.hover\:bg-red-800:hover {background-color: rgba(var(--red-800), var(--bg-opacity));}
.hover\:bg-red-900:hover {background-color: rgba(var(--red-900), var(--bg-opacity));}
.hover\:bg-red-950:hover {background-color: rgba(var(--red-950), var(--bg-opacity));}


.hover\:bg-orange-50:hover {background-color: rgba(var(--orange-50), var(--bg-opacity));}
.hover\:bg-orange-100:hover {background-color: rgba(var(--orange-100), var(--bg-opacity));}
.hover\:bg-orange-200:hover {background-color: rgba(var(--orange-200), var(--bg-opacity));}
.hover\:bg-orange-300:hover {background-color: rgba(var(--orange-300), var(--bg-opacity));}
.hover\:bg-orange-400:hover {background-color: rgba(var(--orange-400), var(--bg-opacity));}
.hover\:bg-orange-500:hover {background-color: rgba(var(--orange-500), var(--bg-opacity));}
.hover\:bg-orange-600:hover {background-color: rgba(var(--orange-600), var(--bg-opacity));}
.hover\:bg-orange-700:hover {background-color: rgba(var(--orange-700), var(--bg-opacity));}
.hover\:bg-orange-800:hover {background-color: rgba(var(--orange-800), var(--bg-opacity));}
.hover\:bg-orange-900:hover {background-color: rgba(var(--orange-900), var(--bg-opacity));}
.hover\:bg-orange-950:hover {background-color: rgba(var(--orange-950), var(--bg-opacity));}

.color-red-50 {color: rgba(var(--red-50), var(--color-opacity));}
.color-red-100 {color: rgba(var(--red-100), var(--color-opacity));}
.color-red-200 {color: rgba(var(--red-200), var(--color-opacity));}
.color-red-300 {color: rgba(var(--red-300), var(--color-opacity));}
.color-red-400 {color: rgba(var(--red-400), var(--color-opacity));}
.color-red-500 {color: rgba(var(--red-500), var(--color-opacity));}
.color-red-600 {color: rgba(var(--red-600), var(--color-opacity));}
.color-red-700 {color: rgba(var(--red-700), var(--color-opacity));}
.color-red-800 {color: rgba(var(--red-800), var(--color-opacity));}
.color-red-900 {color: rgba(var(--red-900), var(--color-opacity));}
.color-red-950 {color: rgba(var(--red-950), var(--color-opacity));}

.color-orange-50 {color: rgba(var(--orange-50), var(--color-opacity));}
.color-orange-100 {color: rgba(var(--orange-100), var(--color-opacity));}
.color-orange-200 {color: rgba(var(--orange-200), var(--color-opacity));}
.color-orange-300 {color: rgba(var(--orange-300), var(--color-opacity));}
.color-orange-400 {color: rgba(var(--orange-400), var(--color-opacity));}
.color-orange-500 {color: rgba(var(--orange-500), var(--color-opacity));}
.color-orange-600 {color: rgba(var(--orange-600), var(--color-opacity));}
.color-orange-700 {color: rgba(var(--orange-700), var(--color-opacity));}
.color-orange-800 {color: rgba(var(--orange-800), var(--color-opacity));}
.color-orange-900 {color: rgba(var(--orange-900), var(--color-opacity));}
.color-orange-950 {color: rgba(var(--orange-950), var(--color-opacity));}

.hover\:color-red-50:hover {color: rgba(var(--red-50), var(--color-opacity));}
.hover\:color-red-100:hover {color: rgba(var(--red-100), var(--color-opacity));}
.hover\:color-red-200:hover {color: rgba(var(--red-200), var(--color-opacity));}
.hover\:color-red-300:hover {color: rgba(var(--red-300), var(--color-opacity));}
.hover\:color-red-400:hover {color: rgba(var(--red-400), var(--color-opacity));}
.hover\:color-red-500:hover {color: rgba(var(--red-500), var(--color-opacity));}
.hover\:color-red-600:hover {color: rgba(var(--red-600), var(--color-opacity));}
.hover\:color-red-700:hover {color: rgba(var(--red-700), var(--color-opacity));}
.hover\:color-red-800:hover {color: rgba(var(--red-800), var(--color-opacity));}
.hover\:color-red-900:hover {color: rgba(var(--red-900), var(--color-opacity));}
.hover\:color-red-950:hover {color: rgba(var(--red-950), var(--color-opacity));}


.hover\:color-orange-50:hover {color: rgba(var(--orange-50), var(--color-opacity));}
.hover\:color-orange-100:hover {color: rgba(var(--orange-100), var(--color-opacity));}
.hover\:color-orange-200:hover {color: rgba(var(--orange-200), var(--color-opacity));}
.hover\:color-orange-300:hover {color: rgba(var(--orange-300), var(--color-opacity));}
.hover\:color-orange-400:hover {color: rgba(var(--orange-400), var(--color-opacity));}
.hover\:color-orange-500:hover {color: rgba(var(--orange-500), var(--color-opacity));}
.hover\:color-orange-600:hover {color: rgba(var(--orange-600), var(--color-opacity));}
.hover\:color-orange-700:hover {color: rgba(var(--orange-700), var(--color-opacity));}
.hover\:color-orange-800:hover {color: rgba(var(--orange-800), var(--color-opacity));}
.hover\:color-orange-900:hover {color: rgba(var(--orange-900), var(--color-opacity));}
.hover\:color-orange-950:hover {color: rgba(var(--orange-950), var(--color-opacity));}

.border-white {border-color: rgba(var(--white), var(--border-opacity));}
.focus\:border-white:focus {border-color: rgba(var(--white), var(--border-opacity));}
.hover\:border-white:hover {border-color: rgba(var(--white), var(--border-opacity));}
.bg-white {background-color: rgba(var(--white), var(--bg-opacity));}
.hover\:bg-white:hover {background-color: rgba(var(--white), var(--bg-opacity));}
.color-white {color: rgba(var(--white), var(--color-opacity));}
.hover\:color-white:hover {color: rgba(var(--white), var(--color-opacity));}
.border-black {border-color: rgba(var(--black), var(--border-opacity));}
.focus\:border-black:focus {border-color: rgba(var(--black), var(--border-opacity));}
.hover\:border-black:hover {border-color: rgba(var(--black), var(--border-opacity));}
.bg-black {background-color: rgba(var(--black), var(--bg-opacity));}
.hover\:bg-black:hover {background-color: rgba(var(--black), var(--bg-opacity));}
.color-black {color: rgba(var(--black), var(--color-opacity));}
.hover\:color-black:hover {color: rgba(var(--black), var(--color-opacity));}

.CodeMirror {font-size: calc(var(--font-size) - 0.3rem) !important;}
.whitespace-nowrap {white-space: nowrap;}

.text-none {text-transform:none;}
.text-lower {text-transform:lowercase;}
.text-upper {text-transform: uppercase;}
.text-capital {text-transform: capitalize;}
.text-base {font-size: calc(var(--font-size) - 0rem);line-height: 1.5rem;}
.text-xs  { font-size: calc(var(--font-size) - 0.15rem); line-height: 1.5; }
.text-md  { font-size: calc(var(--font-size) + 1.10rem); line-height: 1.4; }
.text-lg  { font-size: calc(var(--font-size) + 1.75rem); line-height: 1.35; }
.text-xl  { font-size: calc(var(--font-size) + 2.20rem); line-height: 1.3; }
.text-2xl { font-size: calc(var(--font-size) + 2.65rem); line-height: 1.3; }
.text-3xl { font-size: calc(var(--font-size) + 3.15rem); line-height: 1.25; }
.text-4xl { font-size: calc(var(--font-size) + 3.65rem); line-height: 1.2; }
.text-5xl { font-size: calc(var(--font-size) + 4.20rem); line-height: 1.15; }
.text-6xl { font-size: calc(var(--font-size) + 4.75rem); line-height: 1.15; }
.text-7xl { font-size: calc(var(--font-size) + 5.30rem); line-height: 1.1; }
.text-8xl { font-size: calc(var(--font-size) + 5.85rem); line-height: 1.1; }
.text-9xl { font-size: calc(var(--font-size) + 6.40rem); line-height: 1.05; }


.text-sm-88 {font-size: 88%;}
.text-sm-88 {font-size: 88%;}
.text-sm-95 {font-size: 95%;}
.text-smaller {font-size: 80%;}
.text-smaller-1 {font-size: 70%;}
.text-smaller-2 {font-size: 50%;}
.text-larger {font-size: 120%;}
.text-larger-1 {font-size: 140%;}
.text-super {vertical-align: super;}
.text-sub {vertical-align: sub;}
.font-thin {font-weight: 100;}
.font-extralight {font-weight: 200;}
.font-light {font-weight: 300;}
.font-normal {font-weight: 400;}
.font-medium {font-weight: 500;}
.font-semibold {font-weight: 600;}
.font-bold {font-weight: 700;}
.font-extrabold {font-weight: 800;}
.font-black {font-weight: 900;}
.font-italics {font-style: italic;}

.hover\:font-thin:hover {font-weight: 100;}
.hover\:font-extralight:hover {font-weight: 200;}
.hover\:font-light:hover {font-weight: 300;}
.hover\:font-normal:hover {font-weight: 400;}
.hover\:font-medium:hover {font-weight: 500;}
.hover\:font-semibold:hover {font-weight: 600;}
.hover\:font-bold:hover {font-weight: 700;}
.hover\:font-extrabold:hover {font-weight: 800;}
.hover\:font-black:hover {font-weight: 900;}
.hover\:font-italics:hover {font-style: italic;}

.focus\:outline-none:focus { outline:none; }
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}

.shadow-sm  {--shadow-opacity: 0.05;box-shadow: 0 1px 2px 0 rgba(var(--shadow-color), var(--shadow-opacity));}
.shadow {--shadow-opacity: 0.25;box-shadow: 0 1px 3px 0 rgba(var(--shadow-color), var(--shadow-opacity)), 0 1px 2px -1px rgba(var(--shadow-color), var(--shadow-opacity));}
.shadow-md {--shadow-opacity: 0.10;box-shadow: 0 4px 6px -1px rgba(var(--shadow-color), var(--shadow-opacity)), 0 2px 4px -2px rgba(var(--shadow-color), var(--shadow-opacity));}
.shadow-lg {--shadow-opacity: 0.10;box-shadow: 0 10px 15px -3px rgba(var(--shadow-color), var(--shadow-opacity)), 0 4px 6px -4px rgba(var(--shadow-color), var(--shadow-opacity));}
.shadow-xl {--shadow-opacity: 0.10;box-shadow: 0 20px 25px -5px rgba(var(--shadow-color), var(--shadow-opacity)), 0 8px 10px -6px rgba(var(--shadow-color), var(--shadow-opacity));}
.shadow-2xl {--shadow-opacity: 0.25;box-shadow: 0 25px 50px -12px rgba(var(--shadow-color), var(----shadow-opacity));}
.shadow-inner {--shadow-opacity: 0.095;box-shadow: inset 0 2px 4px 0 rgba(var(--shadow-color), var(--shadow-opacity));}
.shadow-none {box-shadow: 0 0 #0000;}
.shadow-red {--shadow-color: 233, 59, 59}

.drop-shadow-sm {filter: drop-shadow(0 1px 1px rgb(0 0 0 / 0.15));}
.drop-shadow {filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.3)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.12));}
.drop-shadow-md {filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.21)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.12));}
.drop-shadow-lg {filter: drop-shadow(0 10px 8px rgb(0 0 0 / 0.12)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.3));}
.drop-shadow-xl {filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.10)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.16));}
.drop-shadow-2xl {filter: drop-shadow(0 25px 25px rgb(0 0 0 / 0.45));}
.drop-shadow-none {filter: drop-shadow(0 0 #0000);}



.shadow-primary    { --shadow-color: var(--primary-600); }
.shadow-red        { --shadow-color: var(--red-600); }
.shadow-blue       { --shadow-color: var(--blue-600); }
.shadow-emerald    { --shadow-color: var(--blue-600); }
.shadow-indigo     { --shadow-color: var(--indigo-600); }
.shadow-gray       { --shadow-color: var(--gray-600); }
.shadow-orange     { --shadow-color: var(--orange-600); }
.shadow-amberd     { --shadow-color: var(--amber-600); }
.shadow-black      { --shadow-color: var(--black); }
.shadow-white      { --shadow-color: var(--white); }
.shadow-transparent{ --shadow-color: transparent }


.hover\:drop-shadow-sm:hover {filter: drop-shadow(0 1px 1px rgb(0 0 0 / 0.15));}
.hover\:drop-shadow:hover {filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.3)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.12));}
.hover\:drop-shadow-md:hover {filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.21)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.12));}
.hover\:drop-shadow-lg:hover {filter: drop-shadow(0 10px 8px rgb(0 0 0 / 0.12)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.3));}
.hover\:drop-shadow-xl:hover {filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.10)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.16));}
.hover\:drop-shadow-2xl:hover {filter: drop-shadow(0 25px 25px rgb(0 0 0 / 0.45));}
.hover\:drop-shadow-none:hover {filter: drop-shadow(0 0 #0000);}

.contrast-0 {filter: contrast(0);}
.contrast-50 {filter: contrast(.5);}
.contrast-75 {filter: contrast(.75);}
.contrast-100 {filter: contrast(1);}
.contrast-125 {filter: contrast(1.25);}
.contrast-150 {filter: contrast(1.5);}
.contrast-200 {filter: contrast(2);}
.primary ::marker {color: rgba(var(--primary-500), 1.0);font-weight: 600;}
.indigo ::marker {color: rgba(var(--indigo-500), 1.0);font-weight: 600;}
.emerald ::marker {color: rgba(var(--emerald-500), 1.0);font-weight: 600;}
.red ::marker {color: rgba(var(--red-500), 1.0);font-weight: 600;}
.blue ::marker {color: rgba(var(--blue-500), 1.0);font-weight: 600;}
.amber ::marker {color: rgba(var(--amber-500), 1.0);font-weight: 600;}
.list-none {list-style: none !important;}
.list-style-disclosure {list-style-type: disclosure-closed;}
.list-item.default {list-style: disc !important;margin-left: 2em;}
.list-item.lower-alpha {list-style: lower-alpha !important;margin-left: 2em;}
.list-item.upper-alpha {list-style: upper-alpha !important;margin-left: 2em;}
.list-item.numeric {list-style: auto !important;margin-left: 2em;}
.List.list-none>li {list-style: none !important;}

.number { color: rgba(var(--indigo-500), 1.0); font-weight: 600;}

.p-0 {padding: 0px;}
.p-px {padding: 1px;}
.p-1 {padding: 0.25rem;}
.p-2 {padding: 0.5rem;}
.p-3 {padding: 0.75rem;}
.p-3 {padding: 0.875rem;}
.p-4 {padding: 1rem;}
.p-5 {padding: 1.25rem;}
.p-6 {padding: 1.5rem;}
.p-7 {padding: 1.75rem;}
.p-8 {padding: 2rem;}
.p-9 {padding: 2.25rem;}
.p-10 {padding: 2.5rem;}
.p-11 {padding: 2.75rem;}
.p-12 {padding: 3rem;}
.p-14 {padding: 3.5rem;}
.p-16 {padding: 4rem;}
.p-18 {padding: 4.5rem;}
.p-20 {padding: 5rem;}
.p-22 {padding: 5.5rem;}
.p-24 {padding: 6rem;}
.px-0 {padding-left: 0px;padding-right: 0px;}
.px-1 {padding-left: 0.25rem;padding-right: 0.25rem;}
.px-2 {padding-left: 0.5rem;padding-right: 0.5rem;}
.px-3 {padding-left: 0.75rem;padding-right: 0.75rem;}
.px-4 {padding-left: 1rem;padding-right: 1rem;}
.px-5 {padding-left: 1.25rem;padding-right: 1.25rem;}
.px-6 {padding-left: 1.5rem;padding-right: 1.5rem;}
.px-7 {padding-left: 1.75rem;padding-right: 1.75rem;}
.px-8 {padding-left: 2rem;padding-right: 2rem;}
.px-9 {padding-left: 2.25rem;padding-right: 2.25rem;}
.px-10 {padding-left: 2.5rem;padding-right: 2.5rem;}
.px-11 {padding-left: 2.75rem;padding-right: 2.75rem;}
.px-12 {padding-left: 3rem;padding-right: 3rem;}
.px-14 {padding-left: 3.5rem;padding-right: 3.5rem;}
.px-16 {padding-left: 4rem;padding-right: 4rem;}
.px-18 {padding-left: 4.5rem;padding-right: 4.5rem;}
.px-20 {padding-left: 5rem;padding-right: 5rem;}
.px-22 {padding-left: 5.5rem;padding-right: 5.5rem;}
.px-24 {padding-left: 6rem;padding-right: 6rem;}
.py-0 {padding-top: 0px;padding-bottom: 0px;}
.py-1 {padding-top: 0.25rem;padding-bottom: 0.25rem;}
.py-2 {padding-top: 0.5rem;padding-bottom: 0.5rem;}
.py-3 {padding-top: 0.75rem;padding-bottom: 0.75rem;}
.py-4 {padding-top: 1rem;padding-bottom: 1rem;}
.py-5 {padding-top: 1.25rem;padding-bottom: 1.25rem;}
.py-6 {padding-top: 1.5rem;padding-bottom: 1.5rem;}
.py-7 {padding-top: 1.75rem;padding-bottom: 1.75rem;}
.py-8 {padding-top: 2rem;padding-bottom: 2rem;}
.py-9 {padding-top: 2.25rem;padding-bottom: 2.25rem;}
.py-10 {padding-top: 2.5rem;padding-bottom: 2.5rem;}
.py-11 {padding-top: 2.75rem;padding-bottom: 2.75rem;}
.py-12 {padding-top: 3rem;padding-bottom: 3rem;}
.py-14 {padding-top: 3.5rem;padding-bottom: 3.5rem;}
.py-16 {padding-top: 4rem;padding-bottom: 4rem;}
.py-20 {padding-top: 5rem;padding-bottom: 5rem;}
.py-22 {padding-top: 5.5rem;padding-bottom: 5.5rem;}
.py-24 {padding-top: 6rem;padding-bottom: 6rem;}
.pt-0 {padding-top: 0px;}
.pt-1 {padding-top: 0.25rem;}
.pt-2 {padding-top: 0.5rem;}
.pt-3 {padding-top: 0.75rem;}
.pt-4 {padding-top: 1rem;}
.pt-5 {padding-top: 1.25rem;}
.pt-6 {padding-top: 1.5rem;}
.pt-7 {padding-top: 1.75rem;}
.pt-8 {padding-top: 2rem;}
.pt-9 {padding-top: 2.25rem;}
.pt-10 {padding-top: 2.5rem;}
.pt-11 {padding-top: 2.75rem;}
.pt-12 {padding-top: 3rem;}
.pt-14 {padding-top: 3.5rem;}
.pt-16 {padding-top: 4rem;}
.pt-20 {padding-top: 5rem;}
.pt-22 {padding-top: 5.5rem;}
.pt-24 {padding-top: 6rem;}

.pr-0 {padding-right: 0px;}
.pr-1 {padding-right: 0.25rem;}
.pr-2 {padding-right: 0.5rem;}
.pr-3 {padding-right: 0.75rem;}
.pr-4 {padding-right: 1rem;}
.pr-5 {padding-right: 1.25rem;}
.pr-6 {padding-right: 1.5rem;}
.pr-7 {padding-right: 1.75rem;}
.pr-8 {padding-right: 2rem;}
.pr-9 {padding-right: 2.25rem;}
.pr-10 {padding-right: 2.5rem;}
.pr-11 {padding-right: 2.75rem;}
.pr-12 {padding-right: 3rem;}
.pr-14 {padding-right: 3.5rem;}
.pr-16 {padding-right: 4rem;}
.pr-18 {padding-right: 4.5rem;}
.pr-20 {padding-right: 5rem;}
.pr-22 {padding-right: 5.5rem;}
.pr-24 {padding-right: 6rem;}
.pb-0 {padding-bottom: 0px;}
.pb-1 {padding-bottom: 0.25rem;}
.pb-2 {padding-bottom: 0.5rem;}
.pb-3 {padding-bottom: 0.75rem;}
.pb-4 {padding-bottom: 1rem;}
.pb-5 {padding-bottom: 1.25rem;}
.pb-6 {padding-bottom: 1.5rem;}
.pb-7 {padding-bottom: 1.75rem;}
.pb-8 {padding-bottom: 2rem;}
.pb-9 {padding-bottom: 2.25rem;}
.pb-10 {padding-bottom: 2.5rem;}
.pb-11 {padding-bottom: 2.75rem;}
.pb-12 {padding-bottom: 3rem;}
.pb-14 {padding-bottom: 3.5rem;}
.pb-16 {padding-bottom: 4rem;}
.pb-18 {padding-bottom: 4.5rem;}
.pb-20 {padding-bottom: 5rem;}
.pb-18 {padding-bottom: 5.5rem;}
.pb-24 {padding-bottom: 6rem;}
.pl-0 {padding-left: 0px;}
.pl-1 {padding-left: 0.25rem;}
.pl-2 {padding-left: 0.5rem;}
.pl-3 {padding-left: 0.75rem;}
.pl-4 {padding-left: 1rem;}
.pl-5 {padding-left: 1.25rem;}
.pl-6 {padding-left: 1.5rem;}
.pl-7 {padding-left: 1.75rem;}
.pl-8 {padding-left: 2rem;}
.pl-9 {padding-left: 2.25rem;}
.pl-10 {padding-left: 2.5rem;}
.pl-11 {padding-left: 2.75rem;}
.pl-12 {padding-left: 3rem;}
.pl-14 {padding-left: 3.5rem;}
.pl-16 {padding-left: 4rem;}
.pl-18 {padding-left: 4.5rem;}
.pl-20 {padding-left: 5rem;}
.pl-22 {padding-left: 5.5rem;}
.pl-24 {padding-left: 6rem;}

.mx-auto {margin-left: auto;margin-right: auto;}
.my-auto {margin-top: auto;margin-bottom: auto;}
.m-auto {margin: auto;}
.ml-auto {margin-left: auto;}
.mr-auto {margin-right: auto;}
.mt-auto {margin-top: auto;}
.mb-auto {margin-bottom: auto;}
.m-0 {margin: 0px;}
.m-px {margin: 1px;}
.m-1 {margin: 0.25rem;}
.m-2 {margin: 0.5rem;}
.m-3 {margin: 0.75rem;}
.m-3 {margin: 0.875rem;}
.m-4 {margin: 1rem;}
.m-5 {margin: 1.25rem;}
.m-6 {margin: 1.5rem;}
.m-7 {margin: 1.75rem;}
.m-8 {margin: 2rem;}
.m-9 {margin: 2.25rem;}
.m-10 {margin: 2.5rem;}
.m-11 {margin: 2.75rem;}
.m-12 {margin: 3rem;}
.m-14 {margin: 3.5rem;}
.m-16 {margin: 4rem;}
.m-18 {margin: 4.5rem;}
.m-20 {margin: 5rem;}
.m-22 {margin: 5.5rem;}
.m-24 {margin: 6rem;}
.mx-0 {margin-left: 0px;margin-right: 0px;}
.mx-1 {margin-left: 0.25rem;margin-right: 0.25rem;}
.mx-2 {margin-left: 0.5rem;margin-right: 0.5rem;}
.mx-3 {margin-left: 0.75rem;margin-right: 0.75rem;}
.mx-4 {margin-left: 1rem;margin-right: 1rem;}
.mx-5 {margin-left: 1.25rem;margin-right: 1.25rem;}
.mx-6 {margin-left: 1.5rem;margin-right: 1.5rem;}
.mx-7 {margin-left: 1.75rem;margin-right: 1.75rem;}
.mx-8 {margin-left: 2rem;margin-right: 2rem;}
.mx-9 {margin-left: 2.25rem;margin-right: 2.25rem;}
.mx-10 {margin-left: 2.5rem;margin-right: 2.5rem;}
.mx-11 {margin-left: 2.75rem;margin-right: 2.75rem;}
.mx-12 {margin-left: 3rem;margin-right: 3rem;}
.mx-14 {margin-left: 3.5rem;margin-right: 3.5rem;}
.mx-16 {margin-left: 4rem;margin-right: 4rem;}
.mx-20 {margin-left: 5rem;margin-right: 5rem;}
.mx-24 {margin-left: 6rem;margin-right: 6rem;}
.my-0 {margin-top: 0px;margin-bottom: 0px;}
.my-1 {margin-top: 0.25rem;margin-bottom: 0.25rem;}
.my-2 {margin-top: 0.5rem;margin-bottom: 0.5rem;}
.my-3 {margin-top: 0.75rem;margin-bottom: 0.75rem;}
.my-4 {margin-top: 1rem;margin-bottom: 1rem;}
.my-5 {margin-top: 1.25rem;margin-bottom: 1.25rem;}
.my-6 {margin-top: 1.5rem;margin-bottom: 1.5rem;}

.my-7 {margin-top: 1.75rem;margin-bottom: 1.75rem;}
.my-8 {margin-top: 2rem;margin-bottom: 2rem;}
.my-9 {margin-top: 2.25rem;margin-bottom: 2.25rem;}
.my-10 {margin-top: 2.5rem;margin-bottom: 2.5rem;}
.my-11 {margin-top: 2.75rem;margin-bottom: 2.75rem;}
.my-12 {margin-top: 3rem;margin-bottom: 3rem;}
.my-14 {margin-top: 3.5rem;margin-bottom: 3.5rem;}
.my-16 {margin-top: 4rem;margin-bottom: 4rem;}
.my-18 {margin-top: 4.5rem;margin-bottom: 4.5rem;}
.my-20 {margin-top: 5rem;margin-bottom: 5rem;}
.my-22 {margin-top: 5.5rem;margin-bottom: 5.5rem;}
.my-24 {margin-top: 6rem;margin-bottom: 6rem;}
.mt-0 { margin-top: 0px;}
.mt-1 { margin-top: 0.25rem;}
.mt-2 { margin-top: 0.5rem;}
.mt-3 { margin-top: 0.75rem;}
.mt-4 { margin-top: 1rem;}
.mt-5 { margin-top: 1.25rem;}
.mt-6 { margin-top: 1.5rem;}
.mt-7 { margin-top: 1.75rem;}
.mt-8 { margin-top: 2rem;}
.mt-9 { margin-top: 2.25rem;}
.mt-10 { margin-top: 2.5rem;}
.mt-11 { margin-top: 2.75rem;}
.mt-12 { margin-top: 3rem;}
.mt-14 {margin-top: 3.5rem;}
.mt-16 {margin-top: 4rem;}
.mt-18 {margin-top: 4.5rem;}
.mt-20 {margin-top: 5rem;}
.mt-22 {margin-top: 5.5rem;}
.mt-24 {margin-top: 6rem;}
.mr-0 {margin-right: 0px;}
.mr-1 {margin-right: 0.25rem;}
.mr-2 {margin-right: 0.5rem;}
.mr-3 {margin-right: 0.75rem;}
.mr-4 {margin-right: 1rem;}
.mr-5 {margin-right: 1.25rem;}
.mr-6 {margin-right: 1.5rem;}
.mr-7 {margin-right: 1.75rem;}
.mr-8 {margin-right: 2rem;}
.mr-9 {margin-right: 2.25rem;}
.mr-10 {margin-right: 2.5rem;}
.mr-11 {margin-right: 2.75rem;}
.mr-12 {margin-right: 3rem;}
.mr-14 {margin-right: 3.5rem;}
.mr-16 {margin-right: 4rem;}
.mr-18 {margin-right: 4.5rem;}
.mr-20 {margin-right: 5rem;}
.mr-22 {margin-right: 5.5rem;}
.mr-24 {margin-right: 6rem;}
.mb-0 {margin-bottom: 0px;}
.mb-1 {margin-bottom: 0.25rem;}
.mb-2 {margin-bottom: 0.5rem;}
.mb-3 {margin-bottom: 0.75rem;}
.mb-4 {margin-bottom: 1rem;}
.mb-5 {margin-bottom: 1.25rem;}
.mb-6 {margin-bottom: 1.5rem;}
.mb-7 {margin-bottom: 1.75rem;}
.mb-8 {margin-bottom: 2rem;}
.mb-9 {margin-bottom: 2.25rem;}
.mb-10 {margin-bottom: 2.5rem;}
.mb-11 {margin-bottom: 2.75rem;}
.mb-12 {margin-bottom: 3rem;}
.mb-14 {margin-bottom: 3.5rem;}
.mb-16 {margin-bottom: 4rem;}
.mb-18 {margin-bottom: 4.5rem;}
.mb-20 {margin-bottom: 5rem;}
.mb-22 {margin-bottom: 5.5rem;}
.mb-24 {margin-bottom: 6rem;}
.ml-0 {margin-left: 0px;}
.ml-1 {margin-left: 0.25rem;}
.ml-2 {margin-left: 0.5rem;}
.ml-3 {margin-left: 0.75rem;}
.ml-4 {margin-left: 1rem;}
.ml-5 {margin-left: 1.25rem;}
.ml-6 {margin-left: 1.5rem;}
.ml-7 {margin-left: 1.75rem;}
.ml-8 {margin-left: 2rem;}
.ml-9 {margin-left: 2.25rem;}
.ml-10 {margin-left: 2.5rem;}
.ml-11 {margin-left: 2.75rem;}
.ml-12 {margin-left: 3rem;}
.ml-14 {margin-left: 3.5rem;}
.ml-16 {margin-left: 4rem;}
.ml-18 {margin-left: 4.5rem;}
.ml-20 {margin-left: 5rem;}
.ml-22 {margin-left: 5.5rem;}
.ml-24 {margin-left: 6rem;}

 
.border-bottom {border-bottom: 1px solid rgba(var(--gray-300), 1); padding-bottom: 6px;}

.rounded-none {border-radius: 0px;}
.rounded-sm {border-radius: 0.125rem;}
.rounded {border-radius: 0.25rem;}
.rounded-md {border-radius: 0.375rem;}
.rounded-lg {border-radius: 0.5rem;}
.rounded-xl {border-radius: 0.75rem;}
.rounded-2xl {border-radius: 1rem;}
.rounded-3xl {border-radius: 1.5rem;}
.rounded-full {border-radius: 9999px;}
.rounded-t-none {border-top-left-radius: 0px;border-top-right-radius: 0px;}
.rounded-t-sm {border-top-left-radius: 0.125rem;border-top-right-radius: 0.125rem;}
.rounded-t {border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem;}
.rounded-t-md {border-top-left-radius: 0.375rem;border-top-right-radius: 0.375rem;}
.rounded-t-lg {border-top-left-radius: 0.5rem;border-top-right-radius: 0.5rem;}
.rounded-t-xl {border-top-left-radius: 0.75rem;border-top-right-radius: 0.75rem;}
.rounded-t-2xl {border-top-left-radius: 1rem;border-top-right-radius: 1rem;}
.rounded-t-3xl {border-top-left-radius: 1.5rem;border-top-right-radius: 1.5rem;}
.rounded-t-full {border-top-left-radius: 9999px;border-top-right-radius: 9999px;}
.rounded-r-none {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.rounded-r-sm {border-top-right-radius: 0.125rem;border-bottom-right-radius: 0.125rem;}
.rounded-r {border-top-right-radius: 0.25rem;border-bottom-right-radius: 0.25rem;}
.rounded-r-md {border-top-right-radius: 0.375rem;border-bottom-right-radius: 0.375rem;}
.rounded-r-lg {border-top-right-radius: 0.5rem;border-bottom-right-radius: 0.5rem;}
.rounded-r-xl {border-top-right-radius: 0.75rem;border-bottom-right-radius: 0.75rem;}
.rounded-r-2xl {border-top-right-radius: 1rem;border-bottom-right-radius: 1rem;}
.rounded-r-3xl {border-top-right-radius: 1.5rem;border-bottom-right-radius: 1.5rem;}
.rounded-r-full {border-top-right-radius: 9999px;border-bottom-right-radius: 9999px;}
.rounded-b-none {border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
.rounded-b-sm {border-bottom-right-radius: 0.125rem;border-bottom-left-radius: 0.125rem;}
.rounded-b {border-bottom-right-radius: 0.25rem;border-bottom-left-radius: 0.25rem;}
.rounded-b-md {border-bottom-right-radius: 0.375rem;border-bottom-left-radius: 0.375rem;}
.rounded-b-lg {border-bottom-right-radius: 0.5rem;border-bottom-left-radius: 0.5rem;}
.rounded-b-xl {border-bottom-right-radius: 0.75rem;border-bottom-left-radius: 0.75rem;}
.rounded-b-2xl {border-bottom-right-radius: 1rem;border-bottom-left-radius: 1rem;}
.rounded-b-3xl {border-bottom-right-radius: 1.5rem;border-bottom-left-radius: 1.5rem;}
.rounded-b-full {border-bottom-right-radius: 9999px;border-bottom-left-radius: 9999px;}
.rounded-l-none {border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.rounded-l-sm {border-top-left-radius: 0.125rem;border-bottom-left-radius: 0.125rem;}
.rounded-l {border-top-left-radius: 0.25rem;border-bottom-left-radius: 0.25rem;}
.rounded-l-md {border-top-left-radius: 0.375rem;border-bottom-left-radius: 0.375rem;}
.rounded-l-lg {border-top-left-radius: 0.5rem;border-bottom-left-radius: 0.5rem;}
.rounded-l-xl {border-top-left-radius: 0.75rem;border-bottom-left-radius: 0.75rem;}
.rounded-l-2xl {border-top-left-radius: 1rem;border-bottom-left-radius: 1rem;}
.rounded-l-3xl {border-top-left-radius: 1.5rem;border-bottom-left-radius: 1.5rem;}
.rounded-l-full {border-top-left-radius: 9999px;border-bottom-left-radius: 9999px;}
.rounded-tl-none {border-top-left-radius: 0px;}
.rounded-tl-sm {border-top-left-radius: 0.125rem;}
.rounded-tl {border-top-left-radius: 0.25rem;}
.rounded-tl-md {border-top-left-radius: 0.375rem;}
.rounded-tl-lg {border-top-left-radius: 0.5rem;}
.rounded-tl-xl {border-top-left-radius: 0.75rem;}
.rounded-tl-2xl {border-top-left-radius: 1rem;}
.rounded-tl-3xl {border-top-left-radius: 1.5rem;}
.rounded-tl-full {border-top-left-radius: 9999px;}
.rounded-tr-none {border-top-right-radius: 0px;}
.rounded-tr-sm {border-top-right-radius: 0.125rem;}
.rounded-tr {border-top-right-radius: 0.25rem;}
.rounded-tr-md {border-top-right-radius: 0.375rem;}
.rounded-tr-lg {border-top-right-radius: 0.5rem;}
.rounded-tr-xl {border-top-right-radius: 0.75rem;}
.rounded-tr-2xl {border-top-right-radius: 1rem;}
.rounded-tr-3xl {border-top-right-radius: 1.5rem;}
.rounded-tr-full {border-top-right-radius: 9999px;}
.rounded-br-none {border-bottom-right-radius: 0px;}
.rounded-br-sm {border-bottom-right-radius: 0.125rem;}
.rounded-br {border-bottom-right-radius: 0.25rem;}
.rounded-br-md {border-bottom-right-radius: 0.375rem;}
.rounded-br-lg {border-bottom-right-radius: 0.5rem;}
.rounded-br-xl {border-bottom-right-radius: 0.75rem;}
.rounded-br-2xl {border-bottom-right-radius: 1rem;}
.rounded-br-3xl {border-bottom-right-radius: 1.5rem;}
.rounded-br-full {border-bottom-right-radius: 9999px;}
.rounded-bl-none {border-bottom-left-radius: 0px;}
.rounded-bl-sm {border-bottom-left-radius: 0.125rem;}
.rounded-bl {border-bottom-left-radius: 0.25rem;}
.rounded-bl-md {border-bottom-left-radius: 0.375rem;}
.rounded-bl-lg {border-bottom-left-radius: 0.5rem;}
.rounded-bl-xl {border-bottom-left-radius: 0.75rem;}
.rounded-bl-2xl {border-bottom-left-radius: 1rem;}
.rounded-bl-3xl {border-bottom-left-radius: 1.5rem;}
.rounded-bl-full {border-bottom-left-radius: 9999px;}
.border-dashed {border-style: dashed}
.border-dotted {border-style: dotted;}
.border-solid {border-style: solid;}
.border-double {border-style: double;}
.border-none {border-style: none;}
.border-0 {border-width: 0px;}
.border {border-width: 1px;}
.border-2 {border-width: 2px;}
.border-4 {border-width: 4px;}
.border-6 {border-width: 6px;}
.border-8 {border-width: 8px;}
.border-t-0 {border-top-width: 0px;}
.border-t-2 {border-top-width: 2px;}
.border-t-4 {border-top-width: 4px;}
.border-t-6 {border-top-width: 6px;}
.border-t-8 {border-top-width: 8px;}
.border-t {border-top-width: 1px;}
.border-r-0 {border-right-width: 0px;}
.border-r-2 {border-right-width: 2px;}
.border-r-4 {border-right-width: 4px;}
.border-r-6 {border-right-width: 6px;}
.border-r-8 {border-right-width: 8px;}
.border-r {border-right-width: 1px;}
.border-b-0 {border-bottom-width: 0px;}
.border-b-2 {border-bottom-width: 2px;}
.border-b-4 {border-bottom-width: 4px;}
.border-b-6 {border-bottom-width: 6px;}
.border-b-8 {border-bottom-width: 8px;}
.border-b {border-bottom-width: 1px;}
.border-l-0 {border-left-width: 0px;}
.border-l-2 {border-left-width: 2px;}
.border-l-4 {border-left-width: 4px;}
.border-l-6 {border-left-width: 6px;}
.border-l-8 {border-left-width: 8px;}
.border-l {border-left-width: 1px;}

.emphasis-primary {border-left: 4px solid rgba(var(--primary-500), 1.0) !important;}
.emphasis-indigo {border-left: 4px solid rgba(var(--indigo-500), 1.0) !important;}
.emphasis-amber {border-left: 4px solid rgba(var(--amber-500), 1.0) !important;}
.emphasis-red {border-left: 4px solid rgba(var(--red-500), 1.0) !important;}
.emphasis-blue {border-left: 4px solid rgba(var(--blue-500), 1.0) !important;}
.emphasis-black {border-left: 4px solid rgba(var(--black), 1.0) !important;}
.emphasis-white {border-left: 4px solid rgba(var(--whites-500), 1.0) !important;}
.emphasis-gray {border-left: 4px solid rgba(var(--gray-500), 1.0) !important;}
.emphasis-emerald {border-left: 4px solid rgba(var(--emerald-500), 1.0) !important;}
.has-focus {z-index: 300}
.aspect-1 {aspect-ratio: 1 / 1;}
.flex-row {flex-direction: row;}
.flex-row-reverse {flex-direction: row-reverse;}
.flex-col {flex-direction: column;}
.flex-col-reverse {flex-direction: column-reverse;}
.flex-wrap {flex-wrap: wrap;}
.flex-wrap-reverse {flex-wrap: wrap-reverse;}
.flex-nowrap {flex-wrap: nowrap;}
.flex-1 {flex: 1 1 0%;}
.flex-auto {flex: 1 1 auto;}
.flex-initial {flex: 0 1 auto;}
.flex-none {flex: none;}
.flex-grow {flex-grow: 1;}
.flex-shrink {flex-shrink: 1;}
.flex-shrink-0 {flex-shrink: 0;}
.place-items-center {place-items: center;}
.place-content-center {place-content: center;}
.justify-normal {justify-content: normal;}
.justify-start {justify-content: flex-start;}
.justify-end {justify-content: flex-end;}
.justify-center {justify-content: center;}
.justify-between,
.space-between {justify-content: space-between;}
.justify-around {justify-content: space-around;}
.justify-evenly {justify-content: space-evenly;}
.justify-stretch {justify-content: stretch;}
.self-start {align-self: flex-start;}
.self-end {align-self: flex-end;}
.self-center {align-self: center;}
.self-baseline {align-self: baseline;}
.self-stretch {align-self: stretch;}
.items-start {align-items: flex-start;}
.items-end {align-items: flex-end;}
.items-center {align-items: center;}
.items-baseline {align-items: baseline;}
.items-stretch {align-items: stretch;}
.content-normal {align-content: normal;}
.content-center {align-content: center;}
.content-start {align-content: flex-start;}
.content-end {align-content: flex-end;}
.content-between {align-content: space-between;}
.content-around {align-content: space-around;}
.content-evenly {align-content: space-evenly;}
.content-baseline {align-content: baseline;}
.content-stretch {align-content: stretch;}

.grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr));}
.grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}
.grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
.grid-cols-2\/3 {grid-template-columns: 30% 70%;}
.grid-cols-3\/2 {grid-template-columns: 70% 30%;}
.grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));}
.grid-cols-5 {grid-template-columns: repeat(5, minmax(0, 1fr));}
.grid-cols-6 {grid-template-columns: repeat(6, minmax(0, 1fr));}
.grid-cols-7 {grid-template-columns: repeat(7, minmax(0, 1fr));}
.grid-cols-8 {grid-template-columns: repeat(8, minmax(0, 1fr));}
.grid-cols-9 {grid-template-columns: repeat(9, minmax(0, 1fr));}
.grid-cols-10 {grid-template-columns: repeat(10, minmax(0, 1fr));}
.grid-cols-11 {grid-template-columns: repeat(11, minmax(0, 1fr));}
.grid-cols-12 {grid-template-columns: repeat(12, minmax(0, 1fr));}

.col-span-1 { grid-column: span 1;}
.col-span-2 { grid-column: span 2;}
.col-span-3 { grid-column: span 3;}
.col-span-4 { grid-column: span 4;}
.col-span-5 { grid-column: span 5;}
.col-span-6 { grid-column: span 6;}
.col-span-7 { grid-column: span 7;}
.col-span-8 { grid-column: span 8;}
.col-span-9 { grid-column: span 9;}
.col-span-10 { grid-column: span 10;}
.col-span-11 { grid-column: span 11;}
.col-span-12 { grid-column: span 12;} 

.img-fluid {max-width: 100%;height: auto;}
.avatar { width: 50px; height: 50px;}
.avatar.md { width: 32px; height: 32px;}
.avatar.sm { width: 24px; height: 24px;}
.avatar.rounded { border-radius: 50%;}


.modal {position: fixed;top: 0;left: 0;display: none;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;outline: 0;z-index: 1081;background-color: rgba(var(--black), 0.14);transition: all 180ms ease-out;}
.modal.active {background-color: rgba(var(--black), 0.24);transition: all 180ms ease-out;display:block;}
.modal-dialog-box {display: flex;align-items: center;min-height: calc(100% - 1.75rem * 2);justify-content: center;transition: transform .3s ease-out;}
.modal-dialog-box {display: flex;align-items: center;min-height: calc(100% - 1.75rem * 2);justify-content: center;}
.modal-header,.modal-header>* {font-size: var(--font-size);}
.modal .modal-content {background-color: rgba(var(--white), 1.0);border-radius: 3px;min-width: 18rem;}
.modal .modal-header,.modal .modal-body,.modal .modal-footer {padding: 0.75rem 1.0rem;}
.modal .modal-footer {justify-content: flex-end;display: flex;gap: 0.5em;}


.accordion-item .accordion-header {display: flex;justify-content: space-between;align-items: center;width: 100%;font-weight: 600;padding: 0.5rem 1rem;}
.accordion-item .accordion-icon {transition: transform 180ms ease;color: rgba(var(--gray-400), 0.275);}
.accordion-item .accordion-header:hover .accordion-icon {color: rgba(var(--primary-500), 0.55);}
.accordion-item.active .accordion-icon {transform: rotate(180deg);transition: transform 180ms ease;}
.accordion-item .accordion-header:focus {box-shadow: 0 0 0 .2rem rgba(var(--primary-500), .25);}
.accordion-item .accordion-header:hover {background-color: rgba(var(--primary-500), 0.125);}
.accordion-item .accordion-content .wrapper {padding: 0.5rem 1rem;padding-bottom: 1rem;}
.accordion-item .accordion-content, .collapse .collapse-content {max-height: 0;overflow: hidden;transition: max-height 0.3s ease-in-out;}
.accordion-item.active .accordion-content, .collapse.active .collapse-content {max-height: 500px;transition: max-height 0.3s ease-in-out;}
.list-group {--lbc: var(--gray-400);list-style: none;display: flex;flex-direction: column;border-radius: 0.125em;padding: 0;margin-bottom: 0;border: 1px solid rgba(var(--lbc), 0.25);}
.list-group.action>li:hover:not(.disabled) {background-color: rgba(var(--primary-500), 0.045);}
.list-group>li {padding: 0.75rem 0.5rem;width: 100%;}
.list-group>li.disabled {pointer-events: none;color: rgba(var(--gray-400), 0.45);user-select: none;}
.list-group>li:not(:last-child) {border-bottom: 1px solid rgba(var(--lbc), 0.25);} 
.list-group > * { width: 100%; flex: 1 0 100%;}

.list-list li { list-style:none; padding: 0.75rem 0.5rem;}
.list-list li + li { border-top: 1px solid rgba(var(--gray-300),1.0); }

.button-group { display: flex; border:1px solid rgba(var(--gray-300),10); border-radius: 4px;}
.button-group > button { border: none; border-right: 1px solid rgba(var(--gray-300),1);}
.button-group > button:last-child { border: none;}
.button-group.fit-content { width: fit-content; }
.button-group.fit-content > button { width: fit-content; }
.button-group > button.active { background-color: rgba(var(--primary-500), 1.0); color: rgba(var(--white)); font-weight: 600;}
.button-group > button:hover:not(.active) {background-color:rgba(var(--primary-500),0.1); }

.button-group.black > button.active { background-color: rgba(var(--black), 1.0); color: rgba(var(--white)); font-weight: 600;}







.card {position: relative;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: rgba(var(--white), 1.0);background-clip: border-box;border: 1px solid rgba(var(--gray-300), 0.8);border-radius: 3px;box-shadow: -2px 5px 10px 2px rgba(69, 90, 100, .08);background-clip: border-box;overflow: hidden;}
.card-header * {font-size: var(--font-size);}
.card-header,
.card-body {padding: 1.125rem;}
.card-header {border-bottom: 1px solid rgba(var(--gray-300), 0.8);}

/* Used as container for image galleries */
.gallery {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));column-gap: 16px;row-gap: 16px;grid-template-rows: repeat(2, auto);grid-auto-rows: 0px;overflow: hidden;margin-top: -16px;padding-bottom: 16px;}
.gallery .image-card {user-select: none;aspect-ratio: 7 / 9;color: white;border-radius: 8px;cursor: pointer;position: relative;overflow: hidden;padding: 0px !important;outline: 0px;display: block;text-decoration: none;box-sizing: border-box;box-shadow: none;background-color: rgb(37, 38, 43);}
.gallery .image-card:nth-child(odd) {background-color: rgb(64 66 75);}
.gallery .image-card>img {height: 100%;}
.gallery .image-card img {width: 100%;max-width: 450px;height: 100%;object-fit: cover;object-position: center top;transition: transform 400ms;min-width: 100%;}
.gallery .image-card:hover img {transition: transform 400ms;transform: scale(1.05);}
.object-fit-fill {object-fit: fill;}
.object-fit-cover {object-fit: cover;}
.object-fit-contain {object-fit: contain;}

.callout {
--b-color: var(--primary-200);--c-color: var(--primary-500);
--bg-opacity: 0.65;display:flex;gap:0;background-color: rgba(var(--b-color),var(--bg-opacity));
border-top-right-radius: 0.25em; border-bottom-right-radius: 0.25em;
}
.callout.red    {--b-color: var(--red-200);--c-color: var(--red-500); }
.callout.emerald {--b-color: var(--emerald-200);--c-color: var(--emerald-500);--bg-opacity: 0.365; }
.callout.orange {--b-color: var(--orange-200);--c-color: var(--orange-500); }
.callout.blue   {--b-color: var(--blue-200);--c-color: var(--blue-500); }
.callout.indigo {--b-color: var(--indigo-200);--c-color: var(--indigo-500); }
.callout.amber  {--b-color: var(--amber-200);--c-color: var(--amber-500); }
.callout.black  {--b-color: var(--gray-200);--c-color: var(--gray-800); }

.callout > *:first-child{ color:rgba(var(--white)); max-width: 3.5em; padding: 0.5em;background-color: rgba(var(--c-color), 1.0);border-top-left-radius: 0.25em;border-bottom-left-radius: 0.25em;}
.callout > *:last-child{ flex:1;padding:0.5em; }

.w-0 {width: 0px;}
.w-1 {width: 0.25rem;}
.w-2 {width: 0.50rem;}
.w-3 {width: 0.75rem;}
.w-4 {width: 1.00rem;}
.w-5 {width: 1.25rem;}
.w-6 {width: 1.50rem;}
.w-7 {width: 1.75rem;}
.w-8 {width: 2.00rem;}
.w-9 {width: 2.25rem;}
.w-10 {width: 2.50rem;}
.w-11 {width: 2.75rem;}
.w-12 {width: 3.0rem;}
.w-13 {width: 3.25rem;}
.w-14 {width: 3.50rem;}
.w-15 {width: 3.75rem;}
.w-16 {width: 4.00rem;}
.w-17 {width: 4.25rem;}
.w-18 {width: 4.50rem;}
.w-19 {width: 4.75rem;}
.w-20 {width: 5.00rem;}
.w-22 {width: 6.00rem;}
.w-24 {width: 7.00rem;}
.w-26 {width: 8.00rem;}
.w-28 {width: 9.00rem;}
.w-30 {width: 10.00rem;}
.w-32 {width: 11.00rem;}
.w-34 {width: 12.00rem;}
.w-500 {width: 500px;}
.w-300 {width: 300px;}

.max-w-0 {max-width: 0px;}
.max-w-1 {max-width: 0.25rem;}
.max-w-2 {max-width: 0.50rem;}
.max-w-3 {max-width: 0.75rem;}
.max-w-4 {max-width: 1.00rem;}
.max-w-5 {max-width: 1.25rem;}
.max-w-6 {max-width: 1.50rem;}
.max-w-7 {max-width: 1.75rem;}
.max-w-8 {max-width: 2.00rem;}
.max-w-9 {max-width: 2.25rem;}
.max-w-10 {max-width: 2.50rem;}
.max-w-11 {max-width: 2.75rem;}
.max-w-12 {max-width: 3.0rem;}
.max-w-13 {max-width: 3.25rem;}
.max-w-14 {max-width: 3.50rem;}
.max-w-15 {max-width: 3.75rem;}
.max-w-16 {max-width: 4.00rem;}
.max-w-17 {max-width: 4.25rem;}
.max-w-18 {max-width: 4.50rem;}
.max-w-19 {max-width: 4.75rem;}
.max-w-20 {max-width: 5.00rem;}
.max-w-22 {max-width: 6.00rem;}
.max-w-24 {max-width: 7.00rem;}
.max-w-26 {max-width: 8.00rem;}
.max-w-28 {max-width: 9.00rem;}
.max-w-30 {max-width: 10.00rem;}
.max-w-32 {max-width: 11.00rem;}
.max-w-500 {max-width: 500px;}
.max-w-300 {max-width: 300px}
.w-1\/2 {width: 50%;}
.w-1\/3 {width: 33.333333%;}
.w-2\/3 {width: 66.666667%;}
.w-1\/4 {width: 25%;}
.w-2\/4 {width: 50%;}
.w-3\/4 {width: 75%;}
.w-1\/5 {width: 20%;}
.w-2\/5 {width: 40%;}
.w-3\/5 {width: 60%;}
.w-4\/5 {width: 80%;}
.w-1\/6 {width: 16.666667%;}
.w-2\/6 {width: 33.333333%;}
.w-3\/6 {width: 50%;}
.w-4\/6 {width: 66.666667%;}
.w-5\/6 {width: 83.333333%;}
.w-full {width: 100%;}
.w-screen {width: 100vw;}
.w-fit {width: fit-content;min-width: 32px;max-width: 100%;}
.w-auto {width: auto;}
.w-inherit {width: inherit;}
.w-xs-1 {width: 15rem;}
/* 320px */
.w-xs {width: 20rem;}
/* 320px */
.w-sm {width: 24rem;}
/* 384px */
.w-md {width: 28rem;}
/* 448px */
.w-lg {width: 32rem;}
/* 512px */
.w-xl {width: 36rem;}
/* 576px */
.w-2xl {width: 42rem;}
/* 672px */
.w-3xl {width: 48rem;}
/* 768px */
.w-4xl {width: 56rem;}
/* 896px */
.w-5xl {width: 64rem;}
/* 1024px */
.w-6xl {width: 72rem;}
/* 1152px */
.w-7xl {width: 80rem;}
/* 1280px */


.h-ft {height: fit-content;}

.h-auto {height: auto;}
.h-inherit {height: inherit;}

.h-0 {height: 0px;}
.h-1 {height: 0.25rem;}
.h-2 {height: 0.50rem;}
.h-3 {height: 0.75rem;}
.h-4 {height: 1.00rem;}
.h-5 {height: 1.25rem;}
.h-6 {height: 1.50rem;}
.h-7 {height: 1.75rem;}
.h-8 {height: 2.00rem;}
.h-9 {height: 2.25rem;}
.h-10 {height: 2.50rem;}
.h-11 {height: 2.75rem;}
.h-12 {height: 3.0rem;}
.h-13 {height: 3.25rem;}
.h-14 {height: 3.50rem;}
.h-15 {height: 3.75rem;}
.h-16 {height: 4.00rem;}
.h-17 {height: 4.25rem;}
.h-18 {height: 4.50rem;}
.h-19 {height: 4.75rem;}
.h-20 {height: 5.00rem;}
.h-22 {height: 6.00rem;}
.h-24 {height: 7.00rem;}
.h-26 {height: 8.00rem;}
.h-28 {height: 9.00rem;}
.h-30 {height: 10.00rem;}
.h-32 {height: 11.00rem;}
.h-34 {height: 12.00rem;}

.min-h-0 {min-height: 0px;}
.min-h-1 {min-height: 0.25rem;}
.min-h-2 {min-height: 0.50rem;}
.min-h-3 {min-height: 0.75rem;}
.min-h-4 {min-height: 1.00rem;}
.min-h-5 {min-height: 1.25rem;}
.min-h-6 {min-height: 1.50rem;}
.min-h-7 {min-height: 1.75rem;}
.min-h-8 {min-height: 2.00rem;}
.min-h-9 {min-height: 2.25rem;}
.min-h-10 {min-height: 2.50rem;}
.min-h-11 {min-height: 2.75rem;}
.min-h-12 {min-height: 3.0rem;}
.min-h-13 {min-height: 3.25rem;}
.min-h-14 {min-height: 3.50rem;}
.min-h-15 {min-height: 3.75rem;}
.min-h-16 {min-height: 4.00rem;}
.min-h-17 {min-height: 4.25rem;}
.min-h-18 {min-height: 4.50rem;}
.min-h-19 {min-height: 4.75rem;}
.min-h-20 {min-height: 5.00rem;}
.min-h-22 {min-height: 6.00rem;}
.min-h-24 {min-height: 7.00rem;}
.min-h-26 {min-height: 8.00rem;}
.min-h-28 {min-height: 9.00rem;}

.max-h-0 {max-height: 0px;}
.max-h-1 {max-height: 0.25rem;}
.max-h-2 {max-height: 0.50rem;}
.max-h-3 {max-height: 0.75rem;}
.max-h-4 {max-height: 1.00rem;}
.max-h-5 {max-height: 1.25rem;}
.max-h-6 {max-height: 1.50rem;}
.max-h-7 {max-height: 1.75rem;}
.max-h-8 {max-height: 2.00rem;}
.max-h-9 {max-height: 2.25rem;}
.max-h-10 {max-height: 2.50rem;}
.max-h-11 {max-height: 2.75rem;}
.max-h-12 {max-height: 3.0rem;}
.max-h-13 {max-height: 3.25rem;}
.max-h-14 {max-height: 3.50rem;}
.max-h-15 {max-height: 3.75rem;}
.max-h-16 {max-height: 4.00rem;}
.max-h-17 {max-height: 4.25rem;}
.max-h-18 {max-height: 4.50rem;}
.max-h-19 {max-height: 4.75rem;}
.max-h-20 {max-height: 5.00rem;}
.max-h-22 {max-height: 6.00rem;}
.max-h-24 {max-height: 7.00rem;}
.max-h-26 {max-height: 8.00rem;}
.max-h-28 {max-height: 9.00rem;}
.max-h-30 {max-height: 10.00rem;}
.max-h-32 {max-height: 11.00rem;}
.max-h-34 {max-height: 12.00rem;}
.max-h-500 {max-height: 500px;}
.max-h-250 {max-height: 250px}
.max-h-300 {max-height: 300px}

.h-1\/2 {height: 50%;}
.h-1\/3 {height: 33.333333%;}
.h-2\/3 {height: 66.666667%;}
.h-1\/4 {height: 25%;}
.h-2\/4 {height: 50%;}
.h-3\/4 {height: 75%;}
.h-1\/5 {height: 20%;}
.h-2\/5 {height: 40%;}
.h-3\/5 {height: 60%;}
.h-4\/5 {height: 80%;}
.h-1\/6 {height: 16.666667%;}
.h-2\/6 {height: 33.333333%;}
.h-3\/6 {height: 50%;}
.h-4\/6 {height: 66.666667%;}
.h-5\/6 {height: 83.333333%;}
.h-full {height: 100%;}
.h-screen {height: 100vh;}
.h-fit {height: fit-content;}
.h-xs-1 {height: 15rem;}
/* 320px */
.h-xs {height: 20rem;}
/* 320px */
.h-sm {height: 24rem;}
/* 384px */
.h-md {height: 28rem;}
/* 448px */
.h-lg {height: 32rem;}
/* 512px */
.h-xl {height: 36rem;}
/* 576px */
.h-2xl {height: 42rem;}
/* 672px */
.h-3xl {height: 48rem;}
/* 768px */
.h-4xl {height: 56rem;}
/* 896px */
.h-5xl {height: 64rem;}
/* 1024px */
.h-6xl {height: 72rem;}
/* 1152px */
.h-7xl {height: 80rem;}

/* 1280px */
.min-w-150 {min-width: 15rem;}
.min-w-xs {min-width: 20rem;}
/* 320px */
.min-w-sm {min-width: 24rem;}
/* 384px */
.min-w-md {min-width: 28rem;}
/* 448px */
.min-w-lg {min-width: 32rem;}
/* 512px */
.min-w-xl {min-width: 36rem;}
/* 576px */
.min-w-2xl {min-width: 42rem;}
/* 672px */
.min-w-3xl {min-width: 48rem;}
/* 768px */
.min-w-4xl {min-width: 56rem;}
/* 896px */
.min-w-5xl {min-width: 64rem;}
/* 1024px */
.min-w-6xl {min-width: 72rem;}
/* 1152px */
.min-w-7xl {min-width: 80rem;}
/* 1280px */


.min-w-0 {min-width: 0px;}
.min-w-1 {min-width: 0.25rem;}
.min-w-2 {min-width: 0.50rem;}
.min-w-3 {min-width: 0.75rem;}
.min-w-4 {min-width: 1.00rem;}
.min-w-5 {min-width: 1.25rem;}
.min-w-6 {min-width: 1.50rem;}
.min-w-7 {min-width: 1.75rem;}
.min-w-8 {min-width: 2.00rem;}
.min-w-9 {min-width: 2.25rem;}
.min-w-10 {min-width: 2.50rem;}
.min-w-11 {min-width: 2.75rem;}
.min-w-12 {min-width: 3.0rem;}
.min-w-13 {min-width: 3.25rem;}
.min-w-14 {min-width: 3.50rem;}
.min-w-15 {min-width: 3.75rem;}
.min-w-16 {min-width: 4.00rem;}
.min-w-17 {min-width: 4.25rem;}
.min-w-18 {min-width: 4.50rem;}
.min-w-19 {min-width: 4.75rem;}
.min-w-20 {min-width: 5.00rem;}
.min-w-22 {min-width: 6.00rem;}
.min-w-24 {min-width: 7.00rem;}
.min-w-26 {min-width: 8.00rem;}
.min-w-28 {min-width: 9.00rem;}
.min-w-30 {min-width: 10.00rem;}
.min-w-32 {min-width: 11.00rem;}
.min-w-500 {min-width: 500px;}
.min-w-300 {min-width: 300px}

.min-w-full {min-width: 100%;}
.min-w-screen-sm {min-width: 640px;}
.min-w-screen-md {min-width: 768px;}
.min-w-screen-lg {min-width: 1024px;}
.min-w-screen-xl {min-width: 1280px;}
.min-w-screen-2xl {min-width: 1536px;}
.max-w-xs {max-width: 20rem;}/* 320px */
.max-w-sm {max-width: 24rem;}/* 384px */
.max-w-md {max-width: 28rem;}/* 448px */
.max-w-lg {max-width: 32rem;}/* 512px */
.max-w-xl {max-width: 36rem;}/* 576px */
.max-w-2xl {max-width: 42rem;}/* 672px */
.max-w-3xl {max-width: 48rem;}/* 768px */
.max-w-4xl {max-width: 56rem;}/* 896px */
.max-w-5xl {max-width: 64rem;}/* 1024px */
.max-w-6xl {max-width: 72rem;}/* 1152px */
.max-w-7xl {max-width: 80rem;}/* 1280px */
.max-w-full {max-width: 100%;}
.max-w-screen-sm {max-width: 640px;}
.max-w-screen-md {max-width: 768px;}
.max-w-screen-lg {max-width: 1024px;}
.max-w-screen-xl {max-width: 1280px;}
.max-w-screen-2xl {max-width: 1536px;}
.max-h-xs {max-height: 20rem;}/* 320px */

.max-h-sm {max-height: 24rem;}/* 384px */
.max-h-md {max-height: 28rem;}/* 448px */
.max-h-lg {max-height: 32rem;}/* 512px */
.max-h-xl {max-height: 36rem;}/* 576px */
.max-h-2xl {max-height: 42rem;}/* 672px */
.max-h-3xl {max-height: 48rem;}/* 768px */
.max-h-4xl {max-height: 56rem;}/* 896px */
.max-h-5xl {max-height: 64rem;}/* 1024px */
.max-h-6xl {max-height: 72rem;}/* 1152px */
.max-h-7xl {max-height: 80rem;}/* 1280px */
.max-h-full {max-height: 100%;}
.max-h-screen-sm {max-height: 640px;}
.max-h-screen-md {max-height: 768px;}
.max-h-screen-lg {max-height: 1024px;}
.max-h-screen-xl {max-height: 1280px;}
.max-h-screen-2xl {max-height: 1536px;}

.min-h-xs {min-height: 20rem;}/* 320px */
.min-h-sm {min-height: 24rem;}/* 384px */
.min-h-md {min-height: 28rem;}/* 448px */
.min-h-lg {min-height: 32rem;}/* 512px */
.min-h-xl {min-height: 36rem;}/* 576px */
.min-h-2xl {min-height: 42rem;}/* 672px */
.min-h-3xl {min-height: 48rem;}/* 768px */
.min-h-4xl {min-height: 56rem;}/* 896px */
.min-h-5xl {min-height: 64rem;}/* 1024px */
.min-h-6xl {min-height: 72rem;}/* 1152px */
.min-h-7xl {min-height: 80rem;}/* 1280px */
.min-h-full {min-height: 100%;}
.min-h-virtual {min-height: 100vh;}
.min-h-screen-sm {min-height: 640px;}
.min-h-screen-md {min-height: 768px;}
.min-h-screen-lg {min-height: 1024px;}
.min-h-screen-xl {min-height: 1280px;}
.min-h-screen-2xl { min-height: 1536px;}


pre .code-attribute {opacity: 0;}
pre .code.hljs { border-radius: 3px; max-height: 550px;}
pre:hover .code-attribute {opacity: 1.0;}


.tab-list {
  --text-color: var(--gray-600);
  --bg-hover-color: var(--primary-500);
  --active-bg-color: var(--primary-600);
  --active-color: var(--white);
  --ui-border-radius: 10px;
  list-style: none;
  display   : flex;
  gap       : 0.5em;
  flex-wrap : wrap;
  margin-bottom: 0.5em;
}
.tab-list button { 
  border:none;
  font-weight: 600;
  padding: 0.5em 0.75em;
}

.tab-list.underline button {
  border-bottom: 2px solid transparent; 
  color: rgba(var(--text-color), 0.735);
}
.tab-list.underline button.active {
  color: rgba(var(--active-bg-color),1); 
  border-bottom-color: rgba(var(--active-bg-color),1); 
}

.tab-list.pillbar button { 
  border-radius: var(--ui-border-radius);
  font-weight: 600;
  color: rgba(var(--text-color),1.0);
}
.tab-list.pillbar button:hover, .tab-list.underline button:hover { 
  background-color: rgba(var(--bg-hover-color),0.125);
}

.tab-list.pillbar button.active { 
  background-color: rgba(var(--active-bg-color),0.9525);
  color: rgba(var(--active-color),1);
}

/* Tab Content Container */
.tabs-block .tab-content {  padding: 0.75em 0; position: relative;overflow: hidden;min-height: 120px; }
/* Tab Pane Base Styles */
.tabs-block .tab-pane { position: absolute; top: 0; left: 0;  width: 100%; transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none; }

/* Active Tab Pane - Slide in from right */
.tabs-block .tab-pane.active {transform: translateX(0);pointer-events: auto;position: relative;z-index: 10;} 
.tabs-block .tab-pane:not(.active) {transform: translateX(15%);opacity: 0; pointer-events: none;z-index: 1;}
.tabs-block .tab-pane.closing.active {  transform: translateX(-15%) ;  opacity: 0;  pointer-events: none;  z-index: 1;}


.container {width: 100%;}

.letter-spacing-close {letter-spacing: -3px; }

.transition,.tf {transition: all .2s ease-in-out;}
.hover\:letter-spaced:hover {letter-spacing: 2.3px;transition: letter-spacing 180ms ease-in-out;}
.hover\:tf-scale:hover {transform: scale(1.05);transition: all .2s ease-in-out;}
.hover\:tf-scale-2:hover {transform: scale(1.15);transition: all .2s ease-in-out;}
.hover\:tf-lift:hover {transform: translateY(-.20rem);transition: all .2s ease-in-out;}
.hover\:tf-lift-t1:hover {transform: translateY(-.32rem);transition: all .2s ease-in-out;}
.hover\:tf-lift-t2:hover {transform: translateY(-.44rem);transition: all .2s ease-in-out;}
.hover\:tf-lift-b:hover {transform: translateY(.20rem);}
.hover\:tf-lift-b1:hover {transform: translateY(.32rem);}
.hover\:tf-lift-b2:hover {transform: translateY(.42rem);}
.hover\:tf-shift-l:hover {transform: translateX(-0.20em);}
.hover\:tf-shift-l1:hover {transform: translateX(-0.32em);}
.hover\:tf-shift-l2:hover {transform: translateX(-0.42em);}
.hover\:tf-shift-r:hover {transform: translateX(0.20em);}
.hover\:tf-shift-r1:hover {transform: translateX(0.32em);}
.hover\:tf-shift-r2:hover {transform: translateX(0.42em);}

.media-content {flex: 1; }

.loading {width: 48px;height: 48px;border: 5px solid rgba(var(--primary-500), 1.0);border-bottom-color: transparent;border-radius: 50%;display: inline-block;box-sizing: border-box;animation: rotation 1s linear infinite;}
.loading.sm {width: 22px;height: 22px;border: 3px solid rgba(var(--primary-500), 1.0);border-bottom-color: transparent;border-radius: 50%;display: inline-block;box-sizing: border-box;animation: rotation 0.85s linear infinite;}
.loading.xs {width: 16px;height: 16px;border: 2px solid rgba(var(--primary-500), 1.0);border-bottom-color: transparent;border-radius: 50%;display: inline-block;box-sizing: border-box;animation: rotation 0.85s linear infinite;}
.loading.white {border-color: rgba(var(--white), 1.0);border-bottom-color: transparent;}
.loading.black {border-color: rgba(var(--black), 1.0);border-bottom-color: transparent;}
.loading.red,.loading.danger {border-color: rgba(var(--red-500), 1.0);border-bottom-color: transparent;}
.loading.emerald,.loading.success {border-color: rgba(var(--emerald-500), 1.0);border-bottom-color: transparent;}
.loading.indigo {border-color: rgba(var(--indigo-500), 1.0);border-bottom-color: transparent;}
.loading.hidden { display:none !important;}



@keyframes rotation {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} }

.blink {animation: blink-animation 0.65s steps(5, start) infinite;}

@keyframes blink-animation {to {visibility: hidden;}}


.confirm.waiting { background-color: rgba(var(--red-500), 1);
    color: white;cursor: pointer;
    box-shadow: 0 4px 12px rgba(var(--red-500), 0.3);
    animation: breathe 2.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
    
@keyframes breathe {
    
 0%,100% {
    background-color: rgba(var(--red-500), 1);
    transform: scale(1);box-shadow: 0 4px 12px rgba(var(--red-500), 0.3);
 }
    
  50% {
    background-color: rgba(196, 69, 105, 1);
    transform: scale(1.02); box-shadow: 0 6px 16px rgba(196, 69, 105, 0.4);
    }
}

/** On small screen */
@media (max-width: 640px) {
    
.site-header > nav {
    display: block;
}
.site-header .menu-link {
    width: 100%;
}
.site-header .top-level > .submenu {
    position: relative;
    box-shadow: none;
}


.sm\:flex-col {flex-direction: column;}
.sm\:flex-col-reverse {flex-direction: column-reverse;}

img { height: 100%;}
.sm\:content-normal {align-content: normal;}
.sm\:content-center {align-content: center;}
.sm\:content-start {align-content: flex-start;}
.sm\:content-end {align-content: flex-end;}
.sm\:content-between {align-content: space-between;}
.sm\:content-around {align-content: space-around;}
.sm\:content-evenly {align-content: space-evenly;}
.sm\:content-baseline {align-content: baseline;}
.sm\:content-stretch {align-content: stretch;}

.sm\:justify-normal {justify-content: normal;}
.sm\:justify-start {justify-content: flex-start;}
.sm\:justify-end {justify-content: flex-end;}
.sm\:justify-center {justify-content: center;}
.sm\:justify-between {justify-content: space-between;}
.sm\:justify-around {justify-content: space-around;}
.sm\:justify-evenly {justify-content: space-evenly;}
.sm\:justify-stretch {justify-content: stretch;}

.sm\:items-start {align-items: flex-start;}
.sm\:items-end {align-items: flex-end;}
.sm\:items-center {align-items: center;}
.sm\:items-baseline {align-items: baseline;}
.sm\:items-stretch {align-items: stretch;}


.sm\:grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr));}
.sm\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}
.sm\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
.sm\:grid-cols-2\/3 {grid-template-columns: 30% 70%;}
.sm\:grid-cols-3\/2 {grid-template-columns: 70% 30%;}
.sm\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));}
.sm\:grid-cols-5 {grid-template-columns: repeat(5, minmax(0, 1fr));}
.sm\:grid-cols-6 {grid-template-columns: repeat(6, minmax(0, 1fr));}
.sm\:grid-cols-7 {grid-template-columns: repeat(7, minmax(0, 1fr));}
.sm\:grid-cols-8 {grid-template-columns: repeat(8, minmax(0, 1fr));}
.sm\:grid-cols-9 {grid-template-columns: repeat(9, minmax(0, 1fr));}
.sm\:grid-cols-10 {grid-template-columns: repeat(10, minmax(0, 1fr));}
.sm\:grid-cols-11 {grid-template-columns: repeat(11, minmax(0, 1fr));}
.sm\:grid-cols-12 {grid-template-columns: repeat(12, minmax(0, 1fr));}

 

.sm\:w-0 {width: 0px;}
.sm\:w-1\/2 {width: 50%;}
.sm\:w-1\/3 {width: 33.333333%;}
.sm\:w-2\/3 {width: 66.666667%;}
.sm\:w1\/4 {width: 25%;}
.sm\:w-2\/4 {width: 50%;}
.sm\:w-3\/4 {width: 75%;}
.sm\:w-1\/5 {width: 20%;}
.sm\:w-2\/5 {width: 40%;}
.sm\:w-3\/5 {width: 60%;}
.sm\:w-4\/5 {width: 80%;}
.sm\:w-1\/6 {width: 16.666667%;}
.sm\:w-2\/6 {width: 33.333333%;}
.sm\:w-3\/6 {width: 50%;}
.sm\:w-4\/6 {width: 66.666667%;}
.sm\:w-5\/6 {width: 83.333333%;}
.sm\:w-full {width: 100%;}
.sm\:w-screen {width: 100vw;}
.sm\:w-fit {width: fit-content;}
.sm\:w-12 {width: 12rem;}
.sm\:w-14 {width: 14rem;}
.sm\:w-16 {width: 16rem;}
.sm\:w-18 {width: 18rem;}
.sm\:w-22 {width: 22rem;}
.sm\:w-24 {width: 24rem;}
.sm\:w-xs-1 {width: 15rem;}
/* 320px */.sm\:w-xs {width: 20rem;}
/* 320px */.sm\:w-sm {width: 24rem;}
/* 384px */.sm\:w-md {width: 28rem;}
/* 448px */.sm\:w-lg {width: 32rem;}
/* 512px */.sm\:w-xl {width: 36rem;}
/* 576px */.sm\:w-2xl {width: 42rem;}
/* 672px */.sm\:w-3xl {width: 48rem;}
/* 768px */.sm\:w-4xl {width: 56rem;}
/* 896px */.sm\:w-5xl {width: 64rem;}
/* 1024px */.sm\:w-6xl {width: 72rem;}
/* 1152px */.sm\:w-7xl {width: 80rem;}
/* 1280px */

.sm\:max-w-xs {max-width: 20rem;}
/* 320px */.sm\:max-w-sm {max-width: 24rem;}
/* 384px */.sm\:max-w-md {max-width: 28rem;}
/* 448px */.sm\:max-w-lg {max-width: 32rem;}
/* 512px */.sm\:max-w-xl {max-width: 36rem;}
/* 576px */.sm\:max-w-2xl {max-width: 42rem;}
/* 672px */.sm\:max-w-3xl {max-width: 48rem;}
/* 768px */.sm\:max-w-4xl {max-width: 56rem;}
/* 896px */.sm\:max-w-5xl {max-width: 64rem;}
/* 1024px */.sm\:max-w-6xl {max-width: 72rem;}
/* 1152px */.sm\:max-w-7xl {max-width: 80rem;}
/* 1280px */.sm\:max-w-full {max-width: 100%;}
.sm\:max-w-screen-sm {max-width: 640px;}
.sm\:max-w-screen-md {max-width: 768px;}
.sm\:max-w-screen-lg {max-width: 1024px;}
.sm\:max-w-screen-xl {max-width: 1280px;}
.sm\:max-w-screen-2xl {max-width: 1536px;}
.sm\:block {display: block;}
.sm\:inline-block {display: inline-block;}
.sm\:inline {display: inline;}
.sm\:flex {display: flex;}
.sm\:inline-flex {display: inline-flex;}
.sm\:table {display: table;}
.sm\:grid {display: grid;}
.sm\:inline-grid {display: inline-grid;}
.sm\:hidden {display: none !important; }
.sm\:p-0 {padding: 0px;}
.sm\:p-px {padding: 1px;}
.sm\:p-1 {padding: 0.25rem;}
.sm\:p-2 {padding: 0.5rem;}
.sm\:p-3 {padding: 0.75rem;}
.sm\:p-3 {padding: 0.875rem;}
.sm\:p-4 {padding: 1rem;}
.sm\:p-5 {padding: 1.25rem;}
.sm\:p-6 {padding: 1.5rem;}
.sm\:p-7 {padding: 1.75rem;}
.sm\:p-8 {padding: 2rem;}
.sm\:p-9 {padding: 2.25rem;}
.sm\:p-10 {padding: 2.5rem;}
.sm\:p-11 {padding: 2.75rem;}
.sm\:p-12 {padding: 3rem;}
.sm\:p-14 {padding: 3.5rem;}
.sm\:p-16 {padding: 4rem;}
.sm\:p-20 {padding: 5rem;}
.sm\:p-24 {padding: 6rem;}
.sm\:px-0 {padding-left: 0px;padding-right: 0px;}
.sm\:px-1 {padding-left: 0.25rem;padding-right: 0.25rem;}
.sm\:px-2 {padding-left: 0.5rem;padding-right: 0.5rem;}
.sm\:px-3 {padding-left: 0.75rem;padding-right: 0.75rem;}
.sm\:px-4 {padding-left: 1rem;padding-right: 1rem;}
.sm\:px-5 {padding-left: 1.25rem;padding-right: 1.25rem;}
.sm\:px-6 {padding-left: 1.5rem;padding-right: 1.5rem;}
.sm\:px-7 {padding-left: 1.75rem;padding-right: 1.75rem;}
.sm\:px-8 {padding-left: 2rem;padding-right: 2rem;}
.sm\:px-9 {padding-left: 2.25rem;padding-right: 2.25rem;}
.sm\:px-10 {padding-left: 2.5rem;padding-right: 2.5rem;}
.sm\:px-11 {padding-left: 2.75rem;padding-right: 2.75rem;}
.sm\:px-12 {padding-left: 3rem;padding-right: 3rem;}
.sm\:px-14 {padding-left: 3.5rem;padding-right: 3.5rem;}
.sm\:px-16 {padding-left: 4rem;padding-right: 4rem;}
.sm\:px-20 {padding-left: 5rem;padding-right: 5rem;}
.sm\:px-24 {padding-left: 6rem;padding-right: 6rem;}
.sm\:py-0 {padding-top: 0px;padding-bottom: 0px;}
.sm\:py-1 {padding-top: 0.25rem;padding-bottom: 0.25rem;}
.sm\:py-2 {padding-top: 0.5rem;padding-bottom: 0.5rem;}
.sm\:py-3 {padding-top: 0.75rem;padding-bottom: 0.75rem;}
.sm\:py-4 {padding-top: 1rem;padding-bottom: 1rem;}
.sm\:py-5 {padding-top: 1.25rem;padding-bottom: 1.25rem;}
.sm\:py-6 {padding-top: 1.5rem;padding-bottom: 1.5rem;}
.sm\:py-7 {padding-top: 1.75rem;padding-bottom: 1.75rem;}
.sm\:py-8 {padding-top: 2rem;padding-bottom: 2rem;}
.sm\:py-9 {padding-top: 2.25rem;padding-bottom: 2.25rem;}
.sm\:py-10 {padding-top: 2.5rem;padding-bottom: 2.5rem;}
.sm\:py-11 {padding-top: 2.75rem;padding-bottom: 2.75rem;}
.sm\:py-12 {padding-top: 3rem;padding-bottom: 3rem;}
.sm\:py-14 {padding-top: 3.5rem;padding-bottom: 3.5rem;}
.sm\:py-16 {padding-top: 4rem;padding-bottom: 4rem;}
.sm\:py-20 {padding-top: 5rem;padding-bottom: 5rem;}
.sm\:py-24 {padding-top: 6rem;padding-bottom: 6rem;}
.sm\:pt-0 {padding-top: 0px;}
.sm\:pt-1 {padding-top: 0.25rem;}
.sm\:pt-2 {padding-top: 0.5rem;}
.sm\:pt-3 {padding-top: 0.75rem;}
.sm\:pt-4 {padding-top: 1rem;}
.sm\:pt-5 {padding-top: 1.25rem;}
.sm\:pt-6 {padding-top: 1.5rem;}
.sm\:pt-7 {padding-top: 1.75rem;}
.sm\:pt-8 {padding-top: 2rem;}
.sm\:pt-9 {padding-top: 2.25rem;}
.sm\:pt-10 {padding-top: 2.5rem;}
.sm\:pt-11 {padding-top: 2.75rem;}
.sm\:pt-12 {padding-top: 3rem;}
.sm\:pt-14 {padding-top: 3.5rem;}
.sm\:pt-16 {padding-top: 4rem;}
.sm\:pt-20 {padding-top: 5rem;}
.sm\:pt-24 {padding-top: 6rem;}
.sm\:pr-0 {padding-right: 0px;}
.sm\:pr-1 {padding-right: 0.25rem;}
.sm\:pr-2 {padding-right: 0.5rem;}
.sm\:pr-3 {padding-right: 0.75rem;}
.sm\:pr-4 {padding-right: 1rem;}
.sm\:pr-5 {padding-right: 1.25rem;}
.sm\:pr-6 {padding-right: 1.5rem;}
.sm\:pr-7 {padding-right: 1.75rem;}
.sm\:pr-8 {padding-right: 2rem;}
.sm\:pr-9 {padding-right: 2.25rem;}
.sm\:pr-10 {padding-right: 2.5rem;}
.sm\:pr-11 {padding-right: 2.75rem;}
.sm\:pr-12 {padding-right: 3rem;}
.sm\:pr-14 {padding-right: 3.5rem;}
.sm\:pr-16 {padding-right: 4rem;}
.sm\:pr-20 {padding-right: 5rem;}
.sm\:pr-24 {padding-right: 6rem;}
.sm\:pb-0 {padding-bottom: 0px;}
.sm\:pb-1 {padding-bottom: 0.25rem;}
.sm\:pb-2 {padding-bottom: 0.5rem;}
.sm\:pb-3 {padding-bottom: 0.75rem;}
.sm\:pb-4 {padding-bottom: 1rem;}
.sm\:pb-5 {padding-bottom: 1.25rem;}
.sm\:pb-6 {padding-bottom: 1.5rem;}
.sm\:pb-7 {padding-bottom: 1.75rem;}
.sm\:pb-8 {padding-bottom: 2rem;}
.sm\:pb-9 {padding-bottom: 2.25rem;}
.sm\:pb-10 {padding-bottom: 2.5rem;}
.sm\:pb-11 {padding-bottom: 2.75rem;}
.sm\:pb-12 {padding-bottom: 3rem;}
.sm\:pb-14 {padding-bottom: 3.5rem;}
.sm\:pb-16 {padding-bottom: 4rem;}
.sm\:pb-20 {padding-bottom: 5rem;}
.sm\:pb-24 {padding-bottom: 6rem;}
.sm\:pl-0 {padding-left: 0px;}
.sm\:pl-1 {padding-left: 0.25rem;}
.sm\:pl-2 {padding-left: 0.5rem;}
.sm\:pl-3 {padding-left: 0.75rem;}
.sm\:pl-4 {padding-left: 1rem;}
.sm\:pl-5 {padding-left: 1.25rem;}
.sm\:pl-6 {padding-left: 1.5rem;}
.sm\:pl-7 {padding-left: 1.75rem;}
.sm\:pl-8 {padding-left: 2rem;}
.sm\:pl-9 {padding-left: 2.25rem;}
.sm\:pl-10 {padding-left: 2.5rem;}
.sm\:pl-11 {padding-left: 2.75rem;}
.sm\:pl-12 {padding-left: 3rem;}
.sm\:pl-14 {padding-left: 3.5rem;}
.sm\:pl-16 {padding-left: 4rem;}
.sm\:pl-20 {padding-left: 5rem;}
.sm\:pl-24 {padding-left: 6rem;}
.sm\:m-0 {margin: 0px;}
.sm\:m-px {margin: 1px;}
.sm\:m-1 {margin: 0.25rem;}
.sm\:m-2 {margin: 0.5rem;}
.sm\:m-3 {margin: 0.75rem;}
.sm\:m-3 {margin: 0.875rem;}
.sm\:m-4 {margin: 1rem;}
.sm\:m-5 {margin: 1.25rem;}
.sm\:m-6 {margin: 1.5rem;}
.sm\:m-7 {margin: 1.75rem;}
.sm\:m-8 {margin: 2rem;}
.sm\:m-9 {margin: 2.25rem;}
.sm\:m-10 {margin: 2.5rem;}
.sm\:m-11 {margin: 2.75rem;}
.sm\:m-12 {margin: 3rem;}
.sm\:m-14 {margin: 3.5rem;}
.sm\:m-16 {margin: 4rem;}
.sm\:m-20 {margin: 5rem;}
.sm\:m-24 {margin: 6rem;}
.sm\:mx-0 {margin-left: 0px;margin-right: 0px;}
.sm\:mx-1 {margin-left: 0.25rem;margin-right: 0.25rem;}
.sm\:mx-2 {margin-left: 0.5rem;margin-right: 0.5rem;}
.sm\:mx-3 {margin-left: 0.75rem;margin-right: 0.75rem;}
.sm\:mx-4 {margin-left: 1rem;margin-right: 1rem;}
.sm\:mx-5 {margin-left: 1.25rem;margin-right: 1.25rem;}
.sm\:mx-6 {margin-left: 1.5rem;margin-right: 1.5rem;}
.sm\:mx-7 {margin-left: 1.75rem;margin-right: 1.75rem;}
.sm\:mx-8 {margin-left: 2rem;margin-right: 2rem;}
.sm\:mx-9 {margin-left: 2.25rem;margin-right: 2.25rem;}
.sm\:mx-10 {margin-left: 2.5rem;margin-right: 2.5rem;}
.sm\:mx-11 {margin-left: 2.75rem;margin-right: 2.75rem;}
.sm\:mx-12 {margin-left: 3rem;margin-right: 3rem;}
.sm\:mx-14 {margin-left: 3.5rem;margin-right: 3.5rem;}
.sm\:mx-16 {margin-left: 4rem;margin-right: 4rem;}
.sm\:mx-20 {margin-left: 5rem;margin-right: 5rem;}
.sm\:mx-24 {margin-left: 6rem;margin-right: 6rem;}
.sm\:my-0 {margin-top: 0px;margin-bottom: 0px;}
.sm\:my-1 {margin-top: 0.25rem;margin-bottom: 0.25rem;}
.sm\:my-2 {margin-top: 0.5rem;margin-bottom: 0.5rem;}
.sm\:my-3 {margin-top: 0.75rem;margin-bottom: 0.75rem;}
.sm\:my-4 {margin-top: 1rem;margin-bottom: 1rem;}
.sm\:my-5 {margin-top: 1.25rem;margin-bottom: 1.25rem;}
.sm\:my-6 {margin-top: 1.5rem;margin-bottom: 1.5rem;}
.sm\:my-7 {margin-top: 1.75rem;margin-bottom: 1.75rem;}
.sm\:my-8 {margin-top: 2rem;margin-bottom: 2rem;}
.sm\:my-9 {margin-top: 2.25rem;margin-bottom: 2.25rem;}
.sm\:my-10 {margin-top: 2.5rem;margin-bottom: 2.5rem;}
.sm\:my-11 {margin-top: 2.75rem;margin-bottom: 2.75rem;}
.sm\:my-12 {margin-top: 3rem;margin-bottom: 3rem;}
.sm\:my-14 {margin-top: 3.5rem;margin-bottom: 3.5rem;}
.sm\:my-16 {margin-top: 4rem;margin-bottom: 4rem;}
.sm\:my-20 {margin-top: 5rem;margin-bottom: 5rem;}
.sm\:my-24 {margin-top: 6rem;margin-bottom: 6rem;}
.sm\:mt-0 {margin-top: 0px;}
.sm\:mt-1 {margin-top: 0.25rem;}
.sm\:mt-2 {margin-top: 0.5rem;}
.sm\:mt-3 {margin-top: 0.75rem;}
.sm\:mt-4 {margin-top: 1rem;}
.sm\:mt-5 {margin-top: 1.25rem;}
.sm\:mt-6 {margin-top: 1.5rem;}
.sm\:mt-7 {margin-top: 1.75rem;}
.sm\:mt-8 {margin-top: 2rem;}
.sm\:mt-9 {margin-top: 2.25rem;}
.sm\:mt-10 {margin-top: 2.5rem;}
.sm\:mt-11 {margin-top: 2.75rem;}
.sm\:mt-12 {margin-top: 3rem;}
.sm\:mt-14 {margin-top: 3.5rem;}
.sm\:mt-16 {margin-top: 4rem;}
.sm\:mt-20 {margin-top: 5rem;}
.sm\:mt-24 {margin-top: 6rem;}
.sm\:mr-0 {margin-right: 0px;}
.sm\:mr-1 {margin-right: 0.25rem;}
.sm\:mr-2 {margin-right: 0.5rem;}
.sm\:mr-3 {margin-right: 0.75rem;}
.sm\:mr-4 {margin-right: 1rem;}
.sm\:mr-5 {margin-right: 1.25rem;}
.sm\:mr-6 {margin-right: 1.5rem;}
.sm\:mr-7 {margin-right: 1.75rem;}
.sm\:mr-8 {margin-right: 2rem;}
.sm\:mr-9 {margin-right: 2.25rem;}
.sm\:mr-10 {margin-right: 2.5rem;}
.sm\:mr-11 {margin-right: 2.75rem;}
.sm\:mr-12 {margin-right: 3rem;}
.sm\:mr-14 {margin-right: 3.5rem;}
.sm\:mr-16 {margin-right: 4rem;}
.sm\:mr-20 {margin-right: 5rem;}
.sm\:mr-24 {margin-right: 6rem;}
.sm\:mb-0 {margin-bottom: 0px;}
.sm\:mb-1 {margin-bottom: 0.25rem;}
.sm\:mb-2 {margin-bottom: 0.5rem;}
.sm\:mb-3 {margin-bottom: 0.75rem;}
.sm\:mb-4 {margin-bottom: 1rem;}
.sm\:mb-5 {margin-bottom: 1.25rem;}
.sm\:mb-6 {margin-bottom: 1.5rem;}
.sm\:mb-7 {margin-bottom: 1.75rem;}
.sm\:mb-8 {margin-bottom: 2rem;}
.sm\:mb-9 {margin-bottom: 2.25rem;}
.sm\:mb-10 {margin-bottom: 2.5rem;}
.sm\:mb-11 {margin-bottom: 2.75rem;}
.sm\:mb-12 {margin-bottom: 3rem;}
.sm\:mb-14 {margin-bottom: 3.5rem;}
.sm\:mb-16 {margin-bottom: 4rem;}
.sm\:mb-20 {margin-bottom: 5rem;}
.sm\:mb-24 {margin-bottom: 6rem;}
.sm\:ml-0 {margin-left: 0px;}
.sm\:ml-1 {margin-left: 0.25rem;}
.sm\:ml-2 {margin-left: 0.5rem;}
.sm\:ml-3 {margin-left: 0.75rem;}
.sm\:ml-4 {margin-left: 1rem;}
.sm\:ml-5 {margin-left: 1.25rem;}
.sm\:ml-6 {margin-left: 1.5rem;}
.sm\:ml-7 {margin-left: 1.75rem;}
.sm\:ml-8 {margin-left: 2rem;}
.sm\:ml-9 {margin-left: 2.25rem;}
.sm\:ml-10 {margin-left: 2.5rem;}
.sm\:ml-11 {margin-left: 2.75rem;}
.sm\:ml-12 {margin-left: 3rem;}
.sm\:ml-14 {margin-left: 3.5rem;}
.sm\:ml-16 {margin-left: 4rem;}
.sm\:ml-20 {margin-left: 5rem;}
.sm\:ml-24 {margin-left: 6rem;}



.sm\:block {display: block !important;}
.sm\:inline-block {display: inline-block !important;}
.sm\:inline {display: inline !important;}
.sm\:flex {display: flex !important;}
.sm\:inline-flex {display: inline-flex !important;}
.sm\:table {display: table !important;}
.sm\:grid {display: grid !important;}
.sm\:inline-grid {display: inline-grid !important;}
.sm\:hidden {display: none !important;}

}

/* On medium 720px+  */
@media (min-width: 720px) {

    
.md\:flex-col {flex-direction: column;}
.md\:flex-col-reverse {flex-direction: column-reverse;}

.container,.md\:container {width: 720px;margin-left: auto;margin-right: auto;}
.md\:content-normal {align-content: normal;}
.md\:content-center {align-content: center;}
.md\:content-start {align-content: flex-start;}
.md\:content-end {align-content: flex-end;}
.md\:content-between {align-content: space-between;}
.md\:content-around {align-content: space-around;}
.md\:content-evenly {align-content: space-evenly;}
.md\:content-baseline {align-content: baseline;}
.md\:content-stretch {align-content: stretch;}
.md\:justify-normal {justify-content: normal;}
.md\:justify-start {justify-content: flex-start;}
.md\:justify-end {justify-content: flex-end;}
.md\:justify-center {justify-content: center;}
.md\:justify-between {justify-content: space-between;}
.md\:justify-around {justify-content: space-around;}
.md\:justify-evenly {justify-content: space-evenly;}
.md\:justify-stretch {justify-content: stretch;}
.md\:items-start {align-items: flex-start;}
.md\:items-end {align-items: flex-end;}
.md\:items-center {align-items: center;}
.md\:items-baseline {align-items: baseline;}
.md\:items-stretch {align-items: stretch;}
.md\:w-0 {width: 0px;}
.md\:w-1\/2 {width: 50%;}
.md\:w-1\/3 {width: 33.333333%;}
.md\:w-2\/3 {width: 66.666667%;}
.md\:w-1\/4 {width: 25%;}
.md\:w-2\/4 {width: 50%;}
.md\:w-3\/4 {width: 75%;}
.md\:w-1\/5 {width: 20%;}
.md\:w-2\/5 {width: 40%;}
.md\:w-3\/5 {width: 60%;}
.md\:w-4\/5 {width: 80%;}
.md\:w-1\/6 {width: 16.666667%;}
.md\:w-2\/6 {width: 33.333333%;}
.md\:w-3\/6 {width: 50%;}
.md\:w-4\/6 {width: 66.666667%;}
.md\:w-5\/6 {width: 83.333333%;}
.md\:w-full {width: 100%;}
.md\:w-screen {width: 100vw;}
.md\:w-fit {width: fit-content;}
.md\:w-12 {width: 12rem;}
.md\:w-14 {width: 14rem;}
.md\:w-16 {width: 16rem;}
.md\:w-18 {width: 18rem;}
.md\:w-22 {width: 22rem;}
.md\:w-24 {width: 24rem;}

.md\:w-xs-1 {width: 15rem;}
/* 320px */.md\:w-xs {width: 20rem;}
/* 320px */.md\:w-sm {width: 24rem;}
/* 384px */.md\:w-md {width: 28rem;}
/* 448px */.md\:w-lg {width: 32rem;}
/* 512px */.md\:w-xl {width: 36rem;}
/* 576px */.md\:w-2xl {width: 42rem;}
/* 672px */.md\:w-3xl {width: 48rem;}
/* 768px */.md\:w-4xl {width: 56rem;}
/* 896px */.md\:w-5xl {width: 64rem;}
/* 1024px */.md\:w-6xl {width: 72rem;}
/* 1152px */.md\:w-7xl {width: 80rem;}
/* 1280px */
.md\:max-w-xs {max-width: 20rem;}
/* 320px */.md\:max-w-sm {max-width: 24rem;}
/* 384px */.md\:max-w-md {max-width: 28rem;}
/* 448px */.md\:max-w-lg {max-width: 32rem;}
/* 512px */.md\:max-w-xl {max-width: 36rem;}
/* 576px */.md\:max-w-2xl {max-width: 42rem;}
/* 672px */.md\:max-w-3xl {max-width: 48rem;}
/* 768px */.md\:max-w-4xl {max-width: 56rem;}
/* 896px */.md\:max-w-5xl {max-width: 64rem;}
/* 1024px */.md\:max-w-6xl {max-width: 72rem;}
/* 1152px */.md\:max-w-7xl {max-width: 80rem;}
/* 1280px */.md\:max-w-full {max-width: 100%;}
.md\:max-w-screen-sm {max-width: 640px;}
.md\:max-w-screen-md {max-width: 768px;}
.md\:max-w-screen-lg {max-width: 1024px;}
.md\:max-w-screen-xl {max-width: 1280px;}
.md\:max-w-screen-2xl {max-width: 1536px;}

.md\:grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr));}
.md\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}
.md\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
.md\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));}
.md\:grid-cols-2\/3 {grid-template-columns: 30% 70%;}
.md\:grid-cols-3\/2 {grid-template-columns: 70% 30%;}
.md\:grid-cols-5 {grid-template-columns: repeat(5, minmax(0, 1fr));}
.md\:grid-cols-6 {grid-template-columns: repeat(6, minmax(0, 1fr));}
.md\:grid-cols-7 {grid-template-columns: repeat(7, minmax(0, 1fr));}
.md\:grid-cols-8 {grid-template-columns: repeat(8, minmax(0, 1fr));}
.md\:grid-cols-9 {grid-template-columns: repeat(9, minmax(0, 1fr));}
.md\:grid-cols-10 {grid-template-columns: repeat(10, minmax(0, 1fr));}
.md\:grid-cols-11 {grid-template-columns: repeat(11, minmax(0, 1fr));}
.md\:grid-cols-12 {grid-template-columns: repeat(12, minmax(0, 1fr));}


.md\:block {display: block;}
.md\:inline-block {display: inline-block;}
.md\:inline {display: inline;}
.md\:flex {display: flex;}
.md\:inline-flex {display: inline-flex;}
.md\:table {display: table;}
.md\:grid {display: grid;}
.md\:inline-grid {display: inline-grid;}
.md\:hidden {display: none !important;}
.md\:p-0 {padding: 0px;}
.md\:p-px {padding: 1px;}
.md\:p-1 {padding: 0.25rem;}
.md\:p-2 {padding: 0.5rem;}
.md\:p-3 {padding: 0.75rem;}
.md\:p-3 {padding: 0.875rem;}
.md\:p-4 {padding: 1rem;}
.md\:p-5 {padding: 1.25rem;}
.md\:p-6 {padding: 1.5rem;}
.md\:p-7 {padding: 1.75rem;}
.md\:p-8 {padding: 2rem;}
.md\:p-9 {padding: 2.25rem;}
.md\:p-10 {padding: 2.5rem;}
.md\:p-11 {padding: 2.75rem;}
.md\:p-12 {padding: 3rem;}
.md\:p-14 {padding: 3.5rem;}
.md\:p-16 {padding: 4rem;}
.md\:p-20 {padding: 5rem;}
.md\:p-24 {padding: 6rem;}
.md\:px-0 {padding-left: 0px;padding-right: 0px;}
.md\:px-1 {padding-left: 0.25rem;padding-right: 0.25rem;}
.md\:px-2 {padding-left: 0.5rem;padding-right: 0.5rem;}
.md\:px-3 {padding-left: 0.75rem;padding-right: 0.75rem;}
.md\:px-4 {padding-left: 1rem;padding-right: 1rem;}
.md\:px-5 {padding-left: 1.25rem;padding-right: 1.25rem;}
.md\:px-6 {padding-left: 1.5rem;padding-right: 1.5rem;}
.md\:px-7 {padding-left: 1.75rem;padding-right: 1.75rem;}
.md\:px-8 {padding-left: 2rem;padding-right: 2rem;}
.md\:px-9 {padding-left: 2.25rem;padding-right: 2.25rem;}
.md\:px-10 {padding-left: 2.5rem;padding-right: 2.5rem;}
.md\:px-11 {padding-left: 2.75rem;padding-right: 2.75rem;}
.md\:px-12 {padding-left: 3rem;padding-right: 3rem;}
.md\:px-14 {padding-left: 3.5rem;padding-right: 3.5rem;}
.md\:px-16 {padding-left: 4rem;padding-right: 4rem;}
.md\:px-20 {padding-left: 5rem;padding-right: 5rem;}
.md\:px-24 {padding-left: 6rem;padding-right: 6rem;}
.md\:py-0 {padding-top: 0px;padding-bottom: 0px;}
.md\:py-1 {padding-top: 0.25rem;padding-bottom: 0.25rem;}
.md\:py-2 {padding-top: 0.5rem;padding-bottom: 0.5rem;}
.md\:py-3 {padding-top: 0.75rem;padding-bottom: 0.75rem;}
.md\:py-4 {padding-top: 1rem;padding-bottom: 1rem;}
.md\:py-5 {padding-top: 1.25rem;padding-bottom: 1.25rem;}
.md\:py-6 {padding-top: 1.5rem;padding-bottom: 1.5rem;}
.md\:py-7 {padding-top: 1.75rem;padding-bottom: 1.75rem;}
.md\:py-8 {padding-top: 2rem;padding-bottom: 2rem;}
.md\:py-9 {padding-top: 2.25rem;padding-bottom: 2.25rem;}
.md\:py-10 {padding-top: 2.5rem;padding-bottom: 2.5rem;}
.md\:py-11 {padding-top: 2.75rem;padding-bottom: 2.75rem;}
.md\:py-12 {padding-top: 3rem;padding-bottom: 3rem;}
.md\:py-14 {padding-top: 3.5rem;padding-bottom: 3.5rem;}
.md\:py-16 {padding-top: 4rem;padding-bottom: 4rem;}
.md\:py-20 {padding-top: 5rem;padding-bottom: 5rem;}
.md\:py-24 {padding-top: 6rem;padding-bottom: 6rem;}
.md\:pt-0 {padding-top: 0px;}
.md\:pt-1 {padding-top: 0.25rem;}
.md\:pt-2 {padding-top: 0.5rem;}
.md\:pt-3 {padding-top: 0.75rem;}
.md\:pt-4 {padding-top: 1rem;}
.md\:pt-5 {padding-top: 1.25rem;}
.md\:pt-6 {padding-top: 1.5rem;}
.md\:pt-7 {padding-top: 1.75rem;}
.md\:pt-8 {padding-top: 2rem;}
.md\:pt-9 {padding-top: 2.25rem;}
.md\:pt-10 {padding-top: 2.5rem;}
.md\:pt-11 {padding-top: 2.75rem;}
.md\:pt-12 {padding-top: 3rem;}
.md\:pt-14 {padding-top: 3.5rem;}
.md\:pt-16 {padding-top: 4rem;}
.md\:pt-20 {padding-top: 5rem;}
.md\:pt-24 {padding-top: 6rem;}
.md\:pr-0 {padding-right: 0px;}
.md\:pr-1 {padding-right: 0.25rem;}
.md\:pr-2 {padding-right: 0.5rem;}
.md\:pr-3 {padding-right: 0.75rem;}
.md\:pr-4 {padding-right: 1rem;}
.md\:pr-5 {padding-right: 1.25rem;}
.md\:pr-6 {padding-right: 1.5rem;}
.md\:pr-7 {padding-right: 1.75rem;}
.md\:pr-8 {padding-right: 2rem;}
.md\:pr-9 {padding-right: 2.25rem;}
.md\:pr-10 {padding-right: 2.5rem;}
.md\:pr-11 {padding-right: 2.75rem;}
.md\:pr-12 {padding-right: 3rem;}
.md\:pr-14 {padding-right: 3.5rem;}
.md\:pr-16 {padding-right: 4rem;}
.md\:pr-20 {padding-right: 5rem;}
.md\:pr-24 {padding-right: 6rem;}
.md\:pb-0 {padding-bottom: 0px;}
.md\:pb-1 {padding-bottom: 0.25rem;}
.md\:pb-2 {padding-bottom: 0.5rem;}
.md\:pb-3 {padding-bottom: 0.75rem;}
.md\:pb-4 {padding-bottom: 1rem;}
.md\:pb-5 {padding-bottom: 1.25rem;}
.md\:pb-6 {padding-bottom: 1.5rem;}
.md\:pb-7 {padding-bottom: 1.75rem;}
.md\:pb-8 {padding-bottom: 2rem;}
.md\:pb-9 {padding-bottom: 2.25rem;}
.md\:pb-10 {padding-bottom: 2.5rem;}
.md\:pb-11 {padding-bottom: 2.75rem;}
.md\:pb-12 {padding-bottom: 3rem;}
.md\:pb-14 {padding-bottom: 3.5rem;}
.md\:pb-16 {padding-bottom: 4rem;}
.md\:pb-20 {padding-bottom: 5rem;}
.md\:pb-24 {padding-bottom: 6rem;}
.md\:pl-0 {padding-left: 0px;}
.md\:pl-1 {padding-left: 0.25rem;}
.md\:pl-2 {padding-left: 0.5rem;}
.md\:pl-3 {padding-left: 0.75rem;}
.md\:pl-4 {padding-left: 1rem;}
.md\:pl-5 {padding-left: 1.25rem;}
.md\:pl-6 {padding-left: 1.5rem;}
.md\:pl-7 {padding-left: 1.75rem;}
.md\:pl-8 {padding-left: 2rem;}
.md\:pl-9 {padding-left: 2.25rem;}
.md\:pl-10 {padding-left: 2.5rem;}
.md\:pl-11 {padding-left: 2.75rem;}
.md\:pl-12 {padding-left: 3rem;}
.md\:pl-14 {padding-left: 3.5rem;}
.md\:pl-16 {padding-left: 4rem;}
.md\:pl-20 {padding-left: 5rem;}
.md\:pl-24 {padding-left: 6rem;}

.md\:m-0 {margin: 0px;}
.md\:m-px {margin: 1px;}
.md\:m-1 {margin: 0.25rem;}
.md\:m-2 {margin: 0.5rem;}
.md\:m-3 {margin: 0.75rem;}
.md\:m-3 {margin: 0.875rem;}
.md\:m-4 {margin: 1rem;}
.md\:m-5 {margin: 1.25rem;}
.md\:m-6 {margin: 1.5rem;}
.md\:m-7 {margin: 1.75rem;}
.md\:m-8 {margin: 2rem;}
.md\:m-9 {margin: 2.25rem;}
.md\:m-10 {margin: 2.5rem;}
.md\:m-11 {margin: 2.75rem;}
.md\:m-12 {margin: 3rem;}
.md\:m-14 {margin: 3.5rem;}
.md\:m-16 {margin: 4rem;}
.md\:m-20 {margin: 5rem;}
.md\:m-24 {margin: 6rem;}
.md\:mx-0 {margin-left: 0px;margin-right: 0px;}
.md\:mx-1 {margin-left: 0.25rem;margin-right: 0.25rem;}
.md\:mx-2 {margin-left: 0.5rem;margin-right: 0.5rem;}
.md\:mx-3 {margin-left: 0.75rem;margin-right: 0.75rem;}
.md\:mx-4 {margin-left: 1rem;margin-right: 1rem;}
.md\:mx-5 {margin-left: 1.25rem;margin-right: 1.25rem;}
.md\:mx-6 {margin-left: 1.5rem;margin-right: 1.5rem;}
.md\:mx-7 {margin-left: 1.75rem;margin-right: 1.75rem;}
.md\:mx-8 {margin-left: 2rem;margin-right: 2rem;}
.md\:mx-9 {margin-left: 2.25rem;margin-right: 2.25rem;}
.md\:mx-10 {margin-left: 2.5rem;margin-right: 2.5rem;}
.md\:mx-11 {margin-left: 2.75rem;margin-right: 2.75rem;}
.md\:mx-12 {margin-left: 3rem;margin-right: 3rem;}
.md\:mx-14 {margin-left: 3.5rem;margin-right: 3.5rem;}
.md\:mx-16 {margin-left: 4rem;margin-right: 4rem;}
.md\:mx-20 {margin-left: 5rem;margin-right: 5rem;}
.md\:mx-24 {margin-left: 6rem;margin-right: 6rem;}
.md\:my-0 {margin-top: 0px;margin-bottom: 0px;}
.md\:my-1 {margin-top: 0.25rem;margin-bottom: 0.25rem;}
.md\:my-2 {margin-top: 0.5rem;margin-bottom: 0.5rem;}
.md\:my-3 {margin-top: 0.75rem;margin-bottom: 0.75rem;}
.md\:my-4 {margin-top: 1rem;margin-bottom: 1rem;}
.md\:my-5 {margin-top: 1.25rem;margin-bottom: 1.25rem;}
.md\:my-6 {margin-top: 1.5rem;margin-bottom: 1.5rem;}
.md\:my-7 {margin-top: 1.75rem;margin-bottom: 1.75rem;}
.md\:my-8 {margin-top: 2rem;margin-bottom: 2rem;}
.md\:my-9 {margin-top: 2.25rem;margin-bottom: 2.25rem;}
.md\:my-10 {margin-top: 2.5rem;margin-bottom: 2.5rem;}
.md\:my-11 {margin-top: 2.75rem;margin-bottom: 2.75rem;}
.md\:my-12 {margin-top: 3rem;margin-bottom: 3rem;}
.md\:my-14 {margin-top: 3.5rem;margin-bottom: 3.5rem;}
.md\:my-16 {margin-top: 4rem;margin-bottom: 4rem;}
.md\:my-20 {margin-top: 5rem;margin-bottom: 5rem;}
.md\:my-24 {margin-top: 6rem;margin-bottom: 6rem;}
.md\:mt-0 {margin-top: 0px;}
.md\:mt-1 {margin-top: 0.25rem;}
.md\:mt-2 {margin-top: 0.5rem;}
.md\:mt-3 {margin-top: 0.75rem;}
.md\:mt-4 {margin-top: 1rem;}
.md\:mt-5 {margin-top: 1.25rem;}
.md\:mt-6 {margin-top: 1.5rem;}
.md\:mt-7 {margin-top: 1.75rem;}
.md\:mt-8 {margin-top: 2rem;}
.md\:mt-9 {margin-top: 2.25rem;}
.md\:mt-10 {margin-top: 2.5rem;}
.md\:mt-11 {margin-top: 2.75rem;}
.md\:mt-12 {margin-top: 3rem;}
.md\:mt-14 {margin-top: 3.5rem;}
.md\:mt-16 {margin-top: 4rem;}
.md\:mt-20 {margin-top: 5rem;}
.md\:mt-24 {margin-top: 6rem;}
.md\:mr-0 {margin-right: 0px;}
.md\:mr-1 {margin-right: 0.25rem;}
.md\:mr-2 {margin-right: 0.5rem;}
.md\:mr-3 {margin-right: 0.75rem;}
.md\:mr-4 {margin-right: 1rem;}
.md\:mr-5 {margin-right: 1.25rem;}
.md\:mr-6 {margin-right: 1.5rem;}
.md\:mr-7 {margin-right: 1.75rem;}
.md\:mr-8 {margin-right: 2rem;}
.md\:mr-9 {margin-right: 2.25rem;}
.md\:mr-10 {margin-right: 2.5rem;}
.md\:mr-11 {margin-right: 2.75rem;}
.md\:mr-12 {margin-right: 3rem;}
.md\:mr-14 {margin-right: 3.5rem;}
.md\:mr-16 {margin-right: 4rem;}
.md\:mr-20 {margin-right: 5rem;}
.md\:mr-24 {margin-right: 6rem;}
.md\:mb-0 {margin-bottom: 0px;}
.md\:mb-1 {margin-bottom: 0.25rem;}
.md\:mb-2 {margin-bottom: 0.5rem;}
.md\:mb-3 {margin-bottom: 0.75rem;}
.md\:mb-4 {margin-bottom: 1rem;}
.md\:mb-5 {margin-bottom: 1.25rem;}
.md\:mb-6 {margin-bottom: 1.5rem;}
.md\:mb-7 {margin-bottom: 1.75rem;}
.md\:mb-8 {margin-bottom: 2rem;}
.md\:mb-9 {margin-bottom: 2.25rem;}
.md\:mb-10 {margin-bottom: 2.5rem;}
.md\:mb-11 {margin-bottom: 2.75rem;}
.md\:mb-12 {margin-bottom: 3rem;}
.md\:mb-14 {margin-bottom: 3.5rem;}
.md\:mb-16 {margin-bottom: 4rem;}
.md\:mb-20 {margin-bottom: 5rem;}
.md\:mb-24 {margin-bottom: 6rem;}
.md\:ml-0 {margin-left: 0px;}
.md\:ml-1 {margin-left: 0.25rem;}
.md\:ml-2 {margin-left: 0.5rem;}
.md\:ml-3 {margin-left: 0.75rem;}
.md\:ml-4 {margin-left: 1rem;}
.md\:ml-5 {margin-left: 1.25rem;}
.md\:ml-6 {margin-left: 1.5rem;}
.md\:ml-7 {margin-left: 1.75rem;}
.md\:ml-8 {margin-left: 2rem;}
.md\:ml-9 {margin-left: 2.25rem;}
.md\:ml-10 {margin-left: 2.5rem;}
.md\:ml-11 {margin-left: 2.75rem;}
.md\:ml-12 {margin-left: 3rem;}
.md\:ml-14 {margin-left: 3.5rem;}
.md\:ml-16 {margin-left: 4rem;}
.md\:ml-20 {margin-left: 5rem;}
.md\:ml-24 {margin-left: 6rem;}

 


.md\:block {display: block !important;}
.md\:inline-block {display: inline-block !important;}
.md\:inline {display: inline !important;}
.md\:flex {display: flex !important;}
.md\:inline-flex {display: inline-flex !important;}
.md\:table {display: table !important;}
.md\:grid {display: grid !important;}
.md\:inline-grid {display: inline-grid !important;}
.md\:hidden {display: none !important;}


}

/* On Large 1024 to 1280px */
@media (min-width: 1024px) {

.container,.lg\:container {min-width: 100%;width: fit-content;margin-left: auto;margin-right: auto;}

.lg\:flex-row {flex-direction: row;}
.lg\:flex-row-reverse {flex-direction: row-reverse;}
.lg\:flex-col {flex-direction: column;}
.lg\:flex-col-reverse {flex-direction: column-reverse;}
.lg\:flex-wrap {flex-wrap: wrap;}
.lg\:flex-wrap-reverse {flex-wrap: wrap-reverse;}
.lg\:flex-nowrap {flex-wrap: nowrap;}
.lg\:flex-1 {flex: 1 1 0%;}
.flg\:lex-auto {flex: 1 1 auto;}
.lg\:flex-initial {flex: 0 1 auto;}
.lg\:flex-none {flex: none;}
.lg\:flex-grow {flex-grow: 1;}
.lg\:content-normal {align-content: normal;}
.lg\:content-center {align-content: center;}
.lg\:content-start {align-content: flex-start;}
.lg\:content-end {align-content: flex-end;}
.lg\:content-between {align-content: space-between;}
.lg\:content-around {align-content: space-around;}
.lg\:content-evenly {align-content: space-evenly;}
.lg\:content-baseline {align-content: baseline;}
.lg\:content-stretch {align-content: stretch;}


.lg\:justify-normal {justify-content: normal;}
.lg\:justify-start {justify-content: flex-start;}
.lg\:justify-end {justify-content: flex-end;}
.lg\:justify-center {justify-content: center;}
.lg\:justify-between {justify-content: space-between;}
.lg\:justify-around {justify-content: space-around;}
.lg\:justify-evenly {justify-content: space-evenly;}
.lg\:justify-stretch {justify-content: stretch;}

.lg\:items-start {align-items: flex-start;}
.lg\:items-end {align-items: flex-end;}
.lg\:items-center {align-items: center;}
.lg\:items-baseline {align-items: baseline;}
.lg\:items-stretch {align-items: stretch;}
.lg\:w-0 {width: 0px;}
.lg\:w-1\/2 {width: 50%;}
.lg\:w-1\/3 {width: 33.333333%;}
.lg\:w-2\/3 {width: 66.666667%;}
.lg\:w-1\/4 {width: 25%;}
.lg\:w-2\/4 {width: 50%;}
.lg\:w-3\/4 {width: 75%;}
.lg\:w-1\/5 {width: 20%;}
.lg\:w-2\/5 {width: 40%;}
.lg\:w-1\/6 {width: 60%;}
.lg\:w-4\/5 {width: 80%;}
.lg\:w-1\/6 {width: 16.666667%;}
.lg\:w-2\/6 {width: 33.333333%;}
.lg\:w-3\/6 {width: 50%;}
.lg\:w-4\/6 {width: 66.666667%;}
.lg\:w-5\/6 {width: 83.333333%;}
.lg\:w-full {width: 100%;}
.lg\:w-screen {width: 100vw;}
.lg\:w-fit {width: fit-content;}
.lg\:w-12 {width: 12rem;}
.lg\:w-14 {width: 14rem;}
.lg\:w-16 {width: 16rem;}
.lg\:w-18 {width: 18rem;}
.lg\:w-22 {width: 22rem;}
.lg\:w-24 {width: 24rem;}


.lg\:max-w-xs {max-width: 20rem;}
/* 320px */.lg\:max-w-sm {max-width: 24rem;}
/* 384px */.lg\:max-w-md {max-width: 28rem;}
/* 448px */.lg\:max-w-lg {max-width: 32rem;}
/* 512px */.lg\:max-w-xl {max-width: 36rem;}
/* 576px */.lg\:max-w-2xl {max-width: 42rem;}
/* 672px */.lg\:max-w-3xl {max-width: 48rem;}
/* 768px */.lg\:max-w-4xl {max-width: 56rem;}
/* 896px */.lg\:max-w-5xl {max-width: 64rem;}
/* 1024px */.lg\:max-w-6xl {max-width: 72rem;}
/* 1152px */.lg\:max-w-7xl {max-width: 80rem;}
/* 1280px */.lg\:max-w-full {max-width: 100%;}
.lg\:max-w-screen-sm {max-width: 640px;}
.lg\:max-w-screen-md {max-width: 768px;}
.lg\:max-w-screen-lg {max-width: 1024px;}
.lg\:max-w-screen-xl {max-width: 1280px;}
.lg\:max-w-screen-2xl {max-width: 1536px;}


.lg\:w-xs-1 {width: 15rem;}
/* 320px */.lg\:w-xs {width: 20rem;}
/* 320px */.lg\:w-sm {width: 24rem;}
/* 384px */.lg\:w-md {width: 28rem;}
/* 448px */.lg\:w-lg {width: 32rem;}
/* 512px */.lg\:w-xl {width: 36rem;}
/* 576px */.lg\:w-2xl {width: 42rem;}
/* 672px */.lg\:w-3xl {width: 48rem;}
/* 768px */.lg\:w-4xl {width: 56rem;}
/* 896px */.lg\:w-5xl {width: 64rem;}
/* 1024px */.lg\:w-6xl {width: 72rem;}
/* 1152px */.lg\:w-7xl {width: 80rem;}
/* 1280px */

.lg\:grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr));}
.lg\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}
.lg\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
.lg\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));}
.lg\:grid-cols-2\/3 {grid-template-columns: 30% 70%;}
.\g\:grid-cols-3\/2 {grid-template-columns: 70% 30%;}
.lg\:grid-cols-5 {grid-template-columns: repeat(5, minmax(0, 1fr));}
.lg\:grid-cols-6 {grid-template-columns: repeat(6, minmax(0, 1fr));}
.lg\:grid-cols-7 {grid-template-columns: repeat(7, minmax(0, 1fr));}
.lg\:grid-cols-8 {grid-template-columns: repeat(8, minmax(0, 1fr));}
.lg\:grid-cols-9 {grid-template-columns: repeat(9, minmax(0, 1fr));}
.lg\:grid-cols-10 {grid-template-columns: repeat(10, minmax(0, 1fr));}
.lg\:grid-cols-11 {grid-template-columns: repeat(11, minmax(0, 1fr));}
.lg\:grid-cols-12 {grid-template-columns: repeat(12, minmax(0, 1fr));}

.lg\:block {display: block;}
.lg\:inline-block {display: inline-block;}
.lg\:inline {display: inline;}
.lg\:flex {display: flex;}
.lg\:inline-flex {display: inline-flex;}
.lg\:table {display: table;}
.lg\:grid {display: grid;}
.lg\:inline-grid {display: inline-grid;}
.lg\:hidden {display: none !important;}


.lg\:p-0 {padding: 0px;}
.lg\:p-px {padding: 1px;}
.lg\:p-1 {padding: 0.25rem;}
.lg\:p-2 {padding: 0.5rem;}
.lg\:p-3 {padding: 0.75rem;}
.lg\:p-3 {padding: 0.875rem;}
.lg\:p-4 {padding: 1rem;}
.lg\:p-5 {padding: 1.25rem;}
.lg\:p-6 {padding: 1.5rem;}
.lg\:p-7 {padding: 1.75rem;}
.lg\:p-8 {padding: 2rem;}
.lg\:p-9 {padding: 2.25rem;}
.lg\:p-10 {padding: 2.5rem;}
.lg\:p-11 {padding: 2.75rem;}
.lg\:p-12 {padding: 3rem;}
.lg\:p-14 {padding: 3.5rem;}
.lg\:p-16 {padding: 4rem;}
.lg\:p-20 {padding: 5rem;}
.lg\:p-24 {padding: 6rem;}
.lg\:px-0 {padding-left: 0px;padding-right: 0px;}
.lg\:px-1 {padding-left: 0.25rem;padding-right: 0.25rem;}
.lg\:px-2 {padding-left: 0.5rem;padding-right: 0.5rem;}
.lg\:px-3 {padding-left: 0.75rem;padding-right: 0.75rem;}
.lg\:px-4 {padding-left: 1rem;padding-right: 1rem;}
.lg\:px-5 {padding-left: 1.25rem;padding-right: 1.25rem;}
.lg\:px-6 {padding-left: 1.5rem;padding-right: 1.5rem;}
.lg\:px-7 {padding-left: 1.75rem;padding-right: 1.75rem;}
.lg\:px-8 {padding-left: 2rem;padding-right: 2rem;}
.lg\:px-9 {padding-left: 2.25rem;padding-right: 2.25rem;}
.lg\:px-10 {padding-left: 2.5rem;padding-right: 2.5rem;}
.lg\:px-11 {padding-left: 2.75rem;padding-right: 2.75rem;}
.lg\:px-12 {padding-left: 3rem;padding-right: 3rem;}
.lg\:px-14 {padding-left: 3.5rem;padding-right: 3.5rem;}
.lg\:px-16 {padding-left: 4rem;padding-right: 4rem;}
.lg\:px-20 {padding-left: 5rem;padding-right: 5rem;}
.lg\:px-24 {padding-left: 6rem;padding-right: 6rem;}
.lg\:py-0 {padding-top: 0px;padding-bottom: 0px;}
.lg\:py-1 {padding-top: 0.25rem;padding-bottom: 0.25rem;}
.lg\:py-2 {padding-top: 0.5rem;padding-bottom: 0.5rem;}
.lg\:py-3 {padding-top: 0.75rem;padding-bottom: 0.75rem;}
.lg\:py-4 {padding-top: 1rem;padding-bottom: 1rem;}
.lg\:py-5 {padding-top: 1.25rem;padding-bottom: 1.25rem;}
.lg\:py-6 {padding-top: 1.5rem;padding-bottom: 1.5rem;}
.lg\:py-7 {padding-top: 1.75rem;padding-bottom: 1.75rem;}
.lg\:py-8 {padding-top: 2rem;padding-bottom: 2rem;}
.lg\:py-9 {padding-top: 2.25rem;padding-bottom: 2.25rem;}
.lg\:py-10 {padding-top: 2.5rem;padding-bottom: 2.5rem;}
.lg\:py-11 {padding-top: 2.75rem;padding-bottom: 2.75rem;}
.lg\:py-12 {padding-top: 3rem;padding-bottom: 3rem;}
.lg\:py-14 {padding-top: 3.5rem;padding-bottom: 3.5rem;}
.lg\:py-16 {padding-top: 4rem;padding-bottom: 4rem;}
.lg\:py-20 {padding-top: 5rem;padding-bottom: 5rem;}
.lg\:py-24 {padding-top: 6rem;padding-bottom: 6rem;}
.lg\:pt-0 {padding-top: 0px;}
.lg\:pt-1 {padding-top: 0.25rem;}
.lg\:pt-2 {padding-top: 0.5rem;}
.lg\:pt-3 {padding-top: 0.75rem;}
.lg\:pt-4 {padding-top: 1rem;}
.lg\:pt-5 {padding-top: 1.25rem;}
.lg\:pt-6 {padding-top: 1.5rem;}
.lg\:pt-7 {padding-top: 1.75rem;}
.lg\:pt-8 {padding-top: 2rem;}
.lg\:pt-9 {padding-top: 2.25rem;}
.lg\:pt-10 {padding-top: 2.5rem;}
.lg\:pt-11 {padding-top: 2.75rem;}
.lg\:pt-12 {padding-top: 3rem;}
.lg\:pt-14 {padding-top: 3.5rem;}
.lg\:pt-16 {padding-top: 4rem;}
.lg\:pt-20 {padding-top: 5rem;}
.lg\:pt-24 {padding-top: 6rem;}
.lg\:pr-0 {padding-right: 0px;}
.lg\:pr-1 {padding-right: 0.25rem;}
.lg\:pr-2 {padding-right: 0.5rem;}
.lg\:pr-3 {padding-right: 0.75rem;}
.lg\:pr-4 {padding-right: 1rem;}
.lg\:pr-5 {padding-right: 1.25rem;}
.lg\:pr-6 {padding-right: 1.5rem;}
.lg\:pr-7 {padding-right: 1.75rem;}
.lg\:pr-8 {padding-right: 2rem;}
.lg\:pr-9 {padding-right: 2.25rem;}
.lg\:pr-10 {padding-right: 2.5rem;}
.lg\:pr-11 {padding-right: 2.75rem;}
.lg\:pr-12 {padding-right: 3rem;}
.lg\:pr-14 {padding-right: 3.5rem;}
.lg\:pr-16 {padding-right: 4rem;}
.lg\:pr-20 {padding-right: 5rem;}
.lg\:pr-24 {padding-right: 6rem;}
.lg\:pb-0 {padding-bottom: 0px;}
.lg\:pb-1 {padding-bottom: 0.25rem;}
.lg\:pb-2 {padding-bottom: 0.5rem;}
.lg\:pb-3 {padding-bottom: 0.75rem;}
.lg\:pb-4 {padding-bottom: 1rem;}
.lg\:pb-5 {padding-bottom: 1.25rem;}
.lg\:pb-6 {padding-bottom: 1.5rem;}
.lg\:pb-7 {padding-bottom: 1.75rem;}
.lg\:pb-8 {padding-bottom: 2rem;}
.lg\:pb-9 {padding-bottom: 2.25rem;}
.lg\:pb-10 {padding-bottom: 2.5rem;}
.lg\:pb-11 {padding-bottom: 2.75rem;}
.lg\:pb-12 {padding-bottom: 3rem;}
.lg\:pb-14 {padding-bottom: 3.5rem;}
.lg\:pb-16 {padding-bottom: 4rem;}
.lg\:pb-20 {padding-bottom: 5rem;}
.lg\:pb-24 {padding-bottom: 6rem;}
.lg\:pl-0 {padding-left: 0px;}
.lg\:pl-1 {padding-left: 0.25rem;}
.lg\:pl-2 {padding-left: 0.5rem;}
.lg\:pl-3 {padding-left: 0.75rem;}
.lg\:pl-4 {padding-left: 1rem;}
.lg\:pl-5 {padding-left: 1.25rem;}
.lg\:pl-6 {padding-left: 1.5rem;}
.lg\:pl-7 {padding-left: 1.75rem;}
.lg\:pl-8 {padding-left: 2rem;}
.lg\:pl-9 {padding-left: 2.25rem;}
.lg\:pl-10 {padding-left: 2.5rem;}
.lg\:pl-11 {padding-left: 2.75rem;}
.lg\:pl-12 {padding-left: 3rem;}
.lg\:pl-14 {padding-left: 3.5rem;}
.lg\:pl-16 {padding-left: 4rem;}
.lg\:pl-20 {padding-left: 5rem;}
.lg\:pl-24 {padding-left: 6rem;}

.lg\:m-0 {margin: 0px;}
.lg\:m-px {margin: 1px;}
.lg\:m-1 {margin: 0.25rem;}
.lg\:m-2 {margin: 0.5rem;}
.lg\:m-3 {margin: 0.75rem;}
.lg\:m-3 {margin: 0.875rem;}
.lg\:m-4 {margin: 1rem;}
.lg\:m-5 {margin: 1.25rem;}
.lg\:m-6 {margin: 1.5rem;}
.lg\:m-7 {margin: 1.75rem;}
.lg\:m-8 {margin: 2rem;}
.lg\:m-9 {margin: 2.25rem;}
.lg\:m-10 {margin: 2.5rem;}
.lg\:m-11 {margin: 2.75rem;}
.lg\:m-12 {margin: 3rem;}
.lg\:m-14 {margin: 3.5rem;}
.lg\:m-16 {margin: 4rem;}
.lg\:m-20 {margin: 5rem;}
.lg\:m-24 {margin: 6rem;}
.lg\:mx-0 {margin-left: 0px;margin-right: 0px;}
.lg\:mx-1 {margin-left: 0.25rem;margin-right: 0.25rem;}
.lg\:mx-2 {margin-left: 0.5rem;margin-right: 0.5rem;}
.lg\:mx-3 {margin-left: 0.75rem;margin-right: 0.75rem;}
.lg\:mx-4 {margin-left: 1rem;margin-right: 1rem;}
.lg\:mx-5 {margin-left: 1.25rem;margin-right: 1.25rem;}
.lg\:mx-6 {margin-left: 1.5rem;margin-right: 1.5rem;}
.lg\:mx-7 {margin-left: 1.75rem;margin-right: 1.75rem;}
.lg\:mx-8 {margin-left: 2rem;margin-right: 2rem;}
.lg\:mx-9 {margin-left: 2.25rem;margin-right: 2.25rem;}
.lg\:mx-10 {margin-left: 2.5rem;margin-right: 2.5rem;}
.lg\:mx-11 {margin-left: 2.75rem;margin-right: 2.75rem;}
.lg\:mx-12 {margin-left: 3rem;margin-right: 3rem;}
.lg\:mx-14 {margin-left: 3.5rem;margin-right: 3.5rem;}
.lg\:mx-16 {margin-left: 4rem;margin-right: 4rem;}
.lg\:mx-20 {margin-left: 5rem;margin-right: 5rem;}
.lg\:mx-24 {margin-left: 6rem;margin-right: 6rem;}
.lg\:my-0 {margin-top: 0px;margin-bottom: 0px;}
.lg\:my-1 {margin-top: 0.25rem;margin-bottom: 0.25rem;}
.lg\:my-2 {margin-top: 0.5rem;margin-bottom: 0.5rem;}
.lg\:my-3 {margin-top: 0.75rem;margin-bottom: 0.75rem;}
.lg\:my-4 {margin-top: 1rem;margin-bottom: 1rem;}
.lg\:my-5 {margin-top: 1.25rem;margin-bottom: 1.25rem;}
.lg\:my-6 {margin-top: 1.5rem;margin-bottom: 1.5rem;}
.lg\:my-7 {margin-top: 1.75rem;margin-bottom: 1.75rem;}
.lg\:my-8 {margin-top: 2rem;margin-bottom: 2rem;}
.lg\:my-9 {margin-top: 2.25rem;margin-bottom: 2.25rem;}
.lg\:my-10 {margin-top: 2.5rem;margin-bottom: 2.5rem;}
.lg\:my-11 {margin-top: 2.75rem;margin-bottom: 2.75rem;}
.lg\:my-12 {margin-top: 3rem;margin-bottom: 3rem;}
.lg\:my-14 {margin-top: 3.5rem;margin-bottom: 3.5rem;}
.lg\:my-16 {margin-top: 4rem;margin-bottom: 4rem;}
.lg\:my-20 {margin-top: 5rem;margin-bottom: 5rem;}
.lg\:my-24 {margin-top: 6rem;margin-bottom: 6rem;}
.lg\:mt-0 {margin-top: 0px;}
.lg\:mt-1 {margin-top: 0.25rem;}
.lg\:mt-2 {margin-top: 0.5rem;}
.lg\:mt-3 {margin-top: 0.75rem;}
.lg\:mt-4 {margin-top: 1rem;}
.lg\:mt-5 {margin-top: 1.25rem;}
.lg\:mt-6 {margin-top: 1.5rem;}
.lg\:mt-7 {margin-top: 1.75rem;}
.lg\:mt-8 {margin-top: 2rem;}
.lg\:mt-9 {margin-top: 2.25rem;}
.lg\:mt-10 {margin-top: 2.5rem;}
.lg\:mt-11 {margin-top: 2.75rem;}
.lg\:mt-12 {margin-top: 3rem;}
.lg\:mt-14 {margin-top: 3.5rem;}
.lg\:mt-16 {margin-top: 4rem;}
.lg\:mt-20 {margin-top: 5rem;}
.lg\:mt-24 {margin-top: 6rem;}
.lg\:mr-0 {margin-right: 0px;}
.lg\:mr-1 {margin-right: 0.25rem;}
.lg\:mr-2 {margin-right: 0.5rem;}
.lg\:mr-3 {margin-right: 0.75rem;}
.lg\:mr-4 {margin-right: 1rem;}
.lg\:mr-5 {margin-right: 1.25rem;}
.lg\:mr-6 {margin-right: 1.5rem;}
.lg\:mr-7 {margin-right: 1.75rem;}
.lg\:mr-8 {margin-right: 2rem;}
.lg\:mr-9 {margin-right: 2.25rem;}
.lg\:mr-10 {margin-right: 2.5rem;}
.lg\:mr-11 {margin-right: 2.75rem;}
.lg\:mr-12 {margin-right: 3rem;}
.lg\:mr-14 {margin-right: 3.5rem;}
.lg\:mr-16 {margin-right: 4rem;}
.lg\:mr-20 {margin-right: 5rem;}
.lg\:mr-24 {margin-right: 6rem;}
.lg\:mb-0 {margin-bottom: 0px;}
.lg\:mb-1 {margin-bottom: 0.25rem;}
.lg\:mb-2 {margin-bottom: 0.5rem;}
.lg\:mb-3 {margin-bottom: 0.75rem;}
.lg\:mb-4 {margin-bottom: 1rem;}
.lg\:mb-5 {margin-bottom: 1.25rem;}
.lg\:mb-6 {margin-bottom: 1.5rem;}
.lg\:mb-7 {margin-bottom: 1.75rem;}
.lg\:mb-8 {margin-bottom: 2rem;}
.lg\:mb-9 {margin-bottom: 2.25rem;}
.lg\:mb-10 {margin-bottom: 2.5rem;}
.lg\:mb-11 {margin-bottom: 2.75rem;}
.lg\:mb-12 {margin-bottom: 3rem;}
.lg\:mb-14 {margin-bottom: 3.5rem;}
.lg\:mb-16 {margin-bottom: 4rem;}
.lg\:mb-20 {margin-bottom: 5rem;}
.lg\:mb-24 {margin-bottom: 6rem;}
.lg\:ml-0 {margin-left: 0px;}
.lg\:ml-1 {margin-left: 0.25rem;}
.lg\:ml-2 {margin-left: 0.5rem;}
.lg\:ml-3 {margin-left: 0.75rem;}
.lg\:ml-4 {margin-left: 1rem;}
.lg\:ml-5 {margin-left: 1.25rem;}
.lg\:ml-6 {margin-left: 1.5rem;}
.lg\:ml-7 {margin-left: 1.75rem;}
.lg\:ml-8 {margin-left: 2rem;}
.lg\:ml-9 {margin-left: 2.25rem;}
.lg\:ml-10 {margin-left: 2.5rem;}
.lg\:ml-11 {margin-left: 2.75rem;}
.lg\:ml-12 {margin-left: 3rem;}
.lg\:ml-14 {margin-left: 3.5rem;}
.lg\:ml-16 {margin-left: 4rem;}
.lg\:ml-20 {margin-left: 5rem;}
.lg\:ml-24 {margin-left: 6rem;}
 


.lg\:block {display: block !important;}
.lg\:inline-block {display: inline-block !important;}
.lg\:inline {display: inline !important;}
.lg\:flex {display: flex !important;}
.lg\:inline-flex {display: inline-flex !important;}
.lg\:table {display: table !important;}
.lg\:grid {display: grid !important;}
.lg\:inline-grid {display: inline-grid !important;}
.lg\:hidden {display: none !important;}

}

/** 1280px+ */
@media (min-width: 1280px) {
.container,.lg\:container {min-width: 1200px;width: 1280px;margin-left: auto;margin-right: auto;}

}



.page-enter-active,
.page-leave-active {transition: all 0.4s;}

.page-enter-from,
.page-leave-to {opacity: 0;filter: blur(1rem);}

.layout-enter-active,
.layout-leave-active {transition: all 0.4s;}

.layout-enter-from,
.layout-leave-to {opacity: 0;filter: blur(1rem);}

.ease-in-out {transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}


.spacer {height: 80vh;background-color: #e5e7eb; border-radius: 0.5rem; padding: 1.5rem; display: flex;align-items: center;justify-content: center;margin-bottom: 2rem; margin-top: 2rem;box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); }

.title {font-size: 1.875rem; font-weight: 700;  margin-bottom: 2rem; }
.subtext,.subtitle {font-size: calc(var(--font-size) - 0rem);margin-bottom: 0.5em;color: rgba(var(--gray-600), 0.90);}

/* Dropdown Trigger Button */
.dropdown {position: relative;display: inline-block;}

.dropdown-trigger {background-color: transparent; color: rgba(var(--gray-600), 1);font-weight: 600; padding: 0.45rem 0.625rem; border-radius: 0.25rem; /*box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); */transition: background-color 0.2s, box-shadow 0.2s;display: flex;align-items: center;border: none;cursor: pointer; font-size:85%;}
.dropdown-trigger:hover {background-color: rgba(var(--primary-500), 0.12575);color: rgba(var(--gray-900), 1);}

.dropdown.dropdown-primary .dropdown-trigger {background-color: rgba(var(--primary-500), 1);color: rgba(var(--white),1);}
.dropdown.dropdown-primary .dropdown-trigger:hover {background-color: rgba(var(--primary-600), 1); }

.dropdown.dropdown-secondary .dropdown-trigger {background-color: rgba(var(--gray-500), 1);color: rgba(var(--white),1);}
.dropdown.dropdown-secondary .dropdown-trigger:hover {background-color: rgba(var(--gray-600), 1); }
.dropdown-trigger:focus {outline: none;box-shadow: 0 0 0 4px rgba(var(--primary-500), 0.5); }

/* Arrow Icon */
.arrow-icon {width: 1rem; height: 1rem; margin-left: 0.5rem; transition: transform 0.2s;}
.rotate-180 {  transform: rotate(180deg);}

/* Dropdown Menu Styles */
.dropdown-menu {position: absolute;z-index: 1000;opacity: 0;visibility: hidden;transition: opacity 0.2s ease, transform 0.2s ease;transform: translateY(5px); min-width: 200px;margin-top: 0.5rem; background-color: white;border-radius: 0.5rem;box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.05); overflow: hidden; }
.dropdown-menu.open {opacity: 1;visibility: visible;transform: translateY(0);}

/* Utility class to apply when menu is positioned ABOVE the button */
.dropdown-menu.upwards {transform: translateY(-5px);}
.dropdown-menu.open.upwards {transform: translateY(0);}

/* Menu Items */
.menu-item {display: flex;padding: 0.75rem 1rem;color: rgba(var(--text-color), 0.735);text-decoration: none;transition: background-color 0.15s, color 0.15s;border-bottom: 1px solid rgba(var(--gray-100), 1.0);font-size: calc(var(--font-size) - 0.20rem);width:100%;}
.dropdown-menu a:last-child {border-bottom: none;}
.menu-item:hover:not(.active) {background-color: rgba(var(--primary-500), 0.105) !important;color: rgba(var(--primary-500), 1.0) !important;text-decoration: none !important;}
.dropdown.control .menu-item.active {background-color: rgba(var(--primary-500), 0.21);}
.settings-title {margin-bottom: 0.75rem;font-size: calc(var(--font-size) + 0.60em);color: rgba(var(--primary-500), 1);border-bottom: 1px solid rgba(var(--gray-200), 1.0);padding-bottom: 0.5em;}
.section-title {margin-bottom: 0.75rem;font-size: calc(var(--font-size) + 0.30em);color: rgba(var(--gray-500), 1);}
.settings-field {display: grid;gap: 1em;grid-template-columns: 1fr 3fr;padding-bottom: 1rem;margin-bottom: 0.5rem;}

@media (max-width: 900px) {
    .settings-field {display: block;}
}

/* Basic styling for the tooltip box */.tooltip-container {
        position: absolute;
        background-color: #000;       /* Black background */
        color: #fff;                  /* White text */
        padding: 10px 15px;
        border-radius: 5px;
        font-size: 14px;
        max-width: 220px;
        text-align: center;
        z-index: 10000;
        pointer-events: none;         /* Ignores mouse interaction to prevent flickering */
        
        /* Hidden state */
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: opacity 0.3s ease, transform 0.3s ease;
    }

    /* Visible state */
    .tooltip-container.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    /* The Arrow (Triangle) pointing down */
    .tooltip-container::after {
        content: '';
        position: absolute;
        top: 100%;           /* Bottom of tooltip */
        left: 50%;
        margin-left: -6px;   /* Center the 6px arrow */
        border-width: 6px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
.picker { padding: 6px;border: 1px solid rgba(var(--gray-300), 1); border-radius: 3px;}
.picker > .picked-values { display: flex; gap: 0.255em; margin-bottom: 0.30em; }
.picker > .picked-values > .value {cursor:default; padding: 0.125em 0.125em 0.15em 0.5em;border: 1px solid rgba(var(--gray-300), 1.0);border-radius: 3px;display: flex;gap: 0.125em;margin-bottom: 8px;color: rgba(var(--gray-500), 1.0);font-size: 88%;    background-color: rgba(var(--gray-50), 1.0);}
.picker > .picked-values > .value:hover {background-color: rgba(var(--primary-200), 0.1250);color: rgba(var(--gray-700), 1.0); }
.picked-values .value > .image { max-width: 32px; max-height: 25px; }
.picker .dropdown-menu { max-height: 400px; overflow: auto; min-width:300px;}

.post-price { display: inline-flex;gap: 0px; font-size: calc(var(--font-size) + 0.35em);}

.post-price.superscript .fraction { vertical-align: text-top;font-size: 75%; }
.post-price.strike .amount { text-decoration: line-through; }
.post-price.current-price {font-weight: bold; }
.post-price.base-price { font-size: calc(var(--font-size) + 0.165em);color:rgba(var(--gray-400), 0.80);}

.line-item:not(:first-child) {border-top: 1px solid rgba(var(--gray-300),1) ;}

/*  Container-Query .cc,  */ 
.cq {
  container-type: inline-size;
}

/*  Container Utilities < 350px */
@container (max-width: 349px) {
  .cq-sm\:inline-block  { display: inline-block !important; }
  .cq-sm\:block         { display: block !important; }
  .cq-sm\:grid          { display: grid !important; }
  .cq-sm\:flex          { display: flex !important; }
  .cq-sm\:flex-col      { flex-direction: column !important; }
  .cq-sm\:hidden        { display: none !important; }
}
/*  Container Utilities 350px - 700px */
@container (min-width: 350px) and (max-width: 700px) { 
  .cq-md\:inline-block  { display: inline-block !important; }
  .cq-md\:block         { display: block !important; }
  .cq-md\:grid          { display: grid !important; }
  .cq-md\:flex          { display: flex !important; }
  .cq-md\:flex-col      { flex-direction: column !important; }
  .cq-md\:hidden        { display: none !important; }
}

@container (min-width: 701px) { 
  .cq-lg\:w-2\/3 {
    width: 66%;
  }
}