/* Grid solutions */
.dh-grid-auto { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--dh-spacing-m); }
.dh-grid-auto-s { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--dh-spacing-s); }
.dh-grid-auto-m { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: var(--dh-spacing-m); }
.dh-grid-auto-l { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: var(--dh-spacing-l); }

/* Container layouts */
.dh-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 calc(var(--dh-spacing-m) * 2); }
.dh-container-s { width: 100%; max-width: 768px; margin: 0 auto; padding: 0 calc(var(--dh-spacing-m) * 2); }
.dh-container-m { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 calc(var(--dh-spacing-m) * 2); }
.dh-container-l { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 calc(var(--dh-spacing-m) * 2); }
.dh-container-full { width: 100%; padding: 0 calc(var(--dh-spacing-m) * 2); }

/* Scrollbar */
.dh-scrollbar { overflow: auto; }
.dh-scrollbar::-webkit-scrollbar { width: 8px; height: 8px; }
.dh-scrollbar::-webkit-scrollbar-track { background: var(--dh-bg-1); }
.dh-scrollbar::-webkit-scrollbar-thumb { background: var(--dh-bg-4); border-radius: 4px; }
.dh-scrollbar::-webkit-scrollbar-thumb:hover { background: var(--dh-bg-4-hover); }
.dh-p-0 { padding: 0; }
.dh-p-x { padding: var(--dh-spacing-x); }
.dh-p-s { padding: var(--dh-spacing-s); }
.dh-p-m { padding: var(--dh-spacing-m); }
.dh-p-l { padding: var(--dh-spacing-l); }

.dh-px-0 { padding-left: 0; padding-right: 0; }
.dh-px-x { padding-left: var(--dh-spacing-x); padding-right: var(--dh-spacing-x); }
.dh-px-s { padding-left: var(--dh-spacing-s); padding-right: var(--dh-spacing-s); }
.dh-px-m { padding-left: var(--dh-spacing-m); padding-right: var(--dh-spacing-m); }
.dh-px-l { padding-left: var(--dh-spacing-l); padding-right: var(--dh-spacing-l); }

.dh-py-0 { padding-top: 0; padding-bottom: 0; }
.dh-py-x { padding-top: var(--dh-spacing-x); padding-bottom: var(--dh-spacing-x); }
.dh-py-s { padding-top: var(--dh-spacing-s); padding-bottom: var(--dh-spacing-s); }
.dh-py-m { padding-top: var(--dh-spacing-m); padding-bottom: var(--dh-spacing-m); }
.dh-py-l { padding-top: var(--dh-spacing-l); padding-bottom: var(--dh-spacing-l); }

.dh-pt-0 { padding-top: 0; }
.dh-pt-x { padding-top: var(--dh-spacing-x); }
.dh-pt-s { padding-top: var(--dh-spacing-s); }
.dh-pt-m { padding-top: var(--dh-spacing-m); }
.dh-pt-l { padding-top: var(--dh-spacing-l); }

.dh-pr-0 { padding-right: 0; }
.dh-pr-x { padding-right: var(--dh-spacing-x); }
.dh-pr-s { padding-right: var(--dh-spacing-s); }
.dh-pr-m { padding-right: var(--dh-spacing-m); }
.dh-pr-l { padding-right: var(--dh-spacing-l); }

.dh-pb-0 { padding-bottom: 0; }
.dh-pb-x { padding-bottom: var(--dh-spacing-x); }
.dh-pb-s { padding-bottom: var(--dh-spacing-s); }
.dh-pb-m { padding-bottom: var(--dh-spacing-m); }
.dh-pb-l { padding-bottom: var(--dh-spacing-l); }

.dh-pl-0 { padding-left: 0; }
.dh-pl-x { padding-left: var(--dh-spacing-x); }
.dh-pl-s { padding-left: var(--dh-spacing-s); }
.dh-pl-m { padding-left: var(--dh-spacing-m); }
.dh-pl-l { padding-left: var(--dh-spacing-l); }

.dh-m-0 { margin: 0; }
.dh-m-auto { margin: auto; }
.dh-m-x { margin: var(--dh-spacing-x); }
.dh-m-s { margin: var(--dh-spacing-s); }
.dh-m-m { margin: var(--dh-spacing-m); }
.dh-m-l { margin: var(--dh-spacing-l); }

.dh-mx-0 { margin-left: 0; margin-right: 0; }
.dh-mx-auto { margin-left: auto; margin-right: auto; }
.dh-mx-x { margin-left: var(--dh-spacing-x); margin-right: var(--dh-spacing-x); }
.dh-mx-s { margin-left: var(--dh-spacing-s); margin-right: var(--dh-spacing-s); }
.dh-mx-m { margin-left: var(--dh-spacing-m); margin-right: var(--dh-spacing-m); }
.dh-mx-l { margin-left: var(--dh-spacing-l); margin-right: var(--dh-spacing-l); }

.dh-my-0 { margin-top: 0; margin-bottom: 0; }
.dh-my-auto { margin-top: auto; margin-bottom: auto; }
.dh-my-x { margin-top: var(--dh-spacing-x); margin-bottom: var(--dh-spacing-x); }
.dh-my-s { margin-top: var(--dh-spacing-s); margin-bottom: var(--dh-spacing-s); }
.dh-my-m { margin-top: var(--dh-spacing-m); margin-bottom: var(--dh-spacing-m); }
.dh-my-l { margin-top: var(--dh-spacing-l); margin-bottom: var(--dh-spacing-l); }

.dh-mt-0 { margin-top: 0; }
.dh-mt-auto { margin-top: auto; }
.dh-mt-x { margin-top: var(--dh-spacing-x); }
.dh-mt-s { margin-top: var(--dh-spacing-s); }
.dh-mt-m { margin-top: var(--dh-spacing-m); }
.dh-mt-l { margin-top: var(--dh-spacing-l); }

.dh-mr-0 { margin-right: 0; }
.dh-mr-auto { margin-right: auto; }
.dh-mr-x { margin-right: var(--dh-spacing-x); }
.dh-mr-s { margin-right: var(--dh-spacing-s); }
.dh-mr-m { margin-right: var(--dh-spacing-m); }
.dh-mr-l { margin-right: var(--dh-spacing-l); }

.dh-mb-0 { margin-bottom: 0; }
.dh-mb-auto { margin-bottom: auto; }
.dh-mb-x { margin-bottom: var(--dh-spacing-x); }
.dh-mb-s { margin-bottom: var(--dh-spacing-s); }
.dh-mb-m { margin-bottom: var(--dh-spacing-m); }
.dh-mb-l { margin-bottom: var(--dh-spacing-l); }

.dh-ml-0 { margin-left: 0; }
.dh-ml-auto { margin-left: auto; }
.dh-ml-x { margin-left: var(--dh-spacing-x); }
.dh-ml-s { margin-left: var(--dh-spacing-s); }
.dh-ml-m { margin-left: var(--dh-spacing-m); }
.dh-ml-l { margin-left: var(--dh-spacing-l); }

.dh-gap-0 { gap: 0; }
.dh-gap-x { gap: var(--dh-spacing-x); }
.dh-gap-s { gap: var(--dh-spacing-s); }
.dh-gap-m { gap: var(--dh-spacing-m); }
.dh-gap-l { gap: var(--dh-spacing-l); }
@media (max-width: 575.98px) {}
@media (min-width: 576px) and (max-width: 767.98px) {}
@media (min-width: 768px) and (max-width: 991.98px) {}
@media (min-width: 992px) and (max-width: 1199.98px) {}
@media (min-width: 1200px) and (max-width: 1399.98px) {}
@media (min-width: 1400px) {}
*,
*::before,
*::after
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html
{
    height: 100%;
    scroll-behavior: smooth;
    font-size: 100%;
    tab-size: 4;
}

body
{
    min-height: 100vh;
    font-family: var(--dh-font-primary), system-ui, sans-serif;
    font-size: var(--dh-size-m);
    line-height: 1.5;
    color: var(--dh-text-1);
    background: var(--dh-bg-1);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

:focus-visible
{
    outline: 2px solid var(--dh-brand);
    outline-offset: 2px;
}

:focus:not(:focus-visible)
{
    outline: none;
}

h1, h2, h3, h4, h5, h6
{
    font-family: var(--dh-font-secondary), system-ui, sans-serif;
    font-weight: 600;
    line-height: 1.5;
    color: var(--dh-text-1);
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1.125rem; }
h6 { font-size: 1rem; }

p
{
    line-height: 1.6;
    color: var(--dh-text-2);
}

@media screen and (max-width: 768px)
{
    html { font-size: 95%; }
    h1 { line-height: 1.2; }
    p { line-height: 1.5; }
}

@media screen and (max-width: 480px)
{
    html { font-size: 90%; }
    h1 { line-height: 1.1; }
    p { line-height: 1.4; }
}

small
{
    font-size: 0.875em;
}

a
{
    color: var(--dh-brand);
    text-decoration: none;
    transition: all 0.2s ease;
}

a:hover
{
    color: var(--dh-brand-hover);
}

img,
picture,
video,
canvas,
svg
{
    display: block;
    max-width: 100%;
    height: auto;
}

button,
input,
optgroup,
select,
textarea
{
    font: inherit;
    color: inherit;
    line-height: inherit;
}

button
{
    cursor: pointer;
}

ul, ol
{
    list-style-position: inside;
    padding-left: 1em;
}

table
{
    border-collapse: collapse;
    width: 100%;
}

i 
{
    font-family: 'Material Symbols Rounded';
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    color: var(--dh-text-2);
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-variation-settings: "FILL" 0, "wght" 100, "GRAD" 0, "opsz" 20;
}

::-webkit-scrollbar
{
    width: 0;
    height: 0;
    display: none;
}

*
{
    scrollbar-width: none;
    -ms-overflow-style: none;
}

@media print
{
    body { background: #fff; color: #000; }
    a { color: #000; text-decoration: underline; }
    @page { margin: 2cm; }
}
:root
{
    --dh-spacing-x: 4px;
    --dh-spacing-s: 8px;
    --dh-spacing-m: 16px;
    --dh-spacing-l: 34px;

    --dh-radius-s: 4px;
    --dh-radius-m: 8px;
    --dh-radius-l: 12px;

    --dh-height-x: 18px;
    --dh-height-s: 28px;
    --dh-height-m: 34px;
    --dh-height-l: 44px;

    --dh-size-s: 12px;
    --dh-size-m: 14px;
    --dh-size-l: 22px;

    --dh-font-primary: 'Plus Jakarta Sans';
    --dh-font-secondary: 'Plus Jakarta Sans';

    --dh-bg-1: #111113;
    --dh-bg-1-border: #232326;
    --dh-bg-1-opacity: rgba(17, 17, 19, 0.85);
    --dh-bg-1-hover: #161618;

    --dh-bg-2: #18181B;
    --dh-bg-2-border: #2A2A2E;
    --dh-bg-2-opacity: rgba(24, 24, 27, 0.85);
    --dh-bg-2-hover: #1D1D20;

    --dh-bg-3: #202023;
    --dh-bg-3-border: #323236;
    --dh-bg-3-opacity: rgba(32, 32, 35, 0.85);
    --dh-bg-3-hover: #252528;

    --dh-bg-4: #28282C;
    --dh-bg-4-border: #3A3A3F;
    --dh-bg-4-opacity: rgba(40, 40, 44, 0.85);
    --dh-bg-4-hover: #2E2E32;

    --dh-text-1: #F5F5F7;
    --dh-text-2: #8E8E9A;

    --dh-brand: #8B5CF6;
    --dh-brand-border: #A78BFA;
    --dh-brand-opacity: rgba(139, 92, 246, 0.15);
    --dh-brand-hover: #7C3AED;

    --dh-blue: #3B82F6;
    --dh-blue-border: #60A5FA;
    --dh-blue-opacity: rgba(59, 130, 246, 0.15);
    --dh-blue-hover: #2563EB;

    --dh-red: #EF4444;
    --dh-red-border: #F87171;
    --dh-red-opacity: rgba(239, 68, 68, 0.15);
    --dh-red-hover: #DC2626;

    --dh-orange: #F97316;
    --dh-orange-border: #FB923C;
    --dh-orange-opacity: rgba(249, 115, 22, 0.15);
    --dh-orange-hover: #EA580C;

    --dh-green: #10B981;
    --dh-green-border: #34D399;
    --dh-green-opacity: rgba(16, 185, 129, 0.15);
    --dh-green-hover: #059669;
}
.dh-modal
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dh-modal > .backdrop
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.dh-modal > .content
{
    position: relative;
    z-index: 1;
}
.dh-overlay
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 100000;
}

.dh-overlay > .backdrop
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    pointer-events: auto;
}

.dh-overlay > .content
{
    position: absolute;
    width: fit-content;
    max-width: 100%;
    pointer-events: auto;
}
.dh-popup
{
    position: absolute;
}
.e-697495d1
{
    pointer-events: auto;
}

.e-697495d1 .holder
{
    display: flex;
    align-items: flex-start;
    gap: var(--dh-spacing-s);
    padding: var(--dh-spacing-m);
    border-radius: var(--dh-radius-m);
    background: var(--dh-bg-3);
    border: 1px solid var(--dh-bg-3-border);
    min-width: 280px;
    max-width: 400px;
}

.e-697495d1 .holder .icon
{
    flex-shrink: 0;
    font-size: var(--dh-size-l);
    color: var(--dh-text-1);
}

.e-697495d1 .holder .content
{
    flex: 1;
    min-width: 0;
}

.e-697495d1 .holder .content .title
{
    font-weight: 600;
    margin-bottom: var(--dh-spacing-x);
    color: var(--dh-text-1);
}

.e-697495d1 .holder .content .message
{
    font-size: var(--dh-size-s);
    color: var(--dh-text-2);
}

.e-697495d1 .holder .close
{
    flex-shrink: 0;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    color: var(--dh-text-2);
    transition: color 0.2s;
}

.e-697495d1 .holder .close:hover
{
    color: var(--dh-text-1);
}

.e-697495d1 .holder .close .icon
{
    font-size: 18px;
}

.e-697495d1 .holder[variant="success"]
{
    border-left: 4px solid var(--dh-green);
}

.e-697495d1 .holder[variant="error"]
{
    border-left: 4px solid var(--dh-red);
}

.e-697495d1 .holder[variant="warning"]
{
    border-left: 4px solid var(--dh-orange);
}

.e-697495d1 .holder[variant="info"]
{
    border-left: 4px solid var(--dh-blue);
}
.e-209772d3
{
    pointer-events: none;
}

.e-209772d3 .holder
{
    display: flex;
    align-items: flex-start;
    gap: var(--dh-spacing-s);
    padding: var(--dh-spacing-s) var(--dh-spacing-m);
    border-radius: var(--dh-radius-s);
    background: var(--dh-bg-4);
    border: 1px solid var(--dh-bg-4-border);
    max-width: 280px;
}

.e-209772d3 .holder .icon
{
    flex-shrink: 0;
    font-size: 16px;
    color: var(--dh-text-2);
}

.e-209772d3 .holder .content
{
    flex: 1;
    min-width: 0;
}

.e-209772d3 .holder .content .title
{
    font-size: 12px;
    font-weight: 600;
    color: var(--dh-text-1);
    margin-bottom: 2px;
}

.e-209772d3 .holder .content .text
{
    font-size: 12px;
    color: var(--dh-text-2);
    line-height: 1.4;
}

.e-209772d3 .holder[variant="info"] .icon
{
    color: var(--dh-blue);
}

.e-209772d3 .holder[variant="success"] .icon
{
    color: var(--dh-green);
}

.e-209772d3 .holder[variant="warning"] .icon
{
    color: var(--dh-orange);
}

.e-209772d3 .holder[variant="error"] .icon
{
    color: var(--dh-red);
}
/* Base */
.e-21305e3c > .holder
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--dh-spacing-x);
	padding: var(--dh-spacing-x) var(--dh-spacing-s);
	border-radius: var(--dh-radius-s);
	border: 1px solid;
	font-weight: 600;
	transition: all 0.2s ease;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
}

.e-21305e3c > .holder > .text
{
	line-height: 1.3;
}

/* Variants - Background */
.e-21305e3c > .holder[variant*="transparent"]
{
    background: transparent;
    border-color: transparent;
    color: var(--dh-text-1);
}

.e-21305e3c > .holder[variant*="transparent"]:hover
{
    background: var(--dh-bg-2);
}

.e-21305e3c > .holder[variant*="border"]
{
    background: transparent;
    border-color: var(--dh-bg-1-border);
    color: var(--dh-text-1);
}

.e-21305e3c > .holder[variant*="border"]:hover
{
    background: var(--dh-bg-2);
    border-color: var(--dh-bg-2-border);
}

.e-21305e3c > .holder[variant*="bg-1"]
{
    background: var(--dh-bg-1);
    border-color: var(--dh-bg-1-border);
    color: var(--dh-text-1);
}

.e-21305e3c > .holder[variant*="bg-1"]:hover
{
    background: var(--dh-bg-1-hover);
}

.e-21305e3c > .holder[variant*="bg-2"]
{
    background: var(--dh-bg-2);
    border-color: var(--dh-bg-2-border);
    color: var(--dh-text-1);
}

.e-21305e3c > .holder[variant*="bg-2"]:hover
{
    background: var(--dh-bg-2-hover);
}

.e-21305e3c > .holder[variant*="bg-3"]
{
    background: var(--dh-bg-3);
    border-color: var(--dh-bg-3-border);
    color: var(--dh-text-1);
}

.e-21305e3c > .holder[variant*="bg-3"]:hover
{
    background: var(--dh-bg-3-hover);
}

.e-21305e3c > .holder[variant*="bg-4"]
{
    background: var(--dh-bg-4);
    border-color: var(--dh-bg-4-border);
    color: var(--dh-text-1);
}

.e-21305e3c > .holder[variant*="bg-4"]:hover
{
    background: var(--dh-bg-4-hover);
}

.e-21305e3c > .holder[variant*="brand"]
{
    background: var(--dh-brand);
    border-color: var(--dh-brand-border);
    color: white;
}

.e-21305e3c > .holder[variant*="brand"]:hover
{
    background: var(--dh-brand-hover);
}

.e-21305e3c > .holder[variant*="blue"]
{
    background: var(--dh-blue);
    border-color: var(--dh-blue-border);
    color: white;
}

.e-21305e3c > .holder[variant*="blue"]:hover
{
    background: var(--dh-blue-hover);
}

.e-21305e3c > .holder[variant*="red"]
{
    background: var(--dh-red);
    border-color: var(--dh-red-border);
    color: white;
}

.e-21305e3c > .holder[variant*="red"]:hover
{
    background: var(--dh-red-hover);
}

.e-21305e3c > .holder[variant*="orange"]
{
    background: var(--dh-orange);
    border-color: var(--dh-orange-border);
    color: white;
}

.e-21305e3c > .holder[variant*="orange"]:hover
{
    background: var(--dh-orange-hover);
}

.e-21305e3c > .holder[variant*="green"]
{
    background: var(--dh-green);
    border-color: var(--dh-green-border);
    color: white;
}

.e-21305e3c > .holder[variant*="green"]:hover
{
    background: var(--dh-green-hover);
}

/* Variants - Sizes */
.e-21305e3c > .holder[variant*="size-s"] > .text
{
	font-size: 11px;
}

.e-21305e3c > .holder[variant*="size-m"] > .text
{
	font-size: 13px;
}

.e-21305e3c > .holder[variant*="size-l"] > .text
{
	font-size: 16px;
}
/* Base */
.e-10533634 > .holder
{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;
    background: transparent;
}

.e-10533634 > .holder > .preview *
{
    pointer-events: none;
}

/* Variants - Background */
.e-10533634 > .holder[variant*="bg-1"]
{
    background: var(--dh-bg-1);
}

.e-10533634 > .holder[variant*="bg-2"]
{
    background: var(--dh-bg-2);
}

.e-10533634 > .holder[variant*="bg-3"]
{
    background: var(--dh-bg-3);
}

.e-10533634 > .holder[variant*="bg-4"]
{
    background: var(--dh-bg-4);
}

/* Variants - Border */
.e-10533634 > .holder[variant*="border-full"]
{
    border: 1px solid var(--dh-bg-2-border);
}

.e-10533634 > .holder[variant*="bg-1"][variant*="border-full"]
{
    border: 1px solid var(--dh-bg-1-border);
}

.e-10533634 > .holder[variant*="bg-2"][variant*="border-full"]
{
    border: 1px solid var(--dh-bg-2-border);
}

.e-10533634 > .holder[variant*="bg-3"][variant*="border-full"]
{
    border: 1px solid var(--dh-bg-3-border);
}

.e-10533634 > .holder[variant*="bg-4"][variant*="border-full"]
{
    border: 1px solid var(--dh-bg-4-border);
}

/* Variants - Radius */
.e-10533634 > .holder[variant*="radius-s"]
{
    border-radius: var(--dh-radius-s);
}

.e-10533634 > .holder[variant*="radius-m"]
{
    border-radius: var(--dh-radius-m);
}

.e-10533634 > .holder[variant*="radius-l"]
{
    border-radius: var(--dh-radius-l);
}

/* Size */
.e-10533634 > .holder[size="s"]
{
    height: 150px;
}

.e-10533634 > .holder[size="m"]
{
    height: 300px;
}

.e-10533634 > .holder[size="l"]
{
    height: 600px;
}
.e-56f2e505 .holder
{
	color: var(--dh-text-1);
	font-family: var(--dh-font-primary);
	line-height: 1.6;
}

/* Size variants */
.e-56f2e505 .holder[variant~="size-s"] { font-size: var(--dh-size-s); }
.e-56f2e505 .holder[variant~="size-m"] { font-size: var(--dh-size-m); }
.e-56f2e505 .holder[variant~="size-l"] { font-size: 16px; }

/* Prose variant - optimized reading */
.e-56f2e505 .holder[variant~="prose"]
{
	max-width: 768px;
	line-height: 1.75;
}

/* Headings */
.e-56f2e505 .holder h1
{
	font-size: 2em;
	font-weight: 700;
	margin: var(--dh-spacing-l) 0 var(--dh-spacing-m);
	color: var(--dh-text-1);
}

.e-56f2e505 .holder h2
{
	font-size: 1.5em;
	font-weight: 600;
	margin: var(--dh-spacing-l) 0 var(--dh-spacing-m);
	color: var(--dh-text-1);
}

.e-56f2e505 .holder h3
{
	font-size: 1.25em;
	font-weight: 600;
	margin: var(--dh-spacing-m) 0 var(--dh-spacing-s);
	color: var(--dh-text-1);
}

.e-56f2e505 .holder h4,
.e-56f2e505 .holder h5,
.e-56f2e505 .holder h6
{
	font-size: 1em;
	font-weight: 600;
	margin: var(--dh-spacing-m) 0 var(--dh-spacing-s);
	color: var(--dh-text-1);
}

.e-56f2e505 .holder h1:first-child,
.e-56f2e505 .holder h2:first-child,
.e-56f2e505 .holder h3:first-child
{
	margin-top: 0;
}

/* Paragraphs */
.e-56f2e505 .holder p
{
	margin: 0 0 var(--dh-spacing-m);
	color: var(--dh-text-1);
}

.e-56f2e505 .holder p:last-child
{
	margin-bottom: 0;
}

/* Lists */
.e-56f2e505 .holder ul,
.e-56f2e505 .holder ol
{
	margin: 0 0 var(--dh-spacing-m);
	padding-left: var(--dh-spacing-l);
}

.e-56f2e505 .holder li
{
	margin-bottom: var(--dh-spacing-s);
}

.e-56f2e505 .holder li:last-child
{
	margin-bottom: 0;
}

/* Links */
.e-56f2e505 .holder a
{
	color: var(--dh-brand);
	text-decoration: none;
	transition: color 0.15s ease;
}

.e-56f2e505 .holder a:hover
{
	text-decoration: underline;
}

/* Code blocks */
.e-56f2e505 .holder .code-block
{
	background: var(--dh-bg-3);
	border: 1px solid var(--dh-bg-3-border);
	border-radius: var(--dh-radius-m);
	padding: var(--dh-spacing-m);
	margin: var(--dh-spacing-m) 0;
	overflow-x: auto;
	font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace;
	font-size: 0.9em;
	line-height: 1.5;
}

.e-56f2e505 .holder .code-block code
{
	background: none;
	padding: 0;
	border-radius: 0;
}

/* Inline code */
.e-56f2e505 .holder .code-inline
{
	background: var(--dh-bg-3);
	padding: 2px var(--dh-spacing-x);
	border-radius: var(--dh-radius-s);
	font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace;
	font-size: 0.9em;
}

/* Blockquotes */
.e-56f2e505 .holder blockquote
{
	border-left: 3px solid var(--dh-brand);
	padding-left: var(--dh-spacing-m);
	margin: var(--dh-spacing-m) 0;
	color: var(--dh-text-2);
	font-style: italic;
}

/* Horizontal rule */
.e-56f2e505 .holder hr
{
	border: none;
	border-top: 1px solid var(--dh-bg-3-border);
	margin: var(--dh-spacing-l) 0;
}

/* Tables */
.e-56f2e505 .holder table
{
	width: 100%;
	border-collapse: collapse;
	margin: var(--dh-spacing-m) 0;
}

.e-56f2e505 .holder th,
.e-56f2e505 .holder td
{
	padding: var(--dh-spacing-s) var(--dh-spacing-m);
	border: 1px solid var(--dh-bg-3-border);
	text-align: left;
}

.e-56f2e505 .holder th
{
	background: var(--dh-bg-3);
	font-weight: 600;
}

.e-56f2e505 .holder tr:nth-child(even)
{
	background: var(--dh-bg-2);
}

/* Images */
.e-56f2e505 .holder img
{
	max-width: 100%;
	height: auto;
	border-radius: var(--dh-radius-m);
	margin: var(--dh-spacing-m) 0;
}

/* Strong & emphasis */
.e-56f2e505 .holder strong
{
	font-weight: 600;
	color: var(--dh-text-1);
}

.e-56f2e505 .holder em
{
	font-style: italic;
}
/* Base */
.e-2452c60a> .holder
{
	display: flex;
	flex-direction: column;
	background: var(--dh-bg-1);
	border-radius: var(--dh-radius-l);
	overflow: hidden;
}

.e-2452c60a> .holder > .comment-wrapper
{
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid var(--dh-bg-2-border);
}

.e-2452c60a> .holder > .comment-wrapper:last-child
{
	border-bottom: none;
}

.e-2452c60a> .holder > .comment-wrapper > .comment
{
	display: flex;
	gap: var(--dh-spacing-m);
	padding: var(--dh-spacing-l);
}

.e-2452c60a> .holder > .comment-wrapper > .comment > .avatar
{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--dh-bg-3);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.e-2452c60a> .holder > .comment-wrapper > .comment > .avatar > .icon
{
	font-size: 24px;
	color: var(--dh-text-2);
}

.e-2452c60a> .holder > .comment-wrapper > .comment > .avatar > img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.e-2452c60a> .holder > .comment-wrapper > .comment > .content
{
	display: flex;
	flex-direction: column;
	gap: var(--dh-spacing-s);
	flex: 1;
}

.e-2452c60a> .holder > .comment-wrapper > .comment > .content > .header
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-s);
}

.e-2452c60a> .holder > .comment-wrapper > .comment > .content > .header > .author
{
	font-weight: 600;
	color: var(--dh-text-1);
	font-size: var(--dh-size-m);
}

.e-2452c60a> .holder > .comment-wrapper > .comment > .content > .header > .time
{
	font-size: var(--dh-size-s);
	color: var(--dh-text-2);
}

.e-2452c60a> .holder > .comment-wrapper > .comment > .content > .text
{
	color: var(--dh-text-1);
	font-size: var(--dh-size-m);
	line-height: 1.6;
}

.e-2452c60a> .holder > .comment-wrapper > .comment > .content > .actions
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-m);
	margin-top: var(--dh-spacing-x);
}

.e-2452c60a> .holder > .comment-wrapper > .comment > .content > .actions > .action
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-x);
	padding: var(--dh-spacing-x) var(--dh-spacing-s);
	border-radius: var(--dh-radius-s);
	color: var(--dh-text-2);
	font-size: var(--dh-size-s);
	cursor: pointer;
	transition: all 0.2s ease;
}

.e-2452c60a> .holder > .comment-wrapper > .comment > .content > .actions > .action:hover
{
	background: var(--dh-bg-2);
	color: var(--dh-brand);
}

.e-2452c60a> .holder > .comment-wrapper > .comment > .content > .actions > .action > .icon
{
	font-size: 18px;
}

/* Replies */
.e-2452c60a> .holder > .comment-wrapper > .replies
{
	display: flex;
	flex-direction: column;
	gap: var(--dh-spacing-m);
	padding: var(--dh-spacing-m) var(--dh-spacing-l) var(--dh-spacing-l) calc(var(--dh-spacing-l) + 40px + var(--dh-spacing-m));
	background: var(--dh-bg-2);
}

.e-2452c60a> .holder > .comment-wrapper > .replies > .reply
{
	display: flex;
	gap: var(--dh-spacing-m);
}

.e-2452c60a> .holder > .comment-wrapper > .replies > .reply > .avatar
{
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--dh-bg-3);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.e-2452c60a> .holder > .comment-wrapper > .replies > .reply > .avatar > .icon
{
	font-size: 18px;
	color: var(--dh-text-2);
}

.e-2452c60a> .holder > .comment-wrapper > .replies > .reply > .avatar > img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.e-2452c60a> .holder > .comment-wrapper > .replies > .reply > .content
{
	display: flex;
	flex-direction: column;
	gap: var(--dh-spacing-x);
	flex: 1;
}

.e-2452c60a> .holder > .comment-wrapper > .replies > .reply > .content > .header
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-x);
}

.e-2452c60a> .holder > .comment-wrapper > .replies > .reply > .content > .header > .author
{
	font-weight: 600;
	color: var(--dh-text-1);
	font-size: var(--dh-size-s);
}

.e-2452c60a> .holder > .comment-wrapper > .replies > .reply > .content > .header > .time
{
	font-size: 12px;
	color: var(--dh-text-2);
}

.e-2452c60a> .holder > .comment-wrapper > .replies > .reply > .content > .text
{
	color: var(--dh-text-1);
	font-size: var(--dh-size-s);
	line-height: 1.6;
}

.e-2452c60a> .holder > .comment-wrapper > .replies > .reply > .content > .actions
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-m);
	margin-top: var(--dh-spacing-x);
}

.e-2452c60a> .holder > .comment-wrapper > .replies > .reply > .content > .actions > .action
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-x);
	padding: var(--dh-spacing-x) var(--dh-spacing-s);
	border-radius: var(--dh-radius-s);
	color: var(--dh-text-2);
	font-size: 12px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.e-2452c60a> .holder > .comment-wrapper > .replies > .reply > .content > .actions > .action:hover
{
	background: var(--dh-bg-3);
	color: var(--dh-brand);
}

.e-2452c60a> .holder > .comment-wrapper > .replies > .reply > .content > .actions > .action > .icon
{
	font-size: 16px;
}

/* Variants - Border */
.e-2452c60a> .holder[variant*="border"]
{
	border: 1px solid var(--dh-bg-2-border);
}

/* Variants - Background */
.e-2452c60a> .holder[variant*="bg-1"] { background: var(--dh-bg-1); }
.e-2452c60a> .holder[variant*="bg-2"] { background: var(--dh-bg-2); }
.e-2452c60a> .holder[variant*="bg-3"] { background: var(--dh-bg-3); }

/* Variants - Compact */
.e-2452c60a> .holder[variant*="compact"] > .comment-wrapper > .comment { padding: var(--dh-spacing-m); gap: var(--dh-spacing-s); }
.e-2452c60a> .holder[variant*="compact"] > .comment-wrapper > .comment > .avatar { width: 32px; height: 32px; }
.e-2452c60a> .holder[variant*="compact"] > .comment-wrapper > .comment > .avatar > .icon { font-size: 18px; }
.e-2452c60a> .holder[variant*="compact"] > .comment-wrapper > .comment > .content > .header > .author,
.e-2452c60a> .holder[variant*="compact"] > .comment-wrapper > .comment > .content > .text { font-size: var(--dh-size-s); }
.e-2452c60a> .holder[variant*="compact"] > .comment-wrapper > .comment > .content > .actions > .action { padding: var(--dh-spacing-x); }
.e-2452c60a> .holder[variant*="compact"] > .comment-wrapper > .comment > .content > .actions > .action > .icon { font-size: 16px; }
.e-2452c60a> .holder[variant*="compact"] > .comment-wrapper > .replies { padding: var(--dh-spacing-s) var(--dh-spacing-m) var(--dh-spacing-m) calc(var(--dh-spacing-m) + 32px + var(--dh-spacing-s)); }
.e-2452c60a> .holder[variant*="compact"] > .comment-wrapper > .replies > .reply > .avatar { width: 28px; height: 28px; }
.e-2452c60a> .holder[variant*="compact"] > .comment-wrapper > .replies > .reply > .avatar > .icon { font-size: 16px; }
/* Base */
.e-68acba21 > .holder
{
	display: flex;
	flex-direction: column;
	background: var(--dh-bg-1);
	border-radius: var(--dh-radius-l);
	overflow: hidden;
}

.e-68acba21 > .holder > .file
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-m);
	padding: var(--dh-spacing-m);
	border-bottom: 1px solid var(--dh-bg-2-border);
	transition: background 0.2s ease;
	cursor: pointer;
}

.e-68acba21 > .holder > .file:last-child
{
	border-bottom: none;
}

.e-68acba21 > .holder > .file:hover
{
	background: var(--dh-bg-2);
}

.e-68acba21 > .holder > .file > .icon-wrapper
{
	width: 48px;
	height: 48px;
	border-radius: var(--dh-radius-m);
	background: var(--dh-bg-2);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.e-68acba21 > .holder > .file > .icon-wrapper > .icon
{
	font-size: 24px;
	color: var(--dh-brand);
}

.e-68acba21 > .holder > .file > .info
{
	display: flex;
	flex-direction: column;
	gap: var(--dh-spacing-x);
	flex: 1;
	min-width: 0;
}

.e-68acba21 > .holder > .file > .info > .name
{
	font-weight: 600;
	color: var(--dh-text-1);
	font-size: var(--dh-size-m);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.e-68acba21 > .holder > .file > .info > .meta
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-x);
	font-size: var(--dh-size-s);
	color: var(--dh-text-2);
}

.e-68acba21 > .holder > .file > .info > .meta > .separator
{
	opacity: 0.5;
}

.e-68acba21 > .holder > .file > .actions
{
	display: flex;
	gap: var(--dh-spacing-x);
	opacity: 0;
	transition: opacity 0.2s ease;
}

.e-68acba21 > .holder > .file:hover > .actions
{
	opacity: 1;
}

/* Variants - Border */
.e-68acba21 > .holder[variant*="border"] { border: 1px solid var(--dh-bg-2-border); }

/* Variants - Background */
.e-68acba21 > .holder[variant*="bg-1"] { background: var(--dh-bg-1); }
.e-68acba21 > .holder[variant*="bg-2"] { background: var(--dh-bg-2); }
.e-68acba21 > .holder[variant*="bg-3"] { background: var(--dh-bg-3); }

/* Variants - Compact */
.e-68acba21 > .holder[variant*="compact"] > .file { padding: var(--dh-spacing-s) var(--dh-spacing-m); gap: var(--dh-spacing-s); }
.e-68acba21 > .holder[variant*="compact"] > .file > .icon-wrapper { width: 36px; height: 36px; }
.e-68acba21 > .holder[variant*="compact"] > .file > .icon-wrapper > .icon { font-size: 20px; }
.e-68acba21 > .holder[variant*="compact"] > .file > .info > .name { font-size: var(--dh-size-s); }

/* Variants - Grid */
.e-68acba21 > .holder[variant*="grid"] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: var(--dh-spacing-m); padding: var(--dh-spacing-m); }
.e-68acba21 > .holder[variant*="grid"] > .file { flex-direction: column; align-items: center; text-align: center; padding: var(--dh-spacing-l); border: 1px solid var(--dh-bg-2-border); border-radius: var(--dh-radius-m); background: var(--dh-bg-2); }
.e-68acba21 > .holder[variant*="grid"] > .file > .icon-wrapper { width: 64px; height: 64px; }
.e-68acba21 > .holder[variant*="grid"] > .file > .icon-wrapper > .icon { font-size: 32px; }
.e-68acba21 > .holder[variant*="grid"] > .file > .info { align-items: center; text-align: center; }
.e-68acba21 > .holder[variant*="grid"] > .file > .actions { margin-top: var(--dh-spacing-s); }
/* Base */
.e-55cd111> .holder
{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: var(--dh-spacing-m);
}

.e-55cd111> .holder > .folder
{
	display: flex;
	flex-direction: column;
	gap: var(--dh-spacing-m);
	padding: var(--dh-spacing-l);
	background: var(--dh-bg-2);
	border: 1px solid var(--dh-bg-2-border);
	border-radius: var(--dh-radius-l);
	cursor: pointer;
	transition: all 0.2s ease;
	position: relative;
}

.e-55cd111> .holder > .folder:hover
{
	transform: translateY(-2px);
	border-color: var(--dh-brand);
}

.e-55cd111> .holder > .folder > .icon-wrapper
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: var(--dh-radius-m);
	background: var(--dh-bg-3);
}

.e-55cd111> .holder > .folder > .icon-wrapper > .icon
{
	font-size: 36px;
	color: var(--dh-brand);
}

.e-55cd111> .holder > .folder > .info
{
	display: flex;
	flex-direction: column;
	gap: var(--dh-spacing-x);
	flex: 1;
}

.e-55cd111> .holder > .folder > .info > .name
{
	font-weight: 600;
	color: var(--dh-text-1);
	font-size: var(--dh-size-m);
}

.e-55cd111> .holder > .folder > .info > .count
{
	font-size: var(--dh-size-s);
	color: var(--dh-text-2);
}

.e-55cd111> .holder > .folder > .actions
{
	position: absolute;
	top: var(--dh-spacing-m);
	right: var(--dh-spacing-m);
	opacity: 0;
	transition: opacity 0.2s ease;
}

.e-55cd111> .holder > .folder:hover > .actions
{
	opacity: 1;
}

/* Folder Colors */
.e-55cd111> .holder > .folder[color="brand"] > .icon-wrapper > .icon { color: var(--dh-brand); }
.e-55cd111> .holder > .folder[color="blue"] > .icon-wrapper > .icon { color: var(--dh-blue); }
.e-55cd111> .holder > .folder[color="green"] > .icon-wrapper > .icon { color: var(--dh-green); }
.e-55cd111> .holder > .folder[color="orange"] > .icon-wrapper > .icon { color: var(--dh-orange); }
.e-55cd111> .holder > .folder[color="red"] > .icon-wrapper > .icon { color: var(--dh-red); }

/* Variants - List */
.e-55cd111> .holder[variant*="list"] { display: flex; flex-direction: column; gap: 0; }
.e-55cd111> .holder[variant*="list"] > .folder { flex-direction: row; align-items: center; gap: var(--dh-spacing-m); border-radius: 0; border-left: none; border-right: none; border-top: none; }
.e-55cd111> .holder[variant*="list"] > .folder:last-child { border-bottom: none; }
.e-55cd111> .holder[variant*="list"] > .folder > .icon-wrapper { width: 48px; height: 48px; }
.e-55cd111> .holder[variant*="list"] > .folder > .icon-wrapper > .icon { font-size: 28px; }
.e-55cd111> .holder[variant*="list"] > .folder:hover { transform: none; background: var(--dh-bg-3); }

/* Variants - Compact */
.e-55cd111> .holder[variant*="compact"] { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--dh-spacing-s); }
.e-55cd111> .holder[variant*="compact"] > .folder { padding: var(--dh-spacing-m); gap: var(--dh-spacing-s); }
.e-55cd111> .holder[variant*="compact"] > .folder > .icon-wrapper { width: 48px; height: 48px; }
.e-55cd111> .holder[variant*="compact"] > .folder > .icon-wrapper > .icon { font-size: 28px; }
.e-55cd111> .holder[variant*="compact"] > .folder > .info > .name { font-size: var(--dh-size-s); }

/* Variants - Border */
.e-55cd111> .holder[variant*="border"] { border: 1px solid var(--dh-bg-2-border); border-radius: var(--dh-radius-l); padding: var(--dh-spacing-m); background: var(--dh-bg-1); }
/* Base */
.e-68d92230 > .holder
{
	display: flex;
	flex-direction: column;
	background: var(--dh-bg-1);
	border-radius: var(--dh-radius-l);
	overflow: hidden;
	height: 700px;
}

.e-68d92230 > .holder > .header
{
	padding: var(--dh-spacing-l);
	background: var(--dh-bg-2);
	border-bottom: 1px solid var(--dh-bg-2-border);
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: var(--dh-spacing-m);
}

.e-68d92230 > .holder > .header > .info
{
	display: flex;
	flex-direction: column;
	gap: var(--dh-spacing-x);
	flex: 1;
}

.e-68d92230 > .holder > .header > .info > .subject
{
	font-size: var(--dh-size-l);
	font-weight: 600;
	color: var(--dh-text-1);
	margin: 0;
}

.e-68d92230 > .holder > .header > .info > .meta
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-x);
	font-size: var(--dh-size-s);
}

.e-68d92230 > .holder > .header > .info > .meta > .label
{
	color: var(--dh-text-2);
	font-weight: 600;
}

.e-68d92230 > .holder > .header > .info > .meta > .value
{
	color: var(--dh-text-1);
}

.e-68d92230 > .holder > .header > .actions
{
	display: flex;
	gap: var(--dh-spacing-x);
}

.e-68d92230 > .holder > .messages
{
	flex: 1;
	overflow-y: auto;
	padding: var(--dh-spacing-l);
	display: flex;
	flex-direction: column;
	gap: var(--dh-spacing-l);
	background: var(--dh-bg-1);
}

.e-68d92230 > .holder > .messages > .message
{
	display: flex;
	gap: var(--dh-spacing-m);
	animation: fadeIn 0.3s ease;
}

@keyframes fadeIn
{
	from
	{
		opacity: 0;
		transform: translateY(8px);
	}
	to
	{
		opacity: 1;
		transform: translateY(0);
	}
}

.e-68d92230 > .holder > .messages > .message > .avatar
{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--dh-bg-3);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	border: 2px solid var(--dh-bg-2);
}

.e-68d92230 > .holder > .messages > .message > .avatar > .icon
{
	font-size: 24px;
	color: var(--dh-text-2);
}

.e-68d92230 > .holder > .messages > .message > .avatar > img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.e-68d92230 > .holder > .messages > .message > .content
{
	display: flex;
	flex-direction: column;
	gap: var(--dh-spacing-x);
	flex: 1;
	max-width: 70%;
}

.e-68d92230 > .holder > .messages > .message > .content > .msg-header
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-s);
	padding: 0 var(--dh-spacing-x);
}

.e-68d92230 > .holder > .messages > .message > .content > .msg-header > .sender
{
	font-weight: 600;
	color: var(--dh-text-1);
	font-size: var(--dh-size-s);
}

.e-68d92230 > .holder > .messages > .message > .content > .msg-header > .time
{
	font-size: 11px;
	color: var(--dh-text-2);
}

.e-68d92230 > .holder > .messages > .message > .content > .bubble
{
	padding: var(--dh-spacing-m);
	background: var(--dh-bg-2);
	border-radius: var(--dh-radius-m);
	color: var(--dh-text-1);
	font-size: var(--dh-size-m);
	line-height: 1.6;
	border: 1px solid var(--dh-bg-2-border);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	max-width: fit-content;
}

.e-68d92230 > .holder > .messages > .message[sender="me"]
{
	flex-direction: row-reverse;
}

.e-68d92230 > .holder > .messages > .message[sender="me"] > .content
{
	align-items: flex-end;
}

.e-68d92230 > .holder > .messages > .message[sender="me"] > .content > .bubble
{
	background: var(--dh-brand);
	color: white;
	border-color: var(--dh-brand-border);
}

.e-68d92230 > .holder > .composer
{
	padding: var(--dh-spacing-l);
	background: var(--dh-bg-2);
	border-top: 1px solid var(--dh-bg-2-border);
	display: flex;
	flex-direction: column;
	gap: var(--dh-spacing-m);
}

.e-68d92230 > .holder > .composer > .composer-actions
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--dh-spacing-s);
}

.e-68d92230 > .holder > .composer > .composer-actions > .left
{
	display: flex;
	gap: var(--dh-spacing-x);
}

/* Variants - Border */
.e-68d92230 > .holder[variant*="border"] { border: 1px solid var(--dh-bg-2-border); }

/* Variants - Background */
.e-68d92230 > .holder[variant*="bg-1"] { background: var(--dh-bg-1); }
.e-68d92230 > .holder[variant*="bg-2"] { background: var(--dh-bg-2); }
.e-68d92230 > .holder[variant*="bg-2"] > .messages { background: var(--dh-bg-1); }
.e-68d92230 > .holder[variant*="bg-3"] { background: var(--dh-bg-3); }
.e-68d92230 > .holder[variant*="bg-3"] > .messages { background: var(--dh-bg-2); }

/* Variants - Compact */
.e-68d92230 > .holder[variant*="compact"] { height: 800px; }
.e-68d92230 > .holder[variant*="compact"] > .header { padding: var(--dh-spacing-m); }
.e-68d92230 > .holder[variant*="compact"] > .header > .info > .subject { font-size: var(--dh-size-m); }
.e-68d92230 > .holder[variant*="compact"] > .messages { padding: var(--dh-spacing-m); gap: var(--dh-spacing-m); }
.e-68d92230 > .holder[variant*="compact"] > .messages > .message > .avatar { width: 32px; height: 32px; }
.e-68d92230 > .holder[variant*="compact"] > .messages > .message > .avatar > .icon { font-size: 18px; }
.e-68d92230 > .holder[variant*="compact"] > .messages > .message > .content > .bubble { padding: var(--dh-spacing-s); font-size: var(--dh-size-s); }
.e-68d92230 > .holder[variant*="compact"] > .composer { padding: var(--dh-spacing-m); gap: var(--dh-spacing-s); }
/* Base */
.e-4ded73b > .holder
{
	display: flex;
	flex-direction: column;
	background: var(--dh-bg-1);
	border-radius: var(--dh-radius-m);
	overflow: auto;
	font-family: 'Courier New', monospace;
	font-size: var(--dh-size-s);
}

.e-4ded73b > .holder > .log-entry
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-m);
	padding: var(--dh-spacing-s) var(--dh-spacing-m);
	border-bottom: 1px solid var(--dh-bg-2);
	transition: background 0.1s ease;
}

.e-4ded73b > .holder > .log-entry:hover
{
	background: var(--dh-bg-2);
}

.e-4ded73b > .holder > .log-entry:last-child
{
	border-bottom: none;
}

.e-4ded73b > .holder > .log-entry > .timestamp
{
	color: var(--dh-text-2);
	font-size: 11px;
	min-width: 60px;
	opacity: 0.7;
}

.e-4ded73b > .holder > .log-entry > .icon
{
	font-size: 16px;
	flex-shrink: 0;
}

.e-4ded73b > .holder > .log-entry > .message
{
	color: var(--dh-text-1);
	flex: 1;
	word-break: break-word;
}

/* Log Types */
.e-4ded73b > .holder > .log-entry[type="info"] > .icon
{
	color: var(--dh-blue);
}

.e-4ded73b > .holder > .log-entry[type="success"] > .icon
{
	color: var(--dh-green);
}

.e-4ded73b > .holder > .log-entry[type="warning"] > .icon
{
	color: var(--dh-orange);
}

.e-4ded73b > .holder > .log-entry[type="error"] > .icon
{
	color: var(--dh-red);
}

.e-4ded73b > .holder > .log-entry[type="error"] > .message
{
	color: var(--dh-red);
}

/* Variants - Dark */
.e-4ded73b > .holder[variant*="dark"]
{
	background: var(--dh-bg-1);
}

.e-4ded73b > .holder[variant*="dark"] > .log-entry
{
	border-bottom-color: var(--dh-bg-2);
}

.e-4ded73b > .holder[variant*="dark"] > .log-entry:hover
{
	background: var(--dh-bg-2);
}

/* Variants - Light */
.e-4ded73b > .holder[variant*="light"]
{
	background: var(--dh-bg-3);
}

.e-4ded73b > .holder[variant*="light"] > .log-entry
{
	border-bottom-color: var(--dh-bg-4);
}

.e-4ded73b > .holder[variant*="light"] > .log-entry:hover
{
	background: var(--dh-bg-4);
}

/* Variants - Compact */
.e-4ded73b > .holder[variant*="compact"] > .log-entry
{
	padding: var(--dh-spacing-x) var(--dh-spacing-s);
	gap: var(--dh-spacing-s);
}

.e-4ded73b > .holder[variant*="compact"] > .log-entry > .timestamp
{
	min-width: 50px;
}

.e-4ded73b > .holder[variant*="compact"] > .log-entry > .icon
{
	font-size: 14px;
}

/* Variants - Border */
.e-4ded73b > .holder[variant*="border"]
{
	border: 1px solid var(--dh-bg-4);
}
/* Base */
.e-693ada14 > .holder
{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: var(--dh-spacing-l);
}

.e-693ada14 > .holder > .plan
{
	display: flex;
	flex-direction: column;
	gap: var(--dh-spacing-l);
	padding: var(--dh-spacing-l);
	background: var(--dh-bg-2);
	border-radius: var(--dh-radius-l);
	position: relative;
	transition: all 0.2s ease;
}

.e-693ada14 > .holder > .plan:hover
{
	transform: translateY(-4px);
}

.e-693ada14 > .holder > .plan > .badge
{
	position: absolute;
	top: var(--dh-spacing-m);
	right: var(--dh-spacing-m);
	padding: var(--dh-spacing-x) var(--dh-spacing-s);
	background: var(--dh-brand);
	color: white;
	font-size: 11px;
	font-weight: 600;
	border-radius: var(--dh-radius-s);
	text-transform: uppercase;
}

.e-693ada14 > .holder > .plan > .header
{
	display: flex;
	flex-direction: column;
	gap: var(--dh-spacing-x);
}

.e-693ada14 > .holder > .plan > .header > .name
{
	font-size: var(--dh-size-l);
	font-weight: 600;
	color: var(--dh-text-1);
	margin: 0;
}

.e-693ada14 > .holder > .plan > .header > .description
{
	font-size: var(--dh-size-s);
	color: var(--dh-text-2);
}

.e-693ada14 > .holder > .plan > .pricing
{
	display: flex;
	flex-direction: column;
	gap: var(--dh-spacing-x);
}

.e-693ada14 > .holder > .plan > .pricing > .price-wrapper
{
	display: flex;
	align-items: baseline;
	gap: var(--dh-spacing-s);
}

.e-693ada14 > .holder > .plan > .pricing > .price-wrapper > .old-price
{
	font-size: 24px;
	font-weight: 600;
	color: var(--dh-text-2);
	text-decoration: line-through;
	opacity: 0.6;
}

.e-693ada14 > .holder > .plan > .pricing > .price-wrapper > .price
{
	font-size: 48px;
	font-weight: 700;
	color: var(--dh-text-1);
}

.e-693ada14 > .holder > .plan > .pricing > .price-wrapper > .period
{
	font-size: var(--dh-size-m);
	color: var(--dh-text-2);
}

.e-693ada14 > .holder > .plan > .pricing > .discount
{
	font-size: var(--dh-size-s);
	font-weight: 600;
	color: var(--dh-green);
	padding: var(--dh-spacing-x) var(--dh-spacing-s);
	background: var(--dh-green);
	background: rgba(76, 175, 80, 0.15);
	border-radius: var(--dh-radius-s);
	width: fit-content;
}

.e-693ada14 > .holder > .plan > .features
{
	display: flex;
	flex-direction: column;
	gap: var(--dh-spacing-m);
	flex: 1;
}

.e-693ada14 > .holder > .plan > .features > .feature
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-s);
}

.e-693ada14 > .holder > .plan > .features > .feature > .icon
{
	font-size: 20px;
	flex-shrink: 0;
}

.e-693ada14 > .holder > .plan > .features > .feature[included="true"] > .icon
{
	color: var(--dh-green);
}

.e-693ada14 > .holder > .plan > .features > .feature[included="false"] > .icon
{
	color: var(--dh-text-2);
	opacity: 0.5;
}

.e-693ada14 > .holder > .plan > .features > .feature > .text
{
	color: var(--dh-text-1);
	font-size: var(--dh-size-m);
}

.e-693ada14 > .holder > .plan > .features > .feature[included="false"] > .text
{
	color: var(--dh-text-2);
	opacity: 0.7;
}

.e-693ada14 > .holder > .plan[highlighted="true"]
{
	border: 2px solid var(--dh-brand);
	box-shadow: 0 0 0 4px var(--dh-brand-opacity);
}

/* Variants - Border */
.e-693ada14 > .holder[variant*="border"] > .plan
{
	border: 1px solid var(--dh-bg-2-border);
}

/* Variants - Background */
.e-693ada14 > .holder[variant*="bg-1"] > .plan
{
	background: var(--dh-bg-1);
	border: 1px solid var(--dh-bg-1-border);
}

.e-693ada14 > .holder[variant*="bg-2"] > .plan
{
	background: var(--dh-bg-2);
	border: 1px solid var(--dh-bg-2-border);
}

.e-693ada14 > .holder[variant*="bg-3"] > .plan
{
	background: var(--dh-bg-3);
	border: 1px solid var(--dh-bg-3-border);
}

/* Variants - Sizes */
.e-693ada14 > .holder[variant*="size-s"] > .plan
{
	padding: var(--dh-spacing-m);
	gap: var(--dh-spacing-m);
}

.e-693ada14 > .holder[variant*="size-s"] > .plan > .pricing > .price-wrapper > .old-price
{
	font-size: 18px;
}

.e-693ada14 > .holder[variant*="size-s"] > .plan > .pricing > .price-wrapper > .price
{
	font-size: 36px;
}

.e-693ada14 > .holder[variant*="size-m"] > .plan
{
	padding: var(--dh-spacing-l);
	gap: var(--dh-spacing-l);
}

.e-693ada14 > .holder[variant*="size-m"] > .plan > .pricing > .price-wrapper > .old-price
{
	font-size: 24px;
}

.e-693ada14 > .holder[variant*="size-m"] > .plan > .pricing > .price-wrapper > .price
{
	font-size: 48px;
}

.e-693ada14 > .holder[variant*="size-l"] > .plan
{
	padding: calc(var(--dh-spacing-l) * 1.5);
	gap: calc(var(--dh-spacing-l) * 1.5);
}

.e-693ada14 > .holder[variant*="size-l"] > .plan > .pricing > .price-wrapper > .old-price
{
	font-size: 32px;
}

.e-693ada14 > .holder[variant*="size-l"] > .plan > .pricing > .price-wrapper > .price
{
	font-size: 64px;
}
/* Base */
.e-10eb46d3 > .holder
{
	display: flex;
	flex-direction: column;
	gap: var(--dh-spacing-l);
	padding: var(--dh-spacing-l);
	background: var(--dh-bg-2);
	border-radius: var(--dh-radius-m);
}

.e-10eb46d3 > .holder > .avatar-wrapper
{
	display: flex;
	justify-content: center;
}

.e-10eb46d3 > .holder > .avatar-wrapper > .avatar
{
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border: 4px solid var(--dh-bg-4);
}

.e-10eb46d3 > .holder > .avatar-wrapper > .avatar-placeholder
{
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: var(--dh-bg-3);
	border: 4px solid var(--dh-bg-4);
	display: flex;
	align-items: center;
	justify-content: center;
}

.e-10eb46d3 > .holder > .avatar-wrapper > .avatar-placeholder > .icon
{
	font-size: 60px;
	color: var(--dh-text-2);
}

.e-10eb46d3 > .holder > .content
{
	display: flex;
	flex-direction: column;
	gap: var(--dh-spacing-m);
}

.e-10eb46d3 > .holder > .content > .header
{
	display: flex;
	flex-direction: column;
	gap: var(--dh-spacing-x);
}

.e-10eb46d3 > .holder > .content > .header > .name
{
	font-size: var(--dh-size-l);
	font-weight: 700;
	color: var(--dh-text-1);
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-x);
	margin: 0;
}

.e-10eb46d3 > .holder > .content > .header > .name > .verified-icon
{
	font-size: 20px;
	color: var(--dh-brand);
}

.e-10eb46d3 > .holder > .content > .header > .username
{
	font-size: var(--dh-size-s);
	color: var(--dh-text-2);
	margin: 0;
}

.e-10eb46d3 > .holder > .content > .bio
{
	font-size: var(--dh-size-s);
	color: var(--dh-text-2);
	line-height: 1.6;
	margin: 0;
}

/* Variants - Styles */
.e-10eb46d3 > .holder[variant*="border"]
{
	border: 1px solid var(--dh-bg-4);
}

/* Variants - Backgrounds */
.e-10eb46d3 > .holder[variant*="bg-1"]
{
	background: var(--dh-bg-1);
}

.e-10eb46d3 > .holder[variant*="bg-2"]
{
	background: var(--dh-bg-2);
}

.e-10eb46d3 > .holder[variant*="bg-3"]
{
	background: var(--dh-bg-3);
}

.e-10eb46d3 > .holder[variant*="bg-4"]
{
	background: var(--dh-bg-4);
}

/* Variants - Alignment */
.e-10eb46d3 > .holder[variant*="center"] > .content
{
	text-align: center;
	align-items: center;
}

.e-10eb46d3 > .holder[variant*="center"] > .content > .header
{
	align-items: center;
}

/* Variants - Layout */
.e-10eb46d3 > .holder[variant*="horizontal"]
{
	flex-direction: row;
	align-items: center;
}

.e-10eb46d3 > .holder[variant*="horizontal"] > .avatar-wrapper
{
	justify-content: flex-start;
}

.e-10eb46d3 > .holder[variant*="horizontal"] > .avatar-wrapper > .avatar,
.e-10eb46d3 > .holder[variant*="horizontal"] > .avatar-wrapper > .avatar-placeholder
{
	width: 80px;
	height: 80px;
	border-width: 3px;
}

.e-10eb46d3 > .holder[variant*="horizontal"] > .avatar-wrapper > .avatar-placeholder > .icon
{
	font-size: 40px;
}

.e-10eb46d3 > .holder[variant*="horizontal"] > .content
{
	flex: 1;
}
/* Base */
.e-696e3b78 > .holder
{
	display: flex;
	flex-direction: column;
	background: var(--dh-bg-1);
	border-radius: var(--dh-radius-l);
	overflow: hidden;
}

/* Header */
.e-696e3b78 > .holder > .header
{
	display: flex;
	background: var(--dh-bg-2);
	border-bottom: 1px solid var(--dh-bg-2-border);
}

.e-696e3b78 > .holder > .header > .cell
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-x);
	padding: var(--dh-spacing-m);
	flex: 1;
	min-width: 0;
	font-weight: 600;
	font-size: var(--dh-size-s);
	color: var(--dh-text-2);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	user-select: none;
}

.e-696e3b78 > .holder > .header > .cell > .sort-icon
{
	font-size: 18px;
	opacity: 0.5;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

.e-696e3b78 > .holder > .header > .cell:hover > .sort-icon
{
	opacity: 1;
}

/* Body */
.e-696e3b78 > .holder > .body
{
	display: flex;
	flex-direction: column;
}

.e-696e3b78 > .holder > .body > .row
{
	display: flex;
	border-bottom: 1px solid var(--dh-bg-2-border);
	transition: background 0.2s ease;
}

.e-696e3b78 > .holder > .body > .row:last-child
{
	border-bottom: none;
}

.e-696e3b78 > .holder > .body > .row > .cell
{
	display: flex;
	align-items: center;
	padding: var(--dh-spacing-m);
	flex: 1;
	min-width: 0;
	font-size: var(--dh-size-m);
	color: var(--dh-text-1);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Variants - Size */
.e-696e3b78 > .holder[variant*="size-s"] > .header > .cell,
.e-696e3b78 > .holder[variant*="size-s"] > .body > .row > .cell
{
	padding: var(--dh-spacing-s) var(--dh-spacing-m);
	font-size: var(--dh-size-s);
}

.e-696e3b78 > .holder[variant*="size-l"] > .header > .cell,
.e-696e3b78 > .holder[variant*="size-l"] > .body > .row > .cell
{
	padding: var(--dh-spacing-l) var(--dh-spacing-m);
}

/* Variants - Border */
.e-696e3b78 > .holder[variant*="border"]
{
	border: 1px solid var(--dh-bg-2-border);
}

/* Variants - Background */
.e-696e3b78 > .holder[variant*="bg-1"] { background: var(--dh-bg-1); }
.e-696e3b78 > .holder[variant*="bg-2"] { background: var(--dh-bg-2); }
.e-696e3b78 > .holder[variant*="bg-3"] { background: var(--dh-bg-3); }

.e-696e3b78 > .holder[variant*="bg-2"] > .header { background: var(--dh-bg-3); }
.e-696e3b78 > .holder[variant*="bg-3"] > .header { background: var(--dh-bg-4); }

/* Variants - Striped */
.e-696e3b78 > .holder[variant*="striped"] > .body > .row:nth-child(even)
{
	background: var(--dh-bg-2);
}

/* Variants - Hover */
.e-696e3b78 > .holder[variant*="hover"] > .body > .row
{
	cursor: pointer;
}

.e-696e3b78 > .holder[variant*="hover"] > .body > .row:hover
{
	background: var(--dh-bg-2);
}

.e-696e3b78 > .holder[variant*="striped"][variant*="hover"] > .body > .row:hover
{
	background: var(--dh-bg-3);
}

/* Variants - Compact */
.e-696e3b78 > .holder[variant*="compact"] > .header > .cell,
.e-696e3b78 > .holder[variant*="compact"] > .body > .row > .cell
{
	padding: var(--dh-spacing-s) var(--dh-spacing-m);
}

.e-696e3b78 > .holder[variant*="compact"] > .body > .row > .cell
{
	font-size: var(--dh-size-s);
}

/* Empty State */
.e-696e3b78 > .holder > .body:empty::after
{
	content: 'No data available';
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--dh-spacing-l);
	color: var(--dh-text-2);
	font-size: var(--dh-size-m);
}
/* Base */
.e-338c43a9 > .holder
{
	display: flex;
	flex-direction: column;
}

.e-338c43a9 > .holder > .item
{
	display: flex;
	gap: var(--dh-spacing-l);
	position: relative;
	padding-bottom: calc(var(--dh-spacing-l) * 2);
}

.e-338c43a9 > .holder > .item:last-child
{
	padding-bottom: 0;
}

.e-338c43a9 > .holder > .item::before
{
	content: '';
	position: absolute;
	left: 20px;
	top: 44px;
	bottom: 0;
	width: 2px;
	background: var(--dh-bg-4);
}

.e-338c43a9 > .holder > .item:last-child::before
{
	display: none;
}

.e-338c43a9 > .holder > .item > .marker
{
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--dh-brand);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
}

.e-338c43a9 > .holder > .item > .marker > .icon
{
	font-size: 20px;
	color: white;
}

.e-338c43a9 > .holder > .item > .content
{
	flex: 1;
	padding-top: var(--dh-spacing-x);
}

.e-338c43a9 > .holder > .item > .content > .title
{
	font-size: var(--dh-size-m);
	font-weight: 700;
	color: var(--dh-text-1);
	margin: 0 0 var(--dh-spacing-x) 0;
}

.e-338c43a9 > .holder > .item > .content > .description
{
	font-size: var(--dh-size-s);
	color: var(--dh-text-2);
	line-height: 1.6;
	margin: 0 0 var(--dh-spacing-x) 0;
}

.e-338c43a9 > .holder > .item > .content > .date
{
	font-size: 11px;
	color: var(--dh-text-2);
	font-weight: 600;
}

/* Variants - Colors */
.e-338c43a9 > .holder[variant*="brand"] > .item > .marker
{
	background: var(--dh-brand);
}

.e-338c43a9 > .holder[variant*="blue"] > .item > .marker
{
	background: var(--dh-blue);
}

.e-338c43a9 > .holder[variant*="red"] > .item > .marker
{
	background: var(--dh-red);
}

.e-338c43a9 > .holder[variant*="orange"] > .item > .marker
{
	background: var(--dh-orange);
}

.e-338c43a9 > .holder[variant*="green"] > .item > .marker
{
	background: var(--dh-green);
}

/* Variants - Alternate */
.e-338c43a9 > .holder[variant*="alternate"] > .item:nth-child(even)
{
	flex-direction: row-reverse;
}

.e-338c43a9 > .holder[variant*="alternate"] > .item:nth-child(even) > .content
{
	text-align: right;
}

.e-338c43a9 > .holder[variant*="alternate"] > .item:nth-child(even)::before
{
	left: auto;
	right: 20px;
}
/* Base */
.e-68678906 > .holder
{
	display: flex;
	align-items: flex-start;
	gap: var(--dh-spacing-m);
	padding: var(--dh-spacing-m);
	border-radius: var(--dh-radius-m);
	border: 1px solid;
	background: var(--dh-brand-opacity);
	border-color: var(--dh-brand-border);
	color: var(--dh-text-1);
	position: relative;
}

.e-68678906 > .holder > .icon
{
	font-size: 20px;
	color: var(--dh-brand);
	flex-shrink: 0;
	margin-top: 2px;
}

.e-68678906 > .holder > .content
{
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: var(--dh-spacing-x);
	min-width: 0;
}

.e-68678906 > .holder > .content > .title
{
	font-weight: 600;
	font-size: var(--dh-size-m);
	color: var(--dh-text-1);
}

.e-68678906 > .holder > .content > .text
{
	font-size: var(--dh-size-s);
	color: var(--dh-text-2);
	line-height: 1.5;
}

.e-68678906 > .holder > .close
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border: none;
	background: transparent;
	color: var(--dh-text-2);
	cursor: pointer;
	border-radius: var(--dh-radius-s);
	transition: all 0.2s ease;
	flex-shrink: 0;
	padding: 0;
}

.e-68678906 > .holder > .close:hover
{
	background: var(--dh-bg-2-opacity);
	color: var(--dh-text-1);
}

.e-68678906 > .holder > .close > .icon
{
	font-size: 18px;
}

/* Variants - Colors */
.e-68678906 > .holder[variant*="brand"]
{
	background: var(--dh-brand-opacity);
	border-color: var(--dh-brand-border);
}

.e-68678906 > .holder[variant*="brand"] > .icon
{
	color: var(--dh-brand);
}

.e-68678906 > .holder[variant*="blue"]
{
	background: var(--dh-blue-opacity);
	border-color: var(--dh-blue-border);
}

.e-68678906 > .holder[variant*="blue"] > .icon
{
	color: var(--dh-blue);
}

.e-68678906 > .holder[variant*="red"]
{
	background: var(--dh-red-opacity);
	border-color: var(--dh-red-border);
}

.e-68678906 > .holder[variant*="red"] > .icon
{
	color: var(--dh-red);
}

.e-68678906 > .holder[variant*="orange"]
{
	background: var(--dh-orange-opacity);
	border-color: var(--dh-orange-border);
}

.e-68678906 > .holder[variant*="orange"] > .icon
{
	color: var(--dh-orange);
}

.e-68678906 > .holder[variant*="green"]
{
	background: var(--dh-green-opacity);
	border-color: var(--dh-green-border);
}

.e-68678906 > .holder[variant*="green"] > .icon
{
	color: var(--dh-green);
}

/* Variants - Border */
.e-68678906 > .holder[variant*="border"]
{
	background: transparent;
}

/* Variants - Animation */
@keyframes bounce
{
	0%, 100%
	{
		transform: translateX(0);
	}
	25%
	{
		transform: translateX(-10px);
	}
	50%
	{
		transform: translateX(0);
	}
	75%
	{
		transform: translateX(-5px);
	}
}

.e-68678906 > .holder[variant*="animate-bounce"]
{
	animation: bounce 1s ease-in-out;
}

/* Variants - Sizes */
.e-68678906 > .holder[variant*="size-s"]
{
	padding: var(--dh-spacing-s);
	gap: var(--dh-spacing-s);
}

.e-68678906 > .holder[variant*="size-s"] > .icon
{
	font-size: 16px;
}

.e-68678906 > .holder[variant*="size-s"] > .content > .title
{
	font-size: var(--dh-size-s);
}

.e-68678906 > .holder[variant*="size-s"] > .content > .text
{
	font-size: 12px;
}

.e-68678906 > .holder[variant*="size-s"] > .close
{
	width: 20px;
	height: 20px;
}

.e-68678906 > .holder[variant*="size-s"] > .close > .icon
{
	font-size: 16px;
}

.e-68678906 > .holder[variant*="size-m"]
{
	padding: var(--dh-spacing-m);
	gap: var(--dh-spacing-m);
}

.e-68678906 > .holder[variant*="size-m"] > .icon
{
	font-size: 20px;
}

.e-68678906 > .holder[variant*="size-m"] > .content > .title
{
	font-size: var(--dh-size-m);
}

.e-68678906 > .holder[variant*="size-m"] > .content > .text
{
	font-size: var(--dh-size-s);
}

.e-68678906 > .holder[variant*="size-m"] > .close
{
	width: 24px;
	height: 24px;
}

.e-68678906 > .holder[variant*="size-m"] > .close > .icon
{
	font-size: 18px;
}

.e-68678906 > .holder[variant*="size-l"]
{
	padding: var(--dh-spacing-l);
	gap: var(--dh-spacing-l);
}

.e-68678906 > .holder[variant*="size-l"] > .icon
{
	font-size: 24px;
}

.e-68678906 > .holder[variant*="size-l"] > .content > .title
{
	font-size: var(--dh-size-l);
}

.e-68678906 > .holder[variant*="size-l"] > .content > .text
{
	font-size: var(--dh-size-m);
}

.e-68678906 > .holder[variant*="size-l"] > .close
{
	width: 28px;
	height: 28px;
}

.e-68678906 > .holder[variant*="size-l"] > .close > .icon
{
	font-size: 20px;
}
/* Base */
.e-5c0da3ea> .holder
{
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 450px;
	background: var(--dh-bg-2);
	border: 1px solid var(--dh-bg-2-border);
	border-radius: var(--dh-radius-l);
	overflow: hidden;
}

.e-5c0da3ea> .holder > .header
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--dh-spacing-l);
	border-bottom: 1px solid var(--dh-bg-2-border);
}

.e-5c0da3ea> .holder > .header > .title
{
	font-size: var(--dh-size-l);
	font-weight: 600;
	color: var(--dh-text-1);
	flex: 1;
}

.e-5c0da3ea> .holder > .content
{
	padding: var(--dh-spacing-l);
	color: var(--dh-text-2);
	font-size: var(--dh-size-m);
	line-height: 1.6;
}

.e-5c0da3ea> .holder > .content > .text
{
	color: var(--dh-text-2);
	line-height: 1.6;
}

.e-5c0da3ea> .holder > .footer
{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: var(--dh-spacing-l);
	border-top: 1px solid var(--dh-bg-2-border);
	gap: var(--dh-spacing-s);
}

/* Variants - Background */
.e-5c0da3ea> .holder[variant*="bg-1"]
{
	background: var(--dh-bg-1);
	border-color: var(--dh-bg-1-border);
}

.e-5c0da3ea> .holder[variant*="bg-1"] > .header
{
	border-bottom-color: var(--dh-bg-1-border);
}

.e-5c0da3ea> .holder[variant*="bg-1"] > .footer
{
	border-top-color: var(--dh-bg-1-border);
}

.e-5c0da3ea> .holder[variant*="bg-2"]
{
	background: var(--dh-bg-2);
	border-color: var(--dh-bg-2-border);
}

.e-5c0da3ea> .holder[variant*="bg-2"] > .header
{
	border-bottom-color: var(--dh-bg-2-border);
}

.e-5c0da3ea> .holder[variant*="bg-2"] > .footer
{
	border-top-color: var(--dh-bg-2-border);
}

.e-5c0da3ea> .holder[variant*="bg-3"]
{
	background: var(--dh-bg-3);
	border-color: var(--dh-bg-3-border);
}

.e-5c0da3ea> .holder[variant*="bg-3"] > .header
{
	border-bottom-color: var(--dh-bg-3-border);
}

.e-5c0da3ea> .holder[variant*="bg-3"] > .footer
{
	border-top-color: var(--dh-bg-3-border);
}

.e-5c0da3ea> .holder[variant*="bg-4"]
{
	background: var(--dh-bg-4);
	border-color: var(--dh-bg-4-border);
}

.e-5c0da3ea> .holder[variant*="bg-4"] > .header
{
	border-bottom-color: var(--dh-bg-4-border);
}

.e-5c0da3ea> .holder[variant*="bg-4"] > .footer
{
	border-top-color: var(--dh-bg-4-border);
}

/* Variants - Border */
.e-5c0da3ea> .holder[variant*="border"]
{
	border-width: 2px;
}

/* Variants - Animation */
@keyframes bounce
{
	0%, 100%
	{
		transform: translateX(0);
	}
	25%
	{
		transform: translateX(-10px);
	}
	50%
	{
		transform: translateX(0);
	}
	75%
	{
		transform: translateX(-5px);
	}
}

.e-5c0da3ea> .holder[variant*="animate-bounce"]
{
	animation: bounce 1s ease-in-out;
}

/* Variants - Sizes */
.e-5c0da3ea> .holder[variant*="size-s"]
{
	max-width: 350px;
}

.e-5c0da3ea> .holder[variant*="size-s"] > .header
{
	padding: var(--dh-spacing-m);
}

.e-5c0da3ea> .holder[variant*="size-s"] > .header > .title
{
	font-size: var(--dh-size-m);
}

.e-5c0da3ea> .holder[variant*="size-s"] > .content
{
	padding: var(--dh-spacing-m);
	font-size: var(--dh-size-s);
}

.e-5c0da3ea> .holder[variant*="size-s"] > .footer
{
	padding: var(--dh-spacing-m);
}

.e-5c0da3ea> .holder[variant*="size-m"]
{
	max-width: 450px;
}

.e-5c0da3ea> .holder[variant*="size-m"] > .header
{
	padding: var(--dh-spacing-l);
}

.e-5c0da3ea> .holder[variant*="size-m"] > .header > .title
{
	font-size: var(--dh-size-l);
}

.e-5c0da3ea> .holder[variant*="size-m"] > .content
{
	padding: var(--dh-spacing-l);
	font-size: var(--dh-size-m);
}

.e-5c0da3ea> .holder[variant*="size-m"] > .footer
{
	padding: var(--dh-spacing-l);
}

.e-5c0da3ea> .holder[variant*="size-l"]
{
	max-width: 600px;
}

.e-5c0da3ea> .holder[variant*="size-l"] > .header
{
	padding: var(--dh-spacing-l);
}

.e-5c0da3ea> .holder[variant*="size-l"] > .header > .title
{
	font-size: 24px;
}

.e-5c0da3ea> .holder[variant*="size-l"] > .content
{
	padding: var(--dh-spacing-l);
	font-size: var(--dh-size-l);
}

.e-5c0da3ea> .holder[variant*="size-l"] > .footer
{
	padding: var(--dh-spacing-l);
}
/* Base */
.e-4888da57> .holder
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.e-4888da57> .holder > .spinner
{
	width: 40px;
	height: 40px;
	border: 3px solid var(--dh-bg-3);
	border-top-color: var(--dh-text-1);
	border-radius: 50%;
}

/* Variants - Spin */
@keyframes spin
{
	to
	{
		transform: rotate(360deg);
	}
}

.e-4888da57> .holder[variant*="spin"] > .spinner
{
	animation: spin 0.8s linear infinite;
}

/* Variants - Dots */
@keyframes dots
{
	0%, 100%
	{
		background-position: 0% 50%, 50% 50%, 100% 0%;
	}
	33%
	{
		background-position: 0% 0%, 50% 50%, 100% 50%;
	}
	66%
	{
		background-position: 0% 50%, 50% 0%, 100% 100%;
	}
}

.e-4888da57> .holder[variant*="dots"] > .spinner
{
	border: none;
	background: radial-gradient(circle, var(--dh-text-1) 25%, transparent 26%),
				radial-gradient(circle, var(--dh-text-1) 25%, transparent 26%),
				radial-gradient(circle, var(--dh-text-1) 25%, transparent 26%);
	background-size: 33% 33%;
	background-position: 0% 50%, 50% 50%, 100% 0%;
	background-repeat: no-repeat;
	animation: dots 1.5s infinite ease-in-out;
}

/* Variants - Pulse */
@keyframes pulse
{
	0%, 100%
	{
		transform: scale(1);
		opacity: 1;
	}
	50%
	{
		transform: scale(1.5);
		opacity: 0.5;
	}
}

.e-4888da57> .holder[variant*="pulse"] > .spinner
{
	border: 3px solid var(--dh-text-1);
	animation: pulse 1.5s ease-in-out infinite;
}

/* Variants - Colors */
.e-4888da57> .holder[variant*="brand"] > .spinner
{
	border-top-color: var(--dh-brand);
}

.e-4888da57> .holder[variant*="brand"][variant*="dots"] > .spinner
{
	background: radial-gradient(circle, var(--dh-brand) 25%, transparent 26%),
				radial-gradient(circle, var(--dh-brand) 25%, transparent 26%),
				radial-gradient(circle, var(--dh-brand) 25%, transparent 26%);
	background-size: 33% 33%;
	background-position: 0% 0%, 50% 50%, 100% 50%;
	background-repeat: no-repeat;
}

.e-4888da57> .holder[variant*="brand"][variant*="pulse"] > .spinner
{
	border-color: var(--dh-brand);
}

.e-4888da57> .holder[variant*="blue"] > .spinner
{
	border-top-color: var(--dh-blue);
}

.e-4888da57> .holder[variant*="blue"][variant*="dots"] > .spinner
{
	background: radial-gradient(circle, var(--dh-blue) 25%, transparent 26%),
				radial-gradient(circle, var(--dh-blue) 25%, transparent 26%),
				radial-gradient(circle, var(--dh-blue) 25%, transparent 26%);
	background-size: 33% 33%;
	background-position: 0% 0%, 50% 50%, 100% 50%;
	background-repeat: no-repeat;
}

.e-4888da57> .holder[variant*="blue"][variant*="pulse"] > .spinner
{
	border-color: var(--dh-blue);
}

.e-4888da57> .holder[variant*="red"] > .spinner
{
	border-top-color: var(--dh-red);
}

.e-4888da57> .holder[variant*="red"][variant*="dots"] > .spinner
{
	background: radial-gradient(circle, var(--dh-red) 25%, transparent 26%),
				radial-gradient(circle, var(--dh-red) 25%, transparent 26%),
				radial-gradient(circle, var(--dh-red) 25%, transparent 26%);
	background-size: 33% 33%;
	background-position: 0% 0%, 50% 50%, 100% 50%;
	background-repeat: no-repeat;
}

.e-4888da57> .holder[variant*="red"][variant*="pulse"] > .spinner
{
	border-color: var(--dh-red);
}

.e-4888da57> .holder[variant*="orange"] > .spinner
{
	border-top-color: var(--dh-orange);
}

.e-4888da57> .holder[variant*="orange"][variant*="dots"] > .spinner
{
	background: radial-gradient(circle, var(--dh-orange) 25%, transparent 26%),
				radial-gradient(circle, var(--dh-orange) 25%, transparent 26%),
				radial-gradient(circle, var(--dh-orange) 25%, transparent 26%);
	background-size: 33% 33%;
	background-position: 0% 0%, 50% 50%, 100% 50%;
	background-repeat: no-repeat;
}

.e-4888da57> .holder[variant*="orange"][variant*="pulse"] > .spinner
{
	border-color: var(--dh-orange);
}

.e-4888da57> .holder[variant*="green"] > .spinner
{
	border-top-color: var(--dh-green);
}

.e-4888da57> .holder[variant*="green"][variant*="dots"] > .spinner
{
	background: radial-gradient(circle, var(--dh-green) 25%, transparent 26%),
				radial-gradient(circle, var(--dh-green) 25%, transparent 26%),
				radial-gradient(circle, var(--dh-green) 25%, transparent 26%);
	background-size: 33% 33%;
	background-position: 0% 0%, 50% 50%, 100% 50%;
	background-repeat: no-repeat;
}

.e-4888da57> .holder[variant*="green"][variant*="pulse"] > .spinner
{
	border-color: var(--dh-green);
}

/* Variants - Sizes */
.e-4888da57> .holder[variant*="size-s"] > .spinner
{
	width: 24px;
	height: 24px;
	border-width: 2px;
}

.e-4888da57> .holder[variant*="size-m"] > .spinner
{
	width: 40px;
	height: 40px;
	border-width: 3px;
}

.e-4888da57> .holder[variant*="size-l"] > .spinner
{
	width: 64px;
	height: 64px;
	border-width: 4px;
}
/* Base */
.e-c8faa43
{
	width: 100%;
	height: 8px;
}

.e-c8faa43 > .holder
{
	position: relative;
	background: var(--dh-bg-3);
	border-radius: var(--dh-radius-s);
	overflow: hidden;
}

.e-c8faa43 > .holder > .bar
{
	height: 100%;
	background: var(--dh-brand);
	border-radius: var(--dh-radius-s);
	transition: width 0.3s ease;
}

.e-c8faa43 > .holder > .text
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: var(--dh-size-s);
	font-weight: 600;
	color: var(--dh-text-1);
	white-space: nowrap;
}

/* Variants - Colors */
.e-c8faa43 > .holder[variant*="brand"] > .bar
{
	background: var(--dh-brand);
}

.e-c8faa43 > .holder[variant*="blue"] > .bar
{
	background: var(--dh-blue);
}

.e-c8faa43 > .holder[variant*="red"] > .bar
{
	background: var(--dh-red);
}

.e-c8faa43 > .holder[variant*="orange"] > .bar
{
	background: var(--dh-orange);
}

.e-c8faa43 > .holder[variant*="green"] > .bar
{
	background: var(--dh-green);
}

/* Variants - Striped */
.e-c8faa43 > .holder[variant*="striped"] > .bar
{
	background-image: linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.15) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%,
		transparent 75%,
		transparent
	);
	background-size: 20px 20px;
}

/* Variants - Animated */
@keyframes progress-stripes
{
	0%
	{
		background-position: 0 0;
	}
	100%
	{
		background-position: 20px 0;
	}
}

.e-c8faa43 > .holder[variant*="animated"] > .bar
{
	background-image: linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.15) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%,
		transparent 75%,
		transparent
	);
	background-size: 20px 20px;
	animation: progress-stripes 1s linear infinite;
}

/* Variants - Sizes */
.e-c8faa43 > .holder[variant*="size-s"]
{
	height: 4px;
}

.e-c8faa43 > .holder[variant*="size-s"] > .text
{
	font-size: 10px;
}

.e-c8faa43 > .holder[variant*="size-m"]
{
	height: 8px;
}

.e-c8faa43 > .holder[variant*="size-m"] > .text
{
	font-size: var(--dh-size-s);
}

.e-c8faa43 > .holder[variant*="size-l"]
{
	height: 16px;
}

.e-c8faa43 > .holder[variant*="size-l"] > .text
{
	font-size: var(--dh-size-m);
}
.e-284dbcbb > .holder
{
    position: relative;
    display: inline-flex;
}

.e-284dbcbb button
{
    border: 1px solid;
    border-radius: var(--dh-radius-m);
    padding: 0 var(--dh-spacing-m);
    cursor: pointer;
    transition: all 0.2s ease;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--dh-spacing-s);
}

.e-284dbcbb button:focus
{
    outline: 2px solid var(--dh-brand);
    outline-offset: 2px;
}

.e-284dbcbb button:disabled
{
    opacity: 0.5;
    cursor: not-allowed;
}
/* Sizes */
.e-284dbcbb > .holder[size="s"] button
{
    height: var(--dh-height-s);
}

.e-284dbcbb > .holder[size="m"] button
{
    height: var(--dh-height-m);
}

.e-284dbcbb > .holder[size="l"] button
{
    height: var(--dh-height-l);
}
/* Variants */
.e-284dbcbb > .holder[variant="transparent"] button
{
    background: transparent;
    border-color: transparent;
    color: var(--dh-text-1);
}

.e-284dbcbb > .holder[variant="transparent"]:hover button
{
    background: transparent;
}

.e-284dbcbb > .holder[variant="border"] button
{
    background: transparent;
    border-color: var(--dh-bg-1-border);
    color: var(--dh-text-1);
}

.e-284dbcbb > .holder[variant="border"]:hover button
{
    background: transparent;
    border-color: var(--dh-bg-2-border);
}

.e-284dbcbb > .holder[variant="bg-1"] button
{
    background: var(--dh-bg-1);
    border-color: var(--dh-bg-1-border);
    color: var(--dh-text-1);
}

.e-284dbcbb > .holder[variant="bg-1"]:hover button
{
    background: var(--dh-bg-1-hover);
}

.e-284dbcbb > .holder[variant="bg-2"] button
{
    background: var(--dh-bg-2);
    border-color: var(--dh-bg-2-border);
    color: var(--dh-text-1);
}

.e-284dbcbb > .holder[variant="bg-2"]:hover button
{
    background: var(--dh-bg-2-hover);
}

.e-284dbcbb > .holder[variant="bg-3"] button
{
    background: var(--dh-bg-3);
    border-color: var(--dh-bg-3-border);
    color: var(--dh-text-1);
}

.e-284dbcbb > .holder[variant="bg-3"]:hover button
{
    background: var(--dh-bg-3-hover);
}

.e-284dbcbb > .holder[variant="bg-4"] button
{
    background: var(--dh-bg-4);
    border-color: var(--dh-bg-4-border);
    color: var(--dh-text-1);
}

.e-284dbcbb > .holder[variant="bg-4"]:hover button
{
    background: var(--dh-bg-4-hover);
}

.e-284dbcbb > .holder[variant="brand"] button
{
    background: var(--dh-brand);
    border-color: var(--dh-brand-border);
    color: white;
}

.e-284dbcbb > .holder[variant="brand"]:hover button
{
    background: var(--dh-brand-hover);
}

.e-284dbcbb > .holder[variant="blue"] button
{
    background: var(--dh-blue);
    border-color: var(--dh-blue-border);
    color: white;
}

.e-284dbcbb > .holder[variant="blue"]:hover button
{
    background: var(--dh-blue-hover);
}

.e-284dbcbb > .holder[variant="red"] button
{
    background: var(--dh-red);
    border-color: var(--dh-red-border);
    color: white;
}

.e-284dbcbb > .holder[variant="red"]:hover button
{
    background: var(--dh-red-hover);
}

.e-284dbcbb > .holder[variant="orange"] button
{
    background: var(--dh-orange);
    border-color: var(--dh-orange-border);
    color: white;
}

.e-284dbcbb > .holder[variant="orange"]:hover button
{
    background: var(--dh-orange-hover);
}

.e-284dbcbb > .holder[variant="green"] button
{
    background: var(--dh-green);
    border-color: var(--dh-green-border);
    color: white;
}

.e-284dbcbb > .holder[variant="green"]:hover button
{
    background: var(--dh-green-hover);
}
/* Base */
.e-593be338 > .holder
{
	border: 1px solid;
	border-radius: var(--dh-radius-m);
	padding: 0 var(--dh-spacing-m);
	cursor: pointer;
	transition: all 0.2s;
	outline: none;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--dh-spacing-s);
	background: transparent;
	border-color: transparent;
	color: var(--dh-text-1);
}

.e-593be338 > .holder:focus
{
	outline: 2px solid var(--dh-brand);
	outline-offset: 2px;
}

.e-593be338 > .holder:disabled
{
	opacity: 0.5;
	cursor: not-allowed;
}

/* Variants - Brand */
.e-593be338 > .holder[variant*="brand"]
{
	background: var(--dh-brand);
	border-color: var(--dh-brand-border);
	color: white;
}

.e-593be338 > .holder[variant*="brand"]:hover
{
	background: var(--dh-brand-hover);
}

/* Variants - Colors */
.e-593be338 > .holder[variant*="blue"]
{
	background: var(--dh-blue);
	border-color: var(--dh-blue-border);
	color: white;
}

.e-593be338 > .holder[variant*="blue"]:hover
{
	background: var(--dh-blue-hover);
}

.e-593be338 > .holder[variant*="red"]
{
	background: var(--dh-red);
	border-color: var(--dh-red-border);
	color: white;
}

.e-593be338 > .holder[variant*="red"]:hover
{
	background: var(--dh-red-hover);
}

.e-593be338 > .holder[variant*="orange"]
{
	background: var(--dh-orange);
	border-color: var(--dh-orange-border);
	color: white;
}

.e-593be338 > .holder[variant*="orange"]:hover
{
	background: var(--dh-orange-hover);
}

.e-593be338 > .holder[variant*="green"]
{
	background: var(--dh-green);
	border-color: var(--dh-green-border);
	color: white;
}

.e-593be338 > .holder[variant*="green"]:hover
{
	background: var(--dh-green-hover);
}

/* Variants - Backgrounds */
.e-593be338 > .holder[variant*="bg-1"]
{
	background: var(--dh-bg-1);
	border-color: var(--dh-bg-1-border);
}

.e-593be338 > .holder[variant*="bg-1"]:hover
{
	background: var(--dh-bg-1-hover);
}

.e-593be338 > .holder[variant*="bg-2"]
{
	background: var(--dh-bg-2);
	border-color: var(--dh-bg-2-border);
}

.e-593be338 > .holder[variant*="bg-2"]:hover
{
	background: var(--dh-bg-2-hover);
}

.e-593be338 > .holder[variant*="bg-3"]
{
	background: var(--dh-bg-3);
	border-color: var(--dh-bg-3-border);
}

.e-593be338 > .holder[variant*="bg-3"]:hover
{
	background: var(--dh-bg-3-hover);
}

.e-593be338 > .holder[variant*="bg-4"]
{
	background: var(--dh-bg-4);
	border-color: var(--dh-bg-4-border);
}

.e-593be338 > .holder[variant*="bg-4"]:hover
{
	background: var(--dh-bg-4-hover);
}

/* Variants - Border */
.e-593be338 > .holder[variant*="border-full"]
{
	background: transparent;
	border-color: var(--dh-bg-1-border);
}

.e-593be338 > .holder[variant*="border-full"]:hover
{
	border-color: var(--dh-bg-2-border);
}

/* Variants - Transparent */
.e-593be338 > .holder[variant*="transparent"]
{
	background: transparent;
	border-color: transparent;
}

.e-593be338 > .holder[variant*="transparent"]:hover
{
	background: transparent;
}

/* Sizes */
.e-593be338 > .holder[size="s"]
{
	height: var(--dh-height-s);
}

.e-593be338 > .holder[size="m"]
{
	height: var(--dh-height-m);
}

.e-593be338 > .holder[size="l"]
{
	height: var(--dh-height-l);
}
.r51d47f16 > .holder
{
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.r51d47f16 input[type="checkbox"]
{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.r51d47f16 .checkbox-mark
{
    display: block;
    border-radius: var(--dh-radius-s);
    border: 1px solid;
    transition: all 0.2s ease;
    position: relative;
}

.r51d47f16 .checkbox-mark::after
{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 4px;
    height: 8px;
    border: solid;
    border-width: 0 2px 2px 0;
    transform: translate(-50%, -60%) rotate(45deg) scale(0);
    transition: all 0.2s ease;
}

.r51d47f16 input[type="checkbox"]:checked ~ .checkbox-mark::after
{
    transform: translate(-50%, -60%) rotate(45deg) scale(1);
}

.r51d47f16 input[type="checkbox"]:disabled ~ .checkbox-mark
{
    opacity: 0.5;
    cursor: not-allowed;
}
/* Sizes */
.r51d47f16 > .holder[size="s"] .checkbox-mark
{
    width: 16px;
    height: 16px;
}

.r51d47f16 > .holder[size="s"] .checkbox-mark::after
{
    width: 3px;
    height: 6px;
    border-width: 0 1.5px 1.5px 0;
}

.r51d47f16 > .holder[size="m"] .checkbox-mark
{
    width: 20px;
    height: 20px;
}

.r51d47f16 > .holder[size="m"] .checkbox-mark::after
{
    width: 4px;
    height: 8px;
    border-width: 0 2px 2px 0;
}

.r51d47f16 > .holder[size="l"] .checkbox-mark
{
    width: 24px;
    height: 24px;
}

.r51d47f16 > .holder[size="l"] .checkbox-mark::after
{
    width: 5px;
    height: 10px;
    border-width: 0 2.5px 2.5px 0;
}
/* Variants */
.r51d47f16 > .holder[variant="transparent"] .checkbox-mark
{
    background: transparent;
    border-color: transparent;
}

.r51d47f16 > .holder[variant="transparent"] .checkbox-mark::after
{
    border-color: var(--dh-text-1);
}

.r51d47f16 > .holder[variant="border"] .checkbox-mark
{
    background: transparent;
    border-color: var(--dh-bg-1-border);
}

.r51d47f16 > .holder[variant="border"]:hover .checkbox-mark
{
    border-color: var(--dh-bg-2-border);
}

.r51d47f16 > .holder[variant="border"] input[type="checkbox"]:checked ~ .checkbox-mark
{
    border-color: var(--dh-brand);
    background: var(--dh-brand);
}

.r51d47f16 > .holder[variant="border"] .checkbox-mark::after
{
    border-color: white;
}

.r51d47f16 > .holder[variant="bg-1"] .checkbox-mark
{
    background: var(--dh-bg-1);
    border-color: var(--dh-bg-1-border);
}

.r51d47f16 > .holder[variant="bg-1"]:hover .checkbox-mark
{
    background: var(--dh-bg-1-hover);
}

.r51d47f16 > .holder[variant="bg-1"] input[type="checkbox"]:checked ~ .checkbox-mark
{
    border-color: var(--dh-brand);
    background: var(--dh-brand);
}

.r51d47f16 > .holder[variant="bg-1"] .checkbox-mark::after
{
    border-color: white;
}

.r51d47f16 > .holder[variant="bg-2"] .checkbox-mark
{
    background: var(--dh-bg-2);
    border-color: var(--dh-bg-2-border);
}

.r51d47f16 > .holder[variant="bg-2"]:hover .checkbox-mark
{
    background: var(--dh-bg-2-hover);
}

.r51d47f16 > .holder[variant="bg-2"] input[type="checkbox"]:checked ~ .checkbox-mark
{
    border-color: var(--dh-brand);
    background: var(--dh-brand);
}

.r51d47f16 > .holder[variant="bg-2"] .checkbox-mark::after
{
    border-color: white;
}

.r51d47f16 > .holder[variant="bg-3"] .checkbox-mark
{
    background: var(--dh-bg-3);
    border-color: var(--dh-bg-3-border);
}

.r51d47f16 > .holder[variant="bg-3"]:hover .checkbox-mark
{
    background: var(--dh-bg-3-hover);
}

.r51d47f16 > .holder[variant="bg-3"] input[type="checkbox"]:checked ~ .checkbox-mark
{
    border-color: var(--dh-brand);
    background: var(--dh-brand);
}

.r51d47f16 > .holder[variant="bg-3"] .checkbox-mark::after
{
    border-color: white;
}

.r51d47f16 > .holder[variant="bg-4"] .checkbox-mark
{
    background: var(--dh-bg-4);
    border-color: var(--dh-bg-4-border);
}

.r51d47f16 > .holder[variant="bg-4"]:hover .checkbox-mark
{
    background: var(--dh-bg-4-hover);
}

.r51d47f16 > .holder[variant="bg-4"] input[type="checkbox"]:checked ~ .checkbox-mark
{
    border-color: var(--dh-brand);
    background: var(--dh-brand);
}

.r51d47f16 > .holder[variant="bg-4"] .checkbox-mark::after
{
    border-color: white;
}
.r538212a9 > .holder
{
    position: relative;
}

.r538212a9 input
{
    width: 100%;
    padding: 0 var(--dh-spacing-m);
    border-radius: var(--dh-radius-m);
    border: 1px solid;
    background: transparent;
    transition: all 0.2s ease;
    outline: none;
}

.r538212a9 input::placeholder
{
    color: var(--dh-text-2);
}

.r538212a9 input:disabled
{
    opacity: 0.5;
    cursor: not-allowed;
}
/* Sizes */
.r538212a9 > .holder[size="s"] input
{
    height: var(--dh-height-s);
}

.r538212a9 > .holder[size="m"] input
{
    height: var(--dh-height-m);
}

.r538212a9 > .holder[size="l"] input
{
    height: var(--dh-height-l);
}
/* Variants */
.r538212a9 > .holder[variant="transparent"] input
{
    background: transparent;
    border-color: transparent;
    padding: 0;
}

.r538212a9 > .holder[variant="transparent"] input:hover
{
    background: transparent;
}

.r538212a9 > .holder[variant="transparent"] input:focus
{
    border-color: transparent;
}

.r538212a9 > .holder[variant="border"] input
{
    background: transparent;
    border-color: var(--dh-bg-1-border);
}

.r538212a9 > .holder[variant="border"] input:hover
{
    background: transparent;
    border-color: var(--dh-bg-2-border);
}

.r538212a9 > .holder[variant="border"] input:focus
{
    border-color: var(--dh-brand);
}

.r538212a9 > .holder[variant="bg-1"] input
{
    background: var(--dh-bg-1);
    border-color: var(--dh-bg-1-border);
}

.r538212a9 > .holder[variant="bg-1"] input:hover
{
    background: var(--dh-bg-1-hover);
}

.r538212a9 > .holder[variant="bg-1"] input:focus
{
    border-color: var(--dh-brand);
}

.r538212a9 > .holder[variant="bg-2"] input
{
    background: var(--dh-bg-2);
    border-color: var(--dh-bg-2-border);
}

.r538212a9 > .holder[variant="bg-2"] input:hover
{
    background: var(--dh-bg-2-hover);
}

.r538212a9 > .holder[variant="bg-2"] input:focus
{
    border-color: var(--dh-brand);
}

.r538212a9 > .holder[variant="bg-3"] input
{
    background: var(--dh-bg-3);
    border-color: var(--dh-bg-3-border);
}

.r538212a9 > .holder[variant="bg-3"] input:hover
{
    background: var(--dh-bg-3-hover);
}

.r538212a9 > .holder[variant="bg-3"] input:focus
{
    border-color: var(--dh-brand);
}

.r538212a9 > .holder[variant="bg-4"] input
{
    background: var(--dh-bg-4);
    border-color: var(--dh-bg-4-border);
}

.r538212a9 > .holder[variant="bg-4"] input:hover
{
    background: var(--dh-bg-4-hover);
}

.r538212a9 > .holder[variant="bg-4"] input:focus
{
    border-color: var(--dh-brand);
}
/* Base */
.e-68d95774 > .holder
{
    width: 100%;
    padding: 0 var(--dh-spacing-m);
    border-radius: var(--dh-radius-m);
    border: none;
    background: transparent;
    transition: all 0.2s;
    outline: none;
    color: var(--dh-text-1);
}

.e-68d95774 > .holder::placeholder
{
    color: var(--dh-text-2);
}

.e-68d95774 > .holder:disabled
{
    opacity: 0.5;
    cursor: not-allowed;
}

/* Variants - Background */
.e-68d95774 > .holder[variant*="bg-1"]
{
    background: var(--dh-bg-1);
}

.e-68d95774 > .holder[variant*="bg-1"]:hover
{
    background: var(--dh-bg-1-hover);
}

.e-68d95774 > .holder[variant*="bg-2"]
{
    background: var(--dh-bg-2);
}

.e-68d95774 > .holder[variant*="bg-2"]:hover
{
    background: var(--dh-bg-2-hover);
}

.e-68d95774 > .holder[variant*="bg-3"]
{
    background: var(--dh-bg-3);
}

.e-68d95774 > .holder[variant*="bg-3"]:hover
{
    background: var(--dh-bg-3-hover);
}

.e-68d95774 > .holder[variant*="bg-4"]
{
    background: var(--dh-bg-4);
}

.e-68d95774 > .holder[variant*="bg-4"]:hover
{
    background: var(--dh-bg-4-hover);
}

/* Variants - Border */
.e-68d95774 > .holder[variant*="border-full"]
{
    border: 1px solid var(--dh-bg-2-border);
}

.e-68d95774 > .holder[variant*="bg-1"][variant*="border-full"]
{
    border: 1px solid var(--dh-bg-1-border);
}

.e-68d95774 > .holder[variant*="bg-2"][variant*="border-full"]
{
    border: 1px solid var(--dh-bg-2-border);
}

.e-68d95774 > .holder[variant*="bg-3"][variant*="border-full"]
{
    border: 1px solid var(--dh-bg-3-border);
}

.e-68d95774 > .holder[variant*="bg-4"][variant*="border-full"]
{
    border: 1px solid var(--dh-bg-4-border);
}

.e-68d95774 > .holder[variant*="border-full"]:focus
{
    border-color: var(--dh-brand);
}

/* Sizes */
.e-68d95774 > .holder[size="s"]
{
    height: var(--dh-height-s);
}

.e-68d95774 > .holder[size="m"]
{
    height: var(--dh-height-m);
}

.e-68d95774 > .holder[size="l"]
{
    height: var(--dh-height-l);
}
.r53095678 > .holder
{
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.r53095678 input[type="radio"]
{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.r53095678 .radio-mark
{
    display: block;
    border-radius: 50%;
    border: 1px solid;
    transition: all 0.2s ease;
    position: relative;
}

.r53095678 .radio-mark::after
{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%;
    transition: all 0.2s ease;
}

.r53095678 input[type="radio"]:checked ~ .radio-mark::after
{
    transform: translate(-50%, -50%) scale(1);
}

.r53095678 input[type="radio"]:disabled ~ .radio-mark
{
    opacity: 0.5;
    cursor: not-allowed;
}
/* Sizes */
.r53095678 > .holder[size="s"] .radio-mark
{
    width: 16px;
    height: 16px;
}

.r53095678 > .holder[size="s"] .radio-mark::after
{
    width: 6px;
    height: 6px;
}

.r53095678 > .holder[size="m"] .radio-mark
{
    width: 20px;
    height: 20px;
}

.r53095678 > .holder[size="m"] .radio-mark::after
{
    width: 8px;
    height: 8px;
}

.r53095678 > .holder[size="l"] .radio-mark
{
    width: 24px;
    height: 24px;
}

.r53095678 > .holder[size="l"] .radio-mark::after
{
    width: 10px;
    height: 10px;
}
/* Variants */
.r53095678 > .holder[variant="transparent"] .radio-mark
{
    background: transparent;
    border-color: transparent;
}

.r53095678 > .holder[variant="transparent"] .radio-mark::after
{
    background: var(--dh-text-1);
}

.r53095678 > .holder[variant="border"] .radio-mark
{
    background: transparent;
    border-color: var(--dh-bg-1-border);
}

.r53095678 > .holder[variant="border"]:hover .radio-mark
{
    border-color: var(--dh-bg-2-border);
}

.r53095678 > .holder[variant="border"] input[type="radio"]:checked ~ .radio-mark
{
    border-color: var(--dh-brand);
    background: var(--dh-brand);
}

.r53095678 > .holder[variant="border"] .radio-mark::after
{
    background: white;
}

.r53095678 > .holder[variant="bg-1"] .radio-mark
{
    background: var(--dh-bg-1);
    border-color: var(--dh-bg-1-border);
}

.r53095678 > .holder[variant="bg-1"]:hover .radio-mark
{
    background: var(--dh-bg-1-hover);
}

.r53095678 > .holder[variant="bg-1"] input[type="radio"]:checked ~ .radio-mark
{
    border-color: var(--dh-brand);
    background: var(--dh-brand);
}

.r53095678 > .holder[variant="bg-1"] .radio-mark::after
{
    background: white;
}

.r53095678 > .holder[variant="bg-2"] .radio-mark
{
    background: var(--dh-bg-2);
    border-color: var(--dh-bg-2-border);
}

.r53095678 > .holder[variant="bg-2"]:hover .radio-mark
{
    background: var(--dh-bg-2-hover);
}

.r53095678 > .holder[variant="bg-2"] input[type="radio"]:checked ~ .radio-mark
{
    border-color: var(--dh-brand);
    background: var(--dh-brand);
}

.r53095678 > .holder[variant="bg-2"] .radio-mark::after
{
    background: white;
}

.r53095678 > .holder[variant="bg-3"] .radio-mark
{
    background: var(--dh-bg-3);
    border-color: var(--dh-bg-3-border);
}

.r53095678 > .holder[variant="bg-3"]:hover .radio-mark
{
    background: var(--dh-bg-3-hover);
}

.r53095678 > .holder[variant="bg-3"] input[type="radio"]:checked ~ .radio-mark
{
    border-color: var(--dh-brand);
    background: var(--dh-brand);
}

.r53095678 > .holder[variant="bg-3"] .radio-mark::after
{
    background: white;
}

.r53095678 > .holder[variant="bg-4"] .radio-mark
{
    background: var(--dh-bg-4);
    border-color: var(--dh-bg-4-border);
}

.r53095678 > .holder[variant="bg-4"]:hover .radio-mark
{
    background: var(--dh-bg-4-hover);
}

.r53095678 > .holder[variant="bg-4"] input[type="radio"]:checked ~ .radio-mark
{
    border-color: var(--dh-brand);
    background: var(--dh-brand);
}

.r53095678 > .holder[variant="bg-4"] .radio-mark::after
{
    background: white;
}
/* Base */
.e-3f0858cd > .holder
{
	display: inline-flex;
	align-items: center;
	gap: var(--dh-spacing-x);
}

.e-3f0858cd > .holder > .star
{
	font-size: 24px;
	color: var(--dh-bg-3);
	cursor: pointer;
	transition: color 0.2s ease, transform 0.2s ease;
	user-select: none;
}

.e-3f0858cd > .holder > .star.filled
{
	color: var(--dh-brand);
}

.e-3f0858cd > .holder > .star:hover
{
	transform: scale(1.1);
}

/* Variants - Readonly */
.e-3f0858cd > .holder[variant*="readonly"] > .star
{
	cursor: default;
	pointer-events: none;
}

.e-3f0858cd > .holder[variant*="readonly"] > .star:hover
{
	transform: none;
}

/* Variants - Colors */
.e-3f0858cd > .holder[variant*="brand"] > .star.filled
{
	color: var(--dh-brand);
}

.e-3f0858cd > .holder[variant*="blue"] > .star.filled
{
	color: var(--dh-blue);
}

.e-3f0858cd > .holder[variant*="red"] > .star.filled
{
	color: var(--dh-red);
}

.e-3f0858cd > .holder[variant*="orange"] > .star.filled
{
	color: var(--dh-orange);
}

.e-3f0858cd > .holder[variant*="green"] > .star.filled
{
	color: var(--dh-green);
}

/* Variants - Sizes */
.e-3f0858cd > .holder[variant*="size-s"]
{
	gap: 2px;
}

.e-3f0858cd > .holder[variant*="size-s"] > .star
{
	font-size: 16px;
}

.e-3f0858cd > .holder[variant*="size-m"]
{
	gap: var(--dh-spacing-x);
}

.e-3f0858cd > .holder[variant*="size-m"] > .star
{
	font-size: 24px;
}

.e-3f0858cd > .holder[variant*="size-l"]
{
	gap: var(--dh-spacing-s);
}

.e-3f0858cd > .holder[variant*="size-l"] > .star
{
	font-size: 32px;
}
/* Base */
.e-3cbd9189 > .holder
{
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-m);
}

.e-3cbd9189 > .holder > .track
{
	position: absolute;
	left: 0;
	right: 0;
	height: 6px;
	background: var(--dh-bg-3);
	border-radius: var(--dh-radius-s);
	pointer-events: none;
}

.e-3cbd9189 > .holder > .track > .fill
{
	height: 100%;
	background: var(--dh-brand);
	border-radius: var(--dh-radius-s);
	transition: width 0.2s ease-out;
}

.e-3cbd9189 > .holder > .input
{
	position: relative;
	width: 100%;
	height: 20px;
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	cursor: pointer;
	z-index: 1;
}

.e-3cbd9189 > .holder > .input::-webkit-slider-thumb
{
	-webkit-appearance: none;
	appearance: none;
	width: 18px;
	height: 18px;
	background: var(--dh-brand);
	border: 2px solid var(--dh-bg-1);
	border-radius: 50%;
	cursor: pointer;
	transition: transform 0.2s ease;
}

.e-3cbd9189 > .holder > .input::-webkit-slider-thumb:hover
{
	transform: scale(1.1);
}

.e-3cbd9189 > .holder > .input::-moz-range-thumb
{
	width: 18px;
	height: 18px;
	background: var(--dh-brand);
	border: 2px solid var(--dh-bg-1);
	border-radius: 50%;
	cursor: pointer;
	transition: transform 0.2s ease;
}

.e-3cbd9189 > .holder > .input::-moz-range-thumb:hover
{
	transform: scale(1.1);
}

.e-3cbd9189 > .holder > .value
{
	min-width: 40px;
	text-align: center;
	font-size: var(--dh-size-s);
	font-weight: 600;
	color: var(--dh-text-1);
}

/* Variants - Colors */
.e-3cbd9189 > .holder[variant*="brand"] > .track > .fill
{
	background: var(--dh-brand);
}

.e-3cbd9189 > .holder[variant*="brand"] > .input::-webkit-slider-thumb
{
	background: var(--dh-brand);
}

.e-3cbd9189 > .holder[variant*="brand"] > .input::-moz-range-thumb
{
	background: var(--dh-brand);
}

.e-3cbd9189 > .holder[variant*="blue"] > .track > .fill
{
	background: var(--dh-blue);
}

.e-3cbd9189 > .holder[variant*="blue"] > .input::-webkit-slider-thumb
{
	background: var(--dh-blue);
}

.e-3cbd9189 > .holder[variant*="blue"] > .input::-moz-range-thumb
{
	background: var(--dh-blue);
}

.e-3cbd9189 > .holder[variant*="red"] > .track > .fill
{
	background: var(--dh-red);
}

.e-3cbd9189 > .holder[variant*="red"] > .input::-webkit-slider-thumb
{
	background: var(--dh-red);
}

.e-3cbd9189 > .holder[variant*="red"] > .input::-moz-range-thumb
{
	background: var(--dh-red);
}

.e-3cbd9189 > .holder[variant*="orange"] > .track > .fill
{
	background: var(--dh-orange);
}

.e-3cbd9189 > .holder[variant*="orange"] > .input::-webkit-slider-thumb
{
	background: var(--dh-orange);
}

.e-3cbd9189 > .holder[variant*="orange"] > .input::-moz-range-thumb
{
	background: var(--dh-orange);
}

.e-3cbd9189 > .holder[variant*="green"] > .track > .fill
{
	background: var(--dh-green);
}

.e-3cbd9189 > .holder[variant*="green"] > .input::-webkit-slider-thumb
{
	background: var(--dh-green);
}

.e-3cbd9189 > .holder[variant*="green"] > .input::-moz-range-thumb
{
	background: var(--dh-green);
}

/* Variants - Sizes */
.e-3cbd9189 > .holder[variant*="size-s"] > .track
{
	height: 4px;
}

.e-3cbd9189 > .holder[variant*="size-s"] > .input
{
	height: 16px;
}

.e-3cbd9189 > .holder[variant*="size-s"] > .input::-webkit-slider-thumb
{
	width: 14px;
	height: 14px;
}

.e-3cbd9189 > .holder[variant*="size-s"] > .input::-moz-range-thumb
{
	width: 14px;
	height: 14px;
}

.e-3cbd9189 > .holder[variant*="size-s"] > .value
{
	font-size: 11px;
	min-width: 35px;
}

.e-3cbd9189 > .holder[variant*="size-m"] > .track
{
	height: 6px;
}

.e-3cbd9189 > .holder[variant*="size-m"] > .input
{
	height: 20px;
}

.e-3cbd9189 > .holder[variant*="size-m"] > .input::-webkit-slider-thumb
{
	width: 18px;
	height: 18px;
}

.e-3cbd9189 > .holder[variant*="size-m"] > .input::-moz-range-thumb
{
	width: 18px;
	height: 18px;
}

.e-3cbd9189 > .holder[variant*="size-m"] > .value
{
	font-size: var(--dh-size-s);
	min-width: 40px;
}

.e-3cbd9189 > .holder[variant*="size-l"] > .track
{
	height: 8px;
}

.e-3cbd9189 > .holder[variant*="size-l"] > .input
{
	height: 24px;
}

.e-3cbd9189 > .holder[variant*="size-l"] > .input::-webkit-slider-thumb
{
	width: 22px;
	height: 22px;
}

.e-3cbd9189 > .holder[variant*="size-l"] > .input::-moz-range-thumb
{
	width: 22px;
	height: 22px;
}

.e-3cbd9189 > .holder[variant*="size-l"] > .value
{
	font-size: var(--dh-size-m);
	min-width: 45px;
}
/* Base */
.e-c6e9f50 > .holder
{
    position: relative;
    width: 100%;
    padding: var(--dh-spacing-s) var(--dh-spacing-m);
    border-radius: var(--dh-radius-m);
    border: none;
    background: transparent;
    transition: all 0.2s;
}

.e-c6e9f50 > .holder > textarea
{
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    min-height: 100px;
    resize: none;
    color: var(--dh-text-1);
    padding: 0;
}

.e-c6e9f50 > .holder > textarea::placeholder
{
    color: var(--dh-text-2);
}

.e-c6e9f50 > .holder > textarea:disabled
{
    opacity: 0.5;
    cursor: not-allowed;
}

/* Variants - Background */
.e-c6e9f50 > .holder[variant*="transparent"]
{
    background: transparent;
    padding: 0;
}

.e-c6e9f50 > .holder[variant*="border"]
{
    background: transparent;
}

.e-c6e9f50 > .holder[variant*="bg-1"]
{
    background: var(--dh-bg-1);
}

.e-c6e9f50 > .holder[variant*="bg-1"]:hover
{
    background: var(--dh-bg-1-hover);
}

.e-c6e9f50 > .holder[variant*="bg-2"]
{
    background: var(--dh-bg-2);
}

.e-c6e9f50 > .holder[variant*="bg-2"]:hover
{
    background: var(--dh-bg-2-hover);
}

.e-c6e9f50 > .holder[variant*="bg-3"]
{
    background: var(--dh-bg-3);
}

.e-c6e9f50 > .holder[variant*="bg-3"]:hover
{
    background: var(--dh-bg-3-hover);
}

.e-c6e9f50 > .holder[variant*="bg-4"]
{
    background: var(--dh-bg-4);
}

.e-c6e9f50 > .holder[variant*="bg-4"]:hover
{
    background: var(--dh-bg-4-hover);
}

/* Variants - Border */
.e-c6e9f50 > .holder[variant*="border"]
{
    border: 1px solid var(--dh-bg-2-border);
}

.e-c6e9f50 > .holder[variant*="bg-1"][variant*="border"]
{
    border: 1px solid var(--dh-bg-1-border);
}

.e-c6e9f50 > .holder[variant*="bg-2"][variant*="border"]
{
    border: 1px solid var(--dh-bg-2-border);
}

.e-c6e9f50 > .holder[variant*="bg-3"][variant*="border"]
{
    border: 1px solid var(--dh-bg-3-border);
}

.e-c6e9f50 > .holder[variant*="bg-4"][variant*="border"]
{
    border: 1px solid var(--dh-bg-4-border);
}

.e-c6e9f50 > .holder[variant*="border"]:focus-within
{
    border-color: var(--dh-brand);
}
/* Base */
.e-4e321da > .holder
{
	position: relative;
	display: flex;
	flex-direction: column;
	background: var(--dh-bg-2);
	border-radius: var(--dh-radius-m);
	overflow: hidden;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.e-4e321da > .holder > .tags
{
	position: absolute;
	top: var(--dh-spacing-m);
	right: var(--dh-spacing-m);
	display: flex;
	gap: var(--dh-spacing-x);
	z-index: 2;
}

.e-4e321da > .holder > .tags > .tag
{
	padding: 2px 6px;
	background: var(--dh-brand);
	color: white;
	font-size: 10px;
	font-weight: 600;
	border-radius: 3px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.e-4e321da > .holder > .image
{
	width: 100%;
	height: 200px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.e-4e321da > .holder > .content
{
	display: flex;
	flex-direction: column;
	gap: var(--dh-spacing-s);
	padding: var(--dh-spacing-l);
	flex: 1;
}

.e-4e321da > .holder > .content > .subtitle
{
	font-size: 11px;
	font-weight: 600;
	color: var(--dh-text-2);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.e-4e321da > .holder > .content > .title
{
	font-size: var(--dh-size-l);
	font-weight: 700;
	color: var(--dh-text-1);
	line-height: 1.3;
}

.e-4e321da > .holder > .content > .description
{
	font-size: var(--dh-size-s);
	color: var(--dh-text-2);
	line-height: 1.6;
}

.e-4e321da > .holder > .footer
{
	padding: var(--dh-spacing-m) var(--dh-spacing-l);
	border-top: 1px solid var(--dh-bg-4);
	font-size: var(--dh-size-s);
	color: var(--dh-text-2);
}

/* Variants - Styles */
.e-4e321da > .holder[variant*="border"]
{
	border: 1px solid var(--dh-bg-4);
}

.e-4e321da > .holder[variant*="hover"]:hover
{
	cursor: pointer;
	border-color: var(--dh-bg-4-border);
}

/* Variants - Backgrounds */
.e-4e321da > .holder[variant*="bg-1"]
{
	background: var(--dh-bg-1);
}

.e-4e321da > .holder[variant*="bg-2"]
{
	background: var(--dh-bg-2);
}

.e-4e321da > .holder[variant*="bg-3"]
{
	background: var(--dh-bg-3);
}

.e-4e321da > .holder[variant*="bg-4"]
{
	background: var(--dh-bg-4);
}

/* Variants - Sizes */
.e-4e321da > .holder[variant*="size-s"] > .image
{
	height: 150px;
}

.e-4e321da > .holder[variant*="size-s"] > .content
{
	padding: var(--dh-spacing-m);
	gap: var(--dh-spacing-x);
}

.e-4e321da > .holder[variant*="size-s"] > .content > .title
{
	font-size: var(--dh-size-m);
}

.e-4e321da > .holder[variant*="size-s"] > .footer
{
	padding: var(--dh-spacing-s) var(--dh-spacing-m);
}

.e-4e321da > .holder[variant*="size-m"] > .image
{
	height: 200px;
}

.e-4e321da > .holder[variant*="size-m"] > .content
{
	padding: var(--dh-spacing-l);
	gap: var(--dh-spacing-s);
}

.e-4e321da > .holder[variant*="size-m"] > .content > .title
{
	font-size: var(--dh-size-l);
}

.e-4e321da > .holder[variant*="size-m"] > .content > .description
{
	font-size: var(--dh-size-s);
}

.e-4e321da > .holder[variant*="size-m"] > .footer
{
	padding: var(--dh-spacing-m) var(--dh-spacing-l);
}

.e-4e321da > .holder[variant*="size-l"] > .image
{
	height: 280px;
}

.e-4e321da > .holder[variant*="size-l"] > .content
{
	padding: calc(var(--dh-spacing-l) * 1.5);
	gap: var(--dh-spacing-m);
}

.e-4e321da > .holder[variant*="size-l"] > .content > .title
{
	font-size: 28px;
}

.e-4e321da > .holder[variant*="size-l"] > .content > .description
{
	font-size: var(--dh-size-m);
}

.e-4e321da > .holder[variant*="size-l"] > .footer
{
	padding: var(--dh-spacing-l) calc(var(--dh-spacing-l) * 1.5);
}

/* Variants - Image Layouts */
.e-4e321da > .holder[variant*="image-left"]
{
	flex-direction: row;
}

.e-4e321da > .holder[variant*="image-left"] > .image
{
	width: 40%;
	height: auto;
	min-height: 100%;
}

.e-4e321da > .holder[variant*="image-cover"] > .image
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	z-index: 0;
}

.e-4e321da > .holder[variant*="image-cover"]
{
	position: relative;
	min-height: 300px;
}

.e-4e321da > .holder[variant*="image-cover"] > .content
{
	position: relative;
	z-index: 1;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
	margin-top: auto;
}

.e-4e321da > .holder[variant*="image-cover"] > .content > .title,
.e-4e321da > .holder[variant*="image-cover"] > .content > .subtitle,
.e-4e321da > .holder[variant*="image-cover"] > .content > .description
{
	color: white;
}

.e-4e321da > .holder[variant*="image-cover"] > .footer
{
	position: relative;
	z-index: 1;
	background: rgba(0, 0, 0, 0.6);
	color: white;
	border-top-color: rgba(255, 255, 255, 0.1);
}
/* Base */
.e-68a084f7 > .holder
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: var(--dh-spacing-l);
	gap: var(--dh-spacing-m);
	text-align: center;
}

.e-68a084f7 > .holder > .icon
{
	font-size: 48px;
	color: var(--dh-text-2);
	opacity: 0.5;
}

.e-68a084f7 > .holder > .content
{
	display: flex;
	flex-direction: column;
	gap: var(--dh-spacing-x);
	max-width: 400px;
}

.e-68a084f7 > .holder > .content > .title
{
	font-size: var(--dh-size-l);
	font-weight: 600;
	color: var(--dh-text-1);
}

.e-68a084f7 > .holder > .content > .text
{
	font-size: var(--dh-size-m);
	color: var(--dh-text-2);
	line-height: 1.6;
}

/* Variants - Background */
.e-68a084f7 > .holder[variant*="bg-1"]
{
	background: var(--dh-bg-1);
	border: 1px solid var(--dh-bg-1-border);
	border-radius: var(--dh-radius-l);
}

.e-68a084f7 > .holder[variant*="bg-2"]
{
	background: var(--dh-bg-2);
	border: 1px solid var(--dh-bg-2-border);
	border-radius: var(--dh-radius-l);
}

.e-68a084f7 > .holder[variant*="bg-3"]
{
	background: var(--dh-bg-3);
	border: 1px solid var(--dh-bg-3-border);
	border-radius: var(--dh-radius-l);
}

.e-68a084f7 > .holder[variant*="bg-4"]
{
	background: var(--dh-bg-4);
	border: 1px solid var(--dh-bg-4-border);
	border-radius: var(--dh-radius-l);
}

/* Variants - Border */
.e-68a084f7 > .holder[variant*="border"]
{
	border-width: 2px;
}

/* Variants - Sizes */
.e-68a084f7 > .holder[variant*="size-s"]
{
	padding: var(--dh-spacing-m);
	gap: var(--dh-spacing-s);
}

.e-68a084f7 > .holder[variant*="size-s"] > .icon
{
	font-size: 36px;
}

.e-68a084f7 > .holder[variant*="size-s"] > .content
{
	max-width: 300px;
}

.e-68a084f7 > .holder[variant*="size-s"] > .content > .title
{
	font-size: var(--dh-size-m);
}

.e-68a084f7 > .holder[variant*="size-s"] > .content > .text
{
	font-size: var(--dh-size-s);
}

.e-68a084f7 > .holder[variant*="size-m"]
{
	padding: var(--dh-spacing-l);
	gap: var(--dh-spacing-m);
}

.e-68a084f7 > .holder[variant*="size-m"] > .icon
{
	font-size: 48px;
}

.e-68a084f7 > .holder[variant*="size-m"] > .content
{
	max-width: 400px;
}

.e-68a084f7 > .holder[variant*="size-m"] > .content > .title
{
	font-size: var(--dh-size-l);
}

.e-68a084f7 > .holder[variant*="size-m"] > .content > .text
{
	font-size: var(--dh-size-m);
}

.e-68a084f7 > .holder[variant*="size-l"]
{
	padding: var(--dh-spacing-l);
	gap: var(--dh-spacing-l);
}

.e-68a084f7 > .holder[variant*="size-l"] > .icon
{
	font-size: 64px;
}

.e-68a084f7 > .holder[variant*="size-l"] > .content
{
	max-width: 500px;
}

.e-68a084f7 > .holder[variant*="size-l"] > .content > .title
{
	font-size: 24px;
}

.e-68a084f7 > .holder[variant*="size-l"] > .content > .text
{
	font-size: var(--dh-size-l);
}
/* Base */
.e-52c43b2c > .holder
{
	display: flex;
	flex-direction: column;
	gap: var(--dh-spacing-s);
	max-width: 800px;
}

.e-52c43b2c > .holder > .title-row
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-s);
}

.e-52c43b2c > .holder > .title-row > .icon
{
	font-size: calc(var(--dh-size-m) * 2);
}

.e-52c43b2c > .holder > .title-row > .title
{
	margin: 0;
	color: var(--dh-text-1);
	font-weight: 600;
}

.e-52c43b2c > .holder > .description
{
	margin: 0;
	color: var(--dh-text-2);
	line-height: 1.6;
}

/* Variants - Alignment */
.e-52c43b2c > .holder[variant*="align-left"]
{
	align-items: flex-start;
	text-align: left;
}

.e-52c43b2c > .holder[variant*="align-center"]
{
	align-items: center;
	text-align: center;
	margin: 0 auto;
}

.e-52c43b2c > .holder[variant*="align-right"]
{
	align-items: flex-end;
	text-align: right;
	margin-left: auto;
}

/* Variants - Sizes */
.e-52c43b2c > .holder[variant*="size-s"] > .title-row > .title
{
	font-size: calc(var(--dh-size-s) * 2);
}

.e-52c43b2c > .holder[variant*="size-s"] > .title-row > .icon
{
	font-size: calc(var(--dh-size-s) * 2);
}

.e-52c43b2c > .holder[variant*="size-s"] > .description
{
	font-size: var(--dh-size-s);
}

.e-52c43b2c > .holder[variant*="size-m"] > .title-row > .title
{
	font-size: calc(var(--dh-size-m) * 2);
}

.e-52c43b2c > .holder[variant*="size-m"] > .title-row > .icon
{
	font-size: calc(var(--dh-size-m) * 2);
}

.e-52c43b2c > .holder[variant*="size-m"] > .description
{
	font-size: var(--dh-size-m);
}

.e-52c43b2c > .holder[variant*="size-l"] > .title-row > .title
{
	font-size: calc(var(--dh-size-l) * 2);
}

.e-52c43b2c > .holder[variant*="size-l"] > .title-row > .icon
{
	font-size: calc(var(--dh-size-l) * 2);
}

.e-52c43b2c > .holder[variant*="size-l"] > .description
{
	font-size: var(--dh-size-l);
}
/* Hero Element */
.e-4e0ccf0 > .holder
{
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: calc(var(--dh-spacing-l) * 3) var(--dh-spacing-l);
}

.e-4e0ccf0 > .holder > .content
{
	display: flex;
	flex-direction: column;
	gap: var(--dh-spacing-m);
	max-width: 800px;
}

/* Title */
.e-4e0ccf0 > .holder > .content > .title
{
	margin: 0;
	font-size: calc(var(--dh-size-l) * 2);
	font-weight: 700;
	color: var(--dh-text-1);
	line-height: 1.1;
	letter-spacing: -0.02em;
}

.e-4e0ccf0 > .holder > .content > .title > .highlight
{
	color: var(--dh-brand);
}

/* Description */
.e-4e0ccf0 > .holder > .content > .description
{
	margin: 0;
	font-size: var(--dh-size-m);
	color: var(--dh-text-2);
	line-height: 1.6;
	max-width: 600px;
}

/* Actions */
.e-4e0ccf0 > .holder > .content > .actions
{
	display: flex;
	gap: var(--dh-spacing-s);
	margin-top: var(--dh-spacing-s);
}

/* Stats */
.e-4e0ccf0 > .holder > .content > .stats
{
	display: flex;
	gap: var(--dh-spacing-l);
	margin-top: var(--dh-spacing-m);
}

.e-4e0ccf0 > .holder > .content > .stats > .stat
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-x);
	font-size: var(--dh-size-s);
	color: var(--dh-text-2);
}

.e-4e0ccf0 > .holder > .content > .stats > .stat > .icon
{
	font-size: var(--dh-size-m);
	color: var(--dh-brand);
}

/* Alignment Variants */
.e-4e0ccf0 > .holder[variant*="align-left"]
{
	align-items: flex-start;
}

.e-4e0ccf0 > .holder[variant*="align-left"] > .content
{
	align-items: flex-start;
	text-align: left;
}

.e-4e0ccf0 > .holder[variant*="align-center"]
{
	align-items: center;
}

.e-4e0ccf0 > .holder[variant*="align-center"] > .content
{
	align-items: center;
	text-align: center;
}

.e-4e0ccf0 > .holder[variant*="align-center"] > .content > .description
{
	margin-left: auto;
	margin-right: auto;
}

.e-4e0ccf0 > .holder[variant*="align-right"]
{
	align-items: flex-end;
}

.e-4e0ccf0 > .holder[variant*="align-right"] > .content
{
	align-items: flex-end;
	text-align: right;
}

/* Size Variants */
.e-4e0ccf0 > .holder[variant*="size-s"]
{
	padding: var(--dh-spacing-l) var(--dh-spacing-m);
}

.e-4e0ccf0 > .holder[variant*="size-s"] > .content > .title
{
	font-size: calc(var(--dh-size-l) * 1.5);
}

.e-4e0ccf0 > .holder[variant*="size-l"]
{
	padding: calc(var(--dh-spacing-l) * 3) calc(var(--dh-spacing-l) * 2);
}

.e-4e0ccf0 > .holder[variant*="size-l"] > .content > .title
{
	font-size: calc(var(--dh-size-l) * 2.5);
}

.e-4e0ccf0 > .holder[variant*="size-l"] > .content > .description
{
	font-size: var(--dh-size-l);
}

/* Background Variants */
.e-4e0ccf0 > .holder[variant*="bg-1"]
{
	background: var(--dh-bg-1);
}

.e-4e0ccf0 > .holder[variant*="bg-2"]
{
	background: var(--dh-bg-2);
}

.e-4e0ccf0 > .holder[variant*="bg-3"]
{
	background: var(--dh-bg-3);
}

.e-4e0ccf0 > .holder[variant*="bg-4"]
{
	background: var(--dh-bg-4);
}

/* Border Variants */
.e-4e0ccf0 > .holder[variant*="bg-1"][variant*="border-full"]
{
	border: 1px solid var(--dh-bg-1-border);
}

.e-4e0ccf0 > .holder[variant*="bg-2"][variant*="border-full"]
{
	border: 1px solid var(--dh-bg-2-border);
}

.e-4e0ccf0 > .holder[variant*="bg-3"][variant*="border-full"]
{
	border: 1px solid var(--dh-bg-3-border);
}

.e-4e0ccf0 > .holder[variant*="bg-4"][variant*="border-full"]
{
	border: 1px solid var(--dh-bg-4-border);
}

.e-4e0ccf0 > .holder[variant*="bg-1"][variant*="border-top"]
{
	border-top: 1px solid var(--dh-bg-1-border);
}

.e-4e0ccf0 > .holder[variant*="bg-2"][variant*="border-top"]
{
	border-top: 1px solid var(--dh-bg-2-border);
}

.e-4e0ccf0 > .holder[variant*="bg-3"][variant*="border-top"]
{
	border-top: 1px solid var(--dh-bg-3-border);
}

.e-4e0ccf0 > .holder[variant*="bg-4"][variant*="border-top"]
{
	border-top: 1px solid var(--dh-bg-4-border);
}

.e-4e0ccf0 > .holder[variant*="bg-1"][variant*="border-bottom"]
{
	border-bottom: 1px solid var(--dh-bg-1-border);
}

.e-4e0ccf0 > .holder[variant*="bg-2"][variant*="border-bottom"]
{
	border-bottom: 1px solid var(--dh-bg-2-border);
}

.e-4e0ccf0 > .holder[variant*="bg-3"][variant*="border-bottom"]
{
	border-bottom: 1px solid var(--dh-bg-3-border);
}

.e-4e0ccf0 > .holder[variant*="bg-4"][variant*="border-bottom"]
{
	border-bottom: 1px solid var(--dh-bg-4-border);
}

.e-4e0ccf0 > .holder[variant*="bg-1"][variant*="border-left"]
{
	border-left: 1px solid var(--dh-bg-1-border);
}

.e-4e0ccf0 > .holder[variant*="bg-2"][variant*="border-left"]
{
	border-left: 1px solid var(--dh-bg-2-border);
}

.e-4e0ccf0 > .holder[variant*="bg-3"][variant*="border-left"]
{
	border-left: 1px solid var(--dh-bg-3-border);
}

.e-4e0ccf0 > .holder[variant*="bg-4"][variant*="border-left"]
{
	border-left: 1px solid var(--dh-bg-4-border);
}

.e-4e0ccf0 > .holder[variant*="bg-1"][variant*="border-right"]
{
	border-right: 1px solid var(--dh-bg-1-border);
}

.e-4e0ccf0 > .holder[variant*="bg-2"][variant*="border-right"]
{
	border-right: 1px solid var(--dh-bg-2-border);
}

.e-4e0ccf0 > .holder[variant*="bg-3"][variant*="border-right"]
{
	border-right: 1px solid var(--dh-bg-3-border);
}

.e-4e0ccf0 > .holder[variant*="bg-4"][variant*="border-right"]
{
	border-right: 1px solid var(--dh-bg-4-border);
}
.e-67186a99 > .holder
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-s);
}

.e-67186a99 > .holder > .items
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-x);
}

.e-67186a99 > .holder > .items > div
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-x);
}

.e-67186a99 > .holder > .items > div > .separator
{
	color: var(--dh-text-2);
	font-size: 18px;
}
/* Base */
.e-52bf54cf .holder
{
    background: transparent;
}

/* Variants - Background */
.e-52bf54cf .holder[variant*="bg-1"]
{
    background: var(--dh-bg-1);
}

.e-52bf54cf .holder[variant*="bg-2"]
{
    background: var(--dh-bg-2);
}

.e-52bf54cf .holder[variant*="bg-3"]
{
    background: var(--dh-bg-3);
}

.e-52bf54cf .holder[variant*="bg-4"]
{
    background: var(--dh-bg-4);
}

/* Variants - Border */
.e-52bf54cf .holder[variant*="border-top"]
{
    border-top: 1px solid var(--dh-bg-2-border);
}

.e-52bf54cf .holder[variant*="bg-1"][variant*="border-top"]
{
    border-top: 1px solid var(--dh-bg-1-border);
}

.e-52bf54cf .holder[variant*="bg-2"][variant*="border-top"]
{
    border-top: 1px solid var(--dh-bg-2-border);
}

.e-52bf54cf .holder[variant*="bg-3"][variant*="border-top"]
{
    border-top: 1px solid var(--dh-bg-3-border);
}

.e-52bf54cf .holder[variant*="bg-4"][variant*="border-top"]
{
    border-top: 1px solid var(--dh-bg-4-border);
}

/* Sizes */
.e-52bf54cf .wrapper[size="0"]
{
    padding: 0;
}

.e-52bf54cf .wrapper[size="s"]
{
    padding: calc(var(--dh-spacing-l) * 2) 0 calc(var(--dh-spacing-l) * 1);
}

.e-52bf54cf .wrapper[size="m"]
{
    padding: calc(var(--dh-spacing-l) * 4) 0 calc(var(--dh-spacing-l) * 2);
}

.e-52bf54cf .wrapper[size="l"]
{
    padding: calc(var(--dh-spacing-l) * 6) 0 calc(var(--dh-spacing-l) * 3);
}

/* Top */
.e-52bf54cf .top
{
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 64px;
    margin-bottom: 64px;
}

/* Brand */
.e-52bf54cf .brand
{
    display: flex;
    flex-direction: column;
    gap: var(--dh-spacing-s);
}

.e-52bf54cf .brand > .logo
{
    font-weight: 700;
    font-size: var(--dh-size-l);
    color: var(--dh-text-1);
    margin: 0;
}

.e-52bf54cf .brand > .tagline
{
    font-size: var(--dh-size-m);
    color: var(--dh-text-2);
    margin: 0;
    line-height: 1.5;
}

/* Columns */
.e-52bf54cf .columns
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 48px;
}

.e-52bf54cf .column
{
    display: flex;
    flex-direction: column;
    gap: var(--dh-spacing-m);
}

.e-52bf54cf .column > .title
{
    font-weight: 600;
    font-size: var(--dh-size-s);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--dh-text-1);
    margin: 0;
}

.e-52bf54cf .links
{
    display: flex;
    flex-direction: column;
    gap: var(--dh-spacing-s);
}

.e-52bf54cf .links > a
{
    font-size: var(--dh-size-m);
    color: var(--dh-text-2);
    text-decoration: none;
    transition: color 0.2s;
}

.e-52bf54cf .links > a:hover
{
    color: var(--dh-brand);
}

/* Bottom */
.e-52bf54cf .bottom
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    border-top: 1px solid var(--dh-bg-2-border);
}

.e-52bf54cf .bottom > .copyright
{
    font-size: var(--dh-size-s);
    color: var(--dh-text-2);
}

/* Socials */
.e-52bf54cf .socials
{
    display: flex;
    gap: var(--dh-spacing-s);
}

.e-52bf54cf .socials > a
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--dh-radius-s);
    background: var(--dh-bg-3);
    color: var(--dh-text-2);
    text-decoration: none;
    transition: all 0.2s;
}

.e-52bf54cf .socials > a:hover
{
    background: var(--dh-brand);
    color: white;
    transform: translateY(-2px);
}

.e-52bf54cf .socials > a > i
{
    font-size: 18px;
}

/* Responsive */
@media (max-width: 768px)
{
    .e-52bf54cf .wrapper[size="s"]
    {
        padding: calc(var(--dh-spacing-l) * 1.5) 0 calc(var(--dh-spacing-l) * 0.75);
    }

    .e-52bf54cf .wrapper[size="m"]
    {
        padding: calc(var(--dh-spacing-l) * 2.5) 0 calc(var(--dh-spacing-l) * 1.25);
    }

    .e-52bf54cf .wrapper[size="l"]
    {
        padding: calc(var(--dh-spacing-l) * 3) 0 calc(var(--dh-spacing-l) * 1.5);
    }

    .e-52bf54cf .top
    {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .e-52bf54cf .columns
    {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
    }

    .e-52bf54cf .bottom
    {
        flex-direction: column;
        gap: var(--dh-spacing-l);
        text-align: center;
    }
}

@media (max-width: 480px)
{
    .e-52bf54cf .columns
    {
        grid-template-columns: 1fr;
    }
}
.e-4de878b > .holder
{
	display: flex;
	color: inherit;
	text-decoration: none;
	user-select: none;
	cursor: pointer;
	width: 100%;
	border-radius: var(--dh-radius-s);
	transition: background 0.15s ease;
}

.e-4de878b > .holder:hover
{
	background: var(--dh-bg-3-hover);
}

.e-4de878b > .holder > .content
{
	display: flex;
	align-items: center;
	width: 100%;
	font-size: var(--dh-size-m);
	min-height: var(--dh-height-m);
	padding: var(--dh-spacing-x) var(--dh-spacing-s);
	border-radius: var(--dh-radius-s);
}

.e-4de878b > .holder[level="1"] > .content
{
	padding-left: 28px;
}

.e-4de878b > .holder[level="2"] > .content
{
	padding-left: 48px;
}

.e-4de878b > .holder[level="3"] > .content
{
	padding-left: 68px;
}

.e-4de878b > .holder[level="4"] > .content
{
	padding-left: 88px;
}

.e-4de878b > .holder > .content > .left
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-s);
	flex: 1;
	min-width: 0;
}

.e-4de878b > .holder > .content > .left > .chevron
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 18px;
}

.e-4de878b > .holder > .content > .left > .chevron > i
{
	font-size: 12px;
	transition: transform 0.2s ease;
	color: var(--dh-text-2);
}

.e-4de878b > .holder[expanded="true"] > .content > .left > .chevron > i
{
	transform: rotate(90deg);
}

.e-4de878b > .holder > .content > .left > .icon
{
	font-size: 18px;
	color: var(--dh-text-2);
}

.e-4de878b > .holder > .content > .left > .label
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
	color: var(--dh-text-1);
}

.e-4de878b > .holder > .content > .right
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-x);
	margin-left: var(--dh-spacing-s);
	transition: opacity 0.15s ease;
}


/* Variants - Background */
.e-4de878b > .holder[variant*="bg-1"]
{
	background: var(--dh-bg-1);
}

.e-4de878b > .holder[variant*="bg-1"]:hover
{
	background: var(--dh-bg-1-hover);
}

.e-4de878b > .holder[variant*="bg-2"]
{
	background: var(--dh-bg-2);
}

.e-4de878b > .holder[variant*="bg-2"]:hover
{
	background: var(--dh-bg-2-hover);
}

.e-4de878b > .holder[variant*="bg-3"]
{
	background: var(--dh-bg-3);
}

.e-4de878b > .holder[variant*="bg-3"]:hover
{
	background: var(--dh-bg-3-hover);
}

.e-4de878b > .holder[variant*="bg-4"]
{
	background: var(--dh-bg-4);
}

.e-4de878b > .holder[variant*="bg-4"]:hover
{
	background: var(--dh-bg-4-hover);
}

/* Variants - Border */
.e-4de878b > .holder[variant*="border"]
{
	border: 1px solid var(--dh-bg-2-border);
}

/* Variants - Sizes */
.e-4de878b > .holder[variant*="size-s"] > .content
{
	min-height: var(--dh-height-s);
	font-size: var(--dh-size-s);
}

.e-4de878b > .holder[variant*="size-m"] > .content
{
	min-height: var(--dh-height-m);
	font-size: var(--dh-size-m);
}

.e-4de878b > .holder[variant*="size-l"] > .content
{
	min-height: var(--dh-height-l);
	font-size: var(--dh-size-l);
}
/* Base */
.e-45daee5a > .holder
{
    display: flex;
    align-items: center;
    background: transparent;
}

.e-45daee5a > .holder > div
{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    width: 100%;
}

/* Left */
.e-45daee5a > .holder > div > .left
{
    display: flex;
    align-items: center;
    gap: var(--dh-spacing-m);
}

.e-45daee5a > .holder > div > .left > .menu
{
    display: flex;
    align-items: center;
    gap: var(--dh-spacing-m);
}

.e-45daee5a > .holder > div > .left > .menu > div
{
    display: flex;
}

/* Middle */
.e-45daee5a > .holder > div > .middle
{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--dh-spacing-m);
}

.e-45daee5a > .holder > div > .middle > .menu
{
    display: flex;
    align-items: center;
    gap: var(--dh-spacing-m);
}

.e-45daee5a > .holder > div > .middle > .menu > div
{
    display: flex;
}

/* Right */
.e-45daee5a > .holder > div > .right
{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--dh-spacing-m);
}

.e-45daee5a > .holder > div > .right > .menu
{
    display: flex;
    align-items: center;
    gap: var(--dh-spacing-m);
}

.e-45daee5a > .holder > div > .right > .menu > div
{
    display: flex;
}

/* Variants - Background */
.e-45daee5a > .holder[variant*="bg-1"]
{
    background: var(--dh-bg-1);
}

.e-45daee5a > .holder[variant*="bg-2"]
{
    background: var(--dh-bg-2);
}

.e-45daee5a > .holder[variant*="bg-3"]
{
    background: var(--dh-bg-3);
}

.e-45daee5a > .holder[variant*="bg-4"]
{
    background: var(--dh-bg-4);
}

/* Variants - Border */
.e-45daee5a > .holder[variant*="border-bottom"]
{
    border-bottom: 1px solid var(--dh-bg-2-border);
}

.e-45daee5a > .holder[variant*="bg-1"][variant*="border-bottom"]
{
    border-bottom-color: var(--dh-bg-1-border);
}

.e-45daee5a > .holder[variant*="bg-2"][variant*="border-bottom"]
{
    border-bottom-color: var(--dh-bg-2-border);
}

.e-45daee5a > .holder[variant*="bg-3"][variant*="border-bottom"]
{
    border-bottom-color: var(--dh-bg-3-border);
}

.e-45daee5a > .holder[variant*="bg-4"][variant*="border-bottom"]
{
    border-bottom-color: var(--dh-bg-4-border);
}

/* Sizes */
.e-45daee5a > .holder[size="s"]
{
    height: calc(var(--dh-height-s) * 1.5);
}

.e-45daee5a > .holder[size="m"]
{
    height: calc(var(--dh-height-m) * 1.5);
}

.e-45daee5a > .holder[size="l"]
{
    height: calc(var(--dh-height-l) * 1.5);
}
/* Base */
.e-727a7230 > .holder
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-x);
}

.e-727a7230 > .holder > .button,
.e-727a7230 > .holder > .pages > .page
{
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 var(--dh-spacing-s);
	border: 1px solid var(--dh-bg-2-border);
	border-radius: var(--dh-radius-s);
	background: transparent;
	color: var(--dh-text-1);
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
	user-select: none;
}

.e-727a7230 > .holder > .button:hover:not(:disabled),
.e-727a7230 > .holder > .pages > .page:hover:not(:disabled):not([active="true"])
{
	background: var(--dh-bg-2);
	border-color: var(--dh-bg-2-border);
}

.e-727a7230 > .holder > .button:disabled,
.e-727a7230 > .holder > .pages > .page:disabled
{
	opacity: 0.4;
	cursor: not-allowed;
}

.e-727a7230 > .holder > .button > .icon
{
	font-size: 18px;
}

.e-727a7230 > .holder > .pages
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-x);
}

.e-727a7230 > .holder > .pages > .page[active="true"]
{
	background: var(--dh-brand);
	border-color: var(--dh-brand-border);
	color: white;
	cursor: default;
}

/* Variants - Background */
.e-727a7230 > .holder[variant*="bg-1"] > .button,
.e-727a7230 > .holder[variant*="bg-1"] > .pages > .page
{
	background: var(--dh-bg-1);
	border-color: var(--dh-bg-1-border);
}

.e-727a7230 > .holder[variant*="bg-1"] > .button:hover:not(:disabled),
.e-727a7230 > .holder[variant*="bg-1"] > .pages > .page:hover:not(:disabled):not([active="true"])
{
	background: var(--dh-bg-1-hover);
}

.e-727a7230 > .holder[variant*="bg-2"] > .button,
.e-727a7230 > .holder[variant*="bg-2"] > .pages > .page
{
	background: var(--dh-bg-2);
	border-color: var(--dh-bg-2-border);
}

.e-727a7230 > .holder[variant*="bg-2"] > .button:hover:not(:disabled),
.e-727a7230 > .holder[variant*="bg-2"] > .pages > .page:hover:not(:disabled):not([active="true"])
{
	background: var(--dh-bg-2-hover);
}

.e-727a7230 > .holder[variant*="bg-3"] > .button,
.e-727a7230 > .holder[variant*="bg-3"] > .pages > .page
{
	background: var(--dh-bg-3);
	border-color: var(--dh-bg-3-border);
}

.e-727a7230 > .holder[variant*="bg-3"] > .button:hover:not(:disabled),
.e-727a7230 > .holder[variant*="bg-3"] > .pages > .page:hover:not(:disabled):not([active="true"])
{
	background: var(--dh-bg-3-hover);
}

.e-727a7230 > .holder[variant*="bg-4"] > .button,
.e-727a7230 > .holder[variant*="bg-4"] > .pages > .page
{
	background: var(--dh-bg-4);
	border-color: var(--dh-bg-4-border);
}

.e-727a7230 > .holder[variant*="bg-4"] > .button:hover:not(:disabled),
.e-727a7230 > .holder[variant*="bg-4"] > .pages > .page:hover:not(:disabled):not([active="true"])
{
	background: var(--dh-bg-4-hover);
}

/* Variants - Border */
.e-727a7230 > .holder[variant*="border"] > .button,
.e-727a7230 > .holder[variant*="border"] > .pages > .page
{
	border: 1px solid var(--dh-bg-2-border);
}

/* Variants - Sizes */
.e-727a7230 > .holder[variant*="size-s"] > .button,
.e-727a7230 > .holder[variant*="size-s"] > .pages > .page
{
	min-width: 32px;
	height: 32px;
	font-size: var(--dh-size-s);
}

.e-727a7230 > .holder[variant*="size-s"] > .button > .icon
{
	font-size: 16px;
}

.e-727a7230 > .holder[variant*="size-m"] > .button,
.e-727a7230 > .holder[variant*="size-m"] > .pages > .page
{
	min-width: 36px;
	height: 36px;
	font-size: var(--dh-size-m);
}

.e-727a7230 > .holder[variant*="size-m"] > .button > .icon
{
	font-size: 18px;
}

.e-727a7230 > .holder[variant*="size-l"] > .button,
.e-727a7230 > .holder[variant*="size-l"] > .pages > .page
{
	min-width: 42px;
	height: 42px;
	font-size: var(--dh-size-l);
}

.e-727a7230 > .holder[variant*="size-l"] > .button > .icon
{
	font-size: 20px;
}
/* Base */
.e-6059377a 
{
	height: 100%;
}

.e-6059377a > .holder
{
	display: flex;
	flex-direction: column;
	height: max-content;
	width: 250px;
	background: transparent;
	transition: width 0.2s;
	height: 100%;
}

/* Content */
.e-6059377a > .holder > .content
{
	display: flex;
	flex-direction: column;
	gap: var(--dh-spacing-s);
	flex: 1;
	overflow-y: auto;
	overflow-x: hidden;
}

/* Group */
.e-6059377a > .holder > .content > .group
{
	display: flex;
	flex-direction: column;
}

.e-6059377a > .holder > .content > .group > label
{
	display: flex;
	align-items: center;
	height: 28px;
	padding: 0 var(--dh-spacing-s);
	font-size: 11px;
	font-weight: 600;
	color: var(--dh-text-2);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-top: var(--dh-spacing-s);
}

/* Variants - Background */
.e-6059377a > .holder[variant*="bg-1"]
{
	background: var(--dh-bg-1);
	padding: var(--dh-spacing-m);
}

.e-6059377a > .holder[variant*="bg-2"]
{
	background: var(--dh-bg-2);
	padding: var(--dh-spacing-m);
}

.e-6059377a > .holder[variant*="bg-3"]
{
	background: var(--dh-bg-3);
	padding: var(--dh-spacing-m);
}

.e-6059377a > .holder[variant*="bg-4"]
{
	background: var(--dh-bg-4);
	padding: var(--dh-spacing-m);
}

/* Variants - Border Full */
.e-6059377a > .holder[variant*="bg-1"][variant*="border-full"]
{
	border: 1px solid var(--dh-bg-1-border);
}

.e-6059377a > .holder[variant*="bg-2"][variant*="border-full"]
{
	border: 1px solid var(--dh-bg-2-border);
}

.e-6059377a > .holder[variant*="bg-3"][variant*="border-full"]
{
	border: 1px solid var(--dh-bg-3-border);
}

.e-6059377a > .holder[variant*="bg-4"][variant*="border-full"]
{
	border: 1px solid var(--dh-bg-4-border);
}

.e-6059377a > .holder[variant*="bg-1"][variant*="border-left"]
{
	border-left: 1px solid var(--dh-bg-1-border);
}

.e-6059377a > .holder[variant*="bg-2"][variant*="border-left"]
{
	border-left: 1px solid var(--dh-bg-2-border);
}

.e-6059377a > .holder[variant*="bg-3"][variant*="border-left"]
{
	border-left: 1px solid var(--dh-bg-3-border);
}

.e-6059377a > .holder[variant*="bg-4"][variant*="border-left"]
{
	border-left: 1px solid var(--dh-bg-4-border);
}

.e-6059377a > .holder[variant*="bg-1"][variant*="border-right"]
{
	border-right: 1px solid var(--dh-bg-1-border);
}

.e-6059377a > .holder[variant*="bg-2"][variant*="border-right"]
{
	border-right: 1px solid var(--dh-bg-2-border);
}

.e-6059377a > .holder[variant*="bg-3"][variant*="border-right"]
{
	border-right: 1px solid var(--dh-bg-3-border);
}

.e-6059377a > .holder[variant*="bg-4"][variant*="border-right"]
{
	border-right: 1px solid var(--dh-bg-4-border);
}

/* Variants - Radius */
.e-6059377a > .holder[variant*="radius-s"]
{
	border-radius: var(--dh-radius-s);
}

.e-6059377a > .holder[variant*="radius-m"]
{
	border-radius: var(--dh-radius-m);
}

.e-6059377a > .holder[variant*="radius-l"]
{
	border-radius: var(--dh-radius-l);
}

/* Variants - Size */
.e-6059377a > .holder[variant*="size-s"]
{
	width: 220px;
}

.e-6059377a > .holder[variant*="size-m"]
{
	width: 250px;
}

.e-6059377a > .holder[variant*="size-l"]
{
	width: 280px;
}

.e-6059377a > .holder[variant*="size-full"]
{
	width: 100%;
}

/* Collapsed */
.e-6059377a > .holder[collapsed="true"]
{
	width: 64px;
}


/* Responsive */
@media (max-width: 768px)
{
	.e-6059377a > .holder
	{
		width: 100%;
		max-width: 280px;
	}

	.e-6059377a > .holder[collapsed="true"]
	{
		width: 64px;
	}
}
/* Base */
.e-4d809c05 > .holder
{
	display: flex;
	gap: 0;
}

.e-4d809c05 > .holder > .step
{
	display: flex;
	align-items: center;
	flex: 1;
	cursor: pointer;
	position: relative;
}

.e-4d809c05 > .holder > .step > .circle
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--dh-bg-2);
	border: 2px solid var(--dh-bg-2-border);
	color: var(--dh-text-2);
	font-weight: 600;
	transition: all 0.2s ease;
	flex-shrink: 0;
	z-index: 1;
}

.e-4d809c05 > .holder > .step > .circle > .icon
{
	font-size: 20px;
}

.e-4d809c05 > .holder > .step > .circle > .number
{
	font-size: 16px;
}

.e-4d809c05 > .holder > .step > .content
{
	display: flex;
	flex-direction: column;
	gap: var(--dh-spacing-x);
	margin-left: var(--dh-spacing-s);
	min-width: 0;
}

.e-4d809c05 > .holder > .step > .content > .label
{
	font-weight: 600;
	color: var(--dh-text-1);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.e-4d809c05 > .holder > .step > .content > .description
{
	font-size: var(--dh-size-s);
	color: var(--dh-text-2);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.e-4d809c05 > .holder > .step > .connector
{
	flex: 1;
	height: 2px;
	background: var(--dh-bg-2-border);
	margin: 0 var(--dh-spacing-m);
	transition: background 0.2s ease;
}

.e-4d809c05 > .holder > .step[status="current"] > .circle
{
	background: var(--dh-brand);
	border-color: var(--dh-brand-border);
	color: white;
}

.e-4d809c05 > .holder > .step[status="completed"] > .circle
{
	background: var(--dh-brand);
	border-color: var(--dh-brand-border);
	color: white;
}

.e-4d809c05 > .holder > .step[status="completed"] > .connector
{
	background: var(--dh-brand);
}

.e-4d809c05 > .holder > .step[status="pending"] > .circle
{
	background: var(--dh-bg-2);
	border-color: var(--dh-bg-2-border);
	color: var(--dh-text-2);
}

.e-4d809c05 > .holder > .step[status="pending"] > .content > .label
{
	color: var(--dh-text-2);
}

/* Variants - Vertical */
.e-4d809c05 > .holder[variant*="vertical"]
{
	flex-direction: column;
	gap: var(--dh-spacing-l);
}

.e-4d809c05 > .holder[variant*="vertical"] > .step
{
	flex-direction: row;
	align-items: flex-start;
}

.e-4d809c05 > .holder[variant*="vertical"] > .step > .content
{
	margin-left: var(--dh-spacing-s);
	margin-top: 0;
}

.e-4d809c05 > .holder[variant*="vertical"] > .step > .connector
{
	position: absolute;
	left: 20px;
	top: 40px;
	width: 2px;
	height: calc(100% + var(--dh-spacing-l));
	margin: 0;
}

/* Variants - Sizes */
.e-4d809c05 > .holder[variant*="size-s"] > .step > .circle
{
	width: 32px;
	height: 32px;
}

.e-4d809c05 > .holder[variant*="size-s"] > .step > .circle > .icon
{
	font-size: 16px;
}

.e-4d809c05 > .holder[variant*="size-s"] > .step > .circle > .number
{
	font-size: 14px;
}

.e-4d809c05 > .holder[variant*="size-s"] > .step > .content > .label
{
	font-size: var(--dh-size-s);
}

.e-4d809c05 > .holder[variant*="size-m"] > .step > .circle
{
	width: 40px;
	height: 40px;
}

.e-4d809c05 > .holder[variant*="size-m"] > .step > .circle > .icon
{
	font-size: 20px;
}

.e-4d809c05 > .holder[variant*="size-m"] > .step > .circle > .number
{
	font-size: 16px;
}

.e-4d809c05 > .holder[variant*="size-m"] > .step > .content > .label
{
	font-size: var(--dh-size-m);
}

.e-4d809c05 > .holder[variant*="size-l"] > .step > .circle
{
	width: 48px;
	height: 48px;
}

.e-4d809c05 > .holder[variant*="size-l"] > .step > .circle > .icon
{
	font-size: 24px;
}

.e-4d809c05 > .holder[variant*="size-l"] > .step > .circle > .number
{
	font-size: 18px;
}

.e-4d809c05 > .holder[variant*="size-l"] > .step > .content > .label
{
	font-size: var(--dh-size-l);
}
/* Base */
.e-4db696c > .holder
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-m);
	background: transparent;
}

.e-4db696c > .holder > .items
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-l);
	flex: 1;
}

.e-4db696c > .holder > .items > div
{
	display: flex;
}

.e-4db696c > .holder > .items > div > .item
{
	display: flex;
	align-items: center;
	gap: var(--dh-spacing-x);
	padding: var(--dh-spacing-s) 0;
	cursor: pointer;
	user-select: none;
	transition: all 0.2s ease;
	border-bottom: 2px solid transparent;
	color: var(--dh-text-2);
}

.e-4db696c > .holder > .items > div > .item:hover
{
	color: var(--dh-text-1);
}

.e-4db696c > .holder > .items > div > .item[active="true"]
{
	color: var(--dh-brand);
	border-bottom-color: var(--dh-brand);
}

.e-4db696c > .holder > .items > div > .item[disabled="true"]
{
	opacity: 0.5;
	cursor: not-allowed;
}

.e-4db696c > .holder > .items > div > .item[disabled="true"]:hover
{
	color: var(--dh-text-2);
}

.e-4db696c > .holder > .items > div > .item > .icon
{
	font-size: 18px;
	color: inherit;
}

.e-4db696c > .holder > .items > div > .item > .label
{
	font-weight: 500;
}

.e-4db696c > .holder > .items > div > .item > .badge
{
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 var(--dh-spacing-x);
	background: var(--dh-bg-4);
	color: var(--dh-text-1);
	font-size: 11px;
	font-weight: 600;
	border-radius: 9px;
}

.e-4db696c > .holder > .items > div > .item[active="true"] > .badge
{
	background: var(--dh-brand);
	color: white;
}

/* Variants - Orientation */
.e-4db696c > .holder[variant*="vertical"]
{
	flex-direction: column;
	align-items: stretch;
}

.e-4db696c > .holder[variant*="vertical"] > .items
{
	flex-direction: column;
	gap: 0;
}

.e-4db696c > .holder[variant*="vertical"] > .items > div
{
	width: 100%;
}

.e-4db696c > .holder[variant*="vertical"] > .items > div > .item
{
	border-bottom: none;
	border-left: 2px solid transparent;
	justify-content: flex-start;
	padding: var(--dh-spacing-s) var(--dh-spacing-m);
}

.e-4db696c > .holder[variant*="vertical"] > .items > div > .item[active="true"]
{
	border-left-color: var(--dh-brand);
	border-bottom-color: transparent;
}

/* Variants - Background */
.e-4db696c > .holder[variant*="bg-1"]
{
	background: var(--dh-bg-1);
}

.e-4db696c > .holder[variant*="bg-2"]
{
	background: var(--dh-bg-2);
}

.e-4db696c > .holder[variant*="bg-3"]
{
	background: var(--dh-bg-3);
}

.e-4db696c > .holder[variant*="bg-4"]
{
	background: var(--dh-bg-4);
}

.e-4db696c > .holder[variant*="bg-"]:not([variant*="vertical"])
{
	padding: 0 var(--dh-spacing-m);
}

/* Variants - Border */
.e-4db696c > .holder[variant*="border"]:not([variant*="border-bottom"]):not([variant*="border-full"])
{
	border: 1px solid var(--dh-bg-2-border);
}

.e-4db696c > .holder[variant*="border-bottom"]
{
	border-bottom: 1px solid var(--dh-bg-2-border);
}

.e-4db696c > .holder[variant*="border-full"]
{
	border: 1px solid var(--dh-bg-2-border);
}

/* Variants - Radius */
.e-4db696c > .holder[variant*="radius-s"]
{
	border-radius: var(--dh-radius-s);
}

.e-4db696c > .holder[variant*="radius-m"]
{
	border-radius: var(--dh-radius-m);
}

.e-4db696c > .holder[variant*="radius-l"]
{
	border-radius: var(--dh-radius-l);
}

/* Sizes */
.e-4db696c > .holder[size="s"] > .items > div > .item
{
	font-size: var(--dh-size-s);
}

.e-4db696c > .holder[size="s"] > .items > div > .item > .icon
{
	font-size: 16px;
}

.e-4db696c > .holder[size="s"]:not([variant*="vertical"]) > .items > div > .item
{
	padding: var(--dh-spacing-x) 0;
}

.e-4db696c > .holder[size="s"][variant*="vertical"] > .items > div > .item
{
	padding: var(--dh-spacing-x) var(--dh-spacing-m);
}

.e-4db696c > .holder[size="m"] > .items > div > .item
{
	font-size: var(--dh-size-m);
}

.e-4db696c > .holder[size="m"] > .items > div > .item > .icon
{
	font-size: 18px;
}

.e-4db696c > .holder[size="m"]:not([variant*="vertical"]) > .items > div > .item
{
	padding: var(--dh-spacing-s) 0;
}

.e-4db696c > .holder[size="m"][variant*="vertical"] > .items > div > .item
{
	padding: var(--dh-spacing-s) var(--dh-spacing-m);
}

.e-4db696c > .holder[size="l"] > .items > div > .item
{
	font-size: var(--dh-size-l);
}

.e-4db696c > .holder[size="l"] > .items > div > .item > .icon
{
	font-size: 20px;
}

.e-4db696c > .holder[size="l"]:not([variant*="vertical"]) > .items > div > .item
{
	padding: var(--dh-spacing-m) 0;
}

.e-4db696c > .holder[size="l"][variant*="vertical"] > .items > div > .item
{
	padding: var(--dh-spacing-m) var(--dh-spacing-m);
}
/* Base page styles */
.dh-page
{
	display: grid;
	position: fixed;
	inset: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}

/* Page area containers */
.dh-page-area
{
	position: relative;
	overflow: auto;
}
/* Glass & Blur Effects */

.dh-glass
{
	background: rgba(19, 22, 27, 0.7);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.dh-glass-light
{
	background: rgba(26, 30, 37, 0.5);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.dh-glass-strong
{
	background: rgba(13, 15, 18, 0.85);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Micro-animations & Transitions */

.dh-transition
{
	transition: all 0.2s ease;
}

.dh-transition-slow
{
	transition: all 0.3s ease;
}

.dh-transition-fast
{
	transition: all 0.15s ease;
}

/* Hover lift effect */
.dh-hover-lift
{
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.dh-hover-lift:hover
{
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

/* Hover glow effect */
.dh-hover-glow
{
	transition: box-shadow 0.2s ease;
}

.dh-hover-glow:hover
{
	box-shadow: 0 0 20px rgba(139, 92, 246, 0.2);
}

/* Hover scale */
.dh-hover-scale
{
	transition: transform 0.2s ease;
}

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

/* Hover brightness */
.dh-hover-bright
{
	transition: filter 0.2s ease;
}

.dh-hover-bright:hover
{
	filter: brightness(1.1);
}

/* Button press effect */
.dh-press:active
{
	transform: scale(0.98);
}

/* Fade in animation */
@keyframes fadeIn
{
	from { opacity: 0; }
	to { opacity: 1; }
}

.dh-fade-in
{
	animation: fadeIn 0.3s ease forwards;
}

/* Slide up animation */
@keyframes slideUp
{
	from
	{
		opacity: 0;
		transform: translateY(10px);
	}
	to
	{
		opacity: 1;
		transform: translateY(0);
	}
}

.dh-slide-up
{
	animation: slideUp 0.4s ease forwards;
}

/* Slide down animation */
@keyframes slideDown
{
	from
	{
		opacity: 0;
		transform: translateY(-10px);
	}
	to
	{
		opacity: 1;
		transform: translateY(0);
	}
}

.dh-slide-down
{
	animation: slideDown 0.4s ease forwards;
}

/* Scale in animation */
@keyframes scaleIn
{
	from
	{
		opacity: 0;
		transform: scale(0.95);
	}
	to
	{
		opacity: 1;
		transform: scale(1);
	}
}

.dh-scale-in
{
	animation: scaleIn 0.3s ease forwards;
}

/* Stagger children animation */
.dh-stagger > *
{
	opacity: 0;
	animation: slideUp 0.4s ease forwards;
}

.dh-stagger > *:nth-child(1) { animation-delay: 0.05s; }
.dh-stagger > *:nth-child(2) { animation-delay: 0.1s; }
.dh-stagger > *:nth-child(3) { animation-delay: 0.15s; }
.dh-stagger > *:nth-child(4) { animation-delay: 0.2s; }
.dh-stagger > *:nth-child(5) { animation-delay: 0.25s; }
.dh-stagger > *:nth-child(6) { animation-delay: 0.3s; }
.dh-stagger > *:nth-child(7) { animation-delay: 0.35s; }
.dh-stagger > *:nth-child(8) { animation-delay: 0.4s; }

/* Pulse animation */
@keyframes pulse
{
	0%, 100% { opacity: 1; }
	50% { opacity: 0.5; }
}

.dh-pulse
{
	animation: pulse 2s ease-in-out infinite;
}

/* Shimmer loading effect */
@keyframes shimmer
{
	0% { background-position: -200% 0; }
	100% { background-position: 200% 0; }
}

.dh-shimmer
{
	background: linear-gradient(
		90deg,
		var(--dh-bg-3) 0%,
		var(--dh-bg-4) 50%,
		var(--dh-bg-3) 100%
	);
	background-size: 200% 100%;
	animation: shimmer 1.5s infinite;
}

/* Skeleton loader */
.dh-skeleton
{
	background: var(--dh-bg-3);
	border-radius: 4px;
	position: relative;
	overflow: hidden;
}

.dh-skeleton::after
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(255, 255, 255, 0.05),
		transparent
	);
	animation: shimmer 1.5s infinite;
	background-size: 200% 100%;
}

/* Spin animation */
@keyframes spin
{
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

.dh-spin
{
	animation: spin 1s linear infinite;
}

/* Bounce animation */
@keyframes bounce
{
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-5px); }
}

.dh-bounce
{
	animation: bounce 0.6s ease infinite;
}

/* Focus ring */
.dh-focus-ring:focus
{
	outline: none;
	box-shadow: 0 0 0 2px var(--dh-bg-1), 0 0 0 4px var(--dh-brand);
}

/* Glow border on hover */
.dh-glow-border
{
	position: relative;
}

.dh-glow-border::before
{
	content: '';
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	padding: 1px;
	background: linear-gradient(135deg, transparent, rgba(139, 92, 246, 0.3), transparent);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.dh-glow-border:hover::before
{
	opacity: 1;
}

/* Text gradient */
.dh-text-gradient
{
	background: linear-gradient(135deg, var(--dh-brand), #3B82F6);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

/* Rainbow border animation */
@keyframes rainbow
{
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

.dh-rainbow-border
{
	position: relative;
}

.dh-rainbow-border::before
{
	content: '';
	position: absolute;
	inset: -2px;
	border-radius: inherit;
	padding: 2px;
	background: linear-gradient(
		90deg,
		#8B5CF6,
		#3B82F6,
		#10B981,
		#F97316,
		#EF4444,
		#8B5CF6
	);
	background-size: 300% 300%;
	animation: rainbow 3s ease infinite;
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	opacity: 0.5;
}

/* Number counter animation */
@keyframes countUp
{
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}

.dh-count-up
{
	animation: countUp 0.5s ease forwards;
}

/* Blur text on hover reveal */
.dh-blur-reveal
{
	filter: blur(4px);
	transition: filter 0.3s ease;
}

.dh-blur-reveal:hover
{
	filter: blur(0);
}
/* Gradient Mesh Backgrounds for Premium Feel */

/* Base gradient mesh - animated subtle glow */
.dh-gradient-mesh
{
	position: relative;
	overflow: hidden;
}

.dh-gradient-mesh::before
{
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background:
		radial-gradient(ellipse 80% 50% at 20% 40%, rgba(139, 92, 246, 0.12) 0%, transparent 50%),
		radial-gradient(ellipse 60% 40% at 80% 20%, rgba(99, 102, 241, 0.10) 0%, transparent 50%),
		radial-gradient(ellipse 50% 60% at 60% 80%, rgba(34, 197, 94, 0.06) 0%, transparent 50%);
	animation: meshFloat 20s ease-in-out infinite;
	pointer-events: none;
	z-index: 0;
}

.dh-gradient-mesh > *
{
	position: relative;
	z-index: 1;
}

@keyframes meshFloat
{
	0%, 100% { transform: translate(0, 0) rotate(0deg); }
	25% { transform: translate(2%, 1%) rotate(1deg); }
	50% { transform: translate(-1%, 2%) rotate(-1deg); }
	75% { transform: translate(1%, -1%) rotate(0.5deg); }
}

/* Hero gradient - more prominent */
.dh-gradient-hero
{
	position: relative;
	overflow: hidden;
}

.dh-gradient-hero::before
{
	content: '';
	position: absolute;
	top: -100%;
	left: -50%;
	width: 200%;
	height: 300%;
	background:
		radial-gradient(ellipse 100% 40% at 50% 0%, rgba(139, 92, 246, 0.15) 0%, transparent 60%),
		radial-gradient(ellipse 80% 50% at 20% 30%, rgba(99, 102, 241, 0.12) 0%, transparent 50%),
		radial-gradient(ellipse 60% 40% at 80% 40%, rgba(168, 85, 247, 0.08) 0%, transparent 50%),
		radial-gradient(ellipse 50% 30% at 70% 70%, rgba(34, 197, 94, 0.06) 0%, transparent 50%);
	animation: heroGlow 15s ease-in-out infinite;
	pointer-events: none;
	z-index: 0;
}

.dh-gradient-hero > *
{
	position: relative;
	z-index: 1;
}

@keyframes heroGlow
{
	0%, 100% { transform: translate(0, 0) scale(1); opacity: 1; }
	33% { transform: translate(-2%, 2%) scale(1.02); opacity: 0.9; }
	66% { transform: translate(2%, -1%) scale(0.98); opacity: 1; }
}

/* Subtle corner glow - for cards and sections */
.dh-gradient-corner
{
	position: relative;
	overflow: hidden;
}

.dh-gradient-corner::before
{
	content: '';
	position: absolute;
	top: -100px;
	right: -100px;
	width: 300px;
	height: 300px;
	background: radial-gradient(circle, rgba(139, 92, 246, 0.12) 0%, transparent 70%);
	pointer-events: none;
	z-index: 0;
}

.dh-gradient-corner > *
{
	position: relative;
	z-index: 1;
}

/* Pricing/CTA gradient - warm and inviting */
.dh-gradient-cta
{
	position: relative;
	overflow: hidden;
}

.dh-gradient-cta::before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:
		radial-gradient(ellipse 100% 100% at 0% 100%, rgba(139, 92, 246, 0.10) 0%, transparent 50%),
		radial-gradient(ellipse 80% 80% at 100% 0%, rgba(99, 102, 241, 0.08) 0%, transparent 50%);
	pointer-events: none;
	z-index: 0;
}

.dh-gradient-cta > *
{
	position: relative;
	z-index: 1;
}

/* Auth pages gradient - centered glow */
.dh-gradient-auth
{
	position: relative;
	overflow: hidden;
}

.dh-gradient-auth::before
{
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 150%;
	height: 100%;
	background:
		radial-gradient(ellipse 50% 50% at 50% 20%, rgba(139, 92, 246, 0.15) 0%, transparent 60%),
		radial-gradient(ellipse 40% 40% at 30% 60%, rgba(99, 102, 241, 0.08) 0%, transparent 50%),
		radial-gradient(ellipse 40% 40% at 70% 70%, rgba(168, 85, 247, 0.06) 0%, transparent 50%);
	animation: authPulse 10s ease-in-out infinite;
	pointer-events: none;
	z-index: 0;
}

.dh-gradient-auth > *
{
	position: relative;
	z-index: 1;
}

@keyframes authPulse
{
	0%, 100% { opacity: 1; transform: translateX(-50%) scale(1); }
	50% { opacity: 0.8; transform: translateX(-50%) scale(1.05); }
}

/* Noise texture overlay for premium feel */
.dh-noise::after
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
	opacity: 0.02;
	pointer-events: none;
	z-index: 2;
}

/* Grid pattern overlay */
.dh-grid-pattern::after
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px);
	background-size: 64px 64px;
	pointer-events: none;
	z-index: 1;
	mask-image: linear-gradient(to bottom, black 0%, transparent 60%);
	-webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 60%);
}

/* Glow line - top border effect */
.dh-glow-line
{
	position: relative;
}

.dh-glow-line::before
{
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 60%;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.4), transparent);
}
:root body
{
	/* Backgrounds - warm neutral grays (Figma-inspired) */
	--dh-bg-1: #191919;
	--dh-bg-1-border: #2E2E2E;
	--dh-bg-1-opacity: rgba(25, 25, 25, 0.95);
	--dh-bg-1-hover: #1F1F1F;

	--dh-bg-2: #232323;
	--dh-bg-2-border: #363636;
	--dh-bg-2-opacity: rgba(35, 35, 35, 0.95);
	--dh-bg-2-hover: #292929;

	--dh-bg-3: #2D2D2D;
	--dh-bg-3-border: #404040;
	--dh-bg-3-opacity: rgba(45, 45, 45, 0.95);
	--dh-bg-3-hover: #333333;

	--dh-bg-4: #383838;
	--dh-bg-4-border: #4A4A4A;
	--dh-bg-4-opacity: rgba(56, 56, 56, 0.95);
	--dh-bg-4-hover: #3E3E3E;

	/* Text - high contrast */
	--dh-text-1: #FFFFFF;
	--dh-text-2: #A0A0A0;
	--dh-text-3: #6B6B6B;

	/* Border shorthand */
	--dh-border-1: #2E2E2E;
	--dh-border-2: #363636;
	--dh-border-3: #404040;
}

body
{
	color-scheme: dark;
}