.snackbar-round {
    border-radius: var(---round) !important;
}

.canvas-layer {
    position: absolute !important;
    top: 0;
    left: 0;
}

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

:root {
    --primary:#006494;
    --on-primary:#ffffff;
    --primary-container:#cbe6ff;
    --on-primary-container:#001e30;
    --secondary:#50606f;
    --on-secondary:#ffffff;
    --secondary-container:#d4e4f6;
    --on-secondary-container:#0c1d29;
    --tertiary:#65587b;
    --on-tertiary:#ffffff;
    --tertiary-container:#ebdcff;
    --on-tertiary-container:#211634;
    --error:#ba1a1a;
    --on-error:#ffffff;
    --error-container:#ffdad6;
    --on-error-container:#410002;
    --background:#fcfcff;
    --on-background:#1a1c1e;
    --surface:#f9f9fc;
    --on-surface:#1a1c1e;
    --surface-variant:#dee3ea;
    --on-surface-variant:#41474d;
    --outline:#72787e;
    --outline-variant:#c1c7ce;
    --shadow:#000000;
    --scrim:#000000;
    --inverse-surface:#2e3133;
    --inverse-on-surface:#f0f0f3;
    --inverse-primary:#8fcdff;
    --surface-dim:#d9dadd;
    --surface-bright:#f9f9fc;
    --surface-container-lowest:#ffffff;
    --surface-container-low:#f3f3f6;
    --surface-container:#edeef1;
    --surface-container-high:#e8e8eb;
    --surface-container-highest:#e2e2e5;
}

.poppins {
    font-family: poppins;
}