@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;

}