.mdc-menu-surface {
display:none;
position:absolute;
box-sizing:border-box;
max-width:calc(100vw - 32px);
max-width:var(--mdc-menu-max-width, calc(100vw - 32px));
max-height:calc(100vh - 32px);
max-height:var(--mdc-menu-max-height, calc(100vh - 32px));
margin:0;
padding:0;
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:top left;
transform-origin:top left;
opacity:0;
overflow:auto;
will-change:transform,opacity;
z-index:8;
transition:opacity .03s linear,height 250ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform .12s cubic-bezier(0, 0, 0.2, 1);
transition:opacity .03s linear,transform .12s cubic-bezier(0, 0, 0.2, 1),height 250ms cubic-bezier(0, 0, 0.2, 1);
transition:opacity .03s linear,transform .12s cubic-bezier(0, 0, 0.2, 1),height 250ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform .12s cubic-bezier(0, 0, 0.2, 1);
box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0,0,0,.12);
background-color:#fff;
background-color:var(--mdc-theme-surface, #fff);
color:#000;
color:var(--mdc-theme-on-surface, #000);
border-radius:4px;
border-radius:var(--mdc-shape-medium, 4px);
}
.mdc-menu-surface:focus {
outline:none;
}
.mdc-menu-surface--animating-open {
display:inline-block;
-webkit-transform:scale(0.8);
transform:scale(0.8);
opacity:0;
}
.mdc-menu-surface--open {
display:inline-block;
-webkit-transform:scale(1);
transform:scale(1);
opacity:1;
}
.mdc-menu-surface--fullwidth {
width: 100%;
}
.mdc-menu-surface--animating-closed {
display:inline-block;
opacity:0;
transition:opacity .075s linear;
}
.mdc-list {
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-family:Roboto, sans-serif;
font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
font-size:1rem;
font-size:var(--mdc-typography-subtitle1-font-size, 1rem);
line-height:1.75rem;
line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);
font-weight:400;
font-weight:var(--mdc-typography-subtitle1-font-weight, 400);
letter-spacing:0.009375em;
letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
text-decoration:inherit;
-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);
text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);
text-transform:inherit;
text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);
line-height:1.5rem;
margin:0;
padding:8px 0;
list-style-type:none;
}
.mdc-list:focus {
outline:none;
}
.mdc-list-item__wrapper {
display:block;
}
.mdc-list-item {
display:flex;
position:relative;
align-items:center;
justify-content:flex-start;
overflow:hidden;
padding:0;
align-items:stretch;
cursor:pointer;
}
.mdc-list-item:focus {
outline:none;
}
.mdc-form-field {
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-family:Roboto, sans-serif;
font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
font-size:0.875rem;
font-size:var(--mdc-typography-body2-font-size, 0.875rem);
line-height:1.25rem;
line-height:var(--mdc-typography-body2-line-height, 1.25rem);
font-weight:400;
font-weight:var(--mdc-typography-body2-font-weight, 400);
letter-spacing:0.0178571429em;
letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
text-decoration:inherit;
-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);
text-decoration:var(--mdc-typography-body2-text-decoration, inherit);
text-transform:inherit;
text-transform:var(--mdc-typography-body2-text-transform, inherit);
color:rgba(0, 0, 0, 0.87);
color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
display:inline-flex;
align-items:center;
vertical-align:middle;
} @font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/materialicons/v143/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-moz-font-feature-settings: 'liga';
-moz-osx-font-smoothing: grayscale;
} .cool-form__field-group .inline-items{
flex-direction:column;
align-items:start;
}
.field-sub-options{
display: flex;
align-items: center;
justify-content: center;
}
.mdc-floating-label--required::after{
content: '';
}
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input{
margin-bottom:unset;
}
input.cool-form__field[type=email]:focus, input.cool-form__field[type=password]:focus, input.cool-form__field[type=reset]:focus, input.cool-form__field[type=search]:focus, input.cool-form__field[type=tel]:focus, input.cool-form__field[type=text]:focus, input.cool-form__field[type=url]:focus, select:focus, textarea.cool-form__field:focus{
background-color:var(--cool-form-field-bg-color) !important;
}
.cool-form__field-group input.mdc-text-field__input.cool-form__field:not(.iti__tel-input){
padding: 0px;
}