/* Presentation utilities used instead of inline style attributes. */
.csp-overflow-x-hidden { overflow-x: hidden; }
.csp-max-w-900 { max-width: 900px; }
.csp-max-w-320 { max-width: 320px; }
.csp-max-w-240 { max-width: 240px; }
.csp-max-w-50 { max-width: 50%; }
.csp-w-100-max-420 { width: 100%; max-width: 420px; }
.csp-media-preview { width: 100%; max-width: 320px; height: auto; border: 1px solid #e5e7eb; border-radius: 8px; }
.csp-rounded-media { border: 1px solid #e5e7eb; border-radius: 8px; }
.csp-banner-preview { width: 100%; max-height: 150px; object-fit: cover; }
.csp-banner-placeholder { height: 150px; }
.csp-logo-preview { width: auto; max-width: 100%; max-height: 72px; object-fit: contain; }
.csp-team-photo-preview { max-height: 180px; }
.csp-team-avatar { width: 56px; height: 56px; object-fit: cover; }
.csp-team-placeholder { width: 56px; height: 56px; }
.csp-color-choice { width: 42px; height: 42px; }
.csp-color-preview { width: 100%; height: 48px; border: 0; padding: 0; }
.csp-money-input { max-width: 120px; }
.csp-table-active { width: 140px; }
.csp-table-time { width: 180px; }
.csp-min-w-220 { min-width: 220px; }
.csp-min-w-280 { min-width: 280px; }
.csp-min-w-290 { min-width: 290px; }
.csp-date-filter { width: 150px; padding-right: .5rem; }
.csp-pin-input { width: 78px; }
.csp-font-sm { font-size: 14px; }
.csp-top-offset { top: -8px; }
.csp-top-anchor { position: absolute; top: 0; left: 0; width: 1px; height: 1px; }
.csp-main-no-padding { padding-top: 0; }
.csp-toast-layer { z-index: 11000; }
.csp-navbar-wa { margin-top: -5px; }
.csp-text-justify { text-align: justify; }
.csp-border-0 { border: 0; }
.csp-sentinel { height: 1px; }
.csp-runtime-alert { position: fixed; top: 92px; right: 18px; z-index: 1080; max-width: min(360px, calc(100vw - 36px)); margin: 0; box-shadow: 0 16px 38px rgba(15, 23, 42, .18); transition: opacity 220ms ease; }
.csp-fade-out { opacity: 0; }
.csp-scroll-auto { scroll-behavior: auto !important; }
.csp-auto-textarea { field-sizing: content; min-height: 38px; max-height: 120px; }
.csp-aos-fallback { opacity: 1 !important; transform: none !important; }
.csp-progress { width: 100%; height: .65rem; }
.csp-hero-slide { position: relative; overflow: hidden; }
.csp-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.csp-hero-content { position: relative; z-index: 1; }
.csp-folder-depth-0 { padding-left: 0; }
.csp-folder-depth-1 { padding-left: 20px; }
.csp-folder-depth-2 { padding-left: 40px; }
.csp-folder-depth-3 { padding-left: 60px; }
.csp-folder-depth-4 { padding-left: 80px; }
.csp-folder-depth-5 { padding-left: 100px; }
.csp-folder-depth-6 { padding-left: 120px; }
.csp-folder-depth-7 { padding-left: 140px; }
.csp-folder-depth-8 { padding-left: 160px; }
.csp-folder-depth-9 { padding-left: 180px; }
.csp-folder-depth-10 { padding-left: 200px; }
.csp-folder-depth-11 { padding-left: 220px; }
.csp-folder-depth-12 { padding-left: 240px; }
.csp-folder-depth-13 { padding-left: 260px; }
.csp-folder-depth-14 { padding-left: 280px; }
.csp-folder-depth-15 { padding-left: 300px; }
.csp-folder-depth-16 { padding-left: 320px; }
.csp-folder-depth-17 { padding-left: 340px; }
.csp-folder-depth-18 { padding-left: 360px; }
.csp-folder-depth-19 { padding-left: 380px; }
.csp-folder-depth-20 { padding-left: 400px; }