#cf7md-form :root { --mdc-theme-primary: #6200ee; --mdc-theme-secondary: #018786; --mdc-theme-background: #fff; --mdc-theme-surface: #fff; --mdc-theme-error: #b00020; --mdc-theme-on-primary: #fff; --mdc-theme-on-secondary: #fff; --mdc-theme-on-surface: #000; --mdc-theme-on-error: #fff; --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87); --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54); --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38); --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38); --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38); --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87); --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54); --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38); --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38); --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38); --mdc-theme-text-primary-on-dark: white; --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7); --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5); --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5); --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5); } #cf7md-form .mdc-theme--primary { color: #6200ee !important; /* @alternate */ color: var(--mdc-theme-primary, #6200ee) !important; } #cf7md-form .mdc-theme--secondary { color: #018786 !important; /* @alternate */ color: var(--mdc-theme-secondary, #018786) !important; } #cf7md-form .mdc-theme--background { background-color: #fff; /* @alternate */ background-color: var(--mdc-theme-background, #fff); } #cf7md-form .mdc-theme--surface { background-color: #fff; /* @alternate */ background-color: var(--mdc-theme-surface, #fff); } #cf7md-form .mdc-theme--error { color: #b00020 !important; /* @alternate */ color: var(--mdc-theme-error, #b00020) !important; } #cf7md-form .mdc-theme--on-primary { color: #fff !important; /* @alternate */ color: var(--mdc-theme-on-primary, #fff) !important; } #cf7md-form .mdc-theme--on-secondary { color: #fff !important; /* @alternate */ color: var(--mdc-theme-on-secondary, #fff) !important; } #cf7md-form .mdc-theme--on-surface { color: #000 !important; /* @alternate */ color: var(--mdc-theme-on-surface, #000) !important; } #cf7md-form .mdc-theme--on-error { color: #fff !important; /* @alternate */ color: var(--mdc-theme-on-error, #fff) !important; } #cf7md-form .mdc-theme--text-primary-on-background { color: rgba(0, 0, 0, 0.87) !important; /* @alternate */ color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)) !important; } #cf7md-form .mdc-theme--text-secondary-on-background { color: rgba(0, 0, 0, 0.54) !important; /* @alternate */ color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)) !important; } #cf7md-form .mdc-theme--text-hint-on-background { color: rgba(0, 0, 0, 0.38) !important; /* @alternate */ color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)) !important; } #cf7md-form .mdc-theme--text-disabled-on-background { color: rgba(0, 0, 0, 0.38) !important; /* @alternate */ color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)) !important; } #cf7md-form .mdc-theme--text-icon-on-background { color: rgba(0, 0, 0, 0.38) !important; /* @alternate */ color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)) !important; } #cf7md-form .mdc-theme--text-primary-on-light { color: rgba(0, 0, 0, 0.87) !important; /* @alternate */ color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)) !important; } #cf7md-form .mdc-theme--text-secondary-on-light { color: rgba(0, 0, 0, 0.54) !important; /* @alternate */ color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)) !important; } #cf7md-form .mdc-theme--text-hint-on-light { color: rgba(0, 0, 0, 0.38) !important; /* @alternate */ color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38)) !important; } #cf7md-form .mdc-theme--text-disabled-on-light { color: rgba(0, 0, 0, 0.38) !important; /* @alternate */ color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)) !important; } #cf7md-form .mdc-theme--text-icon-on-light { color: rgba(0, 0, 0, 0.38) !important; /* @alternate */ color: var(--mdc-theme-text-icon-on-light, rgba(0, 0, 0, 0.38)) !important; } #cf7md-form .mdc-theme--text-primary-on-dark { color: white !important; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white) !important; } #cf7md-form .mdc-theme--text-secondary-on-dark { color: rgba(255, 255, 255, 0.7) !important; /* @alternate */ color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)) !important; } #cf7md-form .mdc-theme--text-hint-on-dark { color: rgba(255, 255, 255, 0.5) !important; /* @alternate */ color: var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5)) !important; } #cf7md-form .mdc-theme--text-disabled-on-dark { color: rgba(255, 255, 255, 0.5) !important; /* @alternate */ color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5)) !important; } #cf7md-form .mdc-theme--text-icon-on-dark { color: rgba(255, 255, 255, 0.5) !important; /* @alternate */ color: var(--mdc-theme-text-icon-on-dark, rgba(255, 255, 255, 0.5)) !important; } #cf7md-form .mdc-theme--primary-bg { background-color: #6200ee !important; /* @alternate */ background-color: var(--mdc-theme-primary, #6200ee) !important; } #cf7md-form .mdc-theme--secondary-bg { background-color: #018786 !important; /* @alternate */ background-color: var(--mdc-theme-secondary, #018786) !important; } #cf7md-form input[type="text"], #cf7md-form input[type="email"], #cf7md-form input[type="url"], #cf7md-form input[type="password"], #cf7md-form input[type="search"], #cf7md-form input[type="number"], #cf7md-form input[type="tel"], #cf7md-form input[type="range"], #cf7md-form input[type="date"], #cf7md-form input[type="month"], #cf7md-form input[type="week"], #cf7md-form input[type="time"], #cf7md-form input[type="datetime"], #cf7md-form input[type="datetime-local"], #cf7md-form input[type="color"], #cf7md-form textarea { background: transparent; border-radius: 0; display: block; width: 100%; box-shadow: none; } #cf7md-form label { font-weight: normal; margin: 0; } #cf7md-form select { height: auto; border-radius: 0; } #cf7md-form .cf:after, #cf7md-form .cf7md-item:after { content: ""; display: table; clear: both; } #cf7md-form :root { --mdc-layout-grid-margin-desktop: 0px; --mdc-layout-grid-gutter-desktop: 24px; --mdc-layout-grid-column-width-desktop: 72px; --mdc-layout-grid-margin-tablet: 0px; --mdc-layout-grid-gutter-tablet: 16px; --mdc-layout-grid-column-width-tablet: 72px; --mdc-layout-grid-margin-phone: 0px; --mdc-layout-grid-gutter-phone: 16px; --mdc-layout-grid-column-width-phone: 72px; } @media (min-width: 840px) { #cf7md-form .mdc-layout-grid { box-sizing: border-box; margin: 0 auto; padding: 0px; padding: var(--mdc-layout-grid-margin-desktop, 0px); } } @media (min-width: 480px) and (max-width: 839px) { #cf7md-form .mdc-layout-grid { box-sizing: border-box; margin: 0 auto; padding: 0px; padding: var(--mdc-layout-grid-margin-tablet, 0px); } } @media (max-width: 479px) { #cf7md-form .mdc-layout-grid { box-sizing: border-box; margin: 0 auto; padding: 0px; padding: var(--mdc-layout-grid-margin-phone, 0px); } } @media (min-width: 840px) { #cf7md-form .mdc-layout-grid__inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin: -12px; margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__inner { display: grid; margin: 0; grid-gap: 24px; grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px); grid-template-columns: repeat(12, minmax(0, 1fr)); } } } @media (min-width: 480px) and (max-width: 839px) { #cf7md-form .mdc-layout-grid__inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin: -8px; margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__inner { display: grid; margin: 0; grid-gap: 16px; grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px); grid-template-columns: repeat(8, minmax(0, 1fr)); } } } @media (max-width: 479px) { #cf7md-form .mdc-layout-grid__inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin: -8px; margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__inner { display: grid; margin: 0; grid-gap: 16px; grid-gap: var(--mdc-layout-grid-gutter-phone, 16px); grid-template-columns: repeat(4, minmax(0, 1fr)); } } } @media (min-width: 840px) { #cf7md-form .mdc-layout-grid__cell { width: calc(33.33333% - 24px); width: calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); box-sizing: border-box; margin: 12px; margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell { width: auto; grid-column-end: span 4; } } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell { margin: 0; } } #cf7md-form .mdc-layout-grid__cell--span-1, #cf7md-form .mdc-layout-grid__cell--span-1-desktop { width: calc(8.33333% - 24px); width: calc(8.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-1, #cf7md-form .mdc-layout-grid__cell--span-1-desktop { width: auto; grid-column-end: span 1; } } #cf7md-form .mdc-layout-grid__cell--span-2, #cf7md-form .mdc-layout-grid__cell--span-2-desktop { width: calc(16.66667% - 24px); width: calc(16.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-2, #cf7md-form .mdc-layout-grid__cell--span-2-desktop { width: auto; grid-column-end: span 2; } } #cf7md-form .mdc-layout-grid__cell--span-3, #cf7md-form .mdc-layout-grid__cell--span-3-desktop { width: calc(25% - 24px); width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-3, #cf7md-form .mdc-layout-grid__cell--span-3-desktop { width: auto; grid-column-end: span 3; } } #cf7md-form .mdc-layout-grid__cell--span-4, #cf7md-form .mdc-layout-grid__cell--span-4-desktop { width: calc(33.33333% - 24px); width: calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-4, #cf7md-form .mdc-layout-grid__cell--span-4-desktop { width: auto; grid-column-end: span 4; } } #cf7md-form .mdc-layout-grid__cell--span-5, #cf7md-form .mdc-layout-grid__cell--span-5-desktop { width: calc(41.66667% - 24px); width: calc(41.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-5, #cf7md-form .mdc-layout-grid__cell--span-5-desktop { width: auto; grid-column-end: span 5; } } #cf7md-form .mdc-layout-grid__cell--span-6, #cf7md-form .mdc-layout-grid__cell--span-6-desktop { width: calc(50% - 24px); width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-6, #cf7md-form .mdc-layout-grid__cell--span-6-desktop { width: auto; grid-column-end: span 6; } } #cf7md-form .mdc-layout-grid__cell--span-7, #cf7md-form .mdc-layout-grid__cell--span-7-desktop { width: calc(58.33333% - 24px); width: calc(58.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-7, #cf7md-form .mdc-layout-grid__cell--span-7-desktop { width: auto; grid-column-end: span 7; } } #cf7md-form .mdc-layout-grid__cell--span-8, #cf7md-form .mdc-layout-grid__cell--span-8-desktop { width: calc(66.66667% - 24px); width: calc(66.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-8, #cf7md-form .mdc-layout-grid__cell--span-8-desktop { width: auto; grid-column-end: span 8; } } #cf7md-form .mdc-layout-grid__cell--span-9, #cf7md-form .mdc-layout-grid__cell--span-9-desktop { width: calc(75% - 24px); width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-9, #cf7md-form .mdc-layout-grid__cell--span-9-desktop { width: auto; grid-column-end: span 9; } } #cf7md-form .mdc-layout-grid__cell--span-10, #cf7md-form .mdc-layout-grid__cell--span-10-desktop { width: calc(83.33333% - 24px); width: calc(83.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-10, #cf7md-form .mdc-layout-grid__cell--span-10-desktop { width: auto; grid-column-end: span 10; } } #cf7md-form .mdc-layout-grid__cell--span-11, #cf7md-form .mdc-layout-grid__cell--span-11-desktop { width: calc(91.66667% - 24px); width: calc(91.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-11, #cf7md-form .mdc-layout-grid__cell--span-11-desktop { width: auto; grid-column-end: span 11; } } #cf7md-form .mdc-layout-grid__cell--span-12, #cf7md-form .mdc-layout-grid__cell--span-12-desktop { width: calc(100% - 24px); width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-12, #cf7md-form .mdc-layout-grid__cell--span-12-desktop { width: auto; grid-column-end: span 12; } } } @media (min-width: 480px) and (max-width: 839px) { #cf7md-form .mdc-layout-grid__cell { width: calc(50% - 16px); width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); box-sizing: border-box; margin: 8px; margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell { width: auto; grid-column-end: span 4; } } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell { margin: 0; } } #cf7md-form .mdc-layout-grid__cell--span-1, #cf7md-form .mdc-layout-grid__cell--span-1-tablet { width: calc(12.5% - 16px); width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-1, #cf7md-form .mdc-layout-grid__cell--span-1-tablet { width: auto; grid-column-end: span 1; } } #cf7md-form .mdc-layout-grid__cell--span-2, #cf7md-form .mdc-layout-grid__cell--span-2-tablet { width: calc(25% - 16px); width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-2, #cf7md-form .mdc-layout-grid__cell--span-2-tablet { width: auto; grid-column-end: span 2; } } #cf7md-form .mdc-layout-grid__cell--span-3, #cf7md-form .mdc-layout-grid__cell--span-3-tablet { width: calc(37.5% - 16px); width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-3, #cf7md-form .mdc-layout-grid__cell--span-3-tablet { width: auto; grid-column-end: span 3; } } #cf7md-form .mdc-layout-grid__cell--span-4, #cf7md-form .mdc-layout-grid__cell--span-4-tablet { width: calc(50% - 16px); width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-4, #cf7md-form .mdc-layout-grid__cell--span-4-tablet { width: auto; grid-column-end: span 4; } } #cf7md-form .mdc-layout-grid__cell--span-5, #cf7md-form .mdc-layout-grid__cell--span-5-tablet { width: calc(62.5% - 16px); width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-5, #cf7md-form .mdc-layout-grid__cell--span-5-tablet { width: auto; grid-column-end: span 5; } } #cf7md-form .mdc-layout-grid__cell--span-6, #cf7md-form .mdc-layout-grid__cell--span-6-tablet { width: calc(75% - 16px); width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-6, #cf7md-form .mdc-layout-grid__cell--span-6-tablet { width: auto; grid-column-end: span 6; } } #cf7md-form .mdc-layout-grid__cell--span-7, #cf7md-form .mdc-layout-grid__cell--span-7-tablet { width: calc(87.5% - 16px); width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-7, #cf7md-form .mdc-layout-grid__cell--span-7-tablet { width: auto; grid-column-end: span 7; } } #cf7md-form .mdc-layout-grid__cell--span-8, #cf7md-form .mdc-layout-grid__cell--span-8-tablet { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-8, #cf7md-form .mdc-layout-grid__cell--span-8-tablet { width: auto; grid-column-end: span 8; } } #cf7md-form .mdc-layout-grid__cell--span-9, #cf7md-form .mdc-layout-grid__cell--span-9-tablet { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-9, #cf7md-form .mdc-layout-grid__cell--span-9-tablet { width: auto; grid-column-end: span 8; } } #cf7md-form .mdc-layout-grid__cell--span-10, #cf7md-form .mdc-layout-grid__cell--span-10-tablet { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-10, #cf7md-form .mdc-layout-grid__cell--span-10-tablet { width: auto; grid-column-end: span 8; } } #cf7md-form .mdc-layout-grid__cell--span-11, #cf7md-form .mdc-layout-grid__cell--span-11-tablet { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-11, #cf7md-form .mdc-layout-grid__cell--span-11-tablet { width: auto; grid-column-end: span 8; } } #cf7md-form .mdc-layout-grid__cell--span-12, #cf7md-form .mdc-layout-grid__cell--span-12-tablet { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-12, #cf7md-form .mdc-layout-grid__cell--span-12-tablet { width: auto; grid-column-end: span 8; } } } @media (max-width: 479px) { #cf7md-form .mdc-layout-grid__cell { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); box-sizing: border-box; margin: 8px; margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell { width: auto; grid-column-end: span 4; } } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell { margin: 0; } } #cf7md-form .mdc-layout-grid__cell--span-1, #cf7md-form .mdc-layout-grid__cell--span-1-phone { width: calc(25% - 16px); width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-1, #cf7md-form .mdc-layout-grid__cell--span-1-phone { width: auto; grid-column-end: span 1; } } #cf7md-form .mdc-layout-grid__cell--span-2, #cf7md-form .mdc-layout-grid__cell--span-2-phone { width: calc(50% - 16px); width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-2, #cf7md-form .mdc-layout-grid__cell--span-2-phone { width: auto; grid-column-end: span 2; } } #cf7md-form .mdc-layout-grid__cell--span-3, #cf7md-form .mdc-layout-grid__cell--span-3-phone { width: calc(75% - 16px); width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-3, #cf7md-form .mdc-layout-grid__cell--span-3-phone { width: auto; grid-column-end: span 3; } } #cf7md-form .mdc-layout-grid__cell--span-4, #cf7md-form .mdc-layout-grid__cell--span-4-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-4, #cf7md-form .mdc-layout-grid__cell--span-4-phone { width: auto; grid-column-end: span 4; } } #cf7md-form .mdc-layout-grid__cell--span-5, #cf7md-form .mdc-layout-grid__cell--span-5-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-5, #cf7md-form .mdc-layout-grid__cell--span-5-phone { width: auto; grid-column-end: span 4; } } #cf7md-form .mdc-layout-grid__cell--span-6, #cf7md-form .mdc-layout-grid__cell--span-6-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-6, #cf7md-form .mdc-layout-grid__cell--span-6-phone { width: auto; grid-column-end: span 4; } } #cf7md-form .mdc-layout-grid__cell--span-7, #cf7md-form .mdc-layout-grid__cell--span-7-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-7, #cf7md-form .mdc-layout-grid__cell--span-7-phone { width: auto; grid-column-end: span 4; } } #cf7md-form .mdc-layout-grid__cell--span-8, #cf7md-form .mdc-layout-grid__cell--span-8-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-8, #cf7md-form .mdc-layout-grid__cell--span-8-phone { width: auto; grid-column-end: span 4; } } #cf7md-form .mdc-layout-grid__cell--span-9, #cf7md-form .mdc-layout-grid__cell--span-9-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-9, #cf7md-form .mdc-layout-grid__cell--span-9-phone { width: auto; grid-column-end: span 4; } } #cf7md-form .mdc-layout-grid__cell--span-10, #cf7md-form .mdc-layout-grid__cell--span-10-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-10, #cf7md-form .mdc-layout-grid__cell--span-10-phone { width: auto; grid-column-end: span 4; } } #cf7md-form .mdc-layout-grid__cell--span-11, #cf7md-form .mdc-layout-grid__cell--span-11-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-11, #cf7md-form .mdc-layout-grid__cell--span-11-phone { width: auto; grid-column-end: span 4; } } #cf7md-form .mdc-layout-grid__cell--span-12, #cf7md-form .mdc-layout-grid__cell--span-12-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--span-12, #cf7md-form .mdc-layout-grid__cell--span-12-phone { width: auto; grid-column-end: span 4; } } } #cf7md-form .mdc-layout-grid__cell--order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } #cf7md-form .mdc-layout-grid__cell--order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } #cf7md-form .mdc-layout-grid__cell--order-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } #cf7md-form .mdc-layout-grid__cell--order-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } #cf7md-form .mdc-layout-grid__cell--order-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } #cf7md-form .mdc-layout-grid__cell--order-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } #cf7md-form .mdc-layout-grid__cell--order-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7; } #cf7md-form .mdc-layout-grid__cell--order-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8; } #cf7md-form .mdc-layout-grid__cell--order-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9; } #cf7md-form .mdc-layout-grid__cell--order-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10; } #cf7md-form .mdc-layout-grid__cell--order-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11; } #cf7md-form .mdc-layout-grid__cell--order-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12; } #cf7md-form .mdc-layout-grid__cell--align-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--align-top { -webkit-align-self: start; -ms-flex-item-align: start; align-self: start; } } #cf7md-form .mdc-layout-grid__cell--align-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } #cf7md-form .mdc-layout-grid__cell--align-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } @supports (display: grid) { #cf7md-form .mdc-layout-grid__cell--align-bottom { -webkit-align-self: end; -ms-flex-item-align: end; align-self: end; } } @media (min-width: 840px) { #cf7md-form .mdc-layout-grid--fixed-column-width { width: 1128px; width: calc( var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 24px) * 11 + var(--mdc-layout-grid-margin-desktop, 0px) * 2); } } @media (min-width: 480px) and (max-width: 839px) { #cf7md-form .mdc-layout-grid--fixed-column-width { width: 688px; width: calc( var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 0px) * 2); } } @media (max-width: 479px) { #cf7md-form .mdc-layout-grid--fixed-column-width { width: 336px; width: calc( var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 16px) * 3 + var(--mdc-layout-grid-margin-phone, 0px) * 2); } } #cf7md-form .mdc-layout-grid--align-left { margin-right: auto; margin-left: 0; } #cf7md-form .mdc-layout-grid--align-right { margin-right: 0; margin-left: auto; } /* @supports (display: grid) or (display: -ms-grid) { .mdc-layout-grid { margin: 0; grid-gap: 0 16px; // Remove vertical grid item gap } } */ #cf7md-form .mdc-layout-grid__inner > div:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > table:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > p:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > ul:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > ol:not(.mdc-layout-grid__cell) { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); box-sizing: border-box; margin: 8px; margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__inner > div:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > table:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > p:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > ul:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > ol:not(.mdc-layout-grid__cell) { width: auto; grid-column-end: span 4; } } @supports (display: grid) { #cf7md-form .mdc-layout-grid__inner > div:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > table:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > p:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > ul:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > ol:not(.mdc-layout-grid__cell) { margin: 0; } } #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > div:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > table:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > p:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > ul:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > ol:not(.mdc-layout-grid__cell) { width: calc(100% - 12px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 12px)); box-sizing: border-box; margin: 6px; margin: calc(var(--mdc-layout-grid-gutter-phone, 12px) / 2); } @supports (display: grid) { #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > div:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > table:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > p:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > ul:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > ol:not(.mdc-layout-grid__cell) { width: auto; grid-column-end: span 4; } } @supports (display: grid) { #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > div:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > table:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > p:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > ul:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > ol:not(.mdc-layout-grid__cell) { margin: 0; } } @media screen and (min-width: 480px) { #cf7md-form .mdc-layout-grid__inner > div:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > table:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > p:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > ul:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > ol:not(.mdc-layout-grid__cell) { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); box-sizing: border-box; margin: 8px; margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__inner > div:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > table:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > p:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > ul:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > ol:not(.mdc-layout-grid__cell) { width: auto; grid-column-end: span 8; } } @supports (display: grid) { #cf7md-form .mdc-layout-grid__inner > div:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > table:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > p:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > ul:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > ol:not(.mdc-layout-grid__cell) { margin: 0; } } #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > div:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > table:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > p:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > ul:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > ol:not(.mdc-layout-grid__cell) { width: calc(100% - 12px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 12px)); box-sizing: border-box; margin: 6px; margin: calc(var(--mdc-layout-grid-gutter-tablet, 12px) / 2); } @supports (display: grid) { #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > div:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > table:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > p:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > ul:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > ol:not(.mdc-layout-grid__cell) { width: auto; grid-column-end: span 8; } } @supports (display: grid) { #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > div:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > table:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > p:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > ul:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > ol:not(.mdc-layout-grid__cell) { margin: 0; } } } @media screen and (min-width: 840px) { #cf7md-form .mdc-layout-grid__inner > div:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > table:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > p:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > ul:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > ol:not(.mdc-layout-grid__cell) { width: calc(100% - 24px); width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px)); box-sizing: border-box; margin: 12px; margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2); } @supports (display: grid) { #cf7md-form .mdc-layout-grid__inner > div:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > table:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > p:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > ul:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > ol:not(.mdc-layout-grid__cell) { width: auto; grid-column-end: span 12; } } @supports (display: grid) { #cf7md-form .mdc-layout-grid__inner > div:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > table:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > p:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > ul:not(.mdc-layout-grid__cell), #cf7md-form .mdc-layout-grid__inner > ol:not(.mdc-layout-grid__cell) { margin: 0; } } #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > div:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > table:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > p:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > ul:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > ol:not(.mdc-layout-grid__cell) { width: calc(100% - 12px); width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 12px)); box-sizing: border-box; margin: 6px; margin: calc(var(--mdc-layout-grid-gutter-desktop, 12px) / 2); } @supports (display: grid) { #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > div:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > table:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > p:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > ul:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > ol:not(.mdc-layout-grid__cell) { width: auto; grid-column-end: span 12; } } @supports (display: grid) { #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > div:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > table:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > p:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > ul:not(.mdc-layout-grid__cell), #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner > ol:not(.mdc-layout-grid__cell) { margin: 0; } } } #cf7md-form .mdc-layout-grid__inner > br { display: none; } #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin: -8px; margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1); } @supports (display: grid) { #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner { display: grid; margin: 0; grid-gap: 16px; grid-gap: var(--mdc-layout-grid-gutter-phone, 16px); grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media screen and (min-width: 480px) { #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin: -8px; margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1); } @supports (display: grid) { #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner { display: grid; margin: 0; grid-gap: 16px; grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px); grid-template-columns: repeat(8, minmax(0, 1fr)); } } } @media screen and (min-width: 840px) { #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin: -8px; margin: calc(var(--mdc-layout-grid-gutter-desktop, 16px) / 2 * -1); } @supports (display: grid) { #cf7md-form.cf7md-spacing--tight .mdc-layout-grid__inner { display: grid; margin: 0; grid-gap: 16px; grid-gap: var(--mdc-layout-grid-gutter-desktop, 16px); grid-template-columns: repeat(12, minmax(0, 1fr)); } } } /* .cf7md-spacing--tight { .mdc-layout-grid__cell { @include mdc-layout-grid-cell(phone, 4, 16px); @media screen and (min-width: 480px) { @include mdc-layout-grid-cell(tablet, 8, 16px); } @media screen and (min-width: 840px) { @include mdc-layout-grid-cell(desktop, 12, 16px); } } } */ #cf7md-form .mdc-notched-outline { display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; right: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%; /* @noflip */ text-align: left; pointer-events: none; } #cf7md-form[dir="rtl"] .mdc-notched-outline, #cf7md-form .mdc-notched-outline[dir="rtl"] { /* @noflip */ text-align: right; } #cf7md-form .mdc-notched-outline__leading, #cf7md-form .mdc-notched-outline__notch, #cf7md-form .mdc-notched-outline__trailing { box-sizing: border-box; height: 100%; border-top: 1px solid; border-bottom: 1px solid; pointer-events: none; } #cf7md-form .mdc-notched-outline__leading { /* @noflip */ border-left: 1px solid; /* @noflip */ border-right: none; width: 12px; } #cf7md-form[dir="rtl"] .mdc-notched-outline__leading, #cf7md-form .mdc-notched-outline__leading[dir="rtl"] { /* @noflip */ border-left: none; /* @noflip */ border-right: 1px solid; } #cf7md-form .mdc-notched-outline__trailing { /* @noflip */ border-left: none; /* @noflip */ border-right: 1px solid; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } #cf7md-form[dir="rtl"] .mdc-notched-outline__trailing, #cf7md-form .mdc-notched-outline__trailing[dir="rtl"] { /* @noflip */ border-left: 1px solid; /* @noflip */ border-right: none; } #cf7md-form .mdc-notched-outline__notch { width: auto; } #cf7md-form .mdc-notched-outline .mdc-floating-label { display: inline-block; position: relative; top: 17px; bottom: auto; } #cf7md-form .mdc-notched-outline--notched .mdc-notched-outline__notch { /* @noflip */ padding-left: 0; /* @noflip */ padding-right: 8px; border-top: none; } #cf7md-form[dir="rtl"] .mdc-notched-outline--notched .mdc-notched-outline__notch, #cf7md-form .mdc-notched-outline--notched .mdc-notched-outline__notch[dir="rtl"] { /* @noflip */ padding-left: 8px; /* @noflip */ padding-right: 0; } #cf7md-form .mdc-notched-outline--no-label .mdc-notched-outline__notch { padding: 0; } #cf7md-form .mdc-notched-outline { z-index: 1; } #cf7md-form .mdc-floating-label { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: 1.75rem; font-weight: 400; letter-spacing: 0.00937em; text-decoration: inherit; text-transform: inherit; position: absolute; /* @noflip */ left: 0; /* @noflip */ -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1); /* @alternate */ line-height: 1.15rem; text-align: left; text-overflow: ellipsis; white-space: nowrap; cursor: text; overflow: hidden; will-change: transform; } #cf7md-form[dir="rtl"] .mdc-floating-label, #cf7md-form .mdc-floating-label[dir="rtl"] { /* @noflip */ right: 0; /* @noflip */ left: auto; /* @noflip */ -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; /* @noflip */ text-align: right; } #cf7md-form .mdc-floating-label--float-above { cursor: auto; } #cf7md-form .mdc-floating-label--float-above { -webkit-transform: translateY(-50%) scale(0.75); -ms-transform: translateY(-50%) scale(0.75); transform: translateY(-50%) scale(0.75); } #cf7md-form .mdc-floating-label--shake { -webkit-animation: mdc-floating-label-shake-float-above-standard 250ms 1; animation: mdc-floating-label-shake-float-above-standard 250ms 1; } @-webkit-keyframes mdc-floating-label-shake-float-above-standard { 0% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75); transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75); } 66% { -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75); transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75); } 100% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); } } @keyframes mdc-floating-label-shake-float-above-standard { 0% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75); transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75); } 66% { -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75); transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75); } 100% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); } } #cf7md-form .mdc-line-ripple { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; z-index: 2; } #cf7md-form .mdc-line-ripple--active { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); opacity: 1; } #cf7md-form .mdc-line-ripple--deactivating { opacity: 0; } @-webkit-keyframes mdc-ripple-fg-radius-in { from { -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); } to { -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } } @keyframes mdc-ripple-fg-radius-in { from { -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); } to { -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } } @-webkit-keyframes mdc-ripple-fg-opacity-in { from { -webkit-animation-timing-function: linear; animation-timing-function: linear; opacity: 0; } to { opacity: var(--mdc-ripple-fg-opacity, 0); } } @keyframes mdc-ripple-fg-opacity-in { from { -webkit-animation-timing-function: linear; animation-timing-function: linear; opacity: 0; } to { opacity: var(--mdc-ripple-fg-opacity, 0); } } @-webkit-keyframes mdc-ripple-fg-opacity-out { from { -webkit-animation-timing-function: linear; animation-timing-function: linear; opacity: var(--mdc-ripple-fg-opacity, 0); } to { opacity: 0; } } @keyframes mdc-ripple-fg-opacity-out { from { -webkit-animation-timing-function: linear; animation-timing-function: linear; opacity: var(--mdc-ripple-fg-opacity, 0); } to { opacity: 0; } } #cf7md-form .mdc-ripple-surface--test-edge-var-bug { --mdc-ripple-surface-test-edge-var: 1px solid #000; visibility: hidden; } #cf7md-form .mdc-ripple-surface--test-edge-var-bug::before { border: var(--mdc-ripple-surface-test-edge-var); } #cf7md-form .mdc-text-field-helper-text { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.75rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.03333em; text-decoration: inherit; text-transform: inherit; display: block; margin-top: 0; /* @alternate */ line-height: normal; margin: 0; transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; will-change: opacity; } #cf7md-form .mdc-text-field-helper-text::before { display: inline-block; width: 0; height: 16px; content: ""; vertical-align: 0; } #cf7md-form .mdc-text-field-helper-text--persistent { transition: none; opacity: 1; will-change: initial; } #cf7md-form .mdc-text-field--with-leading-icon .mdc-text-field__icon, #cf7md-form .mdc-text-field--with-trailing-icon .mdc-text-field__icon { position: absolute; bottom: 16px; cursor: pointer; } #cf7md-form .mdc-text-field__icon:not([tabindex]), #cf7md-form .mdc-text-field__icon[tabindex="-1"] { cursor: default; pointer-events: none; } #cf7md-form .mdc-text-field { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; border-radius: 4px 4px 0 0; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; position: relative; box-sizing: border-box; height: 56px; overflow: hidden; will-change: opacity, transform, color; } #cf7md-form .mdc-text-field::before, #cf7md-form .mdc-text-field::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } #cf7md-form .mdc-text-field::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } #cf7md-form .mdc-text-field.mdc-ripple-upgraded::before { -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); -ms-transform: scale(var(--mdc-ripple-fg-scale, 1)); transform: scale(var(--mdc-ripple-fg-scale, 1)); } #cf7md-form .mdc-text-field.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } #cf7md-form .mdc-text-field.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } #cf7md-form .mdc-text-field.mdc-ripple-upgraded--foreground-activation::after { -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } #cf7md-form .mdc-text-field.mdc-ripple-upgraded--foreground-deactivation::after { -webkit-animation: 150ms mdc-ripple-fg-opacity-out; animation: 150ms mdc-ripple-fg-opacity-out; -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } #cf7md-form .mdc-text-field::before, #cf7md-form .mdc-text-field::after { background-color: rgba(0, 0, 0, 0.87); } #cf7md-form .mdc-text-field:hover::before { opacity: 0.04; } #cf7md-form .mdc-text-field:not(.mdc-ripple-upgraded):focus::before, #cf7md-form .mdc-text-field.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } #cf7md-form .mdc-text-field::before, #cf7md-form .mdc-text-field::after { top: calc(50% - 100%); /* @noflip */ left: calc(50% - 100%); width: 200%; height: 200%; } #cf7md-form .mdc-text-field.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } #cf7md-form .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { color: rgba(0, 0, 0, 0.6); } #cf7md-form .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } #cf7md-form .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } #cf7md-form .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { color: rgba(0, 0, 0, 0.6); } #cf7md-form .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { color: rgba(0, 0, 0, 0.87); } #cf7md-form .mdc-text-field .mdc-text-field__input { caret-color: #3f51b5; /* @alternate */ caret-color: var(--mdc-theme-primary, #3f51b5); } #cf7md-form .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input { border-bottom-color: rgba(0, 0, 0, 0.42); } #cf7md-form .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover { border-bottom-color: rgba(0, 0, 0, 0.87); } #cf7md-form .mdc-text-field .mdc-line-ripple { background-color: #3f51b5; /* @alternate */ background-color: var(--mdc-theme-primary, #3f51b5); } #cf7md-form .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) { border-bottom-color: rgba(0, 0, 0, 0.12); } #cf7md-form .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-text { color: rgba(0, 0, 0, 0.6); } #cf7md-form .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon { color: rgba(0, 0, 0, 0.54); } #cf7md-form .mdc-text-field:not(.mdc-text-field--disabled) { background-color: whitesmoke; } #cf7md-form .mdc-text-field .mdc-floating-label { /* @noflip */ left: 16px; /* @noflip */ right: initial; top: 18px; pointer-events: none; } #cf7md-form[dir="rtl"] .mdc-text-field .mdc-floating-label, #cf7md-form .mdc-text-field .mdc-floating-label[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 16px; } #cf7md-form .mdc-text-field--textarea .mdc-floating-label { /* @noflip */ left: 4px; /* @noflip */ right: initial; } #cf7md-form[dir="rtl"] .mdc-text-field--textarea .mdc-floating-label, #cf7md-form .mdc-text-field--textarea .mdc-floating-label[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 4px; } #cf7md-form .mdc-text-field--outlined .mdc-floating-label { /* @noflip */ left: 4px; /* @noflip */ right: initial; top: 17px; } #cf7md-form[dir="rtl"] .mdc-text-field--outlined .mdc-floating-label, #cf7md-form .mdc-text-field--outlined .mdc-floating-label[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 4px; } #cf7md-form .mdc-text-field--outlined--with-leading-icon .mdc-floating-label { /* @noflip */ left: 36px; /* @noflip */ right: initial; } #cf7md-form[dir="rtl"] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label, #cf7md-form .mdc-text-field--outlined--with-leading-icon .mdc-floating-label[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 36px; } #cf7md-form .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above { /* @noflip */ left: 40px; /* @noflip */ right: initial; } #cf7md-form[dir="rtl"] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above, #cf7md-form .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 40px; } #cf7md-form .mdc-text-field__input { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: 1.75rem; font-weight: 400; letter-spacing: 0.00937em; text-decoration: inherit; text-transform: inherit; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; box-sizing: border-box; width: 100%; height: 100%; padding: 20px 16px 6px; transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); border: none; border-bottom: 1px solid; border-radius: 0; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #cf7md-form .mdc-text-field__input::-webkit-input-placeholder { transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 1; } #cf7md-form .mdc-text-field__input:-ms-input-placeholder { transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 1; } #cf7md-form .mdc-text-field__input::placeholder { transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 1; } #cf7md-form .mdc-text-field__input:focus { outline: none; } #cf7md-form .mdc-text-field__input:invalid { box-shadow: none; } #cf7md-form .mdc-text-field__input:-webkit-autofill + .mdc-floating-label { -webkit-transform: translateY(-50%) scale(0.75); transform: translateY(-50%) scale(0.75); cursor: auto; } #cf7md-form .mdc-text-field--outlined { border: none; overflow: visible; } #cf7md-form .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, #cf7md-form .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.24); } #cf7md-form .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, #cf7md-form .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.87); } #cf7md-form .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, #cf7md-form .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: #3f51b5; /* @alternate */ border-color: var(--mdc-theme-primary, #3f51b5); } #cf7md-form .mdc-text-field--outlined .mdc-floating-label--shake { -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; } #cf7md-form .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading { /* @noflip */ border-radius: 4px 0 0 4px; } #cf7md-form[dir="rtl"] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir="rtl"] { /* @noflip */ border-radius: 0 4px 4px 0; } #cf7md-form .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing { /* @noflip */ border-radius: 0 4px 4px 0; } #cf7md-form[dir="rtl"] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing, #cf7md-form .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir="rtl"] { /* @noflip */ border-radius: 4px 0 0 4px; } #cf7md-form .mdc-text-field--outlined .mdc-floating-label--float-above { -webkit-transform: translateY(-144%) scale(1); -ms-transform: translateY(-144%) scale(1); transform: translateY(-144%) scale(1); } #cf7md-form .mdc-text-field--outlined .mdc-floating-label--float-above { font-size: 0.75rem; } #cf7md-form .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, #cf7md-form .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { -webkit-transform: translateY(-130%) scale(0.75); -ms-transform: translateY(-130%) scale(0.75); transform: translateY(-130%) scale(0.75); } #cf7md-form .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, #cf7md-form .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } #cf7md-form .mdc-text-field--outlined::before, #cf7md-form .mdc-text-field--outlined::after { content: none; } #cf7md-form .mdc-text-field--outlined:not(.mdc-text-field--disabled) { background-color: transparent; } #cf7md-form .mdc-text-field--outlined .mdc-text-field__input { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 12px 16px 14px; border: none !important; background-color: transparent; z-index: 1; } #cf7md-form .mdc-text-field--outlined .mdc-text-field__icon { z-index: 2; } #cf7md-form .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch, #cf7md-form .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing { border-width: 2px; } #cf7md-form .mdc-text-field--outlined.mdc-text-field--disabled { background-color: transparent; } #cf7md-form .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch, #cf7md-form .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.06); } #cf7md-form .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input { border-bottom: none; } #cf7md-form .mdc-text-field--outlined.mdc-text-field--dense { height: 48px; } #cf7md-form .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above { -webkit-transform: translateY(-134%) scale(1); -ms-transform: translateY(-134%) scale(1); transform: translateY(-134%) scale(1); } #cf7md-form .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above { font-size: 0.8rem; } #cf7md-form .mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, #cf7md-form .mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above { -webkit-transform: translateY(-120%) scale(0.8); -ms-transform: translateY(-120%) scale(0.8); transform: translateY(-120%) scale(0.8); } #cf7md-form .mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, #cf7md-form .mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } #cf7md-form .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake { -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1; animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1; } #cf7md-form .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input { padding: 12px 12px 7px; } #cf7md-form .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label { top: 14px; } #cf7md-form .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon { top: 12px; } #cf7md-form .mdc-text-field--with-leading-icon .mdc-text-field__icon { /* @noflip */ left: 16px; /* @noflip */ right: initial; } #cf7md-form[dir="rtl"] .mdc-text-field--with-leading-icon .mdc-text-field__icon, #cf7md-form .mdc-text-field--with-leading-icon .mdc-text-field__icon[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 16px; } #cf7md-form .mdc-text-field--with-leading-icon .mdc-text-field__input { /* @noflip */ padding-left: 48px; /* @noflip */ padding-right: 16px; } #cf7md-form[dir="rtl"] .mdc-text-field--with-leading-icon .mdc-text-field__input, #cf7md-form .mdc-text-field--with-leading-icon .mdc-text-field__input[dir="rtl"] { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 48px; } #cf7md-form .mdc-text-field--with-leading-icon .mdc-floating-label { /* @noflip */ left: 48px; /* @noflip */ right: initial; } #cf7md-form[dir="rtl"] .mdc-text-field--with-leading-icon .mdc-floating-label, #cf7md-form .mdc-text-field--with-leading-icon .mdc-floating-label[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 48px; } #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon { /* @noflip */ left: 16px; /* @noflip */ right: initial; } #cf7md-form[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 16px; } #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input { /* @noflip */ padding-left: 48px; /* @noflip */ padding-right: 16px; } #cf7md-form[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input[dir="rtl"] { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 48px; } #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above { -webkit-transform: translateY(-144%) translateX(-32px) scale(1); -ms-transform: translateY(-144%) translateX(-32px) scale(1); transform: translateY(-144%) translateX(-32px) scale(1); } #cf7md-form[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir="rtl"] { -webkit-transform: translateY(-144%) translateX(32px) scale(1); -ms-transform: translateY(-144%) translateX(32px) scale(1); transform: translateY(-144%) translateX(32px) scale(1); } #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above { font-size: 0.75rem; } #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { -webkit-transform: translateY(-130%) translateX(-32px) scale(0.75); -ms-transform: translateY(-130%) translateX(-32px) scale(0.75); transform: translateY(-130%) translateX(-32px) scale(0.75); } #cf7md-form[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir="rtl"], #cf7md-form[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir="rtl"] { -webkit-transform: translateY(-130%) translateX(32px) scale(0.75); -ms-transform: translateY(-130%) translateX(32px) scale(0.75); transform: translateY(-130%) translateX(32px) scale(0.75); } #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake { -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; } #cf7md-form[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir="rtl"] .mdc-floating-label--shake { -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1; animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1; } #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label { /* @noflip */ left: 36px; /* @noflip */ right: initial; } #cf7md-form[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 36px; } #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above { -webkit-transform: translateY(-134%) translateX(-21px) scale(1); -ms-transform: translateY(-134%) translateX(-21px) scale(1); transform: translateY(-134%) translateX(-21px) scale(1); } #cf7md-form[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir="rtl"] { -webkit-transform: translateY(-134%) translateX(21px) scale(1); -ms-transform: translateY(-134%) translateX(21px) scale(1); transform: translateY(-134%) translateX(21px) scale(1); } #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above { font-size: 0.8rem; } #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above { -webkit-transform: translateY(-120%) translateX(-21px) scale(0.8); -ms-transform: translateY(-120%) translateX(-21px) scale(0.8); transform: translateY(-120%) translateX(-21px) scale(0.8); } #cf7md-form[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir="rtl"], #cf7md-form[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir="rtl"] { -webkit-transform: translateY(-120%) translateX(21px) scale(0.8); -ms-transform: translateY(-120%) translateX(21px) scale(0.8); transform: translateY(-120%) translateX(21px) scale(0.8); } #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake { -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1; animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1; } #cf7md-form[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense[dir="rtl"] .mdc-floating-label--shake { -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1; animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1; } #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label { /* @noflip */ left: 26px; /* @noflip */ right: initial; } #cf7md-form[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 26px; } #cf7md-form .mdc-text-field--with-trailing-icon .mdc-text-field__icon { /* @noflip */ left: initial; /* @noflip */ right: 12px; } #cf7md-form[dir="rtl"] .mdc-text-field--with-trailing-icon .mdc-text-field__icon, #cf7md-form .mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir="rtl"] { /* @noflip */ left: 12px; /* @noflip */ right: initial; } #cf7md-form .mdc-text-field--with-trailing-icon .mdc-text-field__input { /* @noflip */ padding-left: 12px; /* @noflip */ padding-right: 48px; } #cf7md-form[dir="rtl"] .mdc-text-field--with-trailing-icon .mdc-text-field__input, #cf7md-form .mdc-text-field--with-trailing-icon .mdc-text-field__input[dir="rtl"] { /* @noflip */ padding-left: 48px; /* @noflip */ padding-right: 12px; } #cf7md-form .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon { /* @noflip */ left: initial; /* @noflip */ right: 16px; } #cf7md-form[dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon, #cf7md-form .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon[dir="rtl"] { /* @noflip */ left: 16px; /* @noflip */ right: initial; } #cf7md-form .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 48px; } #cf7md-form[dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input, #cf7md-form .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input[dir="rtl"] { /* @noflip */ padding-left: 48px; /* @noflip */ padding-right: 16px; } #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon { /* @noflip */ left: 16px; /* @noflip */ right: auto; } #cf7md-form[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir="rtl"] { /* @noflip */ left: auto; /* @noflip */ right: 16px; } #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon { /* @noflip */ right: 12px; /* @noflip */ left: auto; } #cf7md-form[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon[dir="rtl"] { /* @noflip */ right: auto; /* @noflip */ left: 12px; } #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input { /* @noflip */ padding-left: 48px; /* @noflip */ padding-right: 48px; } #cf7md-form[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir="rtl"] { /* @noflip */ padding-left: 48px; /* @noflip */ padding-right: 48px; } #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon, #cf7md-form .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon { bottom: 16px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon { /* @noflip */ left: 12px; /* @noflip */ right: initial; } #cf7md-form[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 12px; } #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input { /* @noflip */ padding-left: 38px; /* @noflip */ padding-right: 12px; } #cf7md-form[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input[dir="rtl"] { /* @noflip */ padding-left: 12px; /* @noflip */ padding-right: 38px; } #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label { /* @noflip */ left: 38px; /* @noflip */ right: initial; } #cf7md-form[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 38px; } #cf7md-form .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon { /* @noflip */ left: initial; /* @noflip */ right: 12px; } #cf7md-form[dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon, #cf7md-form .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir="rtl"] { /* @noflip */ left: 12px; /* @noflip */ right: initial; } #cf7md-form .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input { /* @noflip */ padding-left: 12px; /* @noflip */ padding-right: 38px; } #cf7md-form[dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input, #cf7md-form .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir="rtl"] { /* @noflip */ padding-left: 38px; /* @noflip */ padding-right: 12px; } #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon { /* @noflip */ left: 12px; /* @noflip */ right: auto; } #cf7md-form[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir="rtl"] { /* @noflip */ left: auto; /* @noflip */ right: 12px; } #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon { /* @noflip */ right: 12px; /* @noflip */ left: auto; } #cf7md-form[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon[dir="rtl"] { /* @noflip */ right: auto; /* @noflip */ left: 12px; } #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input { /* @noflip */ padding-left: 38px; /* @noflip */ padding-right: 38px; } #cf7md-form[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input, #cf7md-form .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir="rtl"] { /* @noflip */ padding-left: 38px; /* @noflip */ padding-right: 38px; } #cf7md-form .mdc-text-field--dense .mdc-floating-label--float-above { -webkit-transform: translateY(-70%) scale(0.8); -ms-transform: translateY(-70%) scale(0.8); transform: translateY(-70%) scale(0.8); } #cf7md-form .mdc-text-field--dense .mdc-floating-label--shake { -webkit-animation: mdc-floating-label-shake-float-above-text-field-dense 250ms 1; animation: mdc-floating-label-shake-float-above-text-field-dense 250ms 1; } #cf7md-form .mdc-text-field--dense .mdc-text-field__input { padding: 12px 12px 0; } #cf7md-form .mdc-text-field--dense .mdc-floating-label { font-size: .813rem; } #cf7md-form .mdc-text-field--dense .mdc-floating-label--float-above { font-size: .813rem; } #cf7md-form .mdc-text-field__input:required ~ .mdc-floating-label::after, #cf7md-form .mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after { margin-left: 1px; content: "*"; } #cf7md-form .mdc-text-field--textarea { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: auto; height: auto; transition: none; overflow: visible; } #cf7md-form .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, #cf7md-form .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.24); } #cf7md-form .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, #cf7md-form .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.87); } #cf7md-form .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, #cf7md-form .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: #3f51b5; /* @alternate */ border-color: var(--mdc-theme-primary, #3f51b5); } #cf7md-form .mdc-text-field--textarea .mdc-floating-label--shake { -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; } #cf7md-form .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading { /* @noflip */ border-radius: 4px 0 0 4px; } #cf7md-form[dir="rtl"] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading[dir="rtl"] { /* @noflip */ border-radius: 0 4px 4px 0; } #cf7md-form .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing { /* @noflip */ border-radius: 0 4px 4px 0; } #cf7md-form[dir="rtl"] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing, #cf7md-form .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing[dir="rtl"] { /* @noflip */ border-radius: 4px 0 0 4px; } #cf7md-form .mdc-text-field--textarea::before, #cf7md-form .mdc-text-field--textarea::after { content: none; } #cf7md-form .mdc-text-field--textarea:not(.mdc-text-field--disabled) { background-color: transparent; } #cf7md-form .mdc-text-field--textarea .mdc-floating-label--float-above { -webkit-transform: translateY(-144%) scale(1); -ms-transform: translateY(-144%) scale(1); transform: translateY(-144%) scale(1); } #cf7md-form .mdc-text-field--textarea .mdc-floating-label--float-above { font-size: 0.75rem; } #cf7md-form .mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above, #cf7md-form .mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above { -webkit-transform: translateY(-130%) scale(0.75); -ms-transform: translateY(-130%) scale(0.75); transform: translateY(-130%) scale(0.75); } #cf7md-form .mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above, #cf7md-form .mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } #cf7md-form .mdc-text-field--textarea .mdc-text-field__input { -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; box-sizing: border-box; height: auto; margin: 8px 1px 1px 0; padding: 0 16px 16px; border: none; } #cf7md-form .mdc-text-field--textarea .mdc-floating-label { top: 17px; bottom: auto; width: auto; pointer-events: none; } #cf7md-form .mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__notch, #cf7md-form .mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__trailing { border-width: 2px; } #cf7md-form .mdc-text-field--fullwidth { width: 100%; } #cf7md-form .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) { display: block; } #cf7md-form .mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::before, #cf7md-form .mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::after { content: none; } #cf7md-form .mdc-text-field--fullwidth:not(.mdc-text-field--textarea):not(.mdc-text-field--disabled) { background-color: transparent; } #cf7md-form .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input { padding: 0; } #cf7md-form .mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) { border-bottom-color: #b00020; /* @alternate */ border-bottom-color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-text-field--dense + .mdc-text-field-helper-text { margin-bottom: 4px; } #cf7md-form .mdc-text-field + .mdc-text-field-helper-text { margin-right: 12px; margin-left: 12px; } #cf7md-form .mdc-text-field--outlined + .mdc-text-field-helper-text { margin-right: 16px; margin-left: 16px; } #cf7md-form .mdc-form-field > .mdc-text-field + label { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } #cf7md-form .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label { color: rgba(63, 81, 181, 0.87); } #cf7md-form .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { color: rgba(63, 81, 181, 0.87); } #cf7md-form .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { color: rgba(63, 81, 181, 0.87); } #cf7md-form .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { color: rgba(63, 81, 181, 0.87); } #cf7md-form .mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-floating-label::after, #cf7md-form .mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after { color: #b00020; /* @alternate */ color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-text-field--focused + .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) { opacity: 1; } #cf7md-form .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, #cf7md-form .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: #3f51b5; /* @alternate */ border-color: var(--mdc-theme-primary, #3f51b5); } #cf7md-form .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input { border-bottom-color: #b00020; /* @alternate */ border-bottom-color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover { border-bottom-color: #b00020; /* @alternate */ border-bottom-color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple { background-color: #b00020; /* @alternate */ background-color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label { color: #b00020; /* @alternate */ color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { color: #b00020; /* @alternate */ color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { color: #b00020; /* @alternate */ color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { color: #b00020; /* @alternate */ color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg { color: #b00020; /* @alternate */ color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-text-field--invalid .mdc-text-field__input { caret-color: #b00020; /* @alternate */ caret-color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-text-field--invalid.mdc-text-field--with-trailing-icon:not(.mdc-text-field--with-leading-icon):not(.mdc-text-field--disabled) .mdc-text-field__icon { color: #b00020; /* @alternate */ color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-text-field--invalid.mdc-text-field--with-trailing-icon.mdc-text-field--with-leading-icon:not(.mdc-text-field--disabled) .mdc-text-field__icon ~ .mdc-text-field__icon { color: #b00020; /* @alternate */ color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg { opacity: 1; } #cf7md-form .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, #cf7md-form .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, #cf7md-form .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, #cf7md-form .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, #cf7md-form .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, #cf7md-form .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, #cf7md-form .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-text-field--disabled { background-color: #fafafa; border-bottom: none; pointer-events: none; } #cf7md-form .mdc-text-field--disabled .mdc-text-field__input { border-bottom-color: rgba(0, 0, 0, 0.06); } #cf7md-form .mdc-text-field--disabled .mdc-text-field__input { color: rgba(0, 0, 0, 0.37); } #cf7md-form .mdc-text-field--disabled .mdc-floating-label { color: rgba(0, 0, 0, 0.37); } #cf7md-form .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.37); } #cf7md-form .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.37); } #cf7md-form .mdc-text-field--disabled .mdc-text-field__input::placeholder { color: rgba(0, 0, 0, 0.37); } #cf7md-form .mdc-text-field--disabled + .mdc-text-field-helper-text { color: rgba(0, 0, 0, 0.37); } #cf7md-form .mdc-text-field--disabled .mdc-text-field__icon { color: rgba(0, 0, 0, 0.3); } #cf7md-form .mdc-text-field--disabled:not(.mdc-text-field--textarea) { border-bottom-color: rgba(0, 0, 0, 0.12); } #cf7md-form .mdc-text-field--disabled .mdc-floating-label { cursor: default; } #cf7md-form .mdc-text-field--textarea.mdc-text-field--disabled { background-color: transparent; background-color: #f9f9f9; } #cf7md-form .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__notch, #cf7md-form .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.06); } #cf7md-form .mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input { border-bottom: none; } @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-dense { 0% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8); transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); -webkit-transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.8); transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.8); } 66% { -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); -webkit-transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.8); transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.8); } 100% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8); transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8); } } @keyframes mdc-floating-label-shake-float-above-text-field-dense { 0% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8); transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); -webkit-transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.8); transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.8); } 66% { -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); -webkit-transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.8); transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.8); } 100% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8); transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8); } } @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined { 0% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); } 66% { -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); } 100% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } } @keyframes mdc-floating-label-shake-float-above-text-field-outlined { 0% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); } 66% { -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); } 100% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } } @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense { 0% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8); transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); -webkit-transform: translateX(calc(4% - 0%)) translateY(-120%) scale(0.8); transform: translateX(calc(4% - 0%)) translateY(-120%) scale(0.8); } 66% { -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); -webkit-transform: translateX(calc(-4% - 0%)) translateY(-120%) scale(0.8); transform: translateX(calc(-4% - 0%)) translateY(-120%) scale(0.8); } 100% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8); transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8); } } @keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense { 0% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8); transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); -webkit-transform: translateX(calc(4% - 0%)) translateY(-120%) scale(0.8); transform: translateX(calc(4% - 0%)) translateY(-120%) scale(0.8); } 66% { -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); -webkit-transform: translateX(calc(-4% - 0%)) translateY(-120%) scale(0.8); transform: translateX(calc(-4% - 0%)) translateY(-120%) scale(0.8); } 100% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8); transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8); } } @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon { 0% { -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); -webkit-transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75); transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75); } 66% { -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); -webkit-transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75); transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75); } 100% { -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); } } @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon { 0% { -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); -webkit-transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75); transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75); } 66% { -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); -webkit-transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75); transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75); } 100% { -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); } } @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense { 0% { -webkit-transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8); transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); -webkit-transform: translateX(calc(4% - 21px)) translateY(-120%) scale(0.8); transform: translateX(calc(4% - 21px)) translateY(-120%) scale(0.8); } 66% { -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); -webkit-transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(0.8); transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(0.8); } 100% { -webkit-transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8); transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8); } } @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense { 0% { -webkit-transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8); transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); -webkit-transform: translateX(calc(4% - 21px)) translateY(-120%) scale(0.8); transform: translateX(calc(4% - 21px)) translateY(-120%) scale(0.8); } 66% { -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); -webkit-transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(0.8); transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(0.8); } 100% { -webkit-transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8); transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8); } } @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl { 0% { -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); -webkit-transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75); transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75); } 66% { -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); -webkit-transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75); transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75); } 100% { -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); } } @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl { 0% { -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); -webkit-transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75); transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75); } 66% { -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); -webkit-transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75); transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75); } 100% { -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); } } @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl { 0% { -webkit-transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8); transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); -webkit-transform: translateX(calc(4% - -21px)) translateY(-120%) scale(0.8); transform: translateX(calc(4% - -21px)) translateY(-120%) scale(0.8); } 66% { -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); -webkit-transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(0.8); transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(0.8); } 100% { -webkit-transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8); transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8); } } @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl { 0% { -webkit-transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8); transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); -webkit-transform: translateX(calc(4% - -21px)) translateY(-120%) scale(0.8); transform: translateX(calc(4% - -21px)) translateY(-120%) scale(0.8); } 66% { -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); -webkit-transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(0.8); transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(0.8); } 100% { -webkit-transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8); transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8); } } @-webkit-keyframes mdc-floating-label-shake-float-above-textarea { 0% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); } 66% { -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); } 100% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } } @keyframes mdc-floating-label-shake-float-above-textarea { 0% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); } 66% { -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); } 100% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } } #cf7md-form .mdc-text-field--with-leading-icon .mdc-text-field__icon, #cf7md-form .mdc-text-field--with-trailing-icon .mdc-text-field__icon { position: absolute; bottom: 16px; cursor: pointer; } #cf7md-form .mdc-text-field__icon:not([tabindex]), #cf7md-form .mdc-text-field__icon[tabindex="-1"] { cursor: default; pointer-events: none; } /* // iOS needs a min-height for date inputs..? input[type="date"] { min-height: 34px; } // Adapt native date to work with md-text shortcode ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-year-field { opacity: 0; transition: opacity .3s ease 0s; } input:focus::-webkit-datetime-edit-text, input:focus::-webkit-datetime-edit-month-field, input:focus::-webkit-datetime-edit-day-field, input:focus::-webkit-datetime-edit-year-field, input.cf7md-has-input:valid::-webkit-datetime-edit-text, input.cf7md-has-input:valid::-webkit-datetime-edit-month-field, input.cf7md-has-input:valid::-webkit-datetime-edit-day-field, input.cf7md-has-input:valid::-webkit-datetime-edit-year-field { opacity: 1; transition-delay: .2s; } ::-webkit-calendar-picker-indicator { //background: blue; } // IE Edge @supports (-ms-ime-align:auto) { input[type="date"] { opacity: 0; &.cf7md-has-input { opacity: 1; } } } */ date-input-polyfill { background: #DDD !important; } date-input-polyfill select { border: none !important; } date-input-polyfill .yearSelect { margin: 4px 2px 4px 4px !important; width: calc(30% - 6px) !important; } date-input-polyfill .monthSelect { margin: 4px 2px !important; width: calc(46% - 8px) !important; } date-input-polyfill > button { margin: 4px 4px 4px 2px !important; width: calc(24% - 6px) !important; -webkit-appearance: none !important; font-size: 14px !important; font-weight: 400 !important; background: transparent !important; border: none !important; color: #444 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; text-shadow: none !important; text-decoration: none !important; } date-input-polyfill > button:hover { color: black; background: rgba(0, 0, 0, 0.15) !important; } date-input-polyfill table { background: #FFF !important; margin: 0 !important; width: 265px !important; } @-webkit-keyframes mdc-select-float-native-control { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes mdc-select-float-native-control { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } #cf7md-form .mdc-select--with-leading-icon:not(.mdc-select--disabled) .mdc-select__icon { color: #000; /* @alternate */ color: var(--mdc-theme-on-surface, #000); } #cf7md-form .mdc-select--with-leading-icon .mdc-select__icon { display: inline-block; position: absolute; bottom: 16px; box-sizing: border-box; width: 24px; height: 24px; border: none; background-color: transparent; fill: currentColor; opacity: 0.54; text-decoration: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #cf7md-form .mdc-select__icon:not([tabindex]), #cf7md-form .mdc-select__icon[tabindex="-1"] { cursor: default; pointer-events: none; } #cf7md-form .mdc-select-helper-text { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.75rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.03333em; text-decoration: inherit; text-transform: inherit; display: block; margin-top: 0; /* @alternate */ line-height: normal; margin: 0; transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; will-change: opacity; } #cf7md-form .mdc-select-helper-text::before { display: inline-block; width: 0; height: 16px; content: ""; vertical-align: 0; } #cf7md-form .mdc-select-helper-text--persistent { transition: none; opacity: 1; will-change: initial; } #cf7md-form .mdc-select { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; position: relative; box-sizing: border-box; height: 56px; overflow: hidden; will-change: opacity, transform, color; } #cf7md-form .mdc-select:not(.mdc-select--disabled) { background-color: whitesmoke; } #cf7md-form .mdc-select::before, #cf7md-form .mdc-select::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } #cf7md-form .mdc-select::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } #cf7md-form .mdc-select.mdc-ripple-upgraded::before { -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); -ms-transform: scale(var(--mdc-ripple-fg-scale, 1)); transform: scale(var(--mdc-ripple-fg-scale, 1)); } #cf7md-form .mdc-select.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } #cf7md-form .mdc-select.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } #cf7md-form .mdc-select.mdc-ripple-upgraded--foreground-activation::after { -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } #cf7md-form .mdc-select.mdc-ripple-upgraded--foreground-deactivation::after { -webkit-animation: 150ms mdc-ripple-fg-opacity-out; animation: 150ms mdc-ripple-fg-opacity-out; -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } #cf7md-form .mdc-select::before, #cf7md-form .mdc-select::after { top: calc(50% - 100%); /* @noflip */ left: calc(50% - 100%); width: 200%; height: 200%; } #cf7md-form .mdc-select.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } #cf7md-form .mdc-select::before, #cf7md-form .mdc-select::after { background-color: rgba(0, 0, 0, 0.87); } #cf7md-form .mdc-select:hover::before { opacity: 0.04; } #cf7md-form .mdc-select:not(.mdc-ripple-upgraded):focus::before, #cf7md-form .mdc-select.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } #cf7md-form .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control, #cf7md-form .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text { color: rgba(0, 0, 0, 0.87); } #cf7md-form .mdc-select:not(.mdc-select--disabled) .mdc-floating-label { color: rgba(0, 0, 0, 0.6); } #cf7md-form .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control, #cf7md-form .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text { border-bottom-color: rgba(0, 0, 0, 0.42); } #cf7md-form .mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text { color: rgba(0, 0, 0, 0.6); } #cf7md-form .mdc-select, #cf7md-form .mdc-select__native-control { border-radius: 4px 4px 0 0; } #cf7md-form .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple { background-color: #3f51b5; /* @alternate */ background-color: var(--mdc-theme-primary, #3f51b5); } #cf7md-form .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label { color: rgba(63, 81, 181, 0.87); } #cf7md-form .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:hover { border-bottom-color: rgba(0, 0, 0, 0.87); } #cf7md-form .mdc-select .mdc-floating-label--float-above { -webkit-transform: translateY(-70%) scale(0.75); -ms-transform: translateY(-70%) scale(0.75); transform: translateY(-70%) scale(0.75); } #cf7md-form .mdc-select .mdc-floating-label { /* @noflip */ left: 16px; /* @noflip */ right: initial; top: 21px; pointer-events: none; } #cf7md-form[dir="rtl"] .mdc-select .mdc-floating-label, #cf7md-form .mdc-select .mdc-floating-label[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 16px; } #cf7md-form .mdc-select.mdc-select--with-leading-icon .mdc-floating-label { /* @noflip */ left: 48px; /* @noflip */ right: initial; } #cf7md-form[dir="rtl"] .mdc-select.mdc-select--with-leading-icon .mdc-floating-label, #cf7md-form .mdc-select.mdc-select--with-leading-icon .mdc-floating-label[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 48px; } #cf7md-form .mdc-select.mdc-select--outlined .mdc-floating-label { /* @noflip */ left: 4px; /* @noflip */ right: initial; top: 17px; } #cf7md-form[dir="rtl"] .mdc-select.mdc-select--outlined .mdc-floating-label, #cf7md-form .mdc-select.mdc-select--outlined .mdc-floating-label[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 4px; } #cf7md-form .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label { /* @noflip */ left: 36px; /* @noflip */ right: initial; } #cf7md-form[dir="rtl"] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, #cf7md-form .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 36px; } #cf7md-form .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above { /* @noflip */ left: 36px; /* @noflip */ right: initial; } #cf7md-form[dir="rtl"] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, #cf7md-form .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 36px; } #cf7md-form .mdc-select__dropdown-icon { background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center; /* @noflip */ left: auto; /* @noflip */ right: 8px; position: absolute; bottom: 16px; width: 24px; height: 24px; transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none; } #cf7md-form[dir="rtl"] .mdc-select__dropdown-icon, #cf7md-form .mdc-select__dropdown-icon[dir="rtl"] { /* @noflip */ left: 8px; /* @noflip */ right: auto; } #cf7md-form .mdc-select--focused .mdc-select__dropdown-icon { background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%233f51b5%22%20fill-rule%3D%22evenodd%22%20opacity%3D%221%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center; -webkit-transform: rotate(180deg) translateY(-5px); -ms-transform: rotate(180deg) translateY(-5px); transform: rotate(180deg) translateY(-5px); transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1); } #cf7md-form .mdc-select__native-control { padding-top: 20px; } #cf7md-form .mdc-select.mdc-select--focused .mdc-line-ripple::after { -webkit-transform: scale(1, 2); -ms-transform: scale(1, 2); transform: scale(1, 2); opacity: 1; } #cf7md-form .mdc-select + .mdc-select-helper-text { margin-right: 12px; margin-left: 12px; } #cf7md-form .mdc-select--outlined + .mdc-select-helper-text { margin-right: 16px; margin-left: 16px; } #cf7md-form .mdc-select--focused + .mdc-select-helper-text:not(.mdc-select-helper-text--validation-msg) { opacity: 1; } #cf7md-form .mdc-select__selected-text { min-width: 200px; padding-top: 22px; } #cf7md-form .mdc-select__native-control, #cf7md-form .mdc-select__selected-text { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 52px; font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: 1.75rem; font-weight: 400; letter-spacing: 0.00937em; text-decoration: inherit; text-transform: inherit; box-sizing: border-box; width: 100%; height: 56px; padding-top: 20px; padding-bottom: 4px; border: none; border-bottom: 1px solid; outline: none; background-color: transparent; color: inherit; white-space: nowrap; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #cf7md-form[dir="rtl"] .mdc-select__native-control, #cf7md-form .mdc-select__native-control[dir="rtl"], #cf7md-form[dir="rtl"] .mdc-select__selected-text, #cf7md-form .mdc-select__selected-text[dir="rtl"] { /* @noflip */ padding-left: 52px; /* @noflip */ padding-right: 16px; } #cf7md-form .mdc-select__native-control::-ms-expand, #cf7md-form .mdc-select__selected-text::-ms-expand { display: none; } #cf7md-form .mdc-select__native-control::-ms-value, #cf7md-form .mdc-select__selected-text::-ms-value { background-color: transparent; color: inherit; } @-moz-document url-prefix("") { #cf7md-form .mdc-select__native-control, #cf7md-form .mdc-select__selected-text { text-indent: -2px; } } #cf7md-form .mdc-select--outlined { border: none; overflow: visible; } #cf7md-form .mdc-select--outlined:not(.mdc-select--disabled) { background-color: transparent; } #cf7md-form .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading, #cf7md-form .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch, #cf7md-form .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.24); } #cf7md-form .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, #cf7md-form .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.87); } #cf7md-form .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { border-width: 2px; } #cf7md-form .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #3f51b5; /* @alternate */ border-color: var(--mdc-theme-primary, #3f51b5); } #cf7md-form .mdc-select--outlined .mdc-floating-label--shake { -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; } #cf7md-form .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading { /* @noflip */ border-radius: 4px 0 0 4px; } #cf7md-form[dir="rtl"] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir="rtl"] { /* @noflip */ border-radius: 0 4px 4px 0; } #cf7md-form .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing { /* @noflip */ border-radius: 0 4px 4px 0; } #cf7md-form[dir="rtl"] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing, #cf7md-form .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir="rtl"] { /* @noflip */ border-radius: 4px 0 0 4px; } #cf7md-form .mdc-select--outlined .mdc-select__native-control { border-radius: 4px; } #cf7md-form .mdc-select--outlined::before, #cf7md-form .mdc-select--outlined::after { content: none; } #cf7md-form .mdc-select--outlined:not(.mdc-select--disabled) { background-color: transparent; } #cf7md-form .mdc-select--outlined .mdc-floating-label--float-above { -webkit-transform: translateY(-144%) scale(1); -ms-transform: translateY(-144%) scale(1); transform: translateY(-144%) scale(1); } #cf7md-form .mdc-select--outlined .mdc-floating-label--float-above { font-size: 0.75rem; } #cf7md-form .mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, #cf7md-form .mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { -webkit-transform: translateY(-130%) scale(0.75); -ms-transform: translateY(-130%) scale(0.75); transform: translateY(-130%) scale(0.75); } #cf7md-form .mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, #cf7md-form .mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } #cf7md-form .mdc-select--outlined .mdc-select__native-control, #cf7md-form .mdc-select--outlined .mdc-select__selected-text { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 52px; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 12px; padding-bottom: 12px; border: none; background-color: transparent; z-index: 1; } #cf7md-form[dir="rtl"] .mdc-select--outlined .mdc-select__native-control, #cf7md-form .mdc-select--outlined .mdc-select__native-control[dir="rtl"], #cf7md-form[dir="rtl"] .mdc-select--outlined .mdc-select__selected-text, #cf7md-form .mdc-select--outlined .mdc-select__selected-text[dir="rtl"] { /* @noflip */ padding-left: 52px; /* @noflip */ padding-right: 16px; } #cf7md-form .mdc-select--outlined .mdc-select__selected-text { padding-top: 14px; } #cf7md-form .mdc-select--outlined .mdc-select__icon { z-index: 2; } #cf7md-form .mdc-select--outlined .mdc-floating-label { line-height: 1.15rem; pointer-events: auto; } #cf7md-form .mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label { color: #b00020; /* @alternate */ color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control, #cf7md-form .mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__selected-text { border-bottom-color: #b00020; /* @alternate */ border-bottom-color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple { background-color: #b00020; /* @alternate */ background-color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label { color: #b00020; } #cf7md-form .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid + .mdc-select-helper-text--validation-msg { color: #b00020; /* @alternate */ color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control:hover { border-bottom-color: #b00020; /* @alternate */ border-bottom-color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading, #cf7md-form .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch, #cf7md-form .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, #cf7md-form .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { border-width: 2px; } #cf7md-form .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } #cf7md-form .mdc-select--invalid .mdc-select__dropdown-icon { background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23b00020%22%20fill-rule%3D%22evenodd%22%20opacity%3D%221%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center; } #cf7md-form .mdc-select--invalid + .mdc-select-helper-text--validation-msg { opacity: 1; } #cf7md-form .mdc-select--required .mdc-floating-label::after { content: "*"; } #cf7md-form .mdc-select--disabled { background-color: #fafafa; cursor: default; pointer-events: none; } #cf7md-form .mdc-select--disabled .mdc-floating-label { color: rgba(0, 0, 0, 0.37); } #cf7md-form .mdc-select--disabled .mdc-select__dropdown-icon { background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.37%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center; } #cf7md-form .mdc-select--disabled .mdc-line-ripple { display: none; } #cf7md-form .mdc-select--disabled .mdc-select__icon { color: rgba(0, 0, 0, 0.37); } #cf7md-form .mdc-select--disabled .mdc-select__native-control, #cf7md-form .mdc-select--disabled .mdc-select__selected-text { color: rgba(0, 0, 0, 0.37); border-bottom-style: dotted; } #cf7md-form .mdc-select--disabled .mdc-select__selected-text { pointer-events: none; } #cf7md-form .mdc-select--disabled.mdc-select--outlined { background-color: transparent; } #cf7md-form .mdc-select--disabled.mdc-select--outlined .mdc-select__native-control, #cf7md-form .mdc-select--disabled.mdc-select--outlined .mdc-select__selected-text { border-bottom-style: none; } #cf7md-form .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__leading, #cf7md-form .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__notch, #cf7md-form .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.16); } #cf7md-form .mdc-select--with-leading-icon .mdc-select__icon { /* @noflip */ left: 16px; /* @noflip */ right: initial; } #cf7md-form[dir="rtl"] .mdc-select--with-leading-icon .mdc-select__icon, #cf7md-form .mdc-select--with-leading-icon .mdc-select__icon[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 16px; } #cf7md-form .mdc-select--with-leading-icon .mdc-select__native-control, #cf7md-form .mdc-select--with-leading-icon .mdc-select__selected-text { /* @noflip */ padding-left: 48px; /* @noflip */ padding-right: 32px; } #cf7md-form[dir="rtl"] .mdc-select--with-leading-icon .mdc-select__native-control, #cf7md-form .mdc-select--with-leading-icon .mdc-select__native-control[dir="rtl"], #cf7md-form[dir="rtl"] .mdc-select--with-leading-icon .mdc-select__selected-text, #cf7md-form .mdc-select--with-leading-icon .mdc-select__selected-text[dir="rtl"] { /* @noflip */ padding-left: 32px; /* @noflip */ padding-right: 48px; } #cf7md-form .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above { -webkit-transform: translateY(-144%) translateX(-32px) scale(1); -ms-transform: translateY(-144%) translateX(-32px) scale(1); transform: translateY(-144%) translateX(-32px) scale(1); } #cf7md-form[dir="rtl"] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above, #cf7md-form .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above[dir="rtl"] { -webkit-transform: translateY(-144%) translateX(32px) scale(1); -ms-transform: translateY(-144%) translateX(32px) scale(1); transform: translateY(-144%) translateX(32px) scale(1); } #cf7md-form .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above { font-size: 0.75rem; } #cf7md-form .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, #cf7md-form .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { -webkit-transform: translateY(-130%) translateX(-32px) scale(0.75); -ms-transform: translateY(-130%) translateX(-32px) scale(0.75); transform: translateY(-130%) translateX(-32px) scale(0.75); } #cf7md-form[dir="rtl"] .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, #cf7md-form .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir="rtl"], #cf7md-form[dir="rtl"] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above, #cf7md-form .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir="rtl"] { -webkit-transform: translateY(-130%) translateX(32px) scale(0.75); -ms-transform: translateY(-130%) translateX(32px) scale(0.75); transform: translateY(-130%) translateX(32px) scale(0.75); } #cf7md-form .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, #cf7md-form .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } #cf7md-form .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake { -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon 250ms 1; animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon 250ms 1; } #cf7md-form[dir="rtl"] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake, #cf7md-form .mdc-select--with-leading-icon.mdc-select--outlined[dir="rtl"] .mdc-floating-label--shake { -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl 250ms 1; animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl 250ms 1; } #cf7md-form .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text { /* @noflip */ padding-left: 32px; /* @noflip */ padding-right: 32px; } #cf7md-form[dir="rtl"] .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text, #cf7md-form .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text[dir="rtl"] { /* @noflip */ padding-left: 32px; /* @noflip */ padding-right: 32px; } #cf7md-form .mdc-select__menu .mdc-list .mdc-list-item--selected { color: #000; /* @alternate */ color: var(--mdc-theme-on-surface, #000); } #cf7md-form .mdc-select__menu .mdc-list .mdc-list-item--selected::before, #cf7md-form .mdc-select__menu .mdc-list .mdc-list-item--selected::after { background-color: #000; } @supports not (-ms-ime-align: auto) { #cf7md-form .mdc-select__menu .mdc-list .mdc-list-item--selected::before, #cf7md-form .mdc-select__menu .mdc-list .mdc-list-item--selected::after { /* @alternate */ background-color: var(--mdc-theme-on-surface, #000); } } #cf7md-form .mdc-select__menu .mdc-list .mdc-list-item--selected:hover::before { opacity: 0.04; } #cf7md-form .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus::before, #cf7md-form .mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } #cf7md-form .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } #cf7md-form .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.16; } #cf7md-form .mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.16; } @-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon { 0% { -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75); transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75); } 66% { -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75); transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75); } 100% { -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); } } @keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon { 0% { -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75); transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75); } 66% { -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75); transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75); } 100% { -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); } } @-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl { 0% { -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); -webkit-transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75); transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75); } 66% { -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); -webkit-transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75); transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75); } 100% { -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); } } @keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl { 0% { -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); -webkit-transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75); transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75); } 66% { -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); -webkit-transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75); transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75); } 100% { -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); } } #cf7md-form .mdc-select--with-leading-icon:not(.mdc-select--disabled) .mdc-select__icon { color: #000; /* @alternate */ color: var(--mdc-theme-on-surface, #000); } #cf7md-form .mdc-select--with-leading-icon .mdc-select__icon { display: inline-block; position: absolute; bottom: 16px; box-sizing: border-box; width: 24px; height: 24px; border: none; background-color: transparent; fill: currentColor; opacity: 0.54; text-decoration: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #cf7md-form .mdc-select__icon:not([tabindex]), #cf7md-form .mdc-select__icon[tabindex="-1"] { cursor: default; pointer-events: none; } @-moz-document url-prefix() { #cf7md-form .mdc-select select:-moz-focusring, #cf7md-form .mdc-select select::-moz-focus-inner { color: transparent !important; text-shadow: 0 0 0 #000 !important; background-image: none !important; border: 0; } #cf7md-form.cf7md-theme--dark .mdc-select select:-moz-focusring, #cf7md-form.cf7md-theme--dark .mdc-select select::-moz-focus-inner { text-shadow: 0 0 0 #FFF !important; } } #cf7md-form.cf7md-theme--dark .mdc-select select > option, #cf7md-form.cf7md-theme--dark .mdc-select select > optgroup { background: black; } #cf7md-form .mdc-select--outlined .mdc-notched-outline .mdc-floating-label { pointer-events: none !important; } #cf7md-form .mdc-form-field { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.01786em; text-decoration: inherit; text-transform: inherit; color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; vertical-align: middle; } #cf7md-form .mdc-form-field > label { -webkit-order: 0; -ms-flex-order: 0; order: 0; /* @noflip */ margin-right: auto; /* @noflip */ padding-left: 4px; } #cf7md-form[dir="rtl"] .mdc-form-field > label, #cf7md-form .mdc-form-field[dir="rtl"] > label { /* @noflip */ margin-left: auto; /* @noflip */ padding-right: 4px; } #cf7md-form .mdc-form-field--align-end > label { -webkit-order: -1; -ms-flex-order: -1; order: -1; /* @noflip */ margin-left: auto; /* @noflip */ padding-right: 4px; } #cf7md-form[dir="rtl"] .mdc-form-field--align-end > label, #cf7md-form .mdc-form-field--align-end[dir="rtl"] > label { /* @noflip */ margin-right: auto; /* @noflip */ padding-left: 4px; } @-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path { 0%, 50% { stroke-dashoffset: 29.78334; } 50% { -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 100% { stroke-dashoffset: 0; } } @keyframes mdc-checkbox-unchecked-checked-checkmark-path { 0%, 50% { stroke-dashoffset: 29.78334; } 50% { -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 100% { stroke-dashoffset: 0; } } @-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark { 0%, 68.2% { -webkit-transform: scaleX(0); transform: scaleX(0); } 68.2% { -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1); animation-timing-function: cubic-bezier(0, 0, 0, 1); } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes mdc-checkbox-unchecked-indeterminate-mixedmark { 0%, 68.2% { -webkit-transform: scaleX(0); transform: scaleX(0); } 68.2% { -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1); animation-timing-function: cubic-bezier(0, 0, 0, 1); } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); } } @-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path { from { -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1); animation-timing-function: cubic-bezier(0.4, 0, 1, 1); opacity: 1; stroke-dashoffset: 0; } to { opacity: 0; stroke-dashoffset: -29.78334; } } @keyframes mdc-checkbox-checked-unchecked-checkmark-path { from { -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1); animation-timing-function: cubic-bezier(0.4, 0, 1, 1); opacity: 1; stroke-dashoffset: 0; } to { opacity: 0; stroke-dashoffset: -29.78334; } } @-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark { from { -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } @keyframes mdc-checkbox-checked-indeterminate-checkmark { from { -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } @-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark { from { -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1); animation-timing-function: cubic-bezier(0.14, 0, 0, 1); -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); opacity: 1; } } @keyframes mdc-checkbox-indeterminate-checked-checkmark { from { -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1); animation-timing-function: cubic-bezier(0.14, 0, 0, 1); -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); opacity: 1; } } @-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark { from { -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function; animation-timing-function: mdc-animation-deceleration-curve-timing-function; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } } @keyframes mdc-checkbox-checked-indeterminate-mixedmark { from { -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function; animation-timing-function: mdc-animation-deceleration-curve-timing-function; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } } @-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark { from { -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1); animation-timing-function: cubic-bezier(0.14, 0, 0, 1); -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } to { -webkit-transform: rotate(315deg); transform: rotate(315deg); opacity: 0; } } @keyframes mdc-checkbox-indeterminate-checked-mixedmark { from { -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1); animation-timing-function: cubic-bezier(0.14, 0, 0, 1); -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } to { -webkit-transform: rotate(315deg); transform: rotate(315deg); opacity: 0; } } @-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark { 0% { -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-transform: scaleX(1); transform: scaleX(1); opacity: 1; } 32.8%, 100% { -webkit-transform: scaleX(0); transform: scaleX(0); opacity: 0; } } @keyframes mdc-checkbox-indeterminate-unchecked-mixedmark { 0% { -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-transform: scaleX(1); transform: scaleX(1); opacity: 1; } 32.8%, 100% { -webkit-transform: scaleX(0); transform: scaleX(0); opacity: 0; } } #cf7md-form .mdc-checkbox { display: inline-block; position: relative; -webkit-flex: 0 0 18px; -ms-flex: 0 0 18px; flex: 0 0 18px; box-sizing: content-box; width: 18px; height: 18px; padding: 11px; line-height: 0; white-space: nowrap; cursor: pointer; vertical-align: bottom; --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; } #cf7md-form .mdc-checkbox::before, #cf7md-form .mdc-checkbox::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } #cf7md-form .mdc-checkbox::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } #cf7md-form .mdc-checkbox.mdc-ripple-upgraded::before { -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); -ms-transform: scale(var(--mdc-ripple-fg-scale, 1)); transform: scale(var(--mdc-ripple-fg-scale, 1)); } #cf7md-form .mdc-checkbox.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } #cf7md-form .mdc-checkbox.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } #cf7md-form .mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after { -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } #cf7md-form .mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation::after { -webkit-animation: 150ms mdc-ripple-fg-opacity-out; animation: 150ms mdc-ripple-fg-opacity-out; -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } #cf7md-form .mdc-checkbox::before, #cf7md-form .mdc-checkbox::after { background-color: #ff4081; } @supports not (-ms-ime-align: auto) { #cf7md-form .mdc-checkbox::before, #cf7md-form .mdc-checkbox::after { /* @alternate */ background-color: var(--mdc-theme-secondary, #ff4081); } } #cf7md-form .mdc-checkbox:hover::before { opacity: 0.04; } #cf7md-form .mdc-checkbox:not(.mdc-ripple-upgraded):focus::before, #cf7md-form .mdc-checkbox.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } #cf7md-form .mdc-checkbox:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } #cf7md-form .mdc-checkbox:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.16; } #cf7md-form .mdc-checkbox.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.16; } #cf7md-form .mdc-checkbox::before, #cf7md-form .mdc-checkbox::after { top: calc(50% - 50%); /* @noflip */ left: calc(50% - 50%); width: 100%; height: 100%; } #cf7md-form .mdc-checkbox.mdc-ripple-upgraded::before, #cf7md-form .mdc-checkbox.mdc-ripple-upgraded::after { top: var(--mdc-ripple-top, calc(50% - 50%)); /* @noflip */ left: var(--mdc-ripple-left, calc(50% - 50%)); width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } #cf7md-form .mdc-checkbox.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } #cf7md-form .mdc-checkbox__checkmark { color: #fff; } #cf7md-form .mdc-checkbox__mixedmark { border-color: #fff; } #cf7md-form .mdc-checkbox__background::before { background-color: #ff4081; } @supports not (-ms-ime-align: auto) { #cf7md-form .mdc-checkbox__background::before { /* @alternate */ background-color: var(--mdc-theme-secondary, #ff4081); } } #cf7md-form .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { border-color: rgba(0, 0, 0, 0.54); background-color: transparent; } #cf7md-form .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, #cf7md-form .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background { border-color: #ff4081; /* @alternate */ border-color: var(--mdc-theme-secondary, #ff4081); background-color: #ff4081; /* @alternate */ background-color: var(--mdc-theme-secondary, #ff4081); } @-webkit-keyframes mdc-checkbox-fade-in-background-0 { 0% { border-color: rgba(0, 0, 0, 0.54); background-color: transparent; } 50% { border-color: #ff4081; /* @alternate */ border-color: var(--mdc-theme-secondary, #ff4081); background-color: #ff4081; /* @alternate */ background-color: var(--mdc-theme-secondary, #ff4081); } } @keyframes mdc-checkbox-fade-in-background-0 { 0% { border-color: rgba(0, 0, 0, 0.54); background-color: transparent; } 50% { border-color: #ff4081; /* @alternate */ border-color: var(--mdc-theme-secondary, #ff4081); background-color: #ff4081; /* @alternate */ background-color: var(--mdc-theme-secondary, #ff4081); } } @-webkit-keyframes mdc-checkbox-fade-out-background-0 { 0%, 80% { border-color: #ff4081; /* @alternate */ border-color: var(--mdc-theme-secondary, #ff4081); background-color: #ff4081; /* @alternate */ background-color: var(--mdc-theme-secondary, #ff4081); } 100% { border-color: rgba(0, 0, 0, 0.54); background-color: transparent; } } @keyframes mdc-checkbox-fade-out-background-0 { 0%, 80% { border-color: #ff4081; /* @alternate */ border-color: var(--mdc-theme-secondary, #ff4081); background-color: #ff4081; /* @alternate */ background-color: var(--mdc-theme-secondary, #ff4081); } 100% { border-color: rgba(0, 0, 0, 0.54); background-color: transparent; } } #cf7md-form .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, #cf7md-form .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { -webkit-animation-name: mdc-checkbox-fade-in-background-0; animation-name: mdc-checkbox-fade-in-background-0; } #cf7md-form .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, #cf7md-form .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { -webkit-animation-name: mdc-checkbox-fade-out-background-0; animation-name: mdc-checkbox-fade-out-background-0; } #cf7md-form .mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { border-color: rgba(0, 0, 0, 0.26); } #cf7md-form .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background, #cf7md-form .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background { border-color: transparent; background-color: rgba(0, 0, 0, 0.26); } @media screen and (-ms-high-contrast: active) { #cf7md-form .mdc-checkbox__mixedmark { margin: 0 1px; } } #cf7md-form .mdc-checkbox--disabled { cursor: default; pointer-events: none; } #cf7md-form .mdc-checkbox__background { /* @noflip */ left: 11px; /* @noflip */ right: initial; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; position: absolute; top: 11px; bottom: 0; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; width: 45%; height: 45%; transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); border: 2px solid currentColor; border-radius: 2px; background-color: transparent; pointer-events: none; will-change: background-color, border-color; } #cf7md-form .mdc-checkbox[dir="rtl"] .mdc-checkbox__background, #cf7md-form[dir="rtl"] .mdc-checkbox .mdc-checkbox__background { /* @noflip */ left: initial; /* @noflip */ right: 11px; } #cf7md-form .mdc-checkbox__checkmark { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); opacity: 0; } #cf7md-form .mdc-checkbox--upgraded .mdc-checkbox__checkmark { opacity: 1; } #cf7md-form .mdc-checkbox__checkmark-path { transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); stroke: currentColor; stroke-width: 3.12px; stroke-dashoffset: 29.78334; stroke-dasharray: 29.78334; } #cf7md-form .mdc-checkbox__mixedmark { width: 100%; height: 0; -webkit-transform: scaleX(0) rotate(0deg); -ms-transform: scaleX(0) rotate(0deg); transform: scaleX(0) rotate(0deg); transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); border-width: 1px; border-style: solid; opacity: 0; } #cf7md-form .mdc-checkbox--upgraded .mdc-checkbox__background, #cf7md-form .mdc-checkbox--upgraded .mdc-checkbox__checkmark, #cf7md-form .mdc-checkbox--upgraded .mdc-checkbox__checkmark-path, #cf7md-form .mdc-checkbox--upgraded .mdc-checkbox__mixedmark { transition: none !important; } #cf7md-form .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, #cf7md-form .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, #cf7md-form .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, #cf7md-form .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background { -webkit-animation-duration: 180ms; animation-duration: 180ms; -webkit-animation-timing-function: linear; animation-timing-function: linear; } #cf7md-form .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path { -webkit-animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path; animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path; transition: none; } #cf7md-form .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark { -webkit-animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark; animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark; transition: none; } #cf7md-form .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path { -webkit-animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path; animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path; transition: none; } #cf7md-form .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark { -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark; animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark; transition: none; } #cf7md-form .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark { -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark; animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark; transition: none; } #cf7md-form .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark { -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark; animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark; transition: none; } #cf7md-form .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark { -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark; animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark; transition: none; } #cf7md-form .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark { -webkit-animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark; animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark; transition: none; } #cf7md-form .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, #cf7md-form .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background { transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1); } #cf7md-form .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path, #cf7md-form .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path { stroke-dashoffset: 0; } #cf7md-form .mdc-checkbox__background::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); border-radius: 50%; opacity: 0; pointer-events: none; content: ""; will-change: opacity, transform; } #cf7md-form .mdc-ripple-upgraded--background-focused .mdc-checkbox__background::before { content: none; } #cf7md-form .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before { -webkit-transform: scale(2.75, 2.75); -ms-transform: scale(2.75, 2.75); transform: scale(2.75, 2.75); transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); opacity: 0.12; } #cf7md-form .mdc-checkbox__native-control { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; cursor: inherit; } #cf7md-form .mdc-checkbox__native-control:disabled { cursor: default; pointer-events: none; } #cf7md-form .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark { transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); opacity: 1; } #cf7md-form .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { -webkit-transform: scaleX(1) rotate(-45deg); -ms-transform: scaleX(1) rotate(-45deg); transform: scaleX(1) rotate(-45deg); } #cf7md-form .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); opacity: 0; } #cf7md-form .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { -webkit-transform: scaleX(1) rotate(0deg); -ms-transform: scaleX(1) rotate(0deg); transform: scaleX(1) rotate(0deg); opacity: 1; } #cf7md-form .cf7md-checkbox-item, #cf7md-form .cf7md-accept--inner { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } #cf7md-form .mdc-checkbox { margin: -10px; margin-right: 0; -webkit-flex: 0 0 18px; -ms-flex: 0 0 18px; flex: 0 0 18px; } #cf7md-form .cf7md-accept .cf7md-accept--inner { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } #cf7md-form .cf7md-accept .wpcf7-list-item-label { display: none; } #cf7md-form .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { border-color: #666; background-color: white; } #cf7md-form .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, #cf7md-form .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background { border-color: #3f51b5; background-color: #ff4081; /* @alternate */ background-color: var(--mdc-theme-secondary, #ff4081); } @-webkit-keyframes mdc-checkbox-fade-in-background-1 { 0% { border-color: #666; background-color: white; } 50% { border-color: #3f51b5; background-color: #ff4081; /* @alternate */ background-color: var(--mdc-theme-secondary, #ff4081); } } @keyframes mdc-checkbox-fade-in-background-1 { 0% { border-color: #666; background-color: white; } 50% { border-color: #3f51b5; background-color: #ff4081; /* @alternate */ background-color: var(--mdc-theme-secondary, #ff4081); } } @-webkit-keyframes mdc-checkbox-fade-out-background-1 { 0%, 80% { border-color: #3f51b5; background-color: #ff4081; /* @alternate */ background-color: var(--mdc-theme-secondary, #ff4081); } 100% { border-color: #666; background-color: white; } } @keyframes mdc-checkbox-fade-out-background-1 { 0%, 80% { border-color: #3f51b5; background-color: #ff4081; /* @alternate */ background-color: var(--mdc-theme-secondary, #ff4081); } 100% { border-color: #666; background-color: white; } } #cf7md-form .mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, #cf7md-form .mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { -webkit-animation-name: mdc-checkbox-fade-in-background-1; animation-name: mdc-checkbox-fade-in-background-1; } #cf7md-form .mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, #cf7md-form .mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { -webkit-animation-name: mdc-checkbox-fade-out-background-1; animation-name: mdc-checkbox-fade-out-background-1; } #cf7md-form .mdc-checkbox::before, #cf7md-form .mdc-checkbox::after { background-color: #3f51b5; } #cf7md-form .mdc-checkbox:hover::before { opacity: 0.1; } #cf7md-form .mdc-checkbox:not(.mdc-ripple-upgraded):focus::before, #cf7md-form .mdc-checkbox.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.1; } #cf7md-form .mdc-checkbox:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } #cf7md-form .mdc-checkbox:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.4; } #cf7md-form .mdc-checkbox.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.4; } #cf7md-form .mdc-radio { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; display: inline-block; position: relative; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; box-sizing: border-box; width: 40px; height: 40px; padding: 10px; cursor: pointer; /* @alternate */ will-change: opacity, transform, border-color, color; } #cf7md-form .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle { border-color: rgba(0, 0, 0, 0.54); } #cf7md-form .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle { border-color: #ff4081; /* @alternate */ border-color: var(--mdc-theme-secondary, #ff4081); } #cf7md-form .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle { border-color: #ff4081; /* @alternate */ border-color: var(--mdc-theme-secondary, #ff4081); } #cf7md-form .mdc-radio .mdc-radio__background::before { background-color: #ff4081; } @supports not (-ms-ime-align: auto) { #cf7md-form .mdc-radio .mdc-radio__background::before { /* @alternate */ background-color: var(--mdc-theme-secondary, #ff4081); } } #cf7md-form .mdc-radio::before, #cf7md-form .mdc-radio::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } #cf7md-form .mdc-radio::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } #cf7md-form .mdc-radio.mdc-ripple-upgraded::before { -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); -ms-transform: scale(var(--mdc-ripple-fg-scale, 1)); transform: scale(var(--mdc-ripple-fg-scale, 1)); } #cf7md-form .mdc-radio.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } #cf7md-form .mdc-radio.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } #cf7md-form .mdc-radio.mdc-ripple-upgraded--foreground-activation::after { -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } #cf7md-form .mdc-radio.mdc-ripple-upgraded--foreground-deactivation::after { -webkit-animation: 150ms mdc-ripple-fg-opacity-out; animation: 150ms mdc-ripple-fg-opacity-out; -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } #cf7md-form .mdc-radio::before, #cf7md-form .mdc-radio::after { top: calc(50% - 50%); /* @noflip */ left: calc(50% - 50%); width: 100%; height: 100%; } #cf7md-form .mdc-radio.mdc-ripple-upgraded::before, #cf7md-form .mdc-radio.mdc-ripple-upgraded::after { top: var(--mdc-ripple-top, calc(50% - 50%)); /* @noflip */ left: var(--mdc-ripple-left, calc(50% - 50%)); width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } #cf7md-form .mdc-radio.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } #cf7md-form .mdc-radio::before, #cf7md-form .mdc-radio::after { background-color: #ff4081; } @supports not (-ms-ime-align: auto) { #cf7md-form .mdc-radio::before, #cf7md-form .mdc-radio::after { /* @alternate */ background-color: var(--mdc-theme-secondary, #ff4081); } } #cf7md-form .mdc-radio:hover::before { opacity: 0.04; } #cf7md-form .mdc-radio:not(.mdc-ripple-upgraded):focus::before, #cf7md-form .mdc-radio.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } #cf7md-form .mdc-radio:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } #cf7md-form .mdc-radio:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.16; } #cf7md-form .mdc-radio.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.16; } #cf7md-form .mdc-radio__background { display: inline-block; position: absolute; left: 10px; box-sizing: border-box; width: 50%; height: 50%; } #cf7md-form .mdc-radio__background::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } #cf7md-form .mdc-radio__outer-circle { position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%; transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); border-width: 2px; border-style: solid; border-radius: 50%; } #cf7md-form .mdc-radio__inner-circle { position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); border-width: 10px; border-style: solid; border-radius: 50%; } #cf7md-form .mdc-radio__native-control { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; cursor: inherit; z-index: 1; } #cf7md-form .mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before { content: none; } #cf7md-form .mdc-radio__native-control:checked + .mdc-radio__background, #cf7md-form .mdc-radio__native-control:disabled + .mdc-radio__background { transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } #cf7md-form .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle, #cf7md-form .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle { transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } #cf7md-form .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle, #cf7md-form .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle { transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } #cf7md-form .mdc-radio--disabled { cursor: default; pointer-events: none; } #cf7md-form .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } #cf7md-form .mdc-radio__native-control:disabled + .mdc-radio__background, #cf7md-form [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background { cursor: default; } #cf7md-form .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle, #cf7md-form [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle { border-color: rgba(0, 0, 0, 0.26); } #cf7md-form .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle, #cf7md-form [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle { border-color: rgba(0, 0, 0, 0.26); } #cf7md-form .mdc-radio__native-control:focus + .mdc-radio__background::before { -webkit-transform: scale(2, 2); -ms-transform: scale(2, 2); transform: scale(2, 2); transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); opacity: 0.12; } #cf7md-form .mdc-radio { margin: -10px; margin-right: 0; } #cf7md-form .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle { border-color: #3f51b5; } #cf7md-form .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle { border-color: #3f51b5; } #cf7md-form .mdc-radio::before, #cf7md-form .mdc-radio::after { background-color: #3f51b5; } #cf7md-form .mdc-radio:hover::before { opacity: 0.1; } #cf7md-form .mdc-radio:not(.mdc-ripple-upgraded):focus::before, #cf7md-form .mdc-radio.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.1; } #cf7md-form .mdc-radio:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } #cf7md-form .mdc-radio:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.4; } #cf7md-form .mdc-radio.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.4; } #cf7md-form .mdc-switch { display: inline-block; position: relative; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__track { background-color: #ff4081; /* @alternate */ background-color: var(--mdc-theme-secondary, #ff4081); border-color: #ff4081; /* @alternate */ border-color: var(--mdc-theme-secondary, #ff4081); } #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb { background-color: #ff4081; /* @alternate */ background-color: var(--mdc-theme-secondary, #ff4081); border-color: #ff4081; /* @alternate */ border-color: var(--mdc-theme-secondary, #ff4081); } #cf7md-form .mdc-switch:not(.mdc-switch--checked) .mdc-switch__track { background-color: #000; border-color: #000; } #cf7md-form .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb { background-color: #fff; border-color: #fff; } #cf7md-form .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, #cf7md-form .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after { background-color: #9e9e9e; } #cf7md-form .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before { opacity: 0.08; } #cf7md-form .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, #cf7md-form .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } #cf7md-form .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } #cf7md-form .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.32; } #cf7md-form .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.32; } #cf7md-form .mdc-switch__native-control { /* @noflip */ left: 0; /* @noflip */ right: initial; position: absolute; top: 0; width: 68px; height: 48px; margin: 0; opacity: 0; cursor: pointer; pointer-events: auto; } #cf7md-form[dir="rtl"] .mdc-switch__native-control, #cf7md-form .mdc-switch__native-control[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 0; } #cf7md-form .mdc-switch__track { box-sizing: border-box; width: 32px; height: 14px; transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid; border-radius: 7px; opacity: .38; } #cf7md-form .mdc-switch__thumb-underlay { /* @noflip */ left: -18px; /* @noflip */ right: initial; --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; top: -17px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 48px; height: 48px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); } #cf7md-form[dir="rtl"] .mdc-switch__thumb-underlay, #cf7md-form .mdc-switch__thumb-underlay[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: -18px; } #cf7md-form .mdc-switch__thumb-underlay::before, #cf7md-form .mdc-switch__thumb-underlay::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } #cf7md-form .mdc-switch__thumb-underlay::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } #cf7md-form .mdc-switch__thumb-underlay.mdc-ripple-upgraded::before { -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); -ms-transform: scale(var(--mdc-ripple-fg-scale, 1)); transform: scale(var(--mdc-ripple-fg-scale, 1)); } #cf7md-form .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } #cf7md-form .mdc-switch__thumb-underlay.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } #cf7md-form .mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation::after { -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } #cf7md-form .mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation::after { -webkit-animation: 150ms mdc-ripple-fg-opacity-out; animation: 150ms mdc-ripple-fg-opacity-out; -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } #cf7md-form .mdc-switch__thumb-underlay::before, #cf7md-form .mdc-switch__thumb-underlay::after { top: calc(50% - 50%); /* @noflip */ left: calc(50% - 50%); width: 100%; height: 100%; } #cf7md-form .mdc-switch__thumb-underlay.mdc-ripple-upgraded::before, #cf7md-form .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { top: var(--mdc-ripple-top, calc(50% - 50%)); /* @noflip */ left: var(--mdc-ripple-left, calc(50% - 50%)); width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } #cf7md-form .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } #cf7md-form .mdc-switch__thumb-underlay::before, #cf7md-form .mdc-switch__thumb-underlay::after { background-color: #ff4081; } @supports not (-ms-ime-align: auto) { #cf7md-form .mdc-switch__thumb-underlay::before, #cf7md-form .mdc-switch__thumb-underlay::after { /* @alternate */ background-color: var(--mdc-theme-secondary, #ff4081); } } #cf7md-form .mdc-switch__thumb-underlay:hover::before { opacity: 0.04; } #cf7md-form .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, #cf7md-form .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } #cf7md-form .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } #cf7md-form .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.16; } #cf7md-form .mdc-switch__thumb-underlay.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.16; } #cf7md-form .mdc-switch__thumb { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); box-sizing: border-box; width: 20px; height: 20px; border: 10px solid; border-radius: 50%; pointer-events: none; z-index: 1; } #cf7md-form .mdc-switch--checked .mdc-switch__track { opacity: .54; } #cf7md-form .mdc-switch--checked .mdc-switch__thumb-underlay { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } #cf7md-form[dir="rtl"] .mdc-switch--checked .mdc-switch__thumb-underlay, #cf7md-form .mdc-switch--checked .mdc-switch__thumb-underlay[dir="rtl"] { -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } #cf7md-form .mdc-switch--checked .mdc-switch__native-control { -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } #cf7md-form[dir="rtl"] .mdc-switch--checked .mdc-switch__native-control, #cf7md-form .mdc-switch--checked .mdc-switch__native-control[dir="rtl"] { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } #cf7md-form .mdc-switch--disabled { opacity: .38; pointer-events: none; } #cf7md-form .mdc-switch--disabled .mdc-switch__thumb { border-width: 1px; } #cf7md-form .mdc-switch--disabled .mdc-switch__native-control { cursor: default; pointer-events: none; } #cf7md-form span.cf7md-switch-item .mdc-form-field { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } #cf7md-form span.cf7md-switch-item .mdc-switch { margin-top: 3px; } #cf7md-form .mdc-form-field > .cf7md-switch-label { margin-left: 16px; } #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__track { background-color: #3f51b5; border-color: #3f51b5; } #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb { background-color: #3f51b5; border-color: #3f51b5; } #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay::before, #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay::after { background-color: #3f51b5; } #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay:hover::before { opacity: 0.04; } #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.16; } #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.16; } #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb { background-color: #3f51b5; border-color: #3f51b5; } #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay::before, #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay::after { background-color: #3f51b5; } #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay:hover::before { opacity: 0.04; } #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.16; } #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.16; } #cf7md-form .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, #cf7md-form .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after { background-color: #3f51b5; } #cf7md-form .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before { opacity: 0.04; } #cf7md-form .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, #cf7md-form .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } #cf7md-form .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } #cf7md-form .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.16; } #cf7md-form .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.16; } #cf7md-form .cf7md-file .cf7md-label { margin-bottom: 5px; } #cf7md-form .cf7md-file .wpcf7-not-valid-tip { margin-top: 5px; } #cf7md-form .cf7md-file .cf7md-help-text { margin-top: 3px !important; } #cf7md-form .cf7md-file--btn { color: #fff; } #cf7md-form .cf7md-file--label { position: relative; display: block; } #cf7md-form .cf7md-file--label [type="file"] { opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #cf7md-form .cf7md-file--value { color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); position: absolute; top: 50%; left: 0; padding-left: 152px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; } #cf7md-form.cf7md-theme--dark .cf7md-file--value { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } #cf7md-form .mdc-button { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 2.25rem; font-weight: 500; letter-spacing: 0.08929em; text-decoration: none; text-transform: uppercase; --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; padding: 0 8px 0 8px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; position: relative; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; min-width: 64px; height: 36px; border: none; outline: none; /* @alternate */ line-height: inherit; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; overflow: hidden; vertical-align: middle; border-radius: 4px; } #cf7md-form .mdc-button::before, #cf7md-form .mdc-button::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } #cf7md-form .mdc-button::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } #cf7md-form .mdc-button.mdc-ripple-upgraded::before { -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); -ms-transform: scale(var(--mdc-ripple-fg-scale, 1)); transform: scale(var(--mdc-ripple-fg-scale, 1)); } #cf7md-form .mdc-button.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } #cf7md-form .mdc-button.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } #cf7md-form .mdc-button.mdc-ripple-upgraded--foreground-activation::after { -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } #cf7md-form .mdc-button.mdc-ripple-upgraded--foreground-deactivation::after { -webkit-animation: 150ms mdc-ripple-fg-opacity-out; animation: 150ms mdc-ripple-fg-opacity-out; -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } #cf7md-form .mdc-button::before, #cf7md-form .mdc-button::after { top: calc(50% - 100%); /* @noflip */ left: calc(50% - 100%); width: 200%; height: 200%; } #cf7md-form .mdc-button.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } #cf7md-form .mdc-button::-moz-focus-inner { padding: 0; border: 0; } #cf7md-form .mdc-button:active { outline: none; } #cf7md-form .mdc-button:hover { cursor: pointer; } #cf7md-form .mdc-button:disabled { background-color: transparent; color: rgba(0, 0, 0, 0.37); cursor: default; pointer-events: none; } #cf7md-form .mdc-button.mdc-button--dense { border-radius: 4px; } #cf7md-form .mdc-button:not(:disabled) { background-color: transparent; } #cf7md-form .mdc-button:not(:disabled) { color: #3f51b5; /* @alternate */ color: var(--mdc-theme-primary, #3f51b5); } #cf7md-form .mdc-button::before, #cf7md-form .mdc-button::after { background-color: #3f51b5; } @supports not (-ms-ime-align: auto) { #cf7md-form .mdc-button::before, #cf7md-form .mdc-button::after { /* @alternate */ background-color: var(--mdc-theme-primary, #3f51b5); } } #cf7md-form .mdc-button:hover::before { opacity: 0.04; } #cf7md-form .mdc-button:not(.mdc-ripple-upgraded):focus::before, #cf7md-form .mdc-button.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } #cf7md-form .mdc-button:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } #cf7md-form .mdc-button:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.16; } #cf7md-form .mdc-button.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.16; } #cf7md-form .mdc-button .mdc-button__icon { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 8px; display: inline-block; width: 18px; height: 18px; font-size: 18px; vertical-align: top; } #cf7md-form[dir="rtl"] .mdc-button .mdc-button__icon, #cf7md-form .mdc-button .mdc-button__icon[dir="rtl"] { /* @noflip */ margin-left: 8px; /* @noflip */ margin-right: 0; } #cf7md-form .mdc-button svg.mdc-button__icon { fill: currentColor; } #cf7md-form .mdc-button--raised .mdc-button__icon, #cf7md-form .mdc-button--unelevated .mdc-button__icon, #cf7md-form .mdc-button--outlined .mdc-button__icon { /* @noflip */ margin-left: -4px; /* @noflip */ margin-right: 8px; } #cf7md-form[dir="rtl"] .mdc-button--raised .mdc-button__icon, #cf7md-form .mdc-button--raised .mdc-button__icon[dir="rtl"], #cf7md-form[dir="rtl"] .mdc-button--unelevated .mdc-button__icon, #cf7md-form .mdc-button--unelevated .mdc-button__icon[dir="rtl"], #cf7md-form[dir="rtl"] .mdc-button--outlined .mdc-button__icon, #cf7md-form .mdc-button--outlined .mdc-button__icon[dir="rtl"] { /* @noflip */ margin-left: 8px; /* @noflip */ margin-right: -4px; } #cf7md-form .mdc-button--raised, #cf7md-form .mdc-button--unelevated { padding: 0 16px 0 16px; } #cf7md-form .mdc-button--raised:disabled, #cf7md-form .mdc-button--unelevated:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.37); } #cf7md-form .mdc-button--raised:not(:disabled), #cf7md-form .mdc-button--unelevated:not(:disabled) { background-color: #3f51b5; } @supports not (-ms-ime-align: auto) { #cf7md-form .mdc-button--raised:not(:disabled), #cf7md-form .mdc-button--unelevated:not(:disabled) { /* @alternate */ background-color: var(--mdc-theme-primary, #3f51b5); } } #cf7md-form .mdc-button--raised:not(:disabled), #cf7md-form .mdc-button--unelevated:not(:disabled) { color: #fff; /* @alternate */ color: var(--mdc-theme-on-primary, #fff); } #cf7md-form .mdc-button--raised::before, #cf7md-form .mdc-button--raised::after, #cf7md-form .mdc-button--unelevated::before, #cf7md-form .mdc-button--unelevated::after { background-color: #fff; } @supports not (-ms-ime-align: auto) { #cf7md-form .mdc-button--raised::before, #cf7md-form .mdc-button--raised::after, #cf7md-form .mdc-button--unelevated::before, #cf7md-form .mdc-button--unelevated::after { /* @alternate */ background-color: var(--mdc-theme-on-primary, #fff); } } #cf7md-form .mdc-button--raised:hover::before, #cf7md-form .mdc-button--unelevated:hover::before { opacity: 0.08; } #cf7md-form .mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, #cf7md-form .mdc-button--raised.mdc-ripple-upgraded--background-focused::before, #cf7md-form .mdc-button--unelevated:not(.mdc-ripple-upgraded):focus::before, #cf7md-form .mdc-button--unelevated.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } #cf7md-form .mdc-button--raised:not(.mdc-ripple-upgraded)::after, #cf7md-form .mdc-button--unelevated:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } #cf7md-form .mdc-button--raised:not(.mdc-ripple-upgraded):active::after, #cf7md-form .mdc-button--unelevated:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.32; } #cf7md-form .mdc-button--raised.mdc-ripple-upgraded, #cf7md-form .mdc-button--unelevated.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.32; } #cf7md-form .mdc-button--raised { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); } #cf7md-form .mdc-button--raised:hover, #cf7md-form .mdc-button--raised:focus { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } #cf7md-form .mdc-button--raised:active { 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, 0.12); } #cf7md-form .mdc-button--raised:disabled { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } #cf7md-form .mdc-button--outlined { border-style: solid; padding: 0 14px 0 14px; border-width: 2px; } #cf7md-form .mdc-button--outlined:disabled { border-color: rgba(0, 0, 0, 0.37); } #cf7md-form .mdc-button--outlined:not(:disabled) { border-color: #3f51b5; /* @alternate */ border-color: var(--mdc-theme-primary, #3f51b5); } #cf7md-form .mdc-button--dense { height: 32px; font-size: .8125rem; } #cf7md-form.cf7md-form + .wpcf7-response-output { border: none; border-bottom: 2px solid #b00020; padding: 0 0 8px; font-size: 0.85em; color: #b00020; margin: 24px 0 16px; background: transparent; box-shadow: none; text-align: left; text-transform: none; } #cf7md-form.cf7md-form + .wpcf7-mail-sent-ok { border-bottom-color: #1b5e20; color: #1b5e20; } #cf7md-form.cf7md-form.cf7md-theme--dark + .wpcf7-response-output { border-bottom-color: #f74f6d; color: #f74f6d; } #cf7md-form.cf7md-form.cf7md-theme--dark + .wpcf7-mail-sent-ok { border-bottom-color: #81c784; color: #81c784; } #cf7md-form .wpcf7-not-valid-tip { color: #b00020; margin-top: 4px; margin-bottom: 0; display: block; float: none; } #cf7md-form.cf7md-theme--dark .wpcf7-not-valid-tip { color: #f74f6d; } #cf7md-form .cf7md-list .wpcf7-not-valid-tip { margin-top: -2px; margin-bottom: 4px; } #cf7md-form .cf7md-label--static, #cf7md-form .cf7md-help-text { display: block; float: none; } #cf7md-form.cf7md-form + .fusion-alert .alert-icon, #cf7md-form.cf7md-form + .fusion-alert .toggle-alert { display: none; } #cf7md-form .mdc-card { background-color: #fff; /* @alternate */ background-color: var(--mdc-theme-surface, #fff); border-radius: 4px; box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; } #cf7md-form .mdc-card--outlined { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); border: 1px solid #e0e0e0; } #cf7md-form .mdc-card__media { position: relative; box-sizing: border-box; background-repeat: no-repeat; background-position: center; background-size: cover; } #cf7md-form .mdc-card__media::before { display: block; content: ""; } #cf7md-form .mdc-card__media:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } #cf7md-form .mdc-card__media:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } #cf7md-form .mdc-card__media--square::before { margin-top: 100%; } #cf7md-form .mdc-card__media--16-9::before { margin-top: 56.25%; } #cf7md-form .mdc-card__media-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-sizing: border-box; } #cf7md-form .mdc-card__primary-action { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; position: relative; outline: none; color: inherit; text-decoration: none; cursor: pointer; overflow: hidden; } #cf7md-form .mdc-card__primary-action::before, #cf7md-form .mdc-card__primary-action::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } #cf7md-form .mdc-card__primary-action::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } #cf7md-form .mdc-card__primary-action.mdc-ripple-upgraded::before { -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); -ms-transform: scale(var(--mdc-ripple-fg-scale, 1)); transform: scale(var(--mdc-ripple-fg-scale, 1)); } #cf7md-form .mdc-card__primary-action.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } #cf7md-form .mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } #cf7md-form .mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after { -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } #cf7md-form .mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after { -webkit-animation: 150ms mdc-ripple-fg-opacity-out; animation: 150ms mdc-ripple-fg-opacity-out; -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } #cf7md-form .mdc-card__primary-action::before, #cf7md-form .mdc-card__primary-action::after { top: calc(50% - 100%); /* @noflip */ left: calc(50% - 100%); width: 200%; height: 200%; } #cf7md-form .mdc-card__primary-action.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } #cf7md-form .mdc-card__primary-action::before, #cf7md-form .mdc-card__primary-action::after { background-color: #000; } #cf7md-form .mdc-card__primary-action:hover::before { opacity: 0.04; } #cf7md-form .mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before, #cf7md-form .mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } #cf7md-form .mdc-card__primary-action:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } #cf7md-form .mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.16; } #cf7md-form .mdc-card__primary-action.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.16; } #cf7md-form .mdc-card__primary-action:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } #cf7md-form .mdc-card__primary-action:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } #cf7md-form .mdc-card__actions { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; min-height: 52px; padding: 8px; } #cf7md-form .mdc-card__actions--full-bleed { padding: 0; } #cf7md-form .mdc-card__action-buttons, #cf7md-form .mdc-card__action-icons { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; } #cf7md-form .mdc-card__action-icons { color: rgba(0, 0, 0, 0.38); /* @alternate */ color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } #cf7md-form .mdc-card__action-buttons + .mdc-card__action-icons { /* @noflip */ margin-left: 16px; /* @noflip */ margin-right: 0; } #cf7md-form[dir="rtl"] .mdc-card__action-buttons + .mdc-card__action-icons, #cf7md-form .mdc-card__action-buttons + .mdc-card__action-icons[dir="rtl"] { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 16px; } #cf7md-form .mdc-card__action { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #cf7md-form .mdc-card__action:focus { outline: none; } #cf7md-form .mdc-card__action--button { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 8px; padding: 0 8px; } #cf7md-form[dir="rtl"] .mdc-card__action--button, #cf7md-form .mdc-card__action--button[dir="rtl"] { /* @noflip */ margin-left: 8px; /* @noflip */ margin-right: 0; } #cf7md-form .mdc-card__action--button:last-child { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 0; } #cf7md-form[dir="rtl"] .mdc-card__action--button:last-child, #cf7md-form .mdc-card__action--button:last-child[dir="rtl"] { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 0; } #cf7md-form .mdc-card__actions--full-bleed .mdc-card__action--button { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: auto; max-height: none; margin: 0; padding: 8px 16px; /* @noflip */ text-align: left; } #cf7md-form[dir="rtl"] .mdc-card__actions--full-bleed .mdc-card__action--button, #cf7md-form .mdc-card__actions--full-bleed .mdc-card__action--button[dir="rtl"] { /* @noflip */ text-align: right; } #cf7md-form .mdc-card__action--icon { margin: -6px 0; padding: 12px; } #cf7md-form .mdc-card__action--icon:not(:disabled) { color: rgba(0, 0, 0, 0.38); /* @alternate */ color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); } #cf7md-form .mdc-card { background: #fff; } #cf7md-form.cf7md-theme--dark .mdc-card { background: rgba(255, 255, 255, 0.2); } #cf7md-form .mdc-card__media--img { padding: 0; height: auto; } #cf7md-form .mdc-card__media--img img { width: 100%; height: auto; } #cf7md-form .cf7md-card-content { padding-bottom: 0 !important; } #cf7md-form .cf7md-card-content p { margin: 16px 0; } #cf7md-form .cf7md-card-header { margin: 16px; } #cf7md-form .cf7md-card-title { margin-bottom: 0; font-size: 1em; line-height: 1.5em; margin: -0.25em 0 0 0; padding: 0; color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } #cf7md-form .cf7md-card-title--large { font-size: 1.2em; } #cf7md-form .cf7md-card-subtitle { font-size: 0.75em; line-height: 1.25em; margin: 0; color: rgba(0, 0, 0, 0.5); /* @alternate */ color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.5)); } #cf7md-form.cf7md-theme--dark .cf7md-card-title { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } #cf7md-form.cf7md-theme--dark .cf7md-card-subtitle { color: rgba(255, 255, 255, 0.7); /* @alternate */ color: var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.7)); } #cf7md-form .cf7md-card-body { margin: 16px; } #cf7md-form .cf7md-card-header + .cf7md-card-body { margin-top: 0 !important; } @media screen and (min-width: 840px) { #cf7md-form .cf7md-card-header, #cf7md-form .cf7md-card-body { margin: 24px; } } #cf7md-form .cf7md-spinner { -webkit-animation: rotator 1.4s linear infinite; animation: rotator 1.4s linear infinite; } @-webkit-keyframes rotator { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } @keyframes rotator { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } #cf7md-form .cf7md-spinner-path { stroke-dasharray: 187; stroke-dashoffset: 0; stroke: rgba(0, 0, 0, 0.87); /* @alternate */ stroke: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-animation: dash 1.4s ease-in-out infinite; animation: dash 1.4s ease-in-out infinite; } #cf7md-form.cf7md-theme--dark .cf7md-spinner-path { stroke: white; /* @alternate */ stroke: var(--mdc-theme-text-primary-on-dark, white); } @-webkit-keyframes dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; -webkit-transform: rotate(135deg); transform: rotate(135deg); } 100% { stroke-dashoffset: 187; -webkit-transform: rotate(450deg); transform: rotate(450deg); } } @keyframes dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; -webkit-transform: rotate(135deg); transform: rotate(135deg); } 100% { stroke-dashoffset: 187; -webkit-transform: rotate(450deg); transform: rotate(450deg); } } #cf7md-form .ajax-loader { background-image: none; width: 25px; height: 25px; margin-left: 8px; } #cf7md-form .cf7md-spinner { display: none; } #cf7md-form .ajax-loader.is-active .cf7md-spinner { display: block; } #cf7md-form .fusion-slider-loading, #cf7md-form .fusion-slider-loading:after { width: 2.2em !important; height: 2.2em; } #cf7md-form .mdc-list a.mdc-list-item { color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } #cf7md-form .mdc-list a.mdc-list-item:hover { text-decoration: none; } #cf7md-form .cf7md-list .wpcf7-list-item, #cf7md-form .cf7md-list .cf7md-radio-item, #cf7md-form .cf7md-list .cf7md-checkbox-item, #cf7md-form .cf7md-list .cf7md-switch-item { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 10px; } #cf7md-form .cf7md-list .wpcf7-form-control-wrap { margin-bottom: -10px; } #cf7md-form .cf7md-list__inline .wpcf7-list-item { width: auto; margin-right: 34px; } #cf7md-form [class*="cf7md-list__columns-"]:after { display: block; content: ""; clear: both; } #cf7md-form [class*="cf7md-list__columns-"] .wpcf7-form-control { display: block; margin-left: -34px; font-size: 0; } #cf7md-form [class*="cf7md-list__columns-"] .wpcf7-list-item { padding-left: 34px; width: 50%; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; min-width: 225px; vertical-align: top; } #cf7md-form .cf7md-list__columns-2 .wpcf7-list-item { width: 50%; } #cf7md-form .cf7md-list__columns-3 .wpcf7-list-item { width: 33.3333%; } #cf7md-form .cf7md-list__columns-4 .wpcf7-list-item { width: 25%; } @media (max-width: 768px) { #cf7md-form .cf7md-list__columns-2 .wpcf7-list-item, #cf7md-form .cf7md-list__columns-3 .wpcf7-list-item, #cf7md-form .cf7md-list__columns-4 .wpcf7-list-item { width: 100%; } } #cf7md-form .cf7md-admin-customize-message p { margin-bottom: 0; } #cf7md-form .cf7md-hide-customize-message { text-decoration: none; box-shadow: none; display: inline-block; width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 16px; background: #888; color: #fff; border-radius: 100%; vertical-align: middle; } #cf7md-form label, #cf7md-form .cf7md-label--static, #cf7md-form .cf7md-help-text { color: rgba(0, 0, 0, 0.5); /* @alternate */ color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.5)); } #cf7md-form.cf7md-theme--dark label, #cf7md-form.cf7md-theme--dark .cf7md-label--static, #cf7md-form.cf7md-theme--dark .cf7md-help-text { color: rgba(255, 255, 255, 0.7); /* @alternate */ color: var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.7)); } #cf7md-form input, #cf7md-form textarea, #cf7md-form select, #cf7md-form .wpcf7-list-item label, #cf7md-form .cf7md-accept-label { color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } #cf7md-form.cf7md-theme--dark input, #cf7md-form.cf7md-theme--dark textarea, #cf7md-form.cf7md-theme--dark select, #cf7md-form.cf7md-theme--dark .wpcf7-list-item label, #cf7md-form.cf7md-theme--dark .cf7md-accept-label { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } #cf7md-form.cf7md-theme--dark .mdc-floating-label { color: white; } #cf7md-form.cf7md-theme--dark .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { color: white; } #cf7md-form.cf7md-theme--dark .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { color: rgba(255, 255, 255, 0.8); } #cf7md-form.cf7md-theme--dark .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.8); } #cf7md-form.cf7md-theme--dark .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); } #cf7md-form.cf7md-theme--dark .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { color: rgba(255, 255, 255, 0.8); } #cf7md-form.cf7md-theme--dark .mdc-text-field .mdc-text-field__input { caret-color: white; } #cf7md-form.cf7md-theme--dark .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon { color: rgba(255, 255, 255, 0.5); } #cf7md-form.cf7md-theme--dark .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea):not(.mdc-text-field--disabled) { background-color: rgba(255, 255, 255, 0.2); } #cf7md-form.cf7md-theme--dark .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea):not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input { border-bottom-color: rgba(255, 255, 255, 0.5); } #cf7md-form.cf7md-theme--dark .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea):not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover { border-bottom-color: rgba(255, 255, 255, 0.8); } #cf7md-form.cf7md-theme--dark .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea):not(.mdc-text-field--disabled) .mdc-line-ripple { background-color: #526cf9; } #cf7md-form.cf7md-theme--dark .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, #cf7md-form.cf7md-theme--dark .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, #cf7md-form.cf7md-theme--dark .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: #526cf9; } #cf7md-form.cf7md-theme--dark .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form.cf7md-theme--dark .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form.cf7md-theme--dark .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, #cf7md-form.cf7md-theme--dark .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form.cf7md-theme--dark .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form.cf7md-theme--dark .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: rgba(255, 255, 255, 0.8); } #cf7md-form.cf7md-theme--dark .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, #cf7md-form.cf7md-theme--dark .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, #cf7md-form.cf7md-theme--dark .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: rgba(255, 255, 255, 0.5); } #cf7md-form.cf7md-theme--dark .mdc-text-field--textarea { /*.mdc-floating-label { @include mdc-floating-label-fill-color(#333); }*/ } #cf7md-form.cf7md-theme--dark .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, #cf7md-form.cf7md-theme--dark .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, #cf7md-form.cf7md-theme--dark .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: rgba(255, 255, 255, 0.5); } #cf7md-form.cf7md-theme--dark .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form.cf7md-theme--dark .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form.cf7md-theme--dark .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, #cf7md-form.cf7md-theme--dark .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form.cf7md-theme--dark .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form.cf7md-theme--dark .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: rgba(255, 255, 255, 0.8); } #cf7md-form.cf7md-theme--dark .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control, #cf7md-form.cf7md-theme--dark .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text { color: white; } #cf7md-form.cf7md-theme--dark .mdc-select:not(.mdc-select--disabled) .mdc-floating-label { color: rgba(255, 255, 255, 0.8); } #cf7md-form.cf7md-theme--dark .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label { color: white; } #cf7md-form.cf7md-theme--dark .mdc-select:not(.mdc-select--disabled) .mdc-select__icon { color: rgba(255, 255, 255, 0.5); } #cf7md-form.cf7md-theme--dark .mdc-select .mdc-select__dropdown-icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMHB4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDEwIDUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwIDUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIGlkPSJTaGFwZSIgb3BhY2l0eT0iMC41NCIgZmlsbD0iI0MxQzFDMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAgICAiIHBvaW50cz0iMCwwIDUsNSAxMCwwICIvPjwvc3ZnPg==); } #cf7md-form.cf7md-theme--dark .mdc-select:not(.mdc-select--outlined):not(.mdc-select--disabled) { background-color: rgba(255, 255, 255, 0.2); } #cf7md-form.cf7md-theme--dark .mdc-select:not(.mdc-select--outlined):not(.mdc-select--disabled) .mdc-select__native-control, #cf7md-form.cf7md-theme--dark .mdc-select:not(.mdc-select--outlined):not(.mdc-select--disabled) .mdc-select__selected-text { border-bottom-color: rgba(255, 255, 255, 0.5); } #cf7md-form.cf7md-theme--dark .mdc-select:not(.mdc-select--outlined):not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple { background-color: #526cf9; } #cf7md-form.cf7md-theme--dark .mdc-select:not(.mdc-select--outlined):not(.mdc-select--disabled) .mdc-select__native-control:hover { border-bottom-color: rgba(255, 255, 255, 0.8); } #cf7md-form.cf7md-theme--dark .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading, #cf7md-form.cf7md-theme--dark .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch, #cf7md-form.cf7md-theme--dark .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing { border-color: rgba(255, 255, 255, 0.5); } #cf7md-form.cf7md-theme--dark .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form.cf7md-theme--dark .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form.cf7md-theme--dark .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, #cf7md-form.cf7md-theme--dark .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form.cf7md-theme--dark .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form.cf7md-theme--dark .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: rgba(255, 255, 255, 0.8); } #cf7md-form.cf7md-theme--dark .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form.cf7md-theme--dark .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form.cf7md-theme--dark .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { border-width: 2px; } #cf7md-form.cf7md-theme--dark .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form.cf7md-theme--dark .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form.cf7md-theme--dark .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #526cf9; } #cf7md-form.cf7md-theme--dark .mdc-checkbox::before, #cf7md-form.cf7md-theme--dark .mdc-checkbox::after, #cf7md-form.cf7md-theme--dark .mdc-radio::before, #cf7md-form.cf7md-theme--dark .mdc-radio::after { background-color: #526cf9; } #cf7md-form.cf7md-theme--dark .mdc-checkbox:hover::before, #cf7md-form.cf7md-theme--dark .mdc-radio:hover::before { opacity: 0.1; } #cf7md-form.cf7md-theme--dark .mdc-checkbox:not(.mdc-ripple-upgraded):focus::before, #cf7md-form.cf7md-theme--dark .mdc-checkbox.mdc-ripple-upgraded--background-focused::before, #cf7md-form.cf7md-theme--dark .mdc-radio:not(.mdc-ripple-upgraded):focus::before, #cf7md-form.cf7md-theme--dark .mdc-radio.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.3; } #cf7md-form.cf7md-theme--dark .mdc-checkbox:not(.mdc-ripple-upgraded)::after, #cf7md-form.cf7md-theme--dark .mdc-radio:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } #cf7md-form.cf7md-theme--dark .mdc-checkbox:not(.mdc-ripple-upgraded):active::after, #cf7md-form.cf7md-theme--dark .mdc-radio:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.4; } #cf7md-form.cf7md-theme--dark .mdc-checkbox.mdc-ripple-upgraded, #cf7md-form.cf7md-theme--dark .mdc-radio.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.4; } #cf7md-form.cf7md-theme--dark .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { border-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.2); } #cf7md-form.cf7md-theme--dark .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, #cf7md-form.cf7md-theme--dark .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background { border-color: #526cf9; background-color: #ff4081; /* @alternate */ background-color: var(--mdc-theme-secondary, #ff4081); } @-webkit-keyframes mdc-checkbox-fade-in-background-2 { 0% { border-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.2); } 50% { border-color: #526cf9; background-color: #ff4081; /* @alternate */ background-color: var(--mdc-theme-secondary, #ff4081); } } @keyframes mdc-checkbox-fade-in-background-2 { 0% { border-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.2); } 50% { border-color: #526cf9; background-color: #ff4081; /* @alternate */ background-color: var(--mdc-theme-secondary, #ff4081); } } @-webkit-keyframes mdc-checkbox-fade-out-background-2 { 0%, 80% { border-color: #526cf9; background-color: #ff4081; /* @alternate */ background-color: var(--mdc-theme-secondary, #ff4081); } 100% { border-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.2); } } @keyframes mdc-checkbox-fade-out-background-2 { 0%, 80% { border-color: #526cf9; background-color: #ff4081; /* @alternate */ background-color: var(--mdc-theme-secondary, #ff4081); } 100% { border-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.2); } } #cf7md-form.cf7md-theme--dark .mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, #cf7md-form.cf7md-theme--dark .mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { -webkit-animation-name: mdc-checkbox-fade-in-background-2; animation-name: mdc-checkbox-fade-in-background-2; } #cf7md-form.cf7md-theme--dark .mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, #cf7md-form.cf7md-theme--dark .mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { -webkit-animation-name: mdc-checkbox-fade-out-background-2; animation-name: mdc-checkbox-fade-out-background-2; } #cf7md-form.cf7md-theme--dark .mdc-checkbox .mdc-checkbox__checkmark { color: white; } #cf7md-form.cf7md-theme--dark .mdc-checkbox .mdc-checkbox__mixedmark { border-color: white; } #cf7md-form.cf7md-theme--dark .mdc-checkbox .mdc-checkbox__background::before { background-color: rgba(255, 255, 255, 0.5); } #cf7md-form.cf7md-theme--dark .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle { border-color: rgba(255, 255, 255, 0.8); } #cf7md-form.cf7md-theme--dark .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle { border-color: #526cf9; } #cf7md-form.cf7md-theme--dark .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle { border-color: #526cf9; } #cf7md-form.cf7md-theme--dark .mdc-radio .mdc-radio__background::before { background-color: rgba(255, 255, 255, 0.5); } #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__track { background-color: #526cf9; border-color: #526cf9; } #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb { background-color: #526cf9; border-color: #526cf9; } #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay::before, #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay::after { background-color: #526cf9; } #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay:hover::before { opacity: 0.04; } #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.16; } #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.16; } #cf7md-form.cf7md-theme--dark .mdc-switch:not(.mdc-switch--checked) .mdc-switch__track { background-color: #999; border-color: #999; } #cf7md-form.cf7md-theme--dark .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb { background-color: #999; border-color: #999; } #cf7md-form.cf7md-theme--dark .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, #cf7md-form.cf7md-theme--dark .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after { background-color: #999; } #cf7md-form.cf7md-theme--dark .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before { opacity: 0.08; } #cf7md-form.cf7md-theme--dark .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, #cf7md-form.cf7md-theme--dark .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } #cf7md-form.cf7md-theme--dark .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } #cf7md-form.cf7md-theme--dark .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.32; } #cf7md-form.cf7md-theme--dark .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.32; } #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__track { background-color: rgba(255, 255, 255, 0.8); border-color: rgba(255, 255, 255, 0.8); } #cf7md-form.cf7md-theme--dark .mdc-switch:not(.mdc-switch--checked) .mdc-switch__track { background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5); } #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb { background-color: #526cf9; border-color: #526cf9; } #cf7md-form.cf7md-theme--dark .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb { background-color: #999; border-color: #999; } #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay::before, #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay::after { background-color: #526cf9; } #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay:hover::before { opacity: 0.04; } #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.16; } #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.16; } #cf7md-form.cf7md-theme--dark .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, #cf7md-form.cf7md-theme--dark .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after { background-color: #526cf9; } #cf7md-form.cf7md-theme--dark .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before { opacity: 0.04; } #cf7md-form.cf7md-theme--dark .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, #cf7md-form.cf7md-theme--dark .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } #cf7md-form.cf7md-theme--dark .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } #cf7md-form.cf7md-theme--dark .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.16; } #cf7md-form.cf7md-theme--dark .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.16; } #cf7md-form.cf7md-theme--dark .mdc-button--raised:not(:disabled), #cf7md-form.cf7md-theme--dark .mdc-button--unelevated:not(:disabled) { background-color: #526cf9; } #cf7md-form.cf7md-theme--dark .mdc-button--raised:not(:disabled):hover, #cf7md-form.cf7md-theme--dark .mdc-button--unelevated:not(:disabled):hover { background-color: #5c74f9; } #cf7md-form.cf7md-theme--dark .mdc-button--raised:disabled, #cf7md-form.cf7md-theme--dark .mdc-button--unelevated:disabled { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.5); } #cf7md-form.cf7md-theme--dark .mdc-button--outlined:not(:disabled):not(:disabled) { border-color: rgba(255, 255, 255, 0.8); } #cf7md-form.cf7md-theme--dark .mdc-button--outlined:not(:disabled):not(:disabled) { color: rgba(255, 255, 255, 0.8); } #cf7md-form.cf7md-theme--dark .mdc-button--outlined:not(:disabled):hover:not(:disabled) { border-color: white; } #cf7md-form.cf7md-theme--dark .mdc-button--outlined:not(:disabled):hover:not(:disabled) { color: white; } #cf7md-form.cf7md-theme--dark .mdc-button--outlined:disabled { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.5); } #cf7md-form.cf7md-theme--dark .cf7md-label--static, #cf7md-form.cf7md-theme--dark .cf7md-help-text { color: rgba(255, 255, 255, 0.7); /* @alternate */ color: var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.7)); } #cf7md-form.cf7md-theme--dark .cf7md-checkbox-label, #cf7md-form.cf7md-theme--dark .cf7md-radio-label, #cf7md-form.cf7md-theme--dark .cf7md-switch-label, #cf7md-form.cf7md-theme--dark .cf7md-file--value { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } #cf7md-form.cf7md-theme--dark .wpcf7-not-valid-tip, #cf7md-form.cf7md-theme--dark + .wpcf7-response-output { color: #f74f6d; } #cf7md-form .cf7md-item, #cf7md-form input, #cf7md-form label, #cf7md-form textarea, #cf7md-form p, #cf7md-form h1, #cf7md-form h2, #cf7md-form h3, #cf7md-form h4, #cf7md-form h5, #cf7md-form h6, #cf7md-form.cf7md-form + .wpcf7-response-output { font-family: "Roboto", sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; } #cf7md-form.cf7md-form, #cf7md-form .cf7md-item, #cf7md-form .mdc-form-field, #cf7md-form .mdc-text-field { font-size: 18px; line-height: 1.25; } #cf7md-form .mdc-select { font-size: 0.936em; } #cf7md-form label, #cf7md-form .cf7md-label { font-weight: normal; font-size: 0.875em; letter-spacing: 0.01em; } #cf7md-form .cf7md-label--static, #cf7md-form .cf7md-help-text, #cf7md-form .wpcf7-not-valid-tip { font-size: 0.75em; letter-spacing: 0.01em; } /*.mdc-floating-label { font-size: 0.88em * $multiple; line-height: 1.15em * $multiple; .mdc-text-field--dense & { font-size: 0.813em * $multiple; } .mdc-select-box & { line-height: 1.75em * $multiple; } } .mdc-text-field-helper-text { font-size: 0.75em * $multiple; line-height: 1.25em * $multiple; } .mdc-text-field__input, .mdc-select__native-control { font-size: 1em * $multiple; line-height: 1.75em * $multiple; }*/ #cf7md-form .mdc-form-field { font-size: 0.77779em; line-height: 1.11112em; } #cf7md-form .mdc-button { font-size: 0.77779em; line-height: 2.00002em; } #cf7md-form .mdc-button--dense { font-size: 0.72223em; } #cf7md-form .wpcf7-form-control-wrap { display: block; width: 100%; } #cf7md-form .mdc-text-field, #cf7md-form .mdc-text-field input, #cf7md-form .mdc-text-field textarea, #cf7md-form .cf7md-item > div { width: 100%; } #cf7md-form .mdc-select { width: 100%; max-width: 100%; } #cf7md-form .cf7md-item { margin-top: 0; } #cf7md-form .cf7md-item select, #cf7md-form .cf7md-item input, #cf7md-form .cf7md-item textarea { margin: 0; } #cf7md-form .cf7md-help-text { clear: both; margin: 4px 0 0; } #cf7md-form .cf7md-label--static { margin-bottom: 8px; } #cf7md-form.cf7md-spacing--tight { /* .cf7md-item { margin-bottom: $base-v-space * 1; } .cf7md-text { margin-bottom: 0; } .cf7md-card { margin-bottom: $base-v-space * 2; } */ } #cf7md-form .wpcf7-list-item { margin: 0; width: 100%; } #cf7md-form .mdc-floating-label { width: auto; } /* Primary on light */ #cf7md-form .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label, #cf7md-form .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder, #cf7md-form .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-moz-placeholder, #cf7md-form .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder, #cf7md-form .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder, #cf7md-form .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-floating-label, #cf7md-form .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label { color: #3f51b5; } #cf7md-form .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label, #cf7md-form .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder, #cf7md-form .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-moz-placeholder, #cf7md-form .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder, #cf7md-form .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder, #cf7md-form .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-floating-label, #cf7md-form .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label { color: #3f51b5; } #cf7md-form .mdc-text-field .mdc-text-field__input { caret-color: #3f51b5; } #cf7md-form .mdc-text-field .mdc-line-ripple, #cf7md-form .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-line-ripple, #cf7md-form .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, #cf7md-form .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, #cf7md-form .mdc-checkbox::before, #cf7md-form .mdc-checkbox::after, #cf7md-form .mdc-radio::before, #cf7md-form .mdc-radio::after, #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__track, #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb, #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay::before, #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay::after, #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb, #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay::before, #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay::after, #cf7md-form .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, #cf7md-form .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after { background-color: #3f51b5; } #cf7md-form .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__path, #cf7md-form .mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-notched-outline .mdc-notched-outline__path { stroke: #3f51b5; } #cf7md-form .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled), #cf7md-form .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:focus, #cf7md-form .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, #cf7md-form .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, #cf7md-form .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle, #cf7md-form .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle, #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__track, #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb, #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb, #cf7md-form .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, #cf7md-form .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing, #cf7md-form .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing, #cf7md-form .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, #cf7md-form .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, #cf7md-form .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: #3f51b5; } /* Primary on dark */ #cf7md-form.cf7md-theme--dark .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea):not(.mdc-text-field--disabled) .mdc-line-ripple, #cf7md-form.cf7md-theme--dark .mdc-checkbox::before, #cf7md-form.cf7md-theme--dark .mdc-checkbox::after, #cf7md-form.cf7md-theme--dark .mdc-radio::before, #cf7md-form.cf7md-theme--dark .mdc-radio::after, #cf7md-form.cf7md-theme--dark .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, #cf7md-form.cf7md-theme--dark .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__track, #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb, #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay::before, #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay::after, #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb, #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay::before, #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay::after, #cf7md-form.cf7md-theme--dark .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, #cf7md-form.cf7md-theme--dark .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after, #cf7md-form.cf7md-theme--dark .mdc-select:not(.mdc-select--outlined):not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple { background-color: #526cf9; } #cf7md-form.cf7md-theme--dark .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__path, #cf7md-form.cf7md-theme--dark .mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-notched-outline .mdc-notched-outline__path { stroke: #526cf9; } #cf7md-form.cf7md-theme--dark .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled), #cf7md-form.cf7md-theme--dark .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:focus, #cf7md-form.cf7md-theme--dark .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, #cf7md-form.cf7md-theme--dark .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, #cf7md-form.cf7md-theme--dark .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle, #cf7md-form.cf7md-theme--dark .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle, #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__track, #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb, #cf7md-form.cf7md-theme--dark .mdc-switch.mdc-switch--checked .mdc-switch__thumb, #cf7md-form.cf7md-theme--dark .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, #cf7md-form.cf7md-theme--dark .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, #cf7md-form.cf7md-theme--dark .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing, #cf7md-form.cf7md-theme--dark .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, #cf7md-form.cf7md-theme--dark .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, #cf7md-form.cf7md-theme--dark .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing, #cf7md-form.cf7md-theme--dark .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, #cf7md-form.cf7md-theme--dark .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, #cf7md-form.cf7md-theme--dark .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: #526cf9; } /* Button on light */ #cf7md-form .mdc-button--outlined:not(:disabled) { border-color: #3f51b5; } #cf7md-form .mdc-button::before, #cf7md-form .mdc-button::after, #cf7md-form .mdc-button--raised:not(:disabled), #cf7md-form .mdc-button--unelevated:not(:disabled) { background-color: #3f51b5; } #cf7md-form .mdc-button--outlined:not(:disabled) { color: #3f51b5; } /* Button hover on light */ #cf7md-form .mdc-button--raised:not(:disabled):hover, #cf7md-form .mdc-button--unelevated:not(:disabled):hover { background-color: #4254bd; } /* Button text on light */ #cf7md-form .mdc-button--raised:not(:disabled), #cf7md-form .mdc-button--unelevated:not(:disabled) { color: #FFF; } /* Button on dark */ #cf7md-form.cf7md-theme--dark .mdc-button--raised:not(:disabled), #cf7md-form.cf7md-theme--dark .mdc-button--unelevated:not(:disabled) { background-color: #526cf9; } /* Button hover on dark */ #cf7md-form.cf7md-theme--dark .mdc-button--raised:not(:disabled):hover, #cf7md-form.cf7md-theme--dark .mdc-button--unelevated:not(:disabled):hover { background-color: #5c74f9; } /* Button text on dark */ #cf7md-form.cf7md-theme--dark .mdc-button--raised:not(:disabled), #cf7md-form.cf7md-theme--dark .mdc-button--unelevated:not(:disabled) { color: #FFF; } /* Text primary on light */ #cf7md-form .mdc-theme--text-primary-on-background, #cf7md-form .mdc-theme--text-primary-on-light, #cf7md-form .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input, #cf7md-form .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control, #cf7md-form .mdc-form-field, #cf7md-form .cf7md-file--value, #cf7md-form .cf7md-card-title, #cf7md-form .mdc-list a.mdc-list-item, #cf7md-form input, #cf7md-form textarea, #cf7md-form select, #cf7md-form .wpcf7-list-item label, #cf7md-form .cf7md-switch-label, #cf7md-form .cf7md-checkbox-label, #cf7md-form .cf7md-radio-label, #cf7md-form .cf7md-accept-label, #cf7md-form .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label, #cf7md-form .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input, #cf7md-form .mdc-select:not(.mdc-select--disabled) .mdc-floating-label { color: rgba(0, 0, 0, 0.87); } /* Text hint on light */ #cf7md-form .mdc-theme--text-hint-on-background, #cf7md-form .mdc-theme--text-disabled-on-background, #cf7md-form .mdc-theme--text-icon-on-background, #cf7md-form .mdc-theme--text-hint-on-light, #cf7md-form .mdc-theme--text-disabled-on-light, #cf7md-form .mdc-theme--text-icon-on-light, #cf7md-form .mdc-card__action-icons, #cf7md-form .cf7md-card-subtitle, #cf7md-form label, #cf7md-form .cf7md-label--static, #cf7md-form .cf7md-help-text { color: rgba(0, 0, 0, 0.5); } /* Text primary on dark */ #cf7md-form .mdc-theme--text-primary-on-dark, #cf7md-form.cf7md-theme--dark .mdc-form-field, #cf7md-form.cf7md-theme--dark .cf7md-file--value, #cf7md-form.cf7md-theme--dark .cf7md-card-title, #cf7md-form.cf7md-theme--dark input, #cf7md-form.cf7md-theme--dark textarea, #cf7md-form.cf7md-theme--dark select, #cf7md-form.cf7md-theme--dark .wpcf7-list-item label, #cf7md-form.cf7md-theme--dark .cf7md-accept-label, #cf7md-form.cf7md-theme--dark .mdc-floating-label .cf7md-theme--dark .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input, #cf7md-form.cf7md-theme--dark .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control, #cf7md-form.cf7md-theme--dark .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-floating-label, #cf7md-form.cf7md-theme--dark .cf7md-checkbox-label, #cf7md-form.cf7md-theme--dark .cf7md-radio-label, #cf7md-form.cf7md-theme--dark .cf7md-switch-label, #cf7md-form.cf7md-theme--dark .cf7md-file--value, #cf7md-form.cf7md-theme--dark .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label, #cf7md-form.cf7md-theme--dark .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input, #cf7md-form.cf7md-theme--dark .mdc-select:not(.mdc-select--disabled) .mdc-floating-label { color: white; } /* Text hint on dark */ #cf7md-form .mdc-theme--text-secondary-on-dark, #cf7md-form .mdc-theme--text-hint-on-dark, #cf7md-form .mdc-theme--text-disabled-on-dark, #cf7md-form .mdc-theme--text-icon-on-dark, #cf7md-form.cf7md-theme--dark .cf7md-card-subtitle, #cf7md-form.cf7md-theme--dark label, #cf7md-form.cf7md-theme--dark .cf7md-label--static, #cf7md-form.cf7md-theme--dark .cf7md-help-text { color: rgba(255, 255, 255, 0.6); } /* Base font size */ #cf7md-form .cf7md-item, #cf7md-form .mdc-form-field, #cf7md-form .mdc-text-field, #cf7md-form .mdc-select { font-size: 18px; } /* Font family */ #cf7md-form .cf7md-item, #cf7md-form input, #cf7md-form label, #cf7md-form textarea, #cf7md-form p, #cf7md-form .mdc-select, #cf7md-form.cf7md-form + .wpcf7-response-output, #cf7md-form .wpcf7-not-valid-tip, #cf7md-form .cf7md-card-title, #cf7md-form .cf7md-card-subtitle, #cf7md-form .mdc-button, #cf7md-form .mdc-floating-label, #cf7md-form .mdc-text-field-helper-text, #cf7md-form .mdc-text-field__input, #cf7md-form .mdc-select__native-control, #cf7md-form .mdc-form-field { font-family: "Roboto", sans-serif; }