:root{--color-primary:#2cd;--color-secondary:#2cd;--color-bg-primary:#f7f7f7;--color-bg-secondary:#fff;--color-bg-contrast:#edeff4;--color-txt-primary:#3a404c;--color-txt-secondary:#a2a5b7;--color-txt-contrast:#000;--color-alert:#f97e72;--color-warning:#efd172;--color-success:#19af79;--font-xl:48px;--font-lg:36px;--font-md:26px;--font-sm:16px;--font-xs:14px;--font-h4:18px;--radius-circle:50%;--radius-xl:16px;--radius-lg:12px;--radius-md:8px;--radius-sm:6px;--radius-xs:4px;--spacing-xl:60px;--spacing-lg:30px;--spacing-md:15px;--spacing-sm:10px;--spacing-xs:5px;--shadow-xl:0px 0px 16px rgba(0,0,0,0.15);--shadow-lg:0px 0px 8px rgba(0,0,0,0.15);--shadow-md:0px 0px 4px rgba(0,0,0,0.15);--shadow-sm:0px 0px 2px rgba(0,0,0,0.15);--shadow-xs:0px 0px 1px rgba(0,0,0,0.15)}.survey .survey-banner{min-height:100px!important;background-color:#edeff4;border-radius:5px 5px 0 0}.survey{min-height:300px;max-height:300px;box-shadow:var(--shadow-lg);margin:10px auto;border-radius:var(--radius-md)}