:root{--button-radius: 4px;--button-fs: 14px;--button-height: 48px;--button-pad: 24px;--button-icon: 16px;--button-icon-space: 6px;--button-color: var(--color-surface-dark);--button-color-hover: var(--color-surface-dark-hover);--button-color-active: var(--color-surface-dark-active);--button-color-text: var(--color-surface-dark-text);--button-color-soft: var(--color-surface-light);--button-color-soft-hover: var(--color-surface-light-hover);--button-color-soft-active: var(--color-surface-light-active);--button-color-soft-text: var(--color-ink-light);--button-color-softer-text: var(--color-ink-xlight);--button-color-critical: var(--color-state-red);--button-color-critical-hover: var(--color-state-red-hover);--button-color-critical-active: var(--color-state-red-active);--button-color-critical-text: var(--color-state-red-text);--button-color-critical-soft: var(--color-state-red-light);--button-color-critical-soft-hover: var(--color-state-red-light-hover);--button-color-critical-soft-active: var(--color-state-red-light-active);--button-color-critical-soft-text: var(--color-state-red);--button-color-primary: var(--color-primary);--button-color-primary-hover: var(--color-primary-hover);--button-color-primary-active: var(--color-primary-active);--button-color-primary-text: var(--color-primary-text);--button-color-primary-soft: var(--color-primary-light);--button-color-primary-soft-hover: var(--color-primary-light-hover);--button-color-primary-soft-active: var(--color-primary-light-active);--button-color-primary-soft-text: var(--color-primary-light-text)}body input[type=submit],body a.button,body button{align-items:center;border:none;cursor:pointer;display:flex;font-family:"basefont";height:auto;justify-content:center;margin:0;outline:none;overflow:hidden;position:relative;text-align:center;text-decoration:none;vertical-align:middle;white-space:nowrap;-webkit-appearance:none;width:fit-content;transition:background .3s,border .3s,color .3s;background:var(--button-color);border-radius:var(--button-radius);color:var(--button-color-text);font-size:var(--button-fs);line-height:var(--button-height);padding:0 var(--button-pad)}body input[type=submit] frml-icon,body a.button frml-icon,body button frml-icon{width:var(--button-icon)}body input[type=submit] frml-icon.pad-right,body a.button frml-icon.pad-right,body button frml-icon.pad-right{margin-right:var(--button-icon-space)}body input[type=submit] frml-icon.pad-left,body a.button frml-icon.pad-left,body button frml-icon.pad-left{margin-left:var(--button-icon-space)}body input[type=submit] frml-icon svg,body a.button frml-icon svg,body button frml-icon svg{fill:var(--button-color-text);transition:fill .3s}body input[type=submit]:hover,body a.button:hover,body button:hover{background:var(--button-color-hover)}body input[type=submit]:active,body a.button:active,body button:active{background:var(--button-color-active)}body input[type=submit]:focus,body a.button:focus,body button:focus{background:var(--button-color-active)}body input[type=submit].soft,body a.button.soft,body button.soft{background:var(--button-color-soft);color:var(--button-color-soft-text)}body input[type=submit].soft frml-icon svg,body a.button.soft frml-icon svg,body button.soft frml-icon svg{fill:var(--button-color-soft-text)}body input[type=submit].soft:hover,body a.button.soft:hover,body button.soft:hover{background:var(--button-color-soft-hover)}body input[type=submit].soft:active,body a.button.soft:active,body button.soft:active{background:var(--button-color-soft-active)}body input[type=submit].softer,body a.button.softer,body button.softer{background:none;color:var(--button-color-softer-text)}body input[type=submit].softer frml-icon svg,body a.button.softer frml-icon svg,body button.softer frml-icon svg{fill:var(--button-color-softer-text)}body input[type=submit].softer:hover,body a.button.softer:hover,body button.softer:hover{color:var(--button-color-text)}body input[type=submit].softer:hover frml-icon svg,body a.button.softer:hover frml-icon svg,body button.softer:hover frml-icon svg{fill:var(--button-color-text)}body input[type=submit].primary,body a.button.primary,body button.primary{background:var(--button-color-primary);color:var(--button-color-primary-text)}body input[type=submit].primary frml-icon svg,body a.button.primary frml-icon svg,body button.primary frml-icon svg{fill:var(--button-color-primary-text)}body input[type=submit].primary:hover,body a.button.primary:hover,body button.primary:hover{background:var(--button-color-primary-hover)}body input[type=submit].primary:active,body a.button.primary:active,body button.primary:active{background:var(--button-color-primary-active)}body input[type=submit].primary.soft,body a.button.primary.soft,body button.primary.soft{background:var(--button-color-primary-soft);color:var(--button-color-primary-soft-text)}body input[type=submit].primary.soft frml-icon svg,body a.button.primary.soft frml-icon svg,body button.primary.soft frml-icon svg{fill:var(--button-color-primary-soft-text)}body input[type=submit].primary.soft:hover,body a.button.primary.soft:hover,body button.primary.soft:hover{background:var(--button-color-primary-soft-hover)}body input[type=submit].primary.soft:active,body a.button.primary.soft:active,body button.primary.soft:active{background:var(--button-color-primary-soft-active)}body input[type=submit].critical,body a.button.critical,body button.critical{background:var(--button-color-critical);color:var(--button-color-critical-text)}body input[type=submit].critical frml-icon svg,body a.button.critical frml-icon svg,body button.critical frml-icon svg{fill:var(--button-color-critical-text)}body input[type=submit].critical:hover,body a.button.critical:hover,body button.critical:hover{background:var(--button-color-critical-hover)}body input[type=submit].critical:active,body a.button.critical:active,body button.critical:active{background:var(--button-color-critical-active)}body input[type=submit].critical.soft,body a.button.critical.soft,body button.critical.soft{background:var(--button-color-critical-soft);color:var(--button-color-critical-soft-text)}body input[type=submit].critical.soft frml-icon svg,body a.button.critical.soft frml-icon svg,body button.critical.soft frml-icon svg{fill:var(--button-color-critical-soft-text)}body input[type=submit].critical.soft:hover,body a.button.critical.soft:hover,body button.critical.soft:hover{background:var(--button-color-critical-soft-hover)}body input[type=submit].critical.soft:active,body a.button.critical.soft:active,body button.critical.soft:active{background:var(--button-color-critical-soft-active)}body input[type=submit].small,body a.button.small,body button.small{font-size:calc(var(--button-fs) - 2px);line-height:calc(var(--button-height)*.75);padding-left:calc(var(--button-pad)*.75);padding-right:calc(var(--button-pad)*.75)}body input[type=submit].large,body a.button.large,body button.large{font-size:calc(var(--button-fs) + 2px);line-height:calc(var(--button-height)*1.25);padding-left:calc(var(--button-pad)*1.5);padding-right:calc(var(--button-pad)*1.5)}body input[type=submit].icon,body a.button.icon,body button.icon{line-height:1em;padding:var(--space-s);height:auto;line-height:1em;width:auto}body input[type=submit].icon frml-icon,body a.button.icon frml-icon,body button.icon frml-icon{width:calc(var(--button-icon) + 4px)}body input[type=submit].icon.small,body a.button.icon.small,body button.icon.small{width:calc(var(--button-icon) + 2px)}body input[type=submit].icon,body a.button.icon,body button.icon{height:auto;line-height:1em;padding:var(--space-s);width:auto}body input[type=submit].icon frml-icon,body a.button.icon frml-icon,body button.icon frml-icon{margin:0;width:calc(var(--button-icon) + 4px)}body input[type=submit].icon frml-icon.pad-left,body a.button.icon frml-icon.pad-left,body button.icon frml-icon.pad-left{margin-left:0}body input[type=submit].icon frml-icon.pad-right,body a.button.icon frml-icon.pad-right,body button.icon frml-icon.pad-right{margin-right:0}body input[type=submit].icon span,body a.button.icon span,body button.icon span{display:none}body input[type=submit].icon.soft,body a.button.icon.soft,body button.icon.soft{background:none}body input[type=submit].icon.soft:hover,body a.button.icon.soft:hover,body button.icon.soft:hover{background:var(--button-color-soft-hover)}body input[type=submit].icon.soft:hover.critical,body a.button.icon.soft:hover.critical,body button.icon.soft:hover.critical{background:var(--button-color-critical-soft-hover)}body input[type=submit].icon.soft:hover.primary,body a.button.icon.soft:hover.primary,body button.icon.soft:hover.primary{background:var(--button-color-primary-soft-hover)}body input[type=submit].icon.small frml-icon,body a.button.icon.small frml-icon,body button.icon.small frml-icon{width:var(--button-icon)}body input[type=submit].icon.compact,body a.button.icon.compact,body button.icon.compact{padding:var(--space-xxs)}body input[type=submit].full,body a.button.full,body button.full{display:block;padding-left:0;padding-right:0;width:100%}