:root{--g-50: hsl(0, 0%, 95%);--g-100: hsl(0, 0%, 90%);--g-300: hsl(0, 0%, 70%);--g-500: hsl(0, 0%, 50%);--g-700: hsl(0, 0%, 30%);--g-900: hsl(0, 0%, 10%);--g-950: hsl(0, 0%, 5%);--d-50: hsl(354, 76%, 95%);--d-100: hsl(354, 76%, 90%);--d-300: hsl(354, 76%, 70%);--d-500: hsl(354, 76%, 50%);--d-700: hsl(354, 76%, 30%);--d-900: hsl(354, 76%, 10%);--d-950: hsl(354, 76%, 5%);--i-50: hsl(190, 90%, 95%);--i-100: hsl(190, 90%, 90%);--i-300: hsl(190, 90%, 70%);--i-500: hsl(190, 90%, 50%);--i-700: hsl(190, 90%, 30%);--i-900: hsl(190, 90%, 10%);--i-950: hsl(190, 90%, 5%);--p-50: hsl(216, 98%, 95%);--p-100: hsl(216, 98%, 90%);--p-300: hsl(216, 98%, 70%);--p-500: hsl(216, 98%, 50%);--p-700: hsl(216, 98%, 30%);--p-900: hsl(216, 98%, 10%);--p-950: hsl(216, 98%, 5%);--s-50: hsl(152, 81%, 95%);--s-100: hsl(152, 81%, 90%);--s-300: hsl(152, 81%, 70%);--s-500: hsl(152, 81%, 50%);--s-700: hsl(152, 81%, 30%);--s-900: hsl(152, 81%, 10%);--s-950: hsl(152, 81%, 5%);--w-50: hsl(45, 97%, 95%);--w-100: hsl(45, 97%, 90%);--w-300: hsl(45, 97%, 70%);--w-500: hsl(45, 97%, 50%);--w-700: hsl(45, 97%, 30%);--w-900: hsl(45, 97%, 10%);--w-950: hsl(45, 97%, 5%);--c-d-50: var(--d-50);--c-d-100: var(--d-100);--c-d-300: var(--d-300);--c-d-500: var(--d-500);--c-d-700: var(--d-700);--c-d-900: var(--d-900);--c-d-950: var(--d-950);--c-i-50: var(--i-50);--c-i-100: var(--i-100);--c-i-300: var(--i-300);--c-i-500: var(--i-500);--c-i-700: var(--i-700);--c-i-900: var(--i-900);--c-i-950: var(--i-950);--c-p-50: var(--p-50);--c-p-100: var(--p-100);--c-p-300: var(--p-300);--c-p-500: var(--p-500);--c-p-700: var(--p-700);--c-p-900: var(--p-900);--c-p-950: var(--p-950);--c-s-50: var(--s-50);--c-s-100: var(--s-100);--c-s-300: var(--s-300);--c-s-500: var(--s-500);--c-s-700: var(--s-700);--c-s-900: var(--s-900);--c-s-950: var(--s-950);--c-g-50: var(--g-50);--c-g-100: var(--g-100);--c-g-300: var(--g-300);--c-g-500: var(--g-500);--c-g-700: var(--g-700);--c-g-900: var(--g-900);--c-g-950: var(--g-950);--c-w-50: var(--w-50);--c-w-100: var(--w-100);--c-w-300: var(--w-300);--c-w-500: var(--w-500);--c-w-700: var(--w-700);--c-w-900: var(--w-900);--c-w-950: var(--w-950);--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 20px rgba(0, 0, 0, 0.15)}[data-theme=dark]{--c-d-50: var(--d-950);--c-d-100: var(--d-900);--c-d-300: var(--d-700);--c-d-500: var(--d-500);--c-d-700: var(--d-300);--c-d-900: var(--d-100);--c-d-950: var(--d-50);--c-i-50: var(--i-950);--c-i-100: var(--i-900);--c-i-300: var(--i-700);--c-i-500: var(--i-500);--c-i-700: var(--i-300);--c-i-900: var(--i-100);--c-i-950: var(--i-50);--c-p-50: var(--p-950);--c-p-100: var(--p-900);--c-p-300: var(--p-700);--c-p-500: var(--p-500);--c-p-700: var(--p-300);--c-p-900: var(--p-100);--c-p-950: var(--p-50);--c-s-50: var(--s-950);--c-s-100: var(--s-900);--c-s-300: var(--s-700);--c-s-500: var(--s-500);--c-s-700: var(--s-300);--c-s-900: var(--s-100);--c-s-950: var(--s-50);--c-g-50: var(--g-950);--c-g-100: var(--g-900);--c-g-300: var(--g-700);--c-g-500: var(--g-500);--c-g-700: var(--g-300);--c-g-900: var(--g-100);--c-g-950: var(--g-50);--c-w-50: var(--w-950);--c-w-100: var(--w-900);--c-w-300: var(--w-700);--c-w-500: var(--w-500);--c-w-700: var(--w-300);--c-w-900: var(--w-100);--c-w-950: var(--w-50);--shadow-sm: 0 1px 2px rgba(255, 255, 255, 0.05);--shadow-md: 0 4px 6px rgba(255, 255, 255, 0.08);--shadow-lg: 0 10px 20px rgba(255, 255, 255, 0.1)}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.5;background-color:var(--c-g-50);color:var(--c-g-950)}img,picture,video,canvas,svg{display:block;height:auto}input,button,textarea,select{font:inherit;margin:0;padding:0;border:none;background:none;color:inherit}button{cursor:pointer;background:rgba(0,0,0,0)}a{text-decoration:none;color:inherit}ul,ol{list-style:none;margin:0;padding:0}.button-group{display:flex;gap:1px;border-radius:.5rem;background-color:var(--c-g-300);border:1px solid var(--c-g-500)}.button-group:hover{border-color:var(--c-g-700)}.button-group.sm{gap:0}.button-group>*{display:flex;gap:.25rem;align-items:center;border:0;text-decoration:none;padding:.25rem .5rem;background-color:var(--c-g-700);color:var(--c-g-50)}.button-group>*:hover{background-color:var(--c-g-300);color:var(--c-g-950)}.button-group>*.disabled{background-color:var(--c-g-100);color:var(--c-g-300);cursor:not-allowed}.button-group>*:first-child{border-radius:.5rem 0 0 .5rem}.button-group>*:last-child{border-radius:0 .5rem .5rem 0}.button-group.primary{background-color:var(--c-p-300);border-color:var(--c-p-500)}.button-group.primary:hover{border-color:var(--c-p-700)}.button-group.primary>*{background-color:var(--c-p-700)}.button-group.primary>*:hover{background-color:var(--c-p-300);color:var(--c-p-950)}.button-group.primary>*.disabled{background-color:var(--c-p-100);color:var(--c-p-300)}.button-group.danger{background-color:var(--c-d-300);border-color:var(--c-d-500)}.button-group.danger:hover{border-color:var(--c-d-700)}.button-group.danger>*{background-color:var(--c-d-700)}.button-group.danger>*:hover{background-color:var(--c-d-300);color:var(--c-d-950)}.button-group.danger>*.disabled{background-color:var(--c-d-100);color:var(--c-d-300)}.button-group.success{background-color:var(--c-s-300);border-color:var(--c-s-500)}.button-group.success:hover{border-color:var(--c-s-700)}.button-group.success>*{background-color:var(--c-s-700)}.button-group.success>*:hover{background-color:var(--c-s-300);color:var(--c-s-950)}.button-group.success>*.disabled{background-color:var(--c-s-100);color:var(--c-s-300)}.button-group.warning{background-color:var(--c-w-300);border-color:var(--c-w-500)}.button-group.warning:hover{border-color:var(--c-w-700)}.button-group.warning>*{background-color:var(--c-w-700)}.button-group.warning>*:hover{background-color:var(--c-w-300);color:var(--c-w-950)}.button-group.warning>*.disabled{background-color:var(--c-w-100);color:var(--c-w-300)}.button-group.sm>*{font-size:.9rem;padding:.125rem .25rem}.button-group.lg>*{font-size:1.1rem;padding:.375rem .75rem}.button{display:flex;flex:1;gap:.25rem;align-items:center;border:0;text-decoration:none;border-radius:.5rem;padding:.25rem .5rem;background-color:var(--c-g-700);color:var(--c-g-50);border:1px solid var(--c-g-500)}.button:hover{background-color:var(--c-g-300);color:var(--c-g-950)}.button.primary{background-color:var(--c-p-700);border-color:var(--c-p-500);color:var(--c-p-50)}.button.primary:hover{background-color:var(--c-p-300);color:var(--c-p-950);border-color:var(--c-p-700)}.button.primary.disabled{background-color:var(--c-p-100);border-color:var(--c-p-50);color:var(--c-p-300);cursor:not-allowed}.button.danger{background-color:var(--c-d-700);border-color:var(--c-d-500);color:var(--c-d-50)}.button.danger:hover{background-color:var(--c-d-300);color:var(--c-d-950);border-color:var(--c-d-700)}.button.danger.disabled{background-color:var(--c-d-100);border-color:var(--c-d-50);color:var(--c-d-300);cursor:not-allowed}.button.sm{font-size:.9rem;padding:.125rem .25rem;gap:.125rem}.button.lg{font-size:1.1rem;padding:.375rem .75rem;gap:.375rem}.symbol{display:grid;gap:1rem;grid-template-columns:min-content min-content;grid-template-columns:repeat(auto-fit, minmax(200px, min-content));justify-content:center;padding:.25rem 0}.symbol-bar{display:grid;grid-template-columns:min-content min-content;gap:1px;border:1px solid var(--c-g-500);border-radius:.5rem;background-color:var(--c-g-300);overflow:hidden;padding:0px;height:48px}.symbol-bar__text{color:var(--c-g-950);background-color:var(--c-g-300);padding:2px 1rem;height:48px;font-weight:bold;font-size:1.25rem;display:flex;justify-content:center;align-items:center}.symbol-bar>input{border:none;outline:none;height:100%;font-weight:bold;font-size:1.5rem;text-align:center;background-color:var(--c-g-100);color:var(--c-g-950)}.icon{width:1rem;height:1rem;fill:currentColor}.icon.active{animation:pulse 1s ease-in-out infinite;transform-origin:center}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.4)}}.input-btn{display:grid;gap:.25rem;grid-template-columns:min-content min-content;align-content:center}.input-btn>input{position:absolute;display:none}.input-btn>label{cursor:pointer;height:48px;padding:.25rem 1rem;display:flex;justify-content:center;align-items:center;background-color:var(--c-g-300);border:1px solid var(--c-g-500);border-radius:.5rem;font-size:1.5rem}.input-btn>label:hover{background-color:var(--c-g-500);color:var(--c-g-50)}.line{display:grid;gap:.25rem;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));justify-items:center;padding:.5rem 0}.line.line-press{grid-template-columns:repeat(auto-fit, minmax(0, max-content))}.line.line-end{justify-content:end}.line.line-between{justify-content:space-between}.line-line{display:flex;gap:.25rem}.line.align-center{align-items:center}.line.align-center{align-items:center}.line.align-end{align-items:end}.line.justify-start{justify-items:start}.line>.self-stretch{justify-self:stretch}.line>.self-align-stretch{align-items:stretch}.login{display:grid;background-color:var(--c-i-100);border:1px solid var(--c-i-500);border-radius:.5rem;padding:1rem;gap:1rem}.login-field{display:grid}.login-field>label{font-size:1rem;color:var(--c-g-500)}.login-field>input{height:3rem;background-color:var(--c-i-50);border-radius:.5rem;border:1px solid var(--c-i-500);font-size:2rem;padding:.5rem;color:var(--c-g-500)}.login-submit{color:var(--c-i-50);background-color:var(--c-i-500);padding:.5rem;font-size:1.5rem;border-radius:.5rem}.login-submit:hover{background-color:var(--c-i-700)}.nav{display:grid;height:3.5rem}.nav-condenced{height:auto}.nav-condenced>.nav-container .active{border-bottom:1px solid var(--c-g-950)}.nav-container{display:grid;gap:1rem;grid-template-columns:min-content min-content 1fr min-content;background-color:var(--c-g-50)}.nav-container__logout{align-self:center;justify-self:end;background-color:var(--c-g-300);border-radius:.5rem;padding:.25rem .5rem}.nav-container__logout:hover{background-color:var(--c-g-900);color:var(--c-g-50)}.nav-container .switch{margin-left:auto}.nav-container>ul{display:flex;gap:1px;padding:0;margin:0}.nav-container>ul>li{display:flex;align-content:center;white-space:nowrap;list-style:none}.nav-container>ul>li.active{background-color:var(--c-g-100);border-bottom:2px solid var(--c-g-950)}.nav-container>ul>li>a,.nav-container>ul>li>button{display:flex;justify-content:center;align-items:center;height:100%;text-decoration:none;color:var(--c-g-950);font-weight:bold;border:none;padding:.25rem 1rem;background-color:rgba(0,0,0,0)}.nav-container>ul>li>a:hover,.nav-container>ul>li>button:hover{background-color:var(--c-g-100);color:var(--c-g-700)}.nav-container>ul>li.ddown{position:relative;display:inline-block}.nav-container>ul>li.ddown .arrow{display:inline-block;margin-left:1rem;width:.75rem;height:.75rem;background-size:contain;background-repeat:no-repeat;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='gray' viewBox='0 0 16 16'><path d='M7 12 1.4 5.6c-.7-.8-.1-2 1-2h11.5a1.2 1.2 0 0 1 .9 2L9 12.2q-.9.8-1.8 0'/></svg>");transition:transform .4s ease}.nav-container>ul>li.ddown>.ddown-menu{position:absolute;top:100%;left:0;min-width:20rem;padding:0;background-color:var(--c-g-100);border-radius:0 .5rem .5rem .5rem;opacity:0;visibility:hidden;overflow:hidden;transform:translateY(-1rem);transition:.6s ease;z-index:3}.nav-container>ul>li.ddown>.ddown-menu>.active{background-color:var(--c-g-50)}.nav-container>ul>li.ddown>.ddown-menu a{display:block;padding:.25rem .5rem;color:var(--c-g-700);text-decoration:none}.nav-container>ul>li.ddown>.ddown-menu a:hover{color:var(--c-g-950);background-color:var(--c-g-300)}.nav-container>ul>li.ddown:hover,.nav-container>ul>li.ddown:focus-within{background-color:var(--c-g-100)}.nav-container>ul>li.ddown:hover>.ddown-menu,.nav-container>ul>li.ddown:focus-within>.ddown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-container>ul>li.ddown:hover .arrow,.nav-container>ul>li.ddown:focus-within .arrow{transform:rotate(180deg)}.nav-container .logo{background-color:rgba(0,0,0,0)}.nav-container .logo>*>svg,.nav-container .logo>*>img{height:3.5rem;width:3.5rem;padding:.5rem;color:var(--c-g-950)}.nav.danger>.nav-container{background-color:var(--c-d-50)}.nav.danger>.nav-container>ul>li>a,.nav.danger>.nav-container>ul>li>button{color:var(--c-d-950);background-color:var(--c-d-100)}.nav.danger>.nav-container>ul>li>a:hover,.nav.danger>.nav-container>ul>li>a:focus-within,.nav.danger>.nav-container>ul>li>button:hover,.nav.danger>.nav-container>ul>li>button:focus-within{background-color:var(--c-d-300)}.nav.danger>.nav-container .ddown:hover button{background-color:var(--c-d-300)}.nav.danger>.nav-container .ddown-menu{background-color:var(--c-d-300)}.nav.danger>.nav-container .ddown-menu a{color:var(--c-d-950);border-top:1px solid var(--c-d-100)}.nav.danger>.nav-container .ddown-menu a:hover{color:var(--c-d-100);background-color:var(--c-d-700)}.nav.info>.nav-container{background-color:var(--c-i-50)}.nav.info>.nav-container>ul>li>a,.nav.info>.nav-container>ul>li>button{color:var(--c-i-950);background-color:var(--c-i-100)}.nav.info>.nav-container>ul>li>a:hover,.nav.info>.nav-container>ul>li>a:focus-within,.nav.info>.nav-container>ul>li>button:hover,.nav.info>.nav-container>ul>li>button:focus-within{background-color:var(--c-i-300)}.nav.info>.nav-container .ddown:hover button{background-color:var(--c-i-300)}.nav.info>.nav-container .ddown-menu{background-color:var(--c-i-300)}.nav.info>.nav-container .ddown-menu>.active{background-color:var(--c-i-100)}.nav.info>.nav-container .ddown-menu>a{color:var(--c-i-950);border-top:1px solid var(--c-i-100)}.nav.info>.nav-container .ddown-menu>a:hover{color:var(--c-i-100);background-color:var(--c-i-700)}.nav.primary>.nav-container{background-color:var(--c-p-50)}.nav.primary>.nav-container>ul>li>a,.nav.primary>.nav-container>ul>li>button{color:var(--c-p-950);background-color:var(--c-p-100)}.nav.primary>.nav-container>ul>li>a:hover,.nav.primary>.nav-container>ul>li>a:focus-within,.nav.primary>.nav-container>ul>li>button:hover,.nav.primary>.nav-container>ul>li>button:focus-within{background-color:var(--c-p-300)}.nav.primary>.nav-container .ddown:hover button{background-color:var(--c-p-300)}.nav.primary>.nav-container .ddown-menu{background-color:var(--c-p-300)}.nav.primary>.nav-container .ddown-menu a{color:var(--c-p-950);border-top:1px solid var(--c-p-100)}.nav.primary>.nav-container .ddown-menu a:hover{color:var(--c-p-100);background-color:var(--c-p-700)}.nav.success>.nav-container{background-color:var(--c-s-50)}.nav.success>.nav-container>ul>li>a,.nav.success>.nav-container>ul>li>button{color:var(--c-s-950);background-color:var(--c-s-100)}.nav.success>.nav-container>ul>li>a:hover,.nav.success>.nav-container>ul>li>a:focus-within,.nav.success>.nav-container>ul>li>button:hover,.nav.success>.nav-container>ul>li>button:focus-within{background-color:var(--c-s-300)}.nav.success>.nav-container .ddown:hover button{background-color:var(--c-s-300)}.nav.success>.nav-container .ddown-menu{background-color:var(--c-s-300)}.nav.success>.nav-container .ddown-menu a{color:var(--c-s-950);border-top:1px solid var(--c-s-100)}.nav.success>.nav-container .ddown-menu a:hover{color:var(--c-s-100);background-color:var(--c-s-700)}.nav.warning>.nav-container{background-color:var(--c-w-50)}.nav.warning>.nav-container>ul>li>a,.nav.warning>.nav-container>ul>li>button{color:var(--c-w-950);background-color:var(--c-w-100)}.nav.warning>.nav-container>ul>li>a:hover,.nav.warning>.nav-container>ul>li>a:focus-within,.nav.warning>.nav-container>ul>li>button:hover,.nav.warning>.nav-container>ul>li>button:focus-within{background-color:var(--c-w-300)}.nav.warning>.nav-container .ddown:hover button{background-color:var(--c-w-300)}.nav.warning>.nav-container .ddown-menu{background-color:var(--c-w-300)}.nav.warning>.nav-container .ddown-menu a{color:var(--c-w-950);border-top:1px solid var(--c-w-100)}.nav.warning>.nav-container .ddown-menu a:hover{color:var(--c-w-100);background-color:var(--c-w-700)}#notifications{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column-reverse;gap:.5rem;z-index:1034}.notification{background-color:var(--c-g-900);color:var(--c-g-100);padding:1rem 1.5rem 1rem .55rem;border-radius:.4rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.2);min-width:250px;position:relative;animation:fadeIn .3s ease}.notification>i{font-size:.8rem}.notification:hover{background-color:var(--c-g-950);color:var(--c-g-50)}.notification button{position:absolute;top:0rem;right:.25rem;background:none;border:none;color:var(--c-g-500);font-size:1.2rem;cursor:pointer}.notification button:hover{color:var(--c-g-50)}.notification.danger{background-color:var(--c-d-900);color:var(--c-d-100)}.notification.danger:hover{background-color:var(--c-d-950);color:var(--c-d-50)}.notification.danger>button{color:var(--c-d-500)}.notification.danger>button:hover{color:var(--c-d-300)}.notification.success{background-color:var(--c-s-900);color:var(--c-s-100)}.notification.success:hover{background-color:var(--c-s-950);color:var(--c-s-50)}.notification.success>button{color:var(--c-s-500)}.notification.success>button:hover{color:var(--c-s-300)}.notification.primary{background-color:var(--c-p-900);color:var(--c-p-100)}.notification.primary:hover{background-color:var(--c-p-950);color:var(--c-p-50)}.notification.primary>button{color:var(--c-p-500)}.notification.primary>button:hover{color:var(--c-p-300)}.notification.warning{background-color:var(--c-w-900);color:var(--c-w-100)}.notification.warning:hover{background-color:var(--c-w-950);color:var(--c-w-50)}.notification.warning>button{color:var(--c-w-500)}.notification.warning>button:hover{color:var(--c-w-300)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.switch{display:flex;align-items:center;gap:1rem;cursor:pointer;user-select:none;padding:.25rem .5rem}.switch-icon{font-size:1rem -0.9}.switch-text{color:var(--c-g-950)}.switch input{display:none}.switch.switch-danger>.switch-slider{border-color:var(--c-d-500)}.switch.switch-danger>.switch-slider::before{background-color:var(--c-d-500)}.switch.switch-info>.switch-slider{border-color:var(--c-i-500)}.switch.switch-info>.switch-slider::before{background-color:var(--c-i-500)}.switch.switch-primary>.switch-slider{border-color:var(--c-p-500)}.switch.switch-primary>.switch-slider::before{background-color:var(--c-p-500)}.switch.switch-success>.switch-slider{border-color:var(--c-s-500)}.switch.switch-success>.switch-slider::before{background-color:var(--c-s-500)}.switch.switch-warning>.switch-slider{border-color:var(--c-w-500)}.switch.switch-warning>.switch-slider::before{background-color:var(--c-w-500)}.switch.switch-warning>.switch-slider{background-color:var(--c-w-100)}.switch.switch-warning>input:checked+.switch-slider{background-color:var(--c-w-900)}.switch-slider{width:36px;height:20px;background:var(--c-g-300);border-radius:13px;border:1px solid var(--c-g-700);position:relative;transition:background .5s}.switch-slider::before{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;background:var(--c-g-700);border-radius:50%;transition:transform .5s}.switch-slider:hover{background-color:var(--c-g-500)}.switch>:checked+.switch-slider::before{transform:translateX(16px)}.switch>input:checked+.switch-slider{background:var(--c-g-300)}.switch>input:checked+.switch-slider:hover{background-color:var(--c-g-500)}.t{width:100%;margin:1rem 0;background-color:var(--c-g-50);border-spacing:0;border-collapse:collapse;color:var(--c-g-950)}.t>thead{background-color:var(--c-g-300)}.t>* th,.t>* td{padding:.25rem;text-align:left}.t.t-border th,.t.t-border td{border:1px solid var(--c-g-500)}.t.t-striped tbody tr:nth-child(even){background-color:var(--c-g-100)}.t>* th{font-weight:bold}.t.t-hover tbody tr:hover{z-index:1;background-color:var(--c-g-300)}.t .center{text-align:center}@media(min-width: 1024px){:root{--container-padding: 5.0rem}}@media(max-width: 1024px){:root{--container-padding: 0.25rem}}@media(min-width: 1280px){:root{--container-max-width: 1800px;--container-padding: 10.0rem}}@media(min-width: 1920px){:root{--container-max-width: 1600px;--container-padding: 15.0rem}}.wrapper{min-height:100vh;display:flex;flex-direction:column}.container-adaptive{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.content{flex:1;display:flex;flex-direction:column}html{font-size:1rem}body{padding:0px;background-color:var(--c-g-50);color:var(--c-g-950);transition:background .3s ease}.color-primary{color:var(--c-p-500);background-color:var(--c-p-100)}.color-success{color:var(--c-s-500);background-color:var(--c-s-100)}.color-secondary{color:var(--c-g-500);background-color:var(--c-g-100)}.color-warning{color:var(--c-w-500);background-color:var(--c-w-100)}