:root { --scaling:100%; --font-size:1rem; --font-sans-serif:'Inter', system-ui, -apple-system, sans-serif; --font-serif:'Outfit', serif; --font-mono:'JetBrains Mono', 'Fira Code', monospace; --font-color:#e0e0e0; --spacing:1.5rem; --border-color:rgba(255, 255, 255, 0.1); --border-width:1px; --rounded:0.75rem; --rounded-lg:1.25rem; --primary-color:#9d50bb; --primary-color-light:#b76dd3; --primary-color-dark:#6e48aa; --accent-color:var(--primary-color); --accent-secondary:var(--primary-color-dark); --primary-900:#1e1b4b; --primary-800:#312e81; --primary-700:#4338ca; --primary-600:#4f46e5; --primary-500:#6366f1; --primary-400:#818cf8; --primary-300:#a5b4fc; --primary-200:#c7d2fe; --black-900:#020617; --black-800:#0d0d12; --black-700:#1e293b; --white:#fff; --text-muted:#a0a0a0; --success-color:#10b981; --warning-color:#f59e0b; --error-color:#ef4444; --glass-bg:rgba(255, 255, 255, 0.03); --glass-border:rgba(255, 255, 255, 0.1); --glass-blur:1rem; --glass-shadow:0 8px 32px 0 rgba(0, 0, 0, 0.37); --overlay-color:rgba(13, 13, 18, 0.6); --bg-color:var(--black-800); --bg-gradient:radial-gradient(at 0% 0%, rgba(157, 80, 187, 0.15) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(110, 72, 170, 0.15) 0px, transparent 50%), var(--bg-color); --bg-surface:rgba(20, 20, 30, 0.95); --bg-primary:var(--bg-color);  }
@media (prefers-color-scheme:dark) {:root {  }
 }
@media (min-width:2560px) {:root { --scaling:125%;  }
 }
@media (min-width:1920px) {:root { --scaling:112.5%;  }
 }
.hidden { opacity:0;  }
.fade-in { animation:fade-in 1.4s;  }
@keyframes fade-in { from { opacity:0; transform:scale(0.7, 0.7);  }
to { opacity:1;  }
 }
.bounce { animation:bounce 1s infinite; position:relative;  }
@keyframes bounce { 0% { top:-2px;  }
50% { top:2px;  }
100% { top:-2px;  }
 }
@keyframes slideInFromTop { 0% { transform:translateY(-20rem); opacity:0;  }
50% { transform:translateY(2.5rem); opacity:1;  }
100% { transform:translateY(0); opacity:1;  }
 }
@keyframes slideInFromLeft { 0% { transform:translateX(-20rem); opacity:0;  }
100% { transform:translateX(0); opacity:1;  }
 }
@keyframes slideInFromRight { 0% { transform:translateX(20rem); opacity:0;  }
100% { transform:translateX(0); opacity:1;  }
 }
@charset "UTF-8"; :root { -moz-tab-size:4; -o-tab-size:4; tab-size:4; height:100%;  }
input:-webkit-autofill { background-color:#fff !important; box-shadow:0 0 0 1000px #fff inset !important;  }
hr { box-sizing:content-box; height:0; overflow:visible;  }
abbr[title] { text-decoration:underline dotted;  }
b, strong { font-weight:600;  }
code, kbd, samp, pre { font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size:1rem;  }
small { font-size:87.5%;  }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline;  }
sub { bottom:-0.25rem;  }
sup { top:-0.5rem;  }
[hidden] { display:none;  }
button, input, optgroup, select, textarea { font-family:inherit; font-size:100%; line-height:1.15; margin:0;  }
button, select { text-transform:none;  }
details { display:block;  }
summary { display:list-item;  }
audio, canvas, iframe, img, svg, video { vertical-align:middle;  }
audio, video { display:inline-block;  }
audio:not([controls]) { display:none; height:0;  }
main { display:block;  }
*, *::before, *::after { box-sizing:border-box; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased;  }
html, body { margin:0; padding:0;  }
html { font-size:var(--scaling); min-height:100%; word-break:break-word; -ms-overflow-style:-ms-autohiding-scrollbar; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);  }
body { color:var(--font-color); font-family:var(--font-sans-serif); font-weight:400; font-style:normal; text-rendering:optimizeLegibility; line-height:1.5; font-size:1rem; background:var(--bg-gradient); background-color:var(--bg-color); background-attachment:fixed; background-size:cover;  }
@media (prefers-color-scheme:dark) { body {  }
 }
body .block-is-first { margin-top:6rem !important;  }
.fi { border-radius:0.125rem;  }
pre { background:rgba(0, 0, 0, 0.3) !important; border-radius:8px; border:1px solid var(--glass-border);  }
a { color:var(--font-color); text-decoration:none; position:relative; &:hover { cursor:pointer; color:var(--font-color);  }
&:visited { color:var(--font-color); text-decoration:none;  }
 }
a.is-animated::before { content:''; position:absolute; width:100%; height:3px; background:var(--primary-color); top:100%; left:0; pointer-events:none; transform-origin:100% 50%; transform:scale3d(0, 1, 1); transition:transform 0.3s;  }
a.is-animated.is-large::before { height:4px;  }
a.is-animated:hover::before { transform-origin:0% 50%; transform:scale3d(1, 1, 1);  }
a:focus { outline:none; background:var(--primary-color);  }
a:focus:not(:focus-visible) { background:transparent;  }
a:focus-visible { outline:2px solid var(--primary-color); background:transparent;  }
a.hover-underline:hover { text-decoration:underline;  }
.breadcrumb { font-size:1rem; white-space:nowrap; ul, ol { align-items:flex-start; display:flex; flex-wrap:wrap; justify-content:flex-start;  }
a { align-items:center; color:#3273dc; display:flex; justify-content:center; padding:0 0.75em; &:hover { color:#363636;  }
 }
li { align-items:center; display:flex; &:first-child a { padding-left:0;  }
&.is-active a { color:#363636; cursor:default; pointer-events:none;  }
+ li::before { color:#b5b5b5; content:"\0002f";  }
 }
 }
.card { background-color:var(--glass-bg); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-radius:var(--rounded-lg); border:1px solid var(--glass-border); box-shadow:var(--glass-shadow); padding:2rem; transition:var(--transition, all 0.3s ease); color:var(--font-color); max-width:100%; position:relative;  }
.card:hover { background-color:var(--primary-soft, rgba(139, 92, 246, 0.05)); border-color:var(--primary-color-light); transform:translateY(-2px); box-shadow:0 12px 40px 0 rgba(0, 0, 0, 0.15);  }
.card.has-shadow { box-shadow:var(--glass-shadow);  }
.dialog { background-color:white; padding:1.5rem; border:1px solid #ebebeb; border-radius:0.75rem; max-width:30rem; width:calc(100% - 5rem); &.has-overlay { box-shadow:0 0 0 999em var(--overlay-color);  }
@media (prefers-color-scheme:dark) { background-color:rgba(15, 23, 42, 0.95); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border:1px solid rgba(255, 255, 255, 0.1);  }
 }
.dropdown { display:inline-flex; position:relative; vertical-align:top;  }
.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu { display:block;  }
.dropdown.is-right .dropdown-menu { left:auto; right:0;  }
.dropdown.is-up .dropdown-menu { bottom:100%; padding-bottom:4px; padding-top:initial; top:auto;  }
.dropdown-menu { display:none; left:0; min-width:12rem; padding-top:4px; position:absolute; top:100%; z-index:20;  }
.dropdown-content { background-color:white; border-radius:4px; box-shadow:0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); padding-bottom:0.5rem; padding-top:0.5rem;  }
@media (prefers-color-scheme:dark) { .dropdown-content { background-color:rgba(15, 23, 42, 0.95); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border:1px solid rgba(255, 255, 255, 0.1);  }
 }
.dropdown-item { color:#4a4a4a; display:block; font-size:1rem !important; line-height:1.5; padding:0.5rem 1rem !important; position:relative;  }
@media (prefers-color-scheme:dark) { .dropdown-item { color:#cbd5e1;  }
 }
a.dropdown-item:hover, button.dropdown-item:hover { background-color:whitesmoke; color:#0a0a0a;  }
@media (prefers-color-scheme:dark) { a.dropdown-item:hover, button.dropdown-item:hover { background-color:rgba(255, 255, 255, 0.1); color:#f8fafc;  }
 }
a.dropdown-item.is-active, button.dropdown-item.is-active { background-color:#3273dc; color:#fff;  }
.dropdown-divider { background-color:#ededed; border:none; display:block; height:1px; margin:0.5rem 0;  }
.loader { width:48px; height:48px; border:4px solid rgba(255, 255, 255, 0.1); border-left-color:var(--primary-color, white); border-radius:50%; animation:spin 1s linear infinite; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);  }
@keyframes spin { to { transform:translate(-50%, -50%) rotate(360deg);  }
 }
.menu { font-size:1rem;  }
.menu.is-small { font-size:0.75rem;  }
.menu.is-medium { font-size:1.25rem;  }
.menu.is-large { font-size:1.5rem;  }
.menu-list { line-height:1.25; display:flex; flex-direction:column;  }
.menu-list a { border-radius:2px; color:#d7d7d7; display:block; padding:0.25rem 0.5rem;  }
.menu-list a:hover { background-color:whitesmoke; color:#363636;  }
@media (prefers-color-scheme:dark) { .menu-list a:hover { background-color:rgba(255, 255, 255, 0.1); color:#f8fafc;  }
 }
.menu-list a.is-active { background-color:#3273dc; color:#fff;  }
.menu-list li ul { border-left:1px solid #dbdbdb; margin:0.75rem; padding-left:0.75rem; @media (prefers-color-scheme:dark) { border-left:1px solid rgba(255, 255, 255, 0.1);  }
>li { font-size:0.875rem;  }
 }
.menu-label { color:#7a7a7a; font-size:0.75rem; letter-spacing:0.125rem; text-transform:uppercase;  }
@media (prefers-color-scheme:dark) { .menu-label { color:#94a3b8;  }
 }
.menu-label:not(:first-child) { margin-top:0.75rem;  }
.menu-label:not(:last-child) { margin-bottom:0.75rem;  }
.mobile-menu { position:fixed; top:0; right:0; bottom:0; z-index:1002; overflow-y:auto; background:white; transform:translateX(100vw); transition:all 0.15s ease-in-out; max-width:400px; width:100%; display:flex; flex-direction:column; padding:6rem 0 0 0; font-size:1.5rem; &.is-active { transform:translateX(0); backdrop-filter:blur(2rem); -webkit-backdrop-filter:blur(2rem);  }
&.has-overlay { box-shadow:0 0 0 999em var(--overlay-color);  }
.mobile-close { position:fixed; top:1.25rem; right:1.25rem; cursor:pointer; z-index:100;  }
a, a:visited { padding:0.75rem 1.5rem; transition:all 0.15s ease; &:hover { background-color:#eee8e0;  }
 }
 }
.placeholder { margin:0 auto; width:100%; min-height:2rem; background-color:#eee; border-radius:0.25rem; overflow:hidden;  }
.placeholder::after { content:''; animation-duration:1.5s; animation-fill-mode:forwards; animation-iteration-count:infinite; animation-name:placeholder; animation-timing-function:linear; background:darkgray; background:linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%); background-size:800px 104px; height:100%; position:relative; display:block;  }
@keyframes placeholder { 0% { background-position:-468px 0  }
100% { background-position:468px 0  }
 }
.buttons { display:flex; flex-direction:row; gap:1rem; flex-wrap:wrap;  }
.button, .button:visited { padding:0.75rem 1.75rem; background-color:var(--primary-color); color:white; border:1px solid transparent; font-family:var(--font-sans-serif); font-weight:600; font-size:1rem; border-radius:var(--rounded); cursor:pointer; transition:var(--transition, all 0.3s ease); display:inline-flex; align-items:center; justify-content:center; gap:0.5rem; width:fit-content; text-decoration:none;  }
.button:hover { transform:translateY(-1px); box-shadow:0 4px 12px rgba(139, 92, 246, 0.3); filter:brightness(1.1); color:white;  }
.button:active { transform:translateY(0);  }
.button.is-square { border-radius:0;  }
.button.is-rounded { border-radius:var(--rounded);  }
.button.is-round, .button.is-pill { border-radius:999px;  }
.button.is-fullwidth { width:100%;  }
.button.is-large { font-size:1.25rem; padding:1rem 2.5rem;  }
.button.is-small { font-size:0.875rem; padding:0.5rem 1.25rem;  }
.button.is-disabled, .button:disabled { pointer-events:none; cursor:not-allowed; opacity:0.5;  }
.button.is-primary-light { background-color:var(--primary-color-light); color:white;  }
.button.is-glass { background:var(--glass-bg); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); border:1px solid var(--glass-border); color:var(--font-color); box-shadow:var(--glass-shadow);  }
.button.is-glass:hover { background:var(--glass-border);  }
.button.is-transparent { background-color:transparent; border-color:transparent; color:var(--primary-color);  }
.button.is-black { color:white; background:var(--black-900);  }
.button.is-white { color:var(--black-900); background:white; border-color:var(--black-100);  }
.button.is-outline { background-color:transparent; border-color:var(--border-color); color:var(--font-color);  }
.button.is-outline.is-primary { color:var(--primary-color); border-color:var(--primary-color);  }
.button.is-outline.is-primary:hover { background-color:var(--primary-color); color:white;  }
.button.is-success { color:white; background-color:var(--success-color); box-shadow:0 4px 12px rgba(16, 185, 129, 0.2);  }
.button.is-warning { color:white; background-color:var(--warning-color); box-shadow:0 4px 12px rgba(245, 158, 11, 0.2);  }
.button.is-danger { color:white; background-color:var(--error-color); box-shadow:0 4px 12px rgba(239, 68, 68, 0.2);  }
.button.is-active { border-color:var(--primary-color) !important; background-color:var(--primary-color-alpha, rgba(139, 92, 246, 0.2)) !important; color:white !important;  }
.delete { -moz-appearance:none; -webkit-appearance:none; background-color:rgba(10, 10, 10, 0.2); border:none; border-radius:921024px; cursor:pointer; pointer-events:auto; display:inline-block; flex-grow:0; flex-shrink:0; font-size:0; height:20px; max-height:20px; max-width:20px; min-height:20px; min-width:20px; outline:none; position:relative; vertical-align:top; width:20px; @media (prefers-color-scheme:dark) { background-color:rgba(255, 255, 255, 0.2);  }
 }
.delete::before, .delete::after { background-color:white; content:""; display:block; left:50%; position:absolute; top:50%; transform:translateX(-50%) translateY(-50%) rotate(45deg); transform-origin:center center;  }
.delete::before { height:2px; width:50%;  }
.delete::after { height:50%; width:2px;  }
.delete:hover, .delete:focus { background-color:rgba(10, 10, 10, 0.3);  }
.delete:active { background-color:rgba(10, 10, 10, 0.4);  }
.is-small.delete { height:16px; max-height:16px; max-width:16px; min-height:16px; min-width:16px; width:16px;  }
.is-medium.delete { height:24px; max-height:24px; max-width:24px; min-height:24px; min-width:24px; width:24px;  }
.is-large.delete { height:32px; max-height:32px; max-width:32px; min-height:32px; min-width:32px; width:32px;  }
[class^="icon-"], [class*=" icon-"] { line-height:1; &.is-large { font-size:1.5rem;  }
&.is-xl { font-size:2rem;  }
&.is-xxl { font-size:2.5rem;  }
 }
img.is-2x2 { width:2rem; height:2rem;  }
img.is-6x6 { width:6rem; height:6rem;  }
img.is-5x5 { width:5rem; height:5rem;  }
img.is-4x4 { width:4rem; height:4rem;  }
img:not([src]) { visibility:hidden;  }
img[data-src] { opacity:0; transition:opacity .25s ease-in-out; will-change:opacity;  }
img[data-src][src] { opacity:1;  }
.notification { background-color:var(--glass-bg); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border:1px solid var(--glass-border); box-shadow:var(--glass-shadow); border-radius:var(--rounded); position:relative; padding:1.5rem 3rem 1.5rem 1.5rem; color:var(--font-color); border-left:4px solid var(--primary-color);  }
.notification.is-success { border-left-color:var(--success-color); background:rgba(16, 185, 129, 0.05);  }
.notification.is-warning { border-left-color:var(--warning-color); background:rgba(245, 158, 11, 0.05);  }
.notification.is-danger { border-left-color:var(--error-color); background:rgba(239, 68, 68, 0.05);  }
.notification a:not(.button) { color:var(--primary-color); font-weight:600; text-decoration:none;  }
.notification a:not(.button):hover { text-decoration:underline;  }
.notification .delete { position:absolute; right:1rem; top:1.5rem; cursor:pointer;  }
.blockquote { margin:0; padding:2.5rem; font-family:var(--font-serif); font-weight:800; font-style:italic; font-size:2.25rem;  }
blockquote em { display:block; margin-bottom:0.75rem;  }
.table-container { -webkit-overflow-scrolling:touch; overflow-x:auto; overflow-y:hidden; max-width:100%; margin-bottom:1rem;  }
.table-wrapper { overflow-x:auto; -webkit-overflow-scrolling:touch; margin-bottom:1rem;  }
.table { background-color:white; color:#363636; width:100%; white-space:nowrap; &.is-fullwidth { width:100%;  }
@media (prefers-color-scheme:dark) { color:#f8fafc; background-color:rgba(255, 255, 255, 0.02); a, a:visited { color:#f8fafc;  }
 }
 }
.table td, .table th { border:1px solid #dbdbdb; border-width:0 0 1px; padding:0.5rem 0.75rem; vertical-align:top; &.is-narrow { width:1%; white-space:nowrap;  }
@media (prefers-color-scheme:dark) { border-color:rgba(255, 255, 255, 0.1);  }
 }
.table th { color:#363636; @media (prefers-color-scheme:dark) { color:#f8fafc;  }
 }
.table th:not([align]) { text-align:inherit;  }
.table thead { background-color:transparent;  }
.table thead td, .table thead th { border-width:0 0 2px; color:#363636;  }
.table tfoot { background-color:transparent;  }
.table tfoot td, .table tfoot th { border-width:2px 0 0; color:#363636;  }
.table tbody { background-color:transparent;  }
.table tbody tr:last-child td, .table tbody tr:last-child th { border-bottom-width:0;  }
.tags { margin-top:1.5rem; display:flex; flex-direction:row; flex-wrap:wrap; gap:0.75rem;  }
.tag { background:#eaeaea; color:#939393; border-radius:921024px; padding:0.25rem 1rem; display:flex; align-items:center; font-size:0.875rem; span { line-height:1;  }
i { display:flex; &:before { font-size:1.125rem; font-weight:400 !important;  }
 }
&.is-pink { background:#fdbef5; color:#f368e0;  }
&.is-blue { background:#98c6ff; color:#2e86de;  }
&.is-green { background:#6efbd3; color:#10ac79;  }
&.is-red { background:#ff6b6b; color:#ee5253;  }
&.is-gray { background:#c8d6e5; color:#8395a7;  }
&.is-yellow { background:#ffe3a6; color:#ff9f43;  }
 }
.title { font-family:var(--font-sans-serif); font-weight:700; font-size:2rem; font-style:normal; line-height:1.15; margin:0; word-break:break-word; color:#333; text-rendering:optimizeLegibility;  }
.title.is-large { font-size:2.5rem;  }
.title.is-1 { margin:0; font-size:2.5rem;  }
.title.is-2 { font-size:2rem;  }
.title.is-3 { font-size:1.5rem;  }
.title.is-4 { font-size:1.25rem;  }
.title.is-5 { font-size:1.125rem;  }
.title.is-6 { font-size:1rem;  }
@media (prefers-color-scheme:dark) { .title { color:#f8fafc;  }
a.title, a.title:visited { color:#f8fafc;  }
.subtitle { color:#cbd5e1;  }
 }
a.title, a.title:visited { color:#333;  }
.subtitle { color:#5f5f5f; font-size:1.25rem; margin:0;  }
.excerpt { font-size:1.5rem;  }
@media (min-width:1200px) { .title.is-large { font-size:4.5rem;  }
.title.is-1 { font-size:3.5rem;  }
.title.is-2 { font-size:2.5rem;  }
.title.is-3 { font-size:2rem;  }
.title.is-4 { font-size:1.5rem;  }
.title.is-5 { font-size:1.25rem;  }
.title.is-6 { font-size:1rem;  }
 }
.title-block { display:flex; flex-direction:column; gap:1.5rem;  }
.title.has-left-border { border-left:4px solid var(--primary-color, #8b5cf6); padding-left:1rem; display:flex; align-items:center;  }
.checkbox { display:flex; align-items:center; cursor:pointer; font-size:1rem; color:var(--font-color); position:relative;  }
.checkbox input[type="checkbox"] { appearance:none; -webkit-appearance:none; width:1.25rem; height:1.25rem; border:1px solid var(--border-color); border-radius:4px; background-color:var(--input-bg, transparent); margin-right:0.75rem; position:relative; cursor:pointer; transition:all 0.2s ease; display:flex; align-items:center; justify-content:center;  }
.checkbox input[type="checkbox"]:checked { background-color:var(--primary-color); border-color:var(--primary-color);  }
.checkbox input[type="checkbox"]:checked::after { content:''; width:0.35rem; height:0.7rem; border:solid white; border-width:0 2px 2px 0; transform:rotate(45deg); position:absolute; top:0.1rem;  }
.checkbox:hover input[type="checkbox"] { border-color:var(--primary-color-light);  }
.checkbox input[type="checkbox"]:focus { box-shadow:0 0 0 3px rgba(139, 92, 246, 0.2); outline:none;  }
.checkbox input[type="checkbox"]:disabled { opacity:0.5; cursor:not-allowed; background-color:var(--black-100);  }
.checkbox input[type="checkbox"]:disabled + span { opacity:0.5; cursor:not-allowed;  }
@media (prefers-color-scheme:dark) { .checkbox input[type="checkbox"] { background-color:rgba(255, 255, 255, 0.05); border-color:rgba(255, 255, 255, 0.2);  }
.checkbox input[type="checkbox"]:disabled { background-color:rgba(255, 255, 255, 0.1);  }
 }
.field.is-grouped { display:flex;  }
.field.is-grouped .button { border-top-left-radius:0 !important; border-bottom-left-radius:0 !important; border-left:0 !important; white-space:nowrap;  }
.field.is-grouped .input.is-round, .field.is-grouped .input.is-rounded { border-top-right-radius:0 !important; border-bottom-right-radius:0 !important; border-right:0 !important;  }
.label { display:block; font-weight:600; margin-bottom:0.5rem; color:var(--font-color);  }
.form { display:flex; flex-direction:column; gap:1rem;  }
.form .field { display:flex; flex-direction:column;  }
.input[type=text], .input[type=email], .input[type=password], .input[type=number], .input[type=date], .textarea { display:block; background:white; border-style:solid; border-color:var(--border-color); border-width:var(--border-width); outline:0; color:#333; padding:0.75rem 1rem; font-family:var(--font-sans-serif); font-weight:500; font-size:1rem; width:100%; -webkit-appearance:none; appearance:none; transition:all 0.2s ease;  }
.input[type=text]:focus, .input[type=email]:focus, .input[type=password]:focus, .input[type=number]:focus, .input[type=date]:focus, .textarea:focus { border-color:var(--primary-color); box-shadow:0 0 0 4px rgba(139, 92, 246, 0.1);  }
@media (prefers-color-scheme:dark) { .input[type=text], .input[type=email], .input[type=password], .input[type=number], .input[type=date], .textarea { background-color:rgba(0, 0, 0, 0.3); border-color:rgba(255, 255, 255, 0.1); color:#f8fafc;  }
.input[type=text]:focus, .input[type=email]:focus, .input[type=password]:focus, .input[type=number]:focus, .input[type=date]:focus, .textarea:focus { background-color:rgba(0, 0, 0, 0.4); border-color:var(--primary-color); box-shadow:0 0 0 4px rgba(139, 92, 246, 0.2);  }
 }
.input::placeholder, .textarea::placeholder { color:#94a3b8; opacity:0.7;  }
@media (prefers-color-scheme:dark) { .input::placeholder, .textarea::placeholder { color:#94a3b8; opacity:0.5;  }
 }
.input.is-rounded { border-radius:var(--rounded);  }
.input.is-round { border-radius:921024px;  }
.input.is-success { border-color:var(--success);  }
.input.is-warning { border-color:var(--warning);  }
.input.is-danger { border-color:var(--error);  }
.number-input { display:flex; overflow:hidden; border-style:solid; border-color:var(--border-color); border-width:var(--border-width); width:fit-content; max-width:20rem; &.is-rounded { border-radius:var(--rounded);  }
&.is-round { border-radius:921024px;  }
.input { margin:0; border:none; padding:0.75rem 0.25rem; text-align:center;  }
.button { padding:0.75rem; background:transparent !important; border-radius:0; font-weight:600; border:none; font-weight:800; font-size:1.125rem;  }
 }
.select { display:block; width:100%; padding:0.75rem 2.5rem 0.75rem 1rem; font-family:var(--font-sans-serif); font-weight:500; font-size:1rem; color:#333; background-color:white; border-style:solid; border-color:var(--border-color); border-width:var(--border-width); border-radius:var(--rounded); outline:0; cursor:pointer; -webkit-appearance:none; appearance:none; transition:all 0.2s ease; background-image:url("data:image/svg+xml; charset=US-ASCII, %3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2394a3b8%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 0.85rem center; background-size:0.6rem auto;  }
.select:focus { border-color:var(--primary-color); box-shadow:0 0 0 4px rgba(139, 92, 246, 0.1);  }
.select:disabled { opacity:0.5; cursor:not-allowed;  }
.select.is-small { padding:0.5rem 2rem 0.5rem 0.75rem; font-size:0.875rem;  }
.select.is-medium { padding:0.875rem 2.75rem 0.875rem 1.25rem; font-size:1.125rem;  }
.select.is-large { padding:1rem 3rem 1rem 1.5rem; font-size:1.25rem;  }
.select.is-success { border-color:var(--success);  }
.select.is-warning { border-color:var(--warning);  }
.select.is-danger { border-color:var(--error);  }
@media (prefers-color-scheme:dark) { .select { background-color:rgba(0, 0, 0, 0.3); border-color:rgba(255, 255, 255, 0.1); color:#f8fafc; background-image:url("data:image/svg+xml; charset=US-ASCII, %3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%237b68ee%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22/%3E%3C/svg%3E");  }
.select:focus { background-color:rgba(0, 0, 0, 0.4); border-color:var(--primary-color); box-shadow:0 0 0 4px rgba(139, 92, 246, 0.2);  }
.select option { background:#1a1a2e; color:#f8fafc;  }
 }
.textarea { min-height:6rem; resize:vertical;  }
.topbar { display:flex; position:fixed; top:0; z-index:1000; background:var(--glass-bg); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); display:flex; height:6rem; width:100%; padding:1rem 0; transition:all 0.15s ease; border-bottom:1px solid var(--glass-border);  }
.topbar::after { background:white; content:''; width:100%; height:100%; position:absolute; top:0; bottom:0; z-index:-1; opacity:0; transform:translate3d(0, -100px, 0);  }
.topbar.is-sticky { padding:1.5rem 0;  }
.topbar.is-sticky::after { opacity:1; transform:translate3d(0, 0, 0); transition:transform 0.5s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.5s cubic-bezier(0.2, 1, 0.3, 1);  }
.topbar .container { display:flex; justify-content:space-between; align-items:center;  }
@media (min-width:1200px) { .topbar { padding:0; color:#222;  }
 }
.topbar .logotype img { max-width:15rem; width:100%;  }
.burger { cursor:pointer; margin-left:5rem; position:relative; top:-3px;  }
.burger svg { width:2.5rem; height:2.5rem;  }
.burger::before { display:none;  }
.container { margin-left:auto; margin-right:auto; padding-left:1.5rem; padding-right:1.5rem; width:100%;  }
.container.padding-large { padding-left:2.5rem; padding-right:2.5rem;  }
.container.is-fullwidth { max-width:100%;  }
.container.is-small { max-width:768px;  }
.container.is-medium { max-width:960px;  }
@media (min-width:640px) { .container { max-width:640px;  }
 }
@media (min-width:768px) { .container { max-width:768px;  }
 }
@media (min-width:1200px) { .container { max-width:1200px; padding-left:2.5rem !important; padding-right:2.5rem !important;  }
 }
@media (min-width:1440px) { .container { max-width:1440px;  }
 }
.section { padding:3rem 1.5rem;  }
@media screen and (min-width:1024px) { .section.is-medium { padding:6rem 1.5rem;  }
.section.is-large { padding:9rem 1.5rem;  }
.section.is-xl { padding:9rem 1.5rem;  }
 }
.hero { display:flex; padding:2.5rem;  }
.hero.has-spacing { padding:6rem 0;  }
.hero.has-spacing-xl { padding:9rem 0;  }
.hero.has-spacing-xxl { padding:12rem 0;  }
.hero.is-fullheight { height:100vh;  }
.hero-content, .hero-illustration { width:50%; display:flex; flex-direction:column; justify-content:center;  }
.hero-illustration svg { max-height:70vh;  }
.hero.is-black { background-color:black; color:white;  }
.sub-page-hero { width:95dvw; max-height:20rem; object-fit:cover;  }
@media (min-width:1280px) { .hero-left, .hero-right { width:50%;  }
 }
@media (min-width:1200px) { .main-hero { padding:10rem 0 0 0; position:relative;  }
.main-hero .container { display:flex;  }
.main-hero .hero-left { display:flex; max-height:75vh;  }
.main-hero .hero-right { display:flex; align-items:center; justify-content:center; position:relative;  }
.main-hero .hero-right .title { font-size:5vw; color:white; font-family:"IBM Plex Sans", sans-serif;  }
 }
.main-hero { background:url("https://i.imgur.com/4ohnWWA.jpeg") center center no-repeat; background-size:cover; padding:6rem 0 0 0;  }
.main-hero .hero-left { width:75%; opacity:0;  }
.main-hero .hero-left img { margin-top:auto; margin-left:2.5rem; max-height:100%; max-width:100%; height:auto; object-fit:contain; position:relative; z-index:10;  }
.main-hero .hero-right { display:none;  }
body.has-loaded .hero-left.animate-left { animation:slideInFromLeft 1.25s; opacity:1;  }
body.has-loaded .hero-left.animate-right { animation:slideInFromRight 1.25s; opacity:1; margin-left:auto;  }
.columns { display:flex; flex-wrap:wrap; gap:5rem;  }
.grid-columns { display:grid; gap:1.5rem; grid-template-columns:1fr; margin-bottom:1.5rem;  }
.grid-columns.is-2, .grid-columns.is-3, .grid-columns.is-4, .grid-columns.is-5, .grid-columns.is-6 { grid-template-columns:1fr;  }
@media (min-width:1200px) { .grid-columns { gap:2.5rem; margin-bottom:2.5rem;  }
.grid-columns.is-2 { grid-template-columns:1fr 1fr;  }
.grid-columns.is-3 { grid-template-columns:1fr 1fr 1fr;  }
.grid-columns.is-4 { grid-template-columns:1fr 1fr 1fr 1fr;  }
.grid-columns.is-5 { grid-template-columns:1fr 1fr 1fr 1fr 1fr;  }
.grid-columns.is-6 { grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;  }
 }
@media (max-width:1200px) { .grid-columns.is-2.is-2-mobile, .grid-columns.is-3.is-2-mobile, .grid-columns.is-4.is-2-mobile, .grid-columns.is-5.is-2-mobile, .grid-columns.is-6.is-2-mobile { grid-template-columns:1fr 1fr;  }
 }
.footer { margin-top:auto; background-size:cover; color:#5f5f5f; font-size:1.125rem;  }
.footer a { color:#4a4a4a;  }
.footer .main-footer-container { padding:1.5rem; display:flex; flex-direction:column; gap:1.5rem; border-top:2px var(--default-border-color) solid;  }
.footer .bottom-footer-container { padding:1.5rem; display:flex; flex-direction:row; justify-content:space-between;  }
.bottom-footer-container ul { margin:0; padding:0; list-style-type:none; display:flex; flex-direction:row; color:#5f5f5f; font-size:1.125rem; gap:1.5rem;  }
.footer .columns { gap:2.5rem;  }
.footer .columns .title { margin-bottom:0.75rem;  }
.footer .main-footer-container .columns ul { flex-direction:row; white-space:nowrap; flex-wrap:wrap;  }
.footer .main-footer-container ul { margin:0; padding:0; list-style-type:none; display:flex; flex-direction:column; color:#5f5f5f; font-size:1.125rem; gap:0.75rem;  }
.bottom-footer-container .fi { border-radius:0.125rem;  }
@media (min-width:1200px) { .footer .container { flex-direction:row; justify-content:space-between;  }
.footer .main-footer-container { padding:6rem 0 2.5rem 0;  }
.footer .main-footer-container .columns ul { flex-direction:column;  }
.footer .bottom-footer-container { border-top:2px var(--default-border-color) solid;  }
 }
.level { display:flex; flex-direction:column; align-items:center; justify-content:space-between;  }
.level.is-mobile { flex-direction:row;  }
.level-item { align-items:center; display:flex; flex-basis:auto; flex-grow:0; flex-shrink:0; justify-content:center;  }
.level-left { align-items:center; justify-content:flex-start;  }
.level-right { align-items:center; justify-content:flex-end;  }
@media (min-width:1200px) { .level { display:flex; flex-direction:row;  }
.level > .level-item { flex-grow:1;  }
 }
.navigation { display:none;  }
@media (min-width:1200px) { .navigation { margin:0; padding:0; list-style-type:none; display:flex; gap:1.5rem; height:100%; align-items:center;  }
.navigation a { font-size:1.375rem; font-weight:500; line-height:1; padding:0; color:#5f5f5f;  }
.navigation a:hover { color:#4a4a4a;  }
.navigation li { position:relative; height:100%; display:flex; align-items:center; &.has-subitems::after { content:''; width:1.5rem; height:1.5rem; background-image:url("data:image/svg+xml, %3Csvg width='64px' height='64px' stroke-width='1.5' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23c3a884'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23c3a884' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E"); background-size:cover;  }
 }
.navigation li > ul { top:6rem; position:absolute; background:#efe8e0; opacity:0; display:none; padding:0; list-style-type:none; white-space:pre; border-bottom-left-radius:0.75rem; border-bottom-right-radius:0.75rem; overflow:hidden;  }
.navigation li:hover > ul { opacity:1; display:block;  }
.navigation li > ul > li { a, a:visited { width:100%; padding:0.75rem 1rem; font-size:1rem;  }
a:hover { background-color:#e1d8c7;  }
 }
 }
.sidebar { position:fixed; top:0; left:0; bottom:0; width:5.5rem; background:rgba(10, 10, 18, 0.6); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-right:1px solid rgba(255, 255, 255, 0.04); display:flex; flex-direction:column; z-index:2000; transition:width 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), background 0.4s, border-color 0.4s;  }
.sidebar:hover, .sidebar.is-always-open { width:17.5rem; background:rgba(10, 10, 18, 0.98); backdrop-filter:blur(40px); -webkit-backdrop-filter:blur(40px); border-right-color:rgba(157, 80, 187, 0.25); box-shadow:15px 0 50px rgba(0, 0, 0, 0.3);  }
.sidebar.is-always-open ~ .wrapper { margin-left:17.5rem; width:calc(100vw - 17.5rem);  }
.brand { padding:2.5rem 0; width:100%; display:flex; justify-content:center; transition:all 0.3s;  }
.sidebar-logo { color:var(--primary-color, #8b5cf6); font-size:2.2rem; font-weight:900; display:flex; align-items:center; justify-content:center; width:100%; transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);  }
.sidebar:hover .sidebar-logo i, .sidebar.is-always-open .sidebar-logo i { transform:scale(1.1);  }
.sidebar-logo span { opacity:0; width:0; overflow:hidden; transition:opacity 0.3s, width 0.3s, margin 0.3s; white-space:nowrap; font-family:'Outfit', sans-serif; font-weight:800;  }
.sidebar:hover .sidebar-logo span, .sidebar.is-always-open .sidebar-logo span { opacity:1; width:auto; margin-left:0.75rem;  }
.sidebar-nav { display:flex; flex-direction:column; gap:0.5rem; width:100%; padding:0 0.75rem;  }
.nav-item { display:flex; align-items:center; color:rgba(255, 255, 255, 0.4); text-decoration:none; font-size:0.95rem; font-weight:600; height:3.5rem; border-radius:12px; transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position:relative; cursor:pointer; overflow:hidden;  }
.nav-item i { width:4rem; flex-shrink:0; display:flex; justify-content:center; align-items:center; font-size:1.5rem; transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);  }
.nav-item span { opacity:0; transform:translateX(-10px); transition:opacity 0.2s, transform 0.3s; white-space:nowrap;  }
.sidebar:hover .nav-item span, .sidebar.is-always-open .nav-item span { opacity:1; transform:translateX(0);  }
.nav-item:hover { background:rgba(255, 255, 255, 0.05); color:#fff;  }
.nav-item:hover i { color:var(--primary-color); transform:scale(1.1);  }
.nav-item.active { color:#fff; background:rgba(157, 80, 187, 0.12); border:1px solid rgba(157, 80, 187, 0.2);  }
.nav-item.active i { color:var(--primary-color); filter:drop-shadow(0 0 8px rgba(157, 80, 187, 0.5));  }
.nav-item::before { content:''; position:absolute; left:0; top:25%; bottom:25%; width:4px; background:var(--primary-color); border-radius:0 4px 4px 0; opacity:0; transition:all 0.3s; transform:scaleY(0.5);  }
.nav-item.active::before { opacity:1; transform:scaleY(1);  }
.nav-label { padding:1.5rem 1.25rem 0.5rem; font-size:0.7rem; font-weight:800; text-transform:uppercase; color:rgba(255, 255, 255, 0.2); letter-spacing:1.5px; opacity:0; transition:opacity 0.3s; white-space:nowrap;  }
.sidebar:hover .nav-label, .sidebar.is-always-open .nav-label { opacity:1;  }
.sidebar-group-content { transition:all 0.3s;  }
.sub-page { margin-top:6rem;  }
.background-primary { color:var(--primary-color) !important;  }
.background-success { color:var(--success-color) !important;  }
.background-warning { color:var(--warning-color) !important;  }
.background-error { color:var(--error-color) !important;  }
.background-black { background:black !important;  }
.background-white { background:white !important;  }
.text-primary { color:var(--primary-color) !important;  }
.text-success { color:var(--success-color) !important;  }
.text-warning { color:var(--warning-color) !important;  }
.text-error { color:var(--error-color) !important;  }
.text-black { color:black !important;  }
.text-white { color:white !important;  }
.border-primary { border-color:var(--primary-color) !important;  }
.border-success { border-color:var(--success-color) !important;  }
.border-warning { border-color:var(--warning-color) !important;  }
.border-error { border-color:var(--error-color) !important;  }
.border-black { border-color:black !important;  }
.border-white { border-color:white !important;  }
.is-block { display:block !important;  }
.is-inline-block { display:inline-block !important;  }
.is-flex { display:flex;  }
.is-inline-flex { display:inline-flex;  }
.block { display:block !important;  }
.inline-block { display:inline-block !important;  }
.flex { display:flex;  }
.inline-flex { display:inline-flex;  }
.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;  }
@media (min-width:1200px) { .lg-flex-row { flex-direction:row !important;  }
.lg-flex-row-reverse { flex-direction:row-reverse !important;  }
.lg-flex-col { flex-direction:column !important;  }
.lg-flex-col-reverse { flex-direction:column-reverse !important;  }
 }
.justify-start { justify-content:flex-start;  }
.justify-center { justify-content:center;  }
.justify-around { justify-content:space-around;  }
.justify-between { justify-content:space-between;  }
.justify-end { justify-content:flex-end;  }
.align-start { align-items:flex-start;  }
.align-center { align-items:center;  }
.align-end { align-items:flex-end;  }
.shrink-0 { flex-shrink:0;  }
.shrink-0 { flex-shrink:1;  }
.grow-0 { flex-grow:0;  }
.grow-1 { flex-grow:1;  }
.font-sans-serif { font-family:var(--font-sans-serif);  }
.font-serif { font-family:var(--font-serif);  }
.lowercase { text-transform:lowercase;  }
.uppercase { text-transform:uppercase;  }
.capitalize { text-transform:capitalize;  }
.strikethrough { text-decoration:line-through;  }
.underline { text-decoration:underline;  }
.italic { font-style:italic;  }
.whitespace-preformatted { white-space:pre !important;  }
.whitespace-nowrap { white-space:nowrap !important  }
.text-is-left { text-align:left !important;  }
.text-is-center { text-align:center !important;  }
.text-is-right { text-align:right !important;  }
.text-is-ellipsis { white-space:nowrap !important; overflow:hidden; text-overflow:ellipsis;  }
.text-is-normal { font-size:400;  }
.text-is-bold { font-weight:500;  }
.text-is-bolder { font-weight:800;  }
.text-normal { font-size:400;  }
.text-bold { font-weight:500;  }
.text-semibold { font-weight:700;  }
.text-bolder { font-weight:800;  }
.line-height-tight { line-height:1.15;  }
.line-height-normal { line-height:1.5;  }
.text-is-small { font-size:0.875rem;  }
.text-is-normal { font-size:1rem;  }
.text-is-large { font-size:1.25rem;  }
.text-is-xl { font-size:1.5rem;  }
.text-is-lowercase { text-transform:lowercase !important;  }
.text-is-uppercase { text-transform:uppercase !important;  }
.text-is-capitalized { text-transform:capitalize !important;  }
.text-is-preformatted { white-space:pre !important;  }
.text-is-nowrap { white-space:nowrap !important  }
.text-has-strikethrough { text-decoration:line-through !important;  }
.text-has-underline { text-decoration:underline !important;  }
.text-is-italic { font-style:italic;  }
.is-hidden { display:none !important;  }
.is-visible { visibility:visible !important;  }
.is-not-visible { visibility:hidden !important;  }
@media (max-width:640px) { .is-hidden-phone { display:none !important;  }
 }
@media (max-width:1199px) { .is-hidden-mobile { display:none !important;  }
 }
@media (min-width:1200px) { .is-hidden-desktop { display:none !important;  }
 }
.overflow-hidden { overflow:hidden !important;  }
.overflow-x-hidden { overflow-y:hidden !important;  }
.overflow-y-hidden { overflow-y:hidden !important;  }
.overflow-x-auto { overflow-x:auto !important;  }
.overflow-y-auto { overflow-y:auto !important;  }
.is-clickable { cursor:pointer !important; pointer-events:all !important;  }
.is-not-clickable { pointer-events:none !important;  }
.is-dimmed { opacity:0.5 !important;  }
.is-disabled, [disabled] { cursor:not-allowed !important; pointer-events:none !important;  }
.is-not-resizeble { resize:none !important;  }
.is-rounded-none { border-radius:0 !important;  }
.is-rounded { border-radius:0.75rem !important;  }
.is-rounded-normal { border-radius:1.5rem !important;  }
.is-rounded-xl { border-radius:2.5rem !important;  }
.is-round { border-radius:921024px !important;  }
.aspect-square { aspect-ratio:1/1;  }
.aspect-4by3 { aspect-ratio:4/3;  }
.aspect-16by9 { aspect-ratio:16/9;  }
.aspect-9by16 { aspect-ratio:9/16;  }
.aspect-4-3 { aspect-ratio:4/3;  }
.aspect-16-9 { aspect-ratio:16/9;  }
.aspect-9-16 { aspect-ratio:9/16;  }
.object-contain { object-fit:contain;  }
.object-cover { object-fit:cover;  }
.object-fill { object-fit:fill;  }
.object-none { object-fit:none;  }
.object-scale-down { object-fit:scale-down;  }
.push-top { margin-top:1rem !important;  }
.push-top-xs { margin-top:0.75rem !important;  }
.push-top-xxs { margin-top:0.5rem !important;  }
.push-top-xxxs { margin-top:0.375rem !important;  }
.push-top-xl { margin-top:1.5rem !important;  }
.push-top-xxl { margin-top:2.5rem !important;  }
.push-right { margin-right:1rem !important;  }
.push-right-xs { margin-right:0.75rem !important;  }
.push-right-xxs { margin-right:0.5rem !important;  }
.push-right-xxxs { margin-right:0.375rem !important;  }
.push-right-xl { margin-right:1.5rem !important;  }
.push-right-xxl { margin-right:2.5rem !important;  }
.push-bottom { margin-bottom:1rem !important;  }
.push-bottom-xs { margin-bottom:0.75rem !important;  }
.push-bottom-xxs { margin-bottom:0.5rem !important;  }
.push-bottom-xxxs { margin-bottom:0.375rem !important;  }
.push-bottom-xl { margin-bottom:1.5rem !important;  }
.push-bottom-xxl { margin-bottom:2.5rem !important;  }
.push-left { margin-left:1rem !important;  }
.push-left-xs { margin-left:0.75rem !important;  }
.push-left-xxs { margin-left:0.5rem !important;  }
.push-left-xxxs { margin-left:0.375rem !important;  }
.push-left-xl { margin-left:1.5rem !important;  }
.push-left-xxl { margin-left:2.5rem !important;  }
.max-width-320 { max-width:320px;  }
.max-width-480 { max-width:480px;  }
.max-width-640 { max-width:640px;  }
.max-width-768 { max-width:768px;  }
.max-width-960 { max-width:960px;  }
.max-width-1024 { max-width:1024px;  }
.max-width-1280 { max-width:1280px;  }
.width-auto { max-width:100%; width:auto !important;  }
.width-full { width:100% !important;  }
.width-fit { width:fit-content !important;  }
.height-auto { height:auto !important;  }
.height-full { height:100% !important;  }
.height-fit { height:fit-content !important;  }
.mt-none { margin-top:0 !important;  }
.mb-none { margin-bottom:0 !important;  }
.mt-small { margin-top:1.5rem !important;  }
.mb-small { margin-bottom:1.5rem !important;  }
.mt-normal { margin-top:2.5rem !important;  }
.mb-normal { margin-bottom:2.5rem !important;  }
.mt-large { margin-top:4rem !important;  }
.mb-large { margin-bottom:4rem !important;  }
.mt-xl { margin-top:6rem !important;  }
.mb-xl { margin-bottom:6rem !important;  }
.pt-none { padding-top:0 !important;  }
.pb-none { padding-bottom:0 !important;  }
.pt-small { padding-top:1.5rem !important;  }
.pb-small { padding-bottom:1.5rem !important;  }
.pt-normal { padding-top:2.5rem !important;  }
.pb-normal { padding-bottom:2.5rem !important;  }
.pt-large { padding-top:2.5rem !important;  }
.pb-large { padding-bottom:2.5rem !important;  }
.pt-xl { padding-top:2.5rem !important;  }
.pb-xl { padding-bottom:2.5rem !important;  }
@media (min-width:1200px) { .pt-normal { padding-top:2.5rem !important;  }
.pb-normal { padding-bottom:2.5rem !important;  }
.pt-large { padding-top:4rem !important;  }
.pb-large { padding-bottom:4rem !important;  }
.pt-xl { padding-top:6rem !important;  }
.pb-xl { padding-bottom:6rem !important;  }
 }
.gap-025 { gap:0.25rem;  }
.gap-075 { gap:0.75rem;  }
.gap-15 { gap:1.5rem;  }
.gap-25 { gap:2.5rem;  }
.margin-auto { margin:auto;  }
.is-marginless { margin:0 !important;  }
.is-marginless-x { margin-left:0 !important; margin-right:0 !important;  }
.is-marginless-y { margin-top:0 !important; margin-bottom:0 !important;  }
.is-paddingless { padding:0 !important;  }