@import url('fonts.googleapis.com/css?family=Rubik:300,400,400i,500&display=swap');
@import 'sf-design-system/design-tokens/colors'; @import 'sf-design-system/design-tokens/breakpoints'; @import 'sf-design-system/design-tokens/typography-mixins'; @import 'sf-design-system/design-tokens/typography'; @import 'sf-design-system/design-tokens/mixins'; @import 'sf-design-system/design-tokens/variables'; @import 'sf-design-system/design-tokens/base';
@import 'sf-design-system/layout/hero-banner'; @import 'sf-design-system/forms/form-fields'; @import 'sf-design-system/forms/pagination';
@import 'sfgov';
body {
margin: 0; padding: 0;
}
form {
@include contain-1090;
}
.form-group {
@include clearfix;
}
.sections-container {
max-width: 38rem; padding-bottom: 60px;
}
div {
position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686 overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.optional {
opacity: 0.8;
}
.other-label {
margin-top: 0.5rem;
}
.other-label, .other-input {
display: inline-block;
}
.other-input label {
font-size: 0; height: 0; margin: 0;
}
.other-input input {
margin-top: 0.25rem; margin-left: 0.5rem; font-size: 0.88rem; line-height: 1; padding: 0.5rem; height: 2.5rem;
}