#nuxt-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.spinner {
    width: 48px;
    height: 48px;
    border: 5px solid #0373ff;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

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

.p-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.p-overflow-hidden {
    overflow: hidden;
    padding-right: var(--p-scrollbar-width);
}

:root {
    --p-stone-50: #fafaf9;
    --p-stone-100: #f5f5f4;
    --p-stone-200: #e7e5e4;
    --p-stone-300: #d6d3d1;
    --p-stone-400: #a8a29e;
    --p-stone-500: #78716c;
    --p-stone-600: #57534e;
    --p-stone-700: #44403c;
    --p-stone-800: #292524;
    --p-stone-900: #1c1917;
    --p-stone-950: #0c0a09;
    --p-neutral-50: #fafafa;
    --p-neutral-100: #f5f5f5;
    --p-neutral-200: #e5e5e5;
    --p-neutral-300: #d4d4d4;
    --p-neutral-400: #a3a3a3;
    --p-neutral-500: #737373;
    --p-neutral-600: #525252;
    --p-neutral-700: #404040;
    --p-neutral-800: #262626;
    --p-neutral-900: #171717;
    --p-neutral-950: #0a0a0a;
    --p-zinc-50: #fafafa;
    --p-zinc-100: #f4f4f5;
    --p-zinc-200: #e4e4e7;
    --p-zinc-300: #d4d4d8;
    --p-zinc-400: #a1a1aa;
    --p-zinc-500: #71717a;
    --p-zinc-600: #52525b;
    --p-zinc-700: #3f3f46;
    --p-zinc-800: #27272a;
    --p-zinc-900: #18181b;
    --p-zinc-950: #09090b;
    --p-gray-50: #f9fafb;
    --p-gray-100: #f3f4f6;
    --p-gray-200: #e5e7eb;
    --p-gray-300: #d1d5db;
    --p-gray-400: #9ca3af;
    --p-gray-500: #6b7280;
    --p-gray-600: #4b5563;
    --p-gray-700: #374151;
    --p-gray-800: #1f2937;
    --p-gray-900: #111827;
    --p-gray-950: #030712;
    --p-slate-50: #f8fafc;
    --p-slate-100: #f1f5f9;
    --p-slate-200: #e2e8f0;
    --p-slate-300: #cbd5e1;
    --p-slate-400: #94a3b8;
    --p-slate-500: #64748b;
    --p-slate-600: #475569;
    --p-slate-700: #334155;
    --p-slate-800: #1e293b;
    --p-slate-900: #0f172a;
    --p-slate-950: #020617;
    --p-rose-50: #fff1f2;
    --p-rose-100: #ffe4e6;
    --p-rose-200: #fecdd3;
    --p-rose-300: #fda4af;
    --p-rose-400: #fb7185;
    --p-rose-500: #f43f5e;
    --p-rose-600: #e11d48;
    --p-rose-700: #be123c;
    --p-rose-800: #9f1239;
    --p-rose-900: #881337;
    --p-rose-950: #4c0519;
    --p-pink-50: #fdf2f8;
    --p-pink-100: #fce7f3;
    --p-pink-200: #fbcfe8;
    --p-pink-300: #f9a8d4;
    --p-pink-400: #f472b6;
    --p-pink-500: #ec4899;
    --p-pink-600: #db2777;
    --p-pink-700: #be185d;
    --p-pink-800: #9d174d;
    --p-pink-900: #831843;
    --p-pink-950: #500724;
    --p-fuchsia-50: #fdf4ff;
    --p-fuchsia-100: #fae8ff;
    --p-fuchsia-200: #f5d0fe;
    --p-fuchsia-300: #f0abfc;
    --p-fuchsia-400: #e879f9;
    --p-fuchsia-500: #d946ef;
    --p-fuchsia-600: #c026d3;
    --p-fuchsia-700: #a21caf;
    --p-fuchsia-800: #86198f;
    --p-fuchsia-900: #701a75;
    --p-fuchsia-950: #4a044e;
    --p-purple-50: #faf5ff;
    --p-purple-100: #f3e8ff;
    --p-purple-200: #e9d5ff;
    --p-purple-300: #d8b4fe;
    --p-purple-400: #c084fc;
    --p-purple-500: #a855f7;
    --p-purple-600: #9333ea;
    --p-purple-700: #7e22ce;
    --p-purple-800: #6b21a8;
    --p-purple-900: #581c87;
    --p-purple-950: #3b0764;
    --p-violet-50: #f5f3ff;
    --p-violet-100: #ede9fe;
    --p-violet-200: #ddd6fe;
    --p-violet-300: #c4b5fd;
    --p-violet-400: #a78bfa;
    --p-violet-500: #8b5cf6;
    --p-violet-600: #7c3aed;
    --p-violet-700: #6d28d9;
    --p-violet-800: #5b21b6;
    --p-violet-900: #4c1d95;
    --p-violet-950: #2e1065;
    --p-indigo-50: #eef2ff;
    --p-indigo-100: #e0e7ff;
    --p-indigo-200: #c7d2fe;
    --p-indigo-300: #a5b4fc;
    --p-indigo-400: #818cf8;
    --p-indigo-500: #6366f1;
    --p-indigo-600: #4f46e5;
    --p-indigo-700: #4338ca;
    --p-indigo-800: #3730a3;
    --p-indigo-900: #312e81;
    --p-indigo-950: #1e1b4b;
    --p-blue-50: #eff6ff;
    --p-blue-100: #dbeafe;
    --p-blue-200: #bfdbfe;
    --p-blue-300: #93c5fd;
    --p-blue-400: #60a5fa;
    --p-blue-500: #3b82f6;
    --p-blue-600: #2563eb;
    --p-blue-700: #1d4ed8;
    --p-blue-800: #1e40af;
    --p-blue-900: #1e3a8a;
    --p-blue-950: #172554;
    --p-sky-50: #f0f9ff;
    --p-sky-100: #e0f2fe;
    --p-sky-200: #bae6fd;
    --p-sky-300: #7dd3fc;
    --p-sky-400: #38bdf8;
    --p-sky-500: #0ea5e9;
    --p-sky-600: #0284c7;
    --p-sky-700: #0369a1;
    --p-sky-800: #075985;
    --p-sky-900: #0c4a6e;
    --p-sky-950: #082f49;
    --p-cyan-50: #ecfeff;
    --p-cyan-100: #cffafe;
    --p-cyan-200: #a5f3fc;
    --p-cyan-300: #67e8f9;
    --p-cyan-400: #22d3ee;
    --p-cyan-500: #06b6d4;
    --p-cyan-600: #0891b2;
    --p-cyan-700: #0e7490;
    --p-cyan-800: #155e75;
    --p-cyan-900: #164e63;
    --p-cyan-950: #083344;
    --p-teal-50: #f0fdfa;
    --p-teal-100: #ccfbf1;
    --p-teal-200: #99f6e4;
    --p-teal-300: #5eead4;
    --p-teal-400: #2dd4bf;
    --p-teal-500: #14b8a6;
    --p-teal-600: #0d9488;
    --p-teal-700: #0f766e;
    --p-teal-800: #115e59;
    --p-teal-900: #134e4a;
    --p-teal-950: #042f2e;
    --p-yellow-50: #fefce8;
    --p-yellow-100: #fef9c3;
    --p-yellow-200: #fef08a;
    --p-yellow-300: #fde047;
    --p-yellow-400: #facc15;
    --p-yellow-500: #eab308;
    --p-yellow-600: #ca8a04;
    --p-yellow-700: #a16207;
    --p-yellow-800: #854d0e;
    --p-yellow-900: #713f12;
    --p-yellow-950: #422006;
    --p-amber-50: #fffbeb;
    --p-amber-100: #fef3c7;
    --p-amber-200: #fde68a;
    --p-amber-300: #fcd34d;
    --p-amber-400: #fbbf24;
    --p-amber-500: #f59e0b;
    --p-amber-600: #d97706;
    --p-amber-700: #b45309;
    --p-amber-800: #92400e;
    --p-amber-900: #78350f;
    --p-amber-950: #451a03;
    --p-orange-50: #fff7ed;
    --p-orange-100: #ffedd5;
    --p-orange-200: #fed7aa;
    --p-orange-300: #fdba74;
    --p-orange-400: #fb923c;
    --p-orange-500: #f97316;
    --p-orange-600: #ea580c;
    --p-orange-700: #c2410c;
    --p-orange-800: #9a3412;
    --p-orange-900: #7c2d12;
    --p-orange-950: #431407;
    --p-red-50: #fef2f2;
    --p-red-100: #fee2e2;
    --p-red-200: #fecaca;
    --p-red-300: #fca5a5;
    --p-red-400: #f87171;
    --p-red-500: #ef4444;
    --p-red-600: #dc2626;
    --p-red-700: #b91c1c;
    --p-red-800: #991b1b;
    --p-red-900: #7f1d1d;
    --p-red-950: #450a0a;
    --p-lime-50: #f7fee7;
    --p-lime-100: #ecfccb;
    --p-lime-200: #d9f99d;
    --p-lime-300: #bef264;
    --p-lime-400: #a3e635;
    --p-lime-500: #84cc16;
    --p-lime-600: #65a30d;
    --p-lime-700: #4d7c0f;
    --p-lime-800: #3f6212;
    --p-lime-900: #365314;
    --p-lime-950: #1a2e05;
    --p-green-50: #f0fdf4;
    --p-green-100: #dcfce7;
    --p-green-200: #bbf7d0;
    --p-green-300: #86efac;
    --p-green-400: #4ade80;
    --p-green-500: #22c55e;
    --p-green-600: #16a34a;
    --p-green-700: #15803d;
    --p-green-800: #166534;
    --p-green-900: #14532d;
    --p-green-950: #052e16;
    --p-emerald-50: #ecfdf5;
    --p-emerald-100: #d1fae5;
    --p-emerald-200: #a7f3d0;
    --p-emerald-300: #6ee7b7;
    --p-emerald-400: #34d399;
    --p-emerald-500: #10b981;
    --p-emerald-600: #059669;
    --p-emerald-700: #047857;
    --p-emerald-800: #065f46;
    --p-emerald-900: #064e3b;
    --p-emerald-950: #022c22;
    --p-border-radius-none: 0;
    --p-border-radius-xs: 2px;
    --p-border-radius-sm: 4px;
    --p-border-radius-md: 6px;
    --p-border-radius-lg: 8px;
    --p-border-radius-xl: 12px;
}


:root {
    --p-transition-duration: 0.2s;
    --p-disabled-opacity: 0.6;
    --p-icon-size: 1rem;
    --p-anchor-gutter: 2px;
    --p-overlay-navigation-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --p-overlay-modal-border-radius: var(--p-border-radius-xl);
    --p-overlay-modal-padding: 1.25rem;
    --p-overlay-modal-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    --p-overlay-popover-border-radius: var(--p-border-radius-md);
    --p-overlay-popover-padding: 0.75rem;
    --p-overlay-popover-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --p-overlay-select-border-radius: var(--p-border-radius-md);
    --p-overlay-select-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --p-navigation-submenu-icon-size: 0.875rem;
    --p-navigation-submenu-label-padding: 0.5rem 0.75rem;
    --p-navigation-submenu-label-font-weight: 600;
    --p-navigation-item-padding: 0.5rem 0.75rem;
    --p-navigation-item-border-radius: var(--p-border-radius-sm);
    --p-navigation-item-gap: 0.5rem;
    --p-navigation-list-padding: 0.25rem 0.25rem;
    --p-navigation-list-gap: 2px;
    --p-mask-transition-duration: 0.15s;
    --p-content-border-radius: var(--p-border-radius-md);
    --p-list-padding: 0.25rem 0.25rem;
    --p-list-gap: 2px;
    --p-list-option-group-padding: 0.5rem 0.75rem;
    --p-list-option-group-font-weight: 600;
    --p-list-option-padding: 0.5rem 0.75rem;
    --p-list-option-border-radius: var(--p-border-radius-sm);
    --p-list-header-padding: 0.5rem 1rem 0.25rem 1rem;
    --p-form-field-padding-x: 0.75rem;
    --p-form-field-padding-y: 0.5rem;
    --p-form-field-border-radius: var(--p-border-radius-md);
    --p-form-field-transition-duration: var(--p-transition-duration);
    --p-form-field-focus-ring-width: 0;
    --p-form-field-focus-ring-style: none;
    --p-form-field-focus-ring-color: transparent;
    --p-form-field-focus-ring-offset: 0;
    --p-form-field-focus-ring-shadow: none;
    --p-form-field-lg-font-size: 1.125rem;
    --p-form-field-lg-padding-x: 0.875rem;
    --p-form-field-lg-padding-y: 0.625rem;
    --p-form-field-sm-font-size: 0.875rem;
    --p-form-field-sm-padding-x: 0.625rem;
    --p-form-field-sm-padding-y: 0.375rem;
    --p-primary-50: var(--p-emerald-50);
    --p-primary-100: var(--p-emerald-100);
    --p-primary-200: var(--p-emerald-200);
    --p-primary-300: var(--p-emerald-300);
    --p-primary-400: var(--p-emerald-400);
    --p-primary-500: var(--p-emerald-500);
    --p-primary-600: var(--p-emerald-600);
    --p-primary-700: var(--p-emerald-700);
    --p-primary-800: var(--p-emerald-800);
    --p-primary-900: var(--p-emerald-900);
    --p-primary-950: var(--p-emerald-950);
    --p-focus-ring-width: 1px;
    --p-focus-ring-style: solid;
    --p-focus-ring-color: var(--p-primary-color);
    --p-focus-ring-offset: 2px;
    --p-focus-ring-shadow: none;
    --p-navigation-submenu-icon-color: var(--p-surface-400);
    --p-navigation-submenu-icon-focus-color: var(--p-surface-500);
    --p-navigation-submenu-icon-active-color: var(--p-surface-500);
    --p-navigation-submenu-label-background: transparent;
    --p-navigation-submenu-label-color: var(--p-text-muted-color);
    --p-navigation-item-focus-background: var(--p-surface-100);
    --p-navigation-item-active-background: var(--p-surface-100);
    --p-navigation-item-color: var(--p-text-color);
    --p-navigation-item-focus-color: var(--p-text-hover-color);
    --p-navigation-item-active-color: var(--p-text-hover-color);
    --p-navigation-item-icon-color: var(--p-surface-400);
    --p-navigation-item-icon-focus-color: var(--p-surface-500);
    --p-navigation-item-icon-active-color: var(--p-surface-500);
    --p-list-option-group-background: transparent;
    --p-list-option-group-color: var(--p-text-muted-color);
    --p-list-option-focus-background: var(--p-surface-100);
    --p-list-option-selected-background: var(--p-highlight-background);
    --p-list-option-selected-focus-background: var(--p-highlight-focus-background);
    --p-list-option-color: var(--p-text-color);
    --p-list-option-focus-color: var(--p-text-hover-color);
    --p-list-option-selected-color: var(--p-highlight-color);
    --p-list-option-selected-focus-color: var(--p-highlight-focus-color);
    --p-list-option-icon-color: var(--p-surface-400);
    --p-list-option-icon-focus-color: var(--p-surface-500);
    --p-overlay-modal-background: var(--p-surface-0);
    --p-overlay-modal-border-color: var(--p-surface-200);
    --p-overlay-modal-color: var(--p-text-color);
    --p-overlay-popover-background: var(--p-surface-0);
    --p-overlay-popover-border-color: var(--p-surface-200);
    --p-overlay-popover-color: var(--p-text-color);
    --p-overlay-select-background: var(--p-surface-0);
    --p-overlay-select-border-color: var(--p-surface-200);
    --p-overlay-select-color: var(--p-text-color);
    --p-content-background: var(--p-surface-0);
    --p-content-hover-background: var(--p-surface-100);
    --p-content-border-color: var(--p-surface-200);
    --p-content-color: var(--p-text-color);
    --p-content-hover-color: var(--p-text-hover-color);
    --p-text-color: var(--p-surface-700);
    --p-text-hover-color: var(--p-surface-800);
    --p-text-muted-color: var(--p-surface-500);
    --p-text-hover-muted-color: var(--p-surface-600);
    --p-form-field-background: var(--p-surface-0);
    --p-form-field-disabled-background: var(--p-surface-200);
    --p-form-field-filled-background: var(--p-surface-50);
    --p-form-field-filled-hover-background: var(--p-surface-50);
    --p-form-field-filled-focus-background: var(--p-surface-50);
    --p-form-field-border-color: var(--p-surface-300);
    --p-form-field-hover-border-color: var(--p-surface-400);
    --p-form-field-focus-border-color: var(--p-primary-color);
    --p-form-field-invalid-border-color: var(--p-red-400);
    --p-form-field-color: var(--p-surface-700);
    --p-form-field-disabled-color: var(--p-surface-500);
    --p-form-field-placeholder-color: var(--p-surface-500);
    --p-form-field-invalid-placeholder-color: var(--p-red-600);
    --p-form-field-float-label-color: var(--p-surface-500);
    --p-form-field-float-label-focus-color: var(--p-primary-600);
    --p-form-field-float-label-active-color: var(--p-surface-500);
    --p-form-field-float-label-invalid-color: var(--p-form-field-invalid-placeholder-color);
    --p-form-field-icon-color: var(--p-surface-400);
    --p-form-field-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
    --p-mask-background: rgba(0, 0, 0, 0.4);
    --p-mask-color: var(--p-surface-200);
    --p-highlight-background: var(--p-primary-50);
    --p-highlight-focus-background: var(--p-primary-100);
    --p-highlight-color: var(--p-primary-700);
    --p-highlight-focus-color: var(--p-primary-800);
    --p-primary-color: var(--p-primary-500);
    --p-primary-contrast-color: #ffffff;
    --p-primary-hover-color: var(--p-primary-600);
    --p-primary-active-color: var(--p-primary-700);
    --p-surface-0: #ffffff;
    --p-surface-50: var(--p-slate-50);
    --p-surface-100: var(--p-slate-100);
    --p-surface-200: var(--p-slate-200);
    --p-surface-300: var(--p-slate-300);
    --p-surface-400: var(--p-slate-400);
    --p-surface-500: var(--p-slate-500);
    --p-surface-600: var(--p-slate-600);
    --p-surface-700: var(--p-slate-700);
    --p-surface-800: var(--p-slate-800);
    --p-surface-900: var(--p-slate-900);
    --p-surface-950: var(--p-slate-950);
}

:root {
    color-scheme: light;
}

*,
::before,
::after {
    box-sizing: border-box;
}
.p-connected-overlay {
    opacity: 0;
    transform: scaleY(0.8);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
}
.p-connected-overlay-visible {
    opacity: 1;
    transform: scaleY(1);
}
.p-connected-overlay-hidden {
    opacity: 0;
    transform: scaleY(1);
    transition: opacity 0.1s linear;
}
.p-connected-overlay-enter-from {
    opacity: 0;
    transform: scaleY(0.8);
}
.p-connected-overlay-leave-to {
    opacity: 0;
}
.p-connected-overlay-enter-active {
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
}
.p-connected-overlay-leave-active {
    transition: opacity 0.1s linear;
}
.p-toggleable-content-enter-from,
.p-toggleable-content-leave-to {
    max-height: 0;
}
.p-toggleable-content-enter-to,
.p-toggleable-content-leave-from {
    max-height: 1000px;
}
.p-toggleable-content-leave-active {
    overflow: hidden;
    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
}
.p-toggleable-content-enter-active {
    overflow: hidden;
    transition: max-height 1s ease-in-out;
}
.p-disabled,
.p-disabled * {
    cursor: default;
    pointer-events: none;
    user-select: none;
}
.p-disabled,
.p-component:disabled {
    opacity: var(--p-disabled-opacity);
}
.pi {
    font-size: var(--p-icon-size);
}
.p-icon {
    width: var(--p-icon-size);
    height: var(--p-icon-size);
}
.p-overlay-mask {
    background: var(--p-mask-background);
    color: var(--p-mask-color);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.p-overlay-mask-enter {
    animation: p-overlay-mask-enter-animation var(--p-mask-transition-duration) forwards;
}
.p-overlay-mask-leave {
    animation: p-overlay-mask-leave-animation var(--p-mask-transition-duration) forwards;
}
@keyframes p-overlay-mask-enter-animation {
    from {
        background: transparent;
    }
    to {
        background: var(--p-mask-background);
    }
}
@keyframes p-overlay-mask-leave-animation {
    from {
        background: var(--p-mask-background);
    }
    to {
        background: transparent;
    }
}

:root {
    --p-iftalabel-input-padding-top: 1.5rem;
    --p-iftalabel-input-padding-bottom: var(--p-form-field-padding-y);
    --p-iftalabel-color: var(--p-form-field-float-label-color);
    --p-iftalabel-focus-color: var(--p-form-field-float-label-focus-color);
    --p-iftalabel-invalid-color: var(--p-form-field-float-label-invalid-color);
    --p-iftalabel-transition-duration: 0.2s;
    --p-iftalabel-position-x: var(--p-form-field-padding-x);
    --p-iftalabel-top: var(--p-form-field-padding-y);
    --p-iftalabel-font-size: 0.75rem;
    --p-iftalabel-font-weight: 400;
}

.p-iftalabel {
    display: block;
    position: relative;
}
.p-iftalabel label {
    position: absolute;
    pointer-events: none;
    top: var(--p-iftalabel-top);
    transition-property: all;
    transition-timing-function: ease;
    line-height: 1;
    font-size: var(--p-iftalabel-font-size);
    font-weight: var(--p-iftalabel-font-weight);
    inset-inline-start: var(--p-iftalabel-position-x);
    color: var(--p-iftalabel-color);
    transition-duration: var(--p-iftalabel-transition-duration);
}
.p-iftalabel .p-inputtext,
.p-iftalabel .p-textarea,
.p-iftalabel .p-select-label,
.p-iftalabel .p-multiselect-label,
.p-iftalabel .p-autocomplete-input-multiple,
.p-iftalabel .p-cascadeselect-label,
.p-iftalabel .p-treeselect-label {
    padding-block-start: var(--p-iftalabel-input-padding-top);
    padding-block-end: var(--p-iftalabel-input-padding-bottom);
}
.p-iftalabel:has(.p-invalid) label {
    color: var(--p-iftalabel-invalid-color);
}
.p-iftalabel:has(input:focus) label,
.p-iftalabel:has(input:-webkit-autofill) label,
.p-iftalabel:has(textarea:focus) label,
.p-iftalabel:has(.p-inputwrapper-focus) label {
    color: var(--p-iftalabel-focus-color);
}
.p-iftalabel .p-inputicon {
    top: var(--p-iftalabel-input-padding-top);
    transform: translateY(25%);
    margin-top: 0;
}

:root {
    --p-toast-close-icon-size: 1rem;
    --p-toast-close-button-width: 1.75rem;
    --p-toast-close-button-height: 1.75rem;
    --p-toast-close-button-border-radius: 50%;
    --p-toast-close-button-focus-ring-width: var(--p-focus-ring-width);
    --p-toast-close-button-focus-ring-style: var(--p-focus-ring-style);
    --p-toast-close-button-focus-ring-offset: var(--p-focus-ring-offset);
    --p-toast-detail-font-weight: 500;
    --p-toast-detail-font-size: 0.875rem;
    --p-toast-summary-font-weight: 500;
    --p-toast-summary-font-size: 1rem;
    --p-toast-text-gap: 0.5rem;
    --p-toast-content-padding: var(--p-overlay-popover-padding);
    --p-toast-content-gap: 0.5rem;
    --p-toast-icon-size: 1.125rem;
    --p-toast-width: 25rem;
    --p-toast-border-radius: var(--p-content-border-radius);
    --p-toast-border-width: 1px;
    --p-toast-transition-duration: var(--p-transition-duration);
    --p-toast-contrast-background: var(--p-surface-900);
    --p-toast-contrast-border-color: var(--p-surface-950);
    --p-toast-contrast-color: var(--p-surface-50);
    --p-toast-contrast-detail-color: var(--p-surface-0);
    --p-toast-contrast-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--p-surface-950), transparent 96%);
    --p-toast-contrast-close-button-hover-background: var(--p-surface-800);
    --p-toast-contrast-close-button-focus-ring-color: var(--p-surface-50);
    --p-toast-contrast-close-button-focus-ring-shadow: none;
    --p-toast-secondary-background: var(--p-surface-100);
    --p-toast-secondary-border-color: var(--p-surface-200);
    --p-toast-secondary-color: var(--p-surface-600);
    --p-toast-secondary-detail-color: var(--p-surface-700);
    --p-toast-secondary-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--p-surface-500), transparent 96%);
    --p-toast-secondary-close-button-hover-background: var(--p-surface-200);
    --p-toast-secondary-close-button-focus-ring-color: var(--p-surface-600);
    --p-toast-secondary-close-button-focus-ring-shadow: none;
    --p-toast-error-background: color-mix(in srgb, var(--p-red-50), transparent 5%);
    --p-toast-error-border-color: var(--p-red-200);
    --p-toast-error-color: var(--p-red-600);
    --p-toast-error-detail-color: var(--p-surface-700);
    --p-toast-error-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--p-red-500), transparent 96%);
    --p-toast-error-close-button-hover-background: var(--p-red-100);
    --p-toast-error-close-button-focus-ring-color: var(--p-red-600);
    --p-toast-error-close-button-focus-ring-shadow: none;
    --p-toast-warn-background: color-mix(in srgb, var(--p-yellow-50), transparent 5%);
    --p-toast-warn-border-color: var(--p-yellow-200);
    --p-toast-warn-color: var(--p-yellow-600);
    --p-toast-warn-detail-color: var(--p-surface-700);
    --p-toast-warn-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--p-yellow-500), transparent 96%);
    --p-toast-warn-close-button-hover-background: var(--p-yellow-100);
    --p-toast-warn-close-button-focus-ring-color: var(--p-yellow-600);
    --p-toast-warn-close-button-focus-ring-shadow: none;
    --p-toast-success-background: color-mix(in srgb, var(--p-green-50), transparent 5%);
    --p-toast-success-border-color: var(--p-green-200);
    --p-toast-success-color: var(--p-green-600);
    --p-toast-success-detail-color: var(--p-surface-700);
    --p-toast-success-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--p-green-500), transparent 96%);
    --p-toast-success-close-button-hover-background: var(--p-green-100);
    --p-toast-success-close-button-focus-ring-color: var(--p-green-600);
    --p-toast-success-close-button-focus-ring-shadow: none;
    --p-toast-info-background: color-mix(in srgb, var(--p-blue-50), transparent 5%);
    --p-toast-info-border-color: var(--p-blue-200);
    --p-toast-info-color: var(--p-blue-600);
    --p-toast-info-detail-color: var(--p-surface-700);
    --p-toast-info-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--p-blue-500), transparent 96%);
    --p-toast-info-close-button-hover-background: var(--p-blue-100);
    --p-toast-info-close-button-focus-ring-color: var(--p-blue-600);
    --p-toast-info-close-button-focus-ring-shadow: none;
    --p-toast-blur: 1.5px;
}

.p-toast {
    width: var(--p-toast-width);
    white-space: pre-line;
    word-break: break-word;
}
.p-toast-message {
    margin: 0 0 1rem 0;
}
.p-toast-message-icon {
    flex-shrink: 0;
    font-size: var(--p-toast-icon-size);
    width: var(--p-toast-icon-size);
    height: var(--p-toast-icon-size);
}
.p-toast-message-content {
    display: flex;
    align-items: flex-start;
    padding: var(--p-toast-content-padding);
    gap: var(--p-toast-content-gap);
}
.p-toast-message-text {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: var(--p-toast-text-gap);
}
.p-toast-summary {
    font-weight: var(--p-toast-summary-font-weight);
    font-size: var(--p-toast-summary-font-size);
}
.p-toast-detail {
    font-weight: var(--p-toast-detail-font-weight);
    font-size: var(--p-toast-detail-font-size);
}
.p-toast-close-button {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    background: transparent;
    transition: background var(--p-toast-transition-duration), color var(--p-toast-transition-duration), outline-color var(--p-toast-transition-duration), box-shadow var(--p-toast-transition-duration);
    outline-color: transparent;
    color: inherit;
    width: var(--p-toast-close-button-width);
    height: var(--p-toast-close-button-height);
    border-radius: var(--p-toast-close-button-border-radius);
    margin: -25% 0 0 0;
    right: -25%;
    padding: 0;
    border: none;
    user-select: none;
}
.p-toast-close-button:dir(rtl) {
    margin: -25% 0 0 auto;
    left: -25%;
    right: auto;
}
.p-toast-message-info,
.p-toast-message-success,
.p-toast-message-warn,
.p-toast-message-error,
.p-toast-message-secondary,
.p-toast-message-contrast {
    border-width: var(--p-toast-border-width);
    border-style: solid;
    backdrop-filter: blur(var(--p-toast-blur));
    border-radius: var(--p-toast-border-radius);
}
.p-toast-close-icon {
    font-size: var(--p-toast-close-icon-size);
    width: var(--p-toast-close-icon-size);
    height: var(--p-toast-close-icon-size);
}
.p-toast-close-button:focus-visible {
    outline-width: var(--p-focus-ring-width);
    outline-style: var(--p-focus-ring-style);
    outline-offset: var(--p-focus-ring-offset);
}
.p-toast-message-info {
    background: var(--p-toast-info-background);
    border-color: var(--p-toast-info-border-color);
    color: var(--p-toast-info-color);
    box-shadow: var(--p-toast-info-shadow);
}
.p-toast-message-info .p-toast-detail {
    color: var(--p-toast-info-detail-color);
}
.p-toast-message-info .p-toast-close-button:focus-visible {
    outline-color: var(--p-toast-info-close-button-focus-ring-color);
    box-shadow: var(--p-toast-info-close-button-focus-ring-shadow);
}
.p-toast-message-info .p-toast-close-button:hover {
    background: var(--p-toast-info-close-button-hover-background);
}
.p-toast-message-success {
    background: var(--p-toast-success-background);
    border-color: var(--p-toast-success-border-color);
    color: var(--p-toast-success-color);
    box-shadow: var(--p-toast-success-shadow);
}
.p-toast-message-success .p-toast-detail {
    color: var(--p-toast-success-detail-color);
}
.p-toast-message-success .p-toast-close-button:focus-visible {
    outline-color: var(--p-toast-success-close-button-focus-ring-color);
    box-shadow: var(--p-toast-success-close-button-focus-ring-shadow);
}
.p-toast-message-success .p-toast-close-button:hover {
    background: var(--p-toast-success-close-button-hover-background);
}
.p-toast-message-warn {
    background: var(--p-toast-warn-background);
    border-color: var(--p-toast-warn-border-color);
    color: var(--p-toast-warn-color);
    box-shadow: var(--p-toast-warn-shadow);
}
.p-toast-message-warn .p-toast-detail {
    color: var(--p-toast-warn-detail-color);
}
.p-toast-message-warn .p-toast-close-button:focus-visible {
    outline-color: var(--p-toast-warn-close-button-focus-ring-color);
    box-shadow: var(--p-toast-warn-close-button-focus-ring-shadow);
}
.p-toast-message-warn .p-toast-close-button:hover {
    background: var(--p-toast-warn-close-button-hover-background);
}
.p-toast-message-error {
    background: var(--p-toast-error-background);
    border-color: var(--p-toast-error-border-color);
    color: var(--p-toast-error-color);
    box-shadow: var(--p-toast-error-shadow);
}
.p-toast-message-error .p-toast-detail {
    color: var(--p-toast-error-detail-color);
}
.p-toast-message-error .p-toast-close-button:focus-visible {
    outline-color: var(--p-toast-error-close-button-focus-ring-color);
    box-shadow: var(--p-toast-error-close-button-focus-ring-shadow);
}
.p-toast-message-error .p-toast-close-button:hover {
    background: var(--p-toast-error-close-button-hover-background);
}
.p-toast-message-secondary {
    background: var(--p-toast-secondary-background);
    border-color: var(--p-toast-secondary-border-color);
    color: var(--p-toast-secondary-color);
    box-shadow: var(--p-toast-secondary-shadow);
}
.p-toast-message-secondary .p-toast-detail {
    color: var(--p-toast-secondary-detail-color);
}
.p-toast-message-secondary .p-toast-close-button:focus-visible {
    outline-color: var(--p-toast-secondary-close-button-focus-ring-color);
    box-shadow: var(--p-toast-secondary-close-button-focus-ring-shadow);
}
.p-toast-message-secondary .p-toast-close-button:hover {
    background: var(--p-toast-secondary-close-button-hover-background);
}
.p-toast-message-contrast {
    background: var(--p-toast-contrast-background);
    border-color: var(--p-toast-contrast-border-color);
    color: var(--p-toast-contrast-color);
    box-shadow: var(--p-toast-contrast-shadow);
}
.p-toast-message-contrast .p-toast-detail {
    color: var(--p-toast-contrast-detail-color);
}
.p-toast-message-contrast .p-toast-close-button:focus-visible {
    outline-color: var(--p-toast-contrast-close-button-focus-ring-color);
    box-shadow: var(--p-toast-contrast-close-button-focus-ring-shadow);
}
.p-toast-message-contrast .p-toast-close-button:hover {
    background: var(--p-toast-contrast-close-button-hover-background);
}
.p-toast-top-center {
    transform: translateX(-50%);
}
.p-toast-bottom-center {
    transform: translateX(-50%);
}
.p-toast-center {
    min-width: 20vw;
    transform: translate(-50%, -50%);
}
.p-toast-message-enter-from {
    opacity: 0;
    transform: translateY(50%);
}
.p-toast-message-leave-from {
    max-height: 1000px;
}
.p-toast .p-toast-message.p-toast-message-leave-to {
    max-height: 0;
    opacity: 0;
    margin-bottom: 0;
    overflow: hidden;
}
.p-toast-message-enter-active {
    transition: transform 0.3s, opacity 0.3s;
}
.p-toast-message-leave-active {
    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
}

:root {
    --p-image-action-hover-background: rgba(255, 255, 255, 0.1);
    --p-image-action-color: var(--p-surface-50);
    --p-image-action-hover-color: var(--p-surface-0);
    --p-image-action-size: 3rem;
    --p-image-action-icon-size: 1.5rem;
    --p-image-action-border-radius: 50%;
    --p-image-action-focus-ring-width: var(--p-focus-ring-width);
    --p-image-action-focus-ring-style: var(--p-focus-ring-style);
    --p-image-action-focus-ring-color: var(--p-focus-ring-color);
    --p-image-action-focus-ring-offset: var(--p-focus-ring-offset);
    --p-image-action-focus-ring-shadow: var(--p-focus-ring-shadow);
    --p-image-toolbar-blur: 8px;
    --p-image-toolbar-background: rgba(255, 255, 255, 0.1);
    --p-image-toolbar-border-color: rgba(255, 255, 255, 0.2);
    --p-image-toolbar-border-width: 1px;
    --p-image-toolbar-border-radius: 30px;
    --p-image-toolbar-padding: 0.5rem;
    --p-image-toolbar-gap: 0.5rem;
    --p-image-toolbar-position-left: auto;
    --p-image-toolbar-position-right: 1rem;
    --p-image-toolbar-position-top: 1rem;
    --p-image-toolbar-position-bottom: auto;
    --p-image-preview-mask-background: var(--p-mask-background);
    --p-image-preview-mask-color: var(--p-mask-color);
    --p-image-preview-icon-size: 1.5rem;
    --p-image-transition-duration: var(--p-transition-duration);
}

.p-image-mask {
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-image-preview {
    position: relative;
    display: inline-flex;
    line-height: 0;
}
.p-image-preview-mask {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s;
    border: 0 none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    color: var(--p-image-preview-mask-color);
    transition: background var(--p-image-transition-duration);
}
.p-image-preview:hover > .p-image-preview-mask {
    opacity: 1;
    cursor: pointer;
    background: var(--p-image-preview-mask-background);
}
.p-image-preview-icon {
    font-size: var(--p-image-preview-icon-size);
    width: var(--p-image-preview-icon-size);
    height: var(--p-image-preview-icon-size);
}
.p-image-toolbar {
    position: absolute;
    inset-block-start: var(--p-image-toolbar-position-top);
    inset-inline-end: var(--p-image-toolbar-position-right);
    inset-inline-start: var(--p-image-toolbar-position-left);
    inset-block-end: var(--p-image-toolbar-position-bottom);
    display: flex;
    z-index: 1;
    padding: var(--p-image-toolbar-padding);
    background: var(--p-image-toolbar-background);
    backdrop-filter: blur(var(--p-image-toolbar-blur));
    border-color: var(--p-image-toolbar-border-color);
    border-style: solid;
    border-width: var(--p-image-toolbar-border-width);
    border-radius: var(--p-image-toolbar-border-radius);
    gap: var(--p-image-toolbar-gap);
}
.p-image-action {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--p-image-action-color);
    background: transparent;
    width: var(--p-image-action-size);
    height: var(--p-image-action-size);
    margin: 0;
    padding: 0;
    border: 0 none;
    cursor: pointer;
    user-select: none;
    border-radius: var(--p-image-action-border-radius);
    outline-color: transparent;
    transition: background var(--p-image-transition-duration), color var(--p-image-transition-duration), outline-color var(--p-image-transition-duration), box-shadow var(--p-image-transition-duration);
}
.p-image-action:hover {
    color: var(--p-image-action-hover-color);
    background: var(--p-image-action-hover-background);
}
.p-image-action:focus-visible {
    box-shadow: var(--p-image-action-focus-ring-shadow);
    outline: var(--p-image-action-focus-ring-width) var(--p-image-action-focus-ring-style) var(--p-image-action-focus-ring-color);
    outline-offset: var(--p-image-action-focus-ring-offset);
}
.p-image-action .p-icon {
    font-size: var(--p-image-action-icon-size);
    width: var(--p-image-action-icon-size);
    height: var(--p-image-action-icon-size);
}
.p-image-action.p-disabled {
    pointer-events: auto;
}
.p-image-original {
    transition: transform 0.15s;
    max-width: 100vw;
    max-height: 100vh;
}
.p-image-original-enter-active {
    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
}
.p-image-original-leave-active {
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.p-image-original-enter-from,
.p-image-original-leave-to {
    opacity: 0;
    transform: scale(0.7);
}

:root {
    --p-skeleton-border-radius: var(--p-content-border-radius);
    --p-skeleton-background: var(--p-surface-200);
    --p-skeleton-animation-background: rgba(255, 255, 255, 0.4);
}

.p-skeleton {
    overflow: hidden;
    background: var(--p-skeleton-background);
    border-radius: var(--p-skeleton-border-radius);
}
.p-skeleton::after {
    content: "";
    animation: p-skeleton-animation 1.2s infinite;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-100%);
    z-index: 1;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--p-skeleton-animation-background), rgba(255, 255, 255, 0));
}
[dir="rtl"] .p-skeleton::after {
    animation-name: p-skeleton-animation-rtl;
}
.p-skeleton-circle {
    border-radius: 50%;
}
.p-skeleton-animation-none::after {
    animation: none;
}
@keyframes p-skeleton-animation {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(100%);
    }
}
@keyframes p-skeleton-animation-rtl {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}

:root {
    --p-badge-xl-font-size: 1rem;
    --p-badge-xl-min-width: 2rem;
    --p-badge-xl-height: 2rem;
    --p-badge-lg-font-size: 0.875rem;
    --p-badge-lg-min-width: 1.75rem;
    --p-badge-lg-height: 1.75rem;
    --p-badge-sm-font-size: 0.625rem;
    --p-badge-sm-min-width: 1.25rem;
    --p-badge-sm-height: 1.25rem;
    --p-badge-dot-size: 0.5rem;
    --p-badge-border-radius: var(--p-border-radius-md);
    --p-badge-padding: 0 0.5rem;
    --p-badge-font-size: 0.75rem;
    --p-badge-font-weight: 700;
    --p-badge-min-width: 1.5rem;
    --p-badge-height: 1.5rem;
    --p-badge-contrast-background: var(--p-surface-950);
    --p-badge-contrast-color: var(--p-surface-0);
    --p-badge-danger-background: var(--p-red-500);
    --p-badge-danger-color: var(--p-surface-0);
    --p-badge-warn-background: var(--p-orange-500);
    --p-badge-warn-color: var(--p-surface-0);
    --p-badge-info-background: var(--p-sky-500);
    --p-badge-info-color: var(--p-surface-0);
    --p-badge-success-background: var(--p-green-500);
    --p-badge-success-color: var(--p-surface-0);
    --p-badge-secondary-background: var(--p-surface-100);
    --p-badge-secondary-color: var(--p-surface-600);
    --p-badge-primary-background: var(--p-primary-color);
    --p-badge-primary-color: var(--p-primary-contrast-color);
}

:root {
    --p-tooltip-max-width: 12.5rem;
    --p-tooltip-gutter: 0.25rem;
    --p-tooltip-shadow: var(--p-overlay-popover-shadow);
    --p-tooltip-padding: 0.5rem 0.75rem;
    --p-tooltip-border-radius: var(--p-overlay-popover-border-radius);
    --p-tooltip-background: var(--p-surface-700);
    --p-tooltip-color: var(--p-surface-0);
}

.p-tooltip {
    position: absolute;
    display: none;
    max-width: var(--p-tooltip-max-width);
}
.p-tooltip-right,
.p-tooltip-left {
    padding: 0 var(--p-tooltip-gutter);
}
.p-tooltip-top,
.p-tooltip-bottom {
    padding: var(--p-tooltip-gutter) 0;
}
.p-tooltip-text {
    white-space: pre-line;
    word-break: break-word;
    background: var(--p-tooltip-background);
    color: var(--p-tooltip-color);
    padding: var(--p-tooltip-padding);
    box-shadow: var(--p-tooltip-shadow);
    border-radius: var(--p-tooltip-border-radius);
}
.p-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.p-tooltip-right .p-tooltip-arrow {
    margin-top: calc(-1 * var(--p-tooltip-gutter));
    border-width: var(--p-tooltip-gutter) var(--p-tooltip-gutter) var(--p-tooltip-gutter) 0;
    border-right-color: var(--p-tooltip-background);
}
.p-tooltip-left .p-tooltip-arrow {
    margin-top: calc(-1 * var(--p-tooltip-gutter));
    border-width: var(--p-tooltip-gutter) 0 var(--p-tooltip-gutter) var(--p-tooltip-gutter);
    border-left-color: var(--p-tooltip-background);
}
.p-tooltip-top .p-tooltip-arrow {
    margin-left: calc(-1 * var(--p-tooltip-gutter));
    border-width: var(--p-tooltip-gutter) var(--p-tooltip-gutter) 0 var(--p-tooltip-gutter);
    border-top-color: var(--p-tooltip-background);
    border-bottom-color: var(--p-tooltip-background);
}
.p-tooltip-bottom .p-tooltip-arrow {
    margin-left: calc(-1 * var(--p-tooltip-gutter));
    border-width: 0 var(--p-tooltip-gutter) var(--p-tooltip-gutter) var(--p-tooltip-gutter);
    border-top-color: var(--p-tooltip-background);
    border-bottom-color: var(--p-tooltip-background);
}

:root {
    --p-ripple-background: rgba(0, 0, 0, 0.1);
}

.p-ink {
    display: block;
    position: absolute;
    background: var(--p-ripple-background);
    border-radius: 100%;
    transform: scale(0);
    pointer-events: none;
}
.p-ink-active {
    animation: ripple 0.4s linear;
}
@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

:root {
    --p-progressspinner-color-one: var(--p-red-500);
    --p-progressspinner-color-two: var(--p-blue-500);
    --p-progressspinner-color-three: var(--p-green-500);
    --p-progressspinner-color-four: var(--p-yellow-500);
}

.p-progressspinner {
    position: relative;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    display: inline-block;
}
.p-progressspinner::before {
    content: "";
    display: block;
    padding-top: 100%;
}
.p-progressspinner-spin {
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    animation: p-progressspinner-rotate 2s linear infinite;
}
.p-progressspinner-circle {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: 0;
    stroke: var(--p-progressspinner-color-one);
    animation: p-progressspinner-dash 1.5s ease-in-out infinite, p-progressspinner-color 6s ease-in-out infinite;
    stroke-linecap: round;
}
@keyframes p-progressspinner-rotate {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes p-progressspinner-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}
@keyframes p-progressspinner-color {
    100%,
    0% {
        stroke: var(--p-progressspinner-color-one);
    }
    40% {
        stroke: var(--p-progressspinner-color-two);
    }
    66% {
        stroke: var(--p-progressspinner-color-three);
    }
    80%,
    90% {
        stroke: var(--p-progressspinner-color-four);
    }
}

:root {
    --p-drawer-footer-padding: var(--p-overlay-modal-padding);
    --p-drawer-content-padding: 0 var(--p-overlay-modal-padding) var(--p-overlay-modal-padding) var(--p-overlay-modal-padding);
    --p-drawer-title-font-size: 1.5rem;
    --p-drawer-title-font-weight: 600;
    --p-drawer-header-padding: var(--p-overlay-modal-padding);
    --p-drawer-background: var(--p-overlay-modal-background);
    --p-drawer-border-color: var(--p-overlay-modal-border-color);
    --p-drawer-color: var(--p-overlay-modal-color);
    --p-drawer-shadow: var(--p-overlay-modal-shadow);
}

.p-drawer {
    display: flex;
    flex-direction: column;
    transform: translate3d(0px, 0px, 0px);
    position: relative;
    transition: transform 0.3s;
    background: var(--p-drawer-background);
    color: var(--p-drawer-color);
    border: 1px solid var(--p-drawer-border-color);
    box-shadow: var(--p-drawer-shadow);
}
.p-drawer-content {
    overflow-y: auto;
    flex-grow: 1;
    padding: var(--p-drawer-content-padding);
}
.p-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    padding: var(--p-drawer-header-padding);
}
.p-drawer-footer {
    padding: var(--p-drawer-footer-padding);
}
.p-drawer-title {
    font-weight: var(--p-drawer-title-font-weight);
    font-size: var(--p-drawer-title-font-size);
}
.p-drawer-full .p-drawer {
    transition: none;
    transform: none;
    width: 100vw !important;
    height: 100vh !important;
    max-height: 100%;
    top: 0px !important;
    left: 0px !important;
    border-width: 1px;
}
.p-drawer-left .p-drawer-enter-from,
.p-drawer-left .p-drawer-leave-to {
    transform: translateX(-100%);
}
.p-drawer-right .p-drawer-enter-from,
.p-drawer-right .p-drawer-leave-to {
    transform: translateX(100%);
}
.p-drawer-top .p-drawer-enter-from,
.p-drawer-top .p-drawer-leave-to {
    transform: translateY(-100%);
}
.p-drawer-bottom .p-drawer-enter-from,
.p-drawer-bottom .p-drawer-leave-to {
    transform: translateY(100%);
}
.p-drawer-full .p-drawer-enter-from,
.p-drawer-full .p-drawer-leave-to {
    opacity: 0;
}
.p-drawer-full .p-drawer-enter-active,
.p-drawer-full .p-drawer-leave-active {
    transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.p-drawer-left .p-drawer {
    width: 20rem;
    height: 100%;
    border-inline-end-width: 1px;
}
.p-drawer-right .p-drawer {
    width: 20rem;
    height: 100%;
    border-inline-start-width: 1px;
}
.p-drawer-top .p-drawer {
    height: 10rem;
    width: 100%;
    border-block-end-width: 1px;
}
.p-drawer-bottom .p-drawer {
    height: 10rem;
    width: 100%;
    border-block-start-width: 1px;
}
.p-drawer-left .p-drawer-content,
.p-drawer-right .p-drawer-content,
.p-drawer-top .p-drawer-content,
.p-drawer-bottom .p-drawer-content {
    width: 100%;
    height: 100%;
}
.p-drawer-open {
    display: flex;
}
.p-drawer-mask:dir(rtl) {
    flex-direction: row-reverse;
}
.blurred-data {
    filter: blur(6px);
    user-select: none;
    pointer-events: none;
}
.a-base-button {
    transition: opacity 0.2s ease, transform 0.1s ease;
    cursor: pointer;
}

.a-base-button:active {
    opacity: 0.7;
    transform: scale(0.98);
}

.oauth-btn:active {
    opacity: 0.7;
    transform: scale(0.98);
}

/* Hover эффект для desktop */
@media (hover: hover) {
    .a-base-button:hover {
        opacity: 0.9;
    }
    
    .oauth-btn:hover {
        opacity: 0.9;
    }
}