/* @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap'); */
:root{
    --accent-bg:purple;
    --accent-bg-end:teal;
    --accent-fg:white;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Geist,system-ui,sans-serif;font-size:15px;height:100vh;display:flex;flex-direction:column}
.container{display:flex;flex-direction:column;flex:1;height:100dvh}
header{background-color:var(--accent-bg);color:var(--accent-fg);position:sticky;top:0;left:0;z-index:100}
main{flex:1;display:flex;flex-direction:column;width:100%;padding:1rem}
.max{max-width:1400px;margin:auto}
.g025{gap:0.25rem}.g05{gap:0.5rem}.g15{gap:1.5rem}.g2{gap:2rem}
label[style='color: var(--error);']{color:#333!important}
p[style*='color: var(--error); font-size: 14px']{font-size:13px!important}
.sbc-avatar.pointer{cursor:pointer}
a{color:inherit;text-decoration:none}
.bg-lg{background-image:linear-gradient(to right,var(--accent-bg),var(--accent-bg-end));color:var(--accent-fg)}

.sbc-sheet-content {padding: 0 !important;}
.show-close {background: crimson !important;color: white !important}
.mandatory input,
.mandatory textarea,
.mandatory .sbc-datepicker-button,
.mandatory.sbc-select button {border-left: 2px solid red !important;}