@import url('https://fonts.googleapis.com/css?family=Alegreya|Alegreya+SC|Sacramento&display=swap');

:root {
  /** Colors */
  --body-color: #ebe0d9;
  --text-color: #434343;
  --accent-color-blue: #2d275c;
  --accent-color-silver: #cacacd;
  --accent-color-green: #869d97;
  --accent-color-red: #fe7e7e;
}

* {
  margin: 0;
  padding: 0;
}

body {
	background-color: var(--body-color);
	font-family: 'Alegreya', serif;
	color: var(--text-color);
}

@media (max-width: 800px) {
	header, nav, main, footer {
		width: 100%;
	}
}

@media (min-width: 801px) {
	header, nav, main, footer {
		width: 800px;
  }
}

header, nav, main, footer {
	margin: 0 auto;
  text-align: center;
}

/** Container styles **/

header {
	font-family: 'Sacramento', serif;
	font-size: 5em;
  margin-top: .25em;
  text-shadow: 1px 1px 5px rgba(255,255,255,.7);
}

@media (max-width: 500px) {
  header {
    font-size: 15vw;
  }
}

header a, header a:hover, header a:visited {
	color: var(--accent-color-red);
  text-decoration: none;
  width: 100%;
}

nav {
  margin-bottom: .25em;
}

main {
  margin-top: 1em;
  margin-bottom: 1em;
}

footer {
	font-size: 0.9em;
  margin-top: .2em;
  margin-bottom: 1em;
}

nav a, nav a:visited {
	color: var(--accent-color-blue);
  font-weight: bold;
  font-family: 'Alegreya SC', serif;
  font-size: 1.5em;
  text-decoration: none;
  margin: 0 1em;
}

nav a:hover {
  text-decoration: underline;
}

@media (max-width: 600px) {
  nav a {
    font-size: 1.5em;
  }
}

/** Main styles **/

main a, main a:visited {
  color: var(--accent-color-red);
}

main h1, main h2, main h3 {
  color: var(--accent-color-green);
}

div.overlay-container {
  border-radius: 5px;
  position: relative;
  margin: 0 auto;
  width: 70%;
}

img.primary {
  border-radius: 3px;
  width: 100%;
}

.overlay {
  background-color: rgba(45, 39, 92, .8);
  bottom: 0px;
  border-radius: 0 0 3px 3px;
	font-family: 'Alegreya SC', serif;
  font-size: 2.8em;
  margin-bottom: 0em;
  padding: .2em 0;
  position: absolute;
  width: 100%;
}

.overlay p {
	background: radial-gradient(circle, rgb(202, 202, 205) 00%, rgb(202, 202, 205) 25%, rgb(235, 235, 235) 45%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.overlay p.small {
  font-size: .6em;
}

.note {
  color: #757575;
  font-style: italic;
}

@media (max-width: 800px) {
  .overlay {
    font-size: 5.4vw;
  }
}

section {
  margin-top: 1em;
  margin-bottom: 1em;
}

section h1 {
  margin-bottom: .5em;
}

#registry p {
  margin-top: .5em;
  margin-bottom: .5em;
}

.main {
  margin: 0 auto;
}

#index-main {
  margin: 0 auto;
  width: 70%;
}

.main .mdl-card {
  background: #fff;
  margin: 0 auto;
  margin-bottom: 15px;
  margin-top: 15px;
  padding: 15px 20px;
}

.main .mdl-card p {
  font-size: 1.2em;
  margin: 5px 0;
  text-align: center;
}

@media (max-width: 800px) {
  .main .mdl-card p {
    font-size: 1em;
  }
}

.mdl-card.green {
  border: 1px solid var(--accent-color-green);
  border-radius: 3px;
}

.mdl-card.red {
  border: 1px solid var(--accent-color-red);
  border-radius: 3px;
}

.mdl-card.silver {
  border: 1px solid var(--accent-color-silver);
  border-radius: 3px;
}

p.green {
  color: var(--accent-color-green);
}

p.red {
  color: var(--accent-color-red);
}

/** Celebrate **/
#celebrate {
  width: 90%;
}

#rtc-zoom-info {
  font-size: 0.8em;
}

#celebrate li {
  list-style: none;
  margin: 0 auto;
  text-align: center;
  width: fit-content;
}
#celebrate ul {
  margin-bottom: 10px;
  text-align: center;
}

#celebrate .mdl-card p {
  margin-bottom: 10px;
}

#celebrate .mdl-card .guide-box:last-child {
  margin-bottom: 0;
}

#celebrate .guide-box {
  background-color: #eee;
}

#celebrate .guide-box p {
  margin: 0;
}

#celebrate .guide-box h3 {
  cursor: pointer;
}

#celebrate .guide {
  font-size: 1.1em;
  text-align: justify;

  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: max-height 0.2s ease-in-out;
  -moz-transition: max-height 0.2s ease-in-out;
  -o-transition: max-height 0.2s ease-in-out;
  transition: max-height 0.2s ease-in-out;
}

#celebrate .guide.expand {
  max-height: 100%;
}

#celebrate .spacing {
  margin-bottom: 10px;
}

#celebrate h3 a {
  font-size: 0.8em;
}

#celebrate #mass-liturgy, #celebrate #recipe-cards, #celebrate iframe.recipe-vids {
  margin-bottom: 5px;
}

#celebrate #mass-liturgy iframe {
  border: none;
  height: 500px;
  width: 100%;
}

#celebrate #recipe-cards iframe {
  border: none;
  height: 385px;
  width: 100%;
}

#celebrate iframe.recipe-vids {
  border: none;
  height: 400px;
  margin-top: 15px;
  width: 100%;
}

#celebrate #program {
  color: var(--accent-color-blue);
}
.embed-container { 
  padding-bottom: 56.25%;
  position: relative; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%; 
  /*max-height: 500px;
  margin: 0 auto; */
} 

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
}

/** RSVP **/

.fade {
  animation: fade 1s;
}
@keyframes fade {
  0% {opacity: 0}
  100% {opacity: 1}
}

.guest-input div {
  margin: 0 10px;
}

#auth p.break {
  border-bottom: var(--accent-color-green) 1px solid;
  margin: 0 auto;
  margin-bottom: 15px;
  width: 95%;
}

#auth, #auth-family, #auth-success {
  margin-bottom: 15px;
}

#auth-guests {
  display: inline-block;
}

#auth-event-list, #auth-event-guests, #auth-subscribe {
  display: inline-block;
  margin: 0 auto;
  margin-bottom: 15px;
}

#auth-event-guests {
  align-items: center;
  display: flex;
  flex-direction: column;
}

#auth-rsvp {
  margin-bottom: 25px;
}
#auth-rsvp p {
  margin-bottom: 0.5em;
}

#auth-rsvp label {
  margin-right: 10px;
}

.guest-input {
  display: flex;
}

.guest-input h3 {
  margin-top: 20px;
  max-width: 80px;
  min-width: 40px;
  text-align: center;
}

.event-input {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 5px;
  text-align: left;
}

.event-input h3 {
  text-align: center;
  font-size: 1.3em;
}

#auth-subscribe .event-input label {
  width: fit-content;
}

#auth-rsvp-info .mdl-textfield {
  width: 400px;
}

#auth-address::placeholder {
  color: #fff;
}

.event-datetime {
  font-style: italic;
  margin-bottom: 0.5em;
  text-align: center;
}

.event-datetime span {
  display: block;
  font-size: 0.8em;
}

#auth .mdl-card {
  width: 90%;
}

#auth-card.mdl-card {
  background: #fff;
  margin: 0 auto;
  margin-bottom: 15px;
  margin-top: 15px;
  max-width: 800px;
  min-width: 300px;
  padding: 20px 20px 5px 20px;
}

#no-auth-card.mdl-card {
  background: #fff;
  margin: 0 auto;
  margin-bottom: 15px;
  margin-top: 15px;
  padding: 20px;
}

.error-message.mdl-card {
  background: var(--accent-color-green);
  color: #fff;
  font-weight: bold;
  margin: 0 auto;
  min-height: fit-content;
  padding: 5px 10px;
}

#no-auth-card #begin-check {
  margin: 15px 0;
}

#auth-notes div {
  width: 100%;
}

#auth-notes-text {
  resize: none;
}

/** Firebase UI Auth -- Overrides **/
#firebaseui-auth-container > *, input.firebaseui-input, .mdl-textfield__input {
  font-family: 'Alegreya', serif !important;
}
.mdl-button {
  font-family: 'Alegreya SC', serif !important;
}
.mdl-button--primary {
  color: var(--accent-color-red) !important;
}
.firebaseui-link {
  color: var(--accent-color-green) !important;
}
.firebaseui-idp-password, .firebaseui-idp-phone {
  background: var(--accent-color-green) !important;
}
.mdl-button--colored, .mdl-button--colored:hover, .mdl-button--colored:active, 
.mdl-textfield__label::after, .mdl-checkbox.is-checked .mdl-checkbox__tick-outline, 
.mdl-ripple, .mdl-radio__inner-circle,
.firebaseui-label::after {
  background: var(--accent-color-red) !important;
}
.mdl-checkbox__box-outline, .mdl-spinner__layer, .mdl-radio__outer-circle {
  border-color: var(--accent-color-red) !important;
}
#auth-submit.mdl-button--colored, #auth-submit.mdl-button--colored:hover, #auth-submit.mdl-button--colored:active, #auth-submit .mdl-ripple {
  background: var(--accent-color-blue) !important;
}
.mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled,
#auth-submit.mdl-button--raised[disabled][disabled], #auth-submit.mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
  background-color: rgba(0,0,0,0.12) !important;
}
#auth-submit[disabled][disabled] .mdl-ripple {
  background-color: transparent !important;
}
.mdl-checkbox__label {
  font-weight: bold;
}
.mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
  box-shadow: 0 0 0 8px rgba(254,126,126,0.26) !important;
  background-color: rgba(254,126,126,0.26) !important;
}
.mdl-radio__label {
  font-size: 1.2em;
  line-height: 1.5em;
}
.mdl-shadow--1dp {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
.mdl-shadow--2dp {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

/** Material Checkbox 
 * @version v1.3.0
 * @license Apache-2.0
 * @copyright 2015 Google, Inc.
 * @link https://github.com/google/material-design-lite
 */
.mdl-checkbox{position:relative;z-index:1;vertical-align:middle;display:inline-block;box-sizing:border-box;width:100%;height:24px;margin:0;padding:0}.mdl-checkbox.is-upgraded{padding-left:24px}.mdl-checkbox__input{line-height:24px}.mdl-checkbox.is-upgraded .mdl-checkbox__input{position:absolute;width:0;height:0;margin:0;padding:0;opacity:0;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none}.mdl-checkbox__box-outline{position:absolute;top:3px;left:0;display:inline-block;box-sizing:border-box;width:16px;height:16px;margin:0;cursor:pointer;overflow:hidden;border:2px solid rgba(0,0,0,.54);border-radius:2px;z-index:2}.mdl-checkbox.is-checked .mdl-checkbox__box-outline{border:2px solid rgb(63,81,181)}fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,.mdl-checkbox.is-disabled .mdl-checkbox__box-outline{border:2px solid rgba(0,0,0,.26);cursor:auto}.mdl-checkbox__focus-helper{position:absolute;top:3px;left:0;display:inline-block;box-sizing:border-box;width:16px;height:16px;border-radius:50%;background-color:transparent}.mdl-checkbox.is-focused .mdl-checkbox__focus-helper{box-shadow:0 0 0 8px rgba(0,0,0,.1);background-color:rgba(0,0,0,.1)}.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper{box-shadow:0 0 0 8px rgba(63,81,181,.26);background-color:rgba(63,81,181,.26)}.mdl-checkbox__tick-outline{position:absolute;top:0;left:0;height:100%;width:100%;
  -webkit-mask:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");mask:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
  background:0 0;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:background}.mdl-checkbox.is-checked .mdl-checkbox__tick-outline{background:rgb(63,81,181)url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K")}
fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline{background:rgba(0,0,0,.26)url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K")}
.mdl-checkbox__label{position:relative;cursor:pointer;font-size:16px;line-height:24px;margin:0}fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,.mdl-checkbox.is-disabled .mdl-checkbox__label{color:rgba(0,0,0,.26);cursor:auto}.mdl-checkbox__ripple-container{position:absolute;z-index:2;top:-6px;left:-10px;box-sizing:border-box;width:36px;height:36px;border-radius:50%;cursor:pointer;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.mdl-checkbox__ripple-container .mdl-ripple{background:rgb(63,81,181)}fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container{cursor:auto}fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple{background:0 0}
.mdl-ripple{background:#000;border-radius:50%;height:50px;left:0;opacity:0;pointer-events:none;position:absolute;top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50px;overflow:hidden}.mdl-ripple.is-animating{transition:transform .3s cubic-bezier(0,0,.2,1),width .3s cubic-bezier(0,0,.2,1),height .3s cubic-bezier(0,0,.2,1),opacity .6s cubic-bezier(0,0,.2,1);transition:transform .3s cubic-bezier(0,0,.2,1),width .3s cubic-bezier(0,0,.2,1),height .3s cubic-bezier(0,0,.2,1),opacity .6s cubic-bezier(0,0,.2,1),-webkit-transform .3s cubic-bezier(0,0,.2,1)}.mdl-ripple.is-visible{opacity:.3}.mdl-animation--default,.mdl-animation--fast-out-slow-in{transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdl-animation--linear-out-slow-in{transition-timing-function:cubic-bezier(0,0,.2,1)}
.mdl-radio{position:relative;font-size:16px;line-height:24px;display:inline-block;vertical-align:middle;box-sizing:border-box;height:24px;margin:0;padding-left:0}.mdl-radio.is-upgraded{padding-left:24px}.mdl-radio__button{line-height:24px}.mdl-radio.is-upgraded .mdl-radio__button{position:absolute;width:0;height:0;margin:0;padding:0;opacity:0;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none}
.mdl-radio__outer-circle{position:absolute;top:4px;left:0;display:inline-block;box-sizing:border-box;width:20px;height:20px;margin:0;cursor:pointer;border:2px solid rgba(0,0,0,.54);border-radius:50%;z-index:2}
.mdl-radio.is-checked .mdl-radio__outer-circle{border:2px solid rgb(63,81,181)}.mdl-radio__outer-circle fieldset[disabled] .mdl-radio,.mdl-radio.is-disabled .mdl-radio__outer-circle{border:2px solid rgba(0,0,0,.26);cursor:auto}
.mdl-radio__inner-circle{position:absolute;z-index:1;margin:0;top:8px;left:4px;box-sizing:border-box;width:12px;height:12px;cursor:pointer;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transform:scale(0,0);transform:scale(0,0);border-radius:50%;background:rgb(63,81,181)}.mdl-radio.is-checked .mdl-radio__inner-circle{-webkit-transform:scale(1,1);transform:scale(1,1)}fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,.mdl-radio.is-disabled .mdl-radio__inner-circle{background:rgba(0,0,0,.26);cursor:auto}.mdl-radio.is-focused .mdl-radio__inner-circle{box-shadow:0 0 0 10px rgba(0,0,0,.1)}.mdl-radio__label{cursor:pointer}fieldset[disabled] .mdl-radio .mdl-radio__label,.mdl-radio.is-disabled .mdl-radio__label{color:rgba(0,0,0,.26);cursor:auto}
.mdl-radio__ripple-container{position:absolute;z-index:2;top:-7px;left:-11px;box-sizing:border-box;width:42px;height:42px;border-radius:50%;cursor:pointer;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.mdl-radio__ripple-container .mdl-ripple{background:rgb(63,81,181)}fieldset[disabled] .mdl-radio .mdl-radio__ripple-container,.mdl-radio.is-disabled .mdl-radio__ripple-container{cursor:auto}fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,.mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple{background:0 0}