event-services/dist/index.css

Collection of hooks, components, generics (buttons, containers, styles, tools) for creating web applications for guest management for any type of events: weddings, parties, graduations that require guest confirmation and display useful information to gues

.app{width:100vw;max-width:1512px}.border-radius{border-radius:calc(var(--br-global) * 2)}.border-radius-none{border-radius:initial}.bordered{border:var(--br-global) solid var(--txt-primary)}.border-none{border:none}.bg-none{background-color:transparent}.m{margin:2rem}.mt-2{margin-top:2rem}.mb-2{margin-bottom:2rem}.p{padding:2rem}.pt-2{padding-top:2rem}.pb-2{padding-bottom:2rem}:root{--bg-primary: #F0F2F5;--bg-primary-rgba: rgb(240, 242, 245, .7);--bg-secondary: #FFFFFF;--bg-tertiary: #F0F2F5;--bg-tertiary-rgba: rgba(240, 242, 245, .5);--txt-primary: #050505;--txt-primary-rgba: rgba(5, 5, 5, .87);--txt-secondary: #65676B;--txt-secondary-rgba: rgba(101, 103, 107, .2);--txt-third: #727475;--el-background: #F0F2F5;--divider: #CED0D4;--br-global: 8px}[data-theme=dark]{--bg-primary: #18191A;--bg-primary-rgba: rgb(24, 25, 26, .7);--bg-secondary: #252526;--bg-tertiary: #3A3B3C;--bg-tertiary-rgba: rgba(58, 59, 60, .5);--txt-primary: #E4E6EB;--txt-primary-rgba: rgba(228, 230, 235, .3);--txt-secondary: #B0B3B8;--txt-secondary-rgba: rgba(176, 179, 184, .2);--txt-third: #727475;--el-background: #3A3B3C;--divider: #3E4042}*{margin:0;box-sizing:border-box}html,body{font-family:system-ui,sans-serif;line-height:1.5;font-weight:400;font-size:12px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;padding:0;border:0;min-height:100vh;display:flex;flex-direction:column;align-items:center}html body:has(#root .app[data-theme=light]){background-color:#f0f2f5!important}html body:has(#root .app[data-theme=dark]){background-color:#18191a!important}@media (min-width: 425px){html,body{font-size:14px}}@media (min-width: 768px){html,body{font-size:16px}}