:root{--btn-border-radius:4px;--btn-font:700 1rem var(--font-family-primary);--btn-small-font:700 0.9rem var(--font-family-primary);--btn-extra-small-font:700 0.85rem var(--font-family-primary);--btn-large-font:var(--btn-font);--btn-extra-large-font:var(--btn-font)}@layer components{.btn,button{display:inline-flex;justify-content:center;align-items:center;padding:0 1.5rem;font:var(--btn-font,500 1rem var(--font-family));border-radius:var(--btn-border-radius,0);border:1px solid transparent;vertical-align:middle;box-shadow:var(--btn-box-shadow,none);cursor:pointer;height:3rem}.btn:hover,button:hover{background-color:#f4f5f6}.btn:active,button:active{background-color:#f0f1f2}.btn:has(i,span,.btn__icon),button:has(i,span,.btn__icon){gap:1rem}[class*="material"].\!trim-icon{margin-right:calc(-1em / 4);margin-left:calc(-1em / 4)}.btn.extra-small,button.extra-small{height:2rem;padding:0 calc(2rem / 2);font:var(--btn-extra-small-font,500 1rem var(--font-family))}.btn.small,button.small{height:2.5rem;padding:0 calc(2.5rem / 2);font:var(--btn-small-font,500 1rem var(--font-family))}.btn.large,button.large{height:3.5rem;padding:0 calc(3.5rem / 2);font:var(--btn-large-font,500 1rem var(--font-family))}.btn.extra-large,button.extra-large{height:4rem;padding:0 calc(4rem / 2);font:var(--btn-extra-large-font,500 1rem var(--font-family))}.btn.flat-primary,button.flat-primary{color:var(--color-primary);background:transparent;&:active{background:var(--color-primary-pale)}}.btn.flat-secondary,button.flat-secondary{color:var(--color-secondary)}.btn.flat-accent,button.flat-accent{color:var(--color-accent)}.btn.solid-primary,button.solid-primary{background-color:var(--color-primary);color:var(--color-primary-inverted,white)}.btn.solid-secondary,button.solid-secondary{background-color:var(--color-secondary);color:var(--color-secondary-inverted,white)}.btn.solid-accent,button.solid-accent{background-color:var(--color-accent);color:var(--color-accent-inverted,white)}.btn.solid-primary:hover,button.solid-primary:hover{background-color:var(--color-primary-deep)}.btn.solid-secondary:hover,button.solid-secondary:hover{background-color:var(--color-secondary-deep)}.btn.solid-accent:hover,button.solid-accent:hover{background-color:var(--color-accent-deep)}.btn.solid-white,button.solid-white{background-color:var(--color-white,white)}.btn.solid-white:hover,button.solid-white:hover{background-color:var(--color-gray-pale,#dddddd33)}.btn.line,button.line{border-color:var(--color-default);color:var(--color-default)}.btn.line:hover,button.line:hover{background-color:var(--color-gray-pale,#dddddd33)}.btn.line-white,button.line-white{background-color:transparent;border-color:var(--color-white,white);color:var(--color-white,white)}.btn.line-white:hover,button.line-white:hover{background-color:rgba(255,255,255,0.2);border-color:var(--color-white,white);color:var(--color-white,white)}.btn.line-primary,button.line-primary{border-color:var(--color-primary);color:var(--color-primary)}.btn.line-secondary,button.line-secondary{border-color:var(--color-secondary);color:var(--color-secondary)}.btn.line-accent,button.line-accent{border-color:var(--color-accent);color:var(--color-accent)}.btn.line-primary:hover,button.line-primary:hover{background:var(--color-primary-pale,transparent)}.btn.line-secondary:hover,button.line-secondary:hover{background:var(--color-secondary-pale,transparent)}.btn.line-accent:hover,button.line-accent:hover{background:var(--color-accent-pale,transparent)}.btn.basic,button.basic{border:1px solid #ddd;background-color:#fafafa}.btn.basic:hover,button.basic:hover{background-color:#f4f5f6}.btn.basic:active,button.basic:active{background-color:#f0f1f2}.btn-icon{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;padding:0}.btn-icon:hover{background-color:#f7f8f9}.btn-icon:active{background-color:#f0f1f2}.btn-icon.small{width:30px;height:30px;font-size:.9rem;padding:0}.btn-icon.small .material-icons,.btn-icon.small .material-icons-outlined,.btn-icon.small .material-symbols-outlined{font-size:20px;padding:0}button.btn-icon{-webkit-appearance:none;outline:none}table{border-collapse:collapse}table th{text-align:left}table th,table td{vertical-align:middle;padding:.25rem 1rem;height:3rem;font-size:.9rem;border-bottom:1px solid var(--border-color)}table.--hover-highlight tbody tr:hover,table.--hover-highlight>tr:hover{background-color:#fafafa}.--table-fixed{table-layout:fixed}th.width-5\%{width:5%}th.width-10\%{width:10%}th.width-15\%{width:15%}th.width-20\%{width:20%}th.width-25\%{width:25%}th.width-30\%{width:30%}th.width-35\%{width:35%}th.width-40\%{width:40%}th.width-45\%{width:45%}th.width-50\%{width:50%}th.width-55\%{width:55%}th.width-60\%{width:60%}th.width-65\%{width:65%}th.width-70\%{width:70%}th.width-75\%{width:75%}th.width-80\%{width:80%}th.width-85\%{width:85%}th.width-90\%{width:90%}th.width-95\%{width:95%}input[type='text'],input[type='email'],input[type='number'],input[type='date'],input[type='password'],input[type='search']{height:3rem;border:1px solid #dcdedf;border-radius:var(--border-radius,2px);outline:none;font:400 1rem var(--font-family);box-shadow:inset 0 0 9px rgba(0,0,0,0.02);padding-left:.75rem;vertical-align:middle}select{height:3rem;border-radius:var(--border-radius,2px);font:400 1rem var(--font-family);outline:none;border:1px solid #dcdedf;box-shadow:inset 0 0 9px rgba(0,0,0,0.02);padding-left:.5rem;vertical-align:middle}}