@charset "utf-8";

.Butterbar_container { --butterbar-background-color: #3367d6; --butterbar-color: #fff; --butterbar-font-weight: 400; --butterbar-padding: 10px 16px; background-color: var(--butterbar-background-color); display: block; position: relative; }

@media (min-width: 600px) {
  .Butterbar_container { --butterbar-padding: 10px 24px; }
}

body.hideButterbar .Butterbar_initial { display: none !important; }

.Butterbar_container--subtle { --butterbar-background-color: #e8f0fe; --butterbar-color: black; --butterbar-font-weight: 400; --butterbar-padding: 16px; }

@media (min-width: 600px) {
  .Butterbar_container--subtle { --butterbar-padding: 16px 24px; }
}

.Butterbar_container--subtle.Butterbar_grey { --butterbar-background-color: #f8f9fa; --butterbar-color: #202124; }

.Butterbar_container--subtle.Butterbar_yellow { --butterbar-background-color: #fef7e0; --butterbar-color: #202124; }

.Butterbar_overlayLink { display: block; position: absolute; inset: 0px; opacity: 0; }

.Butterbar_overlayLink::after { display: none; }

.Butterbar_flexArea { display: flex; justify-content: center; align-items: center; margin: 0px auto; }

@media (max-width: 599px) {
  .Butterbar_flexArea { max-width: 600px; }
}

@media (min-width: 600px) and (max-width: 1023px) {
  .Butterbar_flexArea { max-width: 1024px; }
}

@media (min-width: 1024px) {
  .Butterbar_flexArea { max-width: 1440px; }
}

.Butterbar_contentArea { --annotation: "Body Small"; font-family: "Google Sans Text", "Google Sans", Roboto, Arial, "Noto Sans JP", "Noto Sans KR", sans-serif; font-size: 0.875rem; line-height: 1.57143; letter-spacing: 0.0125rem; align-items: center; color: var(--butterbar-color); display: flex; flex-flow: wrap; font-weight: var(--butterbar-font-weight,400); gap: 10px; justify-content: flex-start; padding: var(--butterbar-padding); text-align: start; }

[data-theme="dark"]:not(:has(.container--override-dark-theme)) .Butterbar_contentArea { color: rgb(189, 193, 198); }

.Butterbar_contentArea.Butterbar_noLabel { flex-wrap: nowrap; }

@media (min-width: 600px) {
  .Butterbar_contentArea { --annotation: "Body Normal"; font-family: "Google Sans Text", "Google Sans", Roboto, Arial, "Noto Sans JP", "Noto Sans KR", sans-serif; font-size: 1rem; line-height: 1.5; font-weight: 400; letter-spacing: 0.00625rem; color: var(--butterbar-color); }
  [data-theme="dark"]:not(:has(.container--override-dark-theme)) .Butterbar_contentArea { color: rgb(189, 193, 198); }
}

.Butterbar_body a { color: var(--butterbar-color); }

.Butterbar_link { --annotation: "Body Small"; font-family: "Google Sans Text", "Google Sans", Roboto, Arial, "Noto Sans JP", "Noto Sans KR", sans-serif; font-size: 0.875rem; line-height: 1.57143; letter-spacing: 0.0125rem; color: var(--butterbar-color); font-weight: var(--butterbar-font-weight,400); text-decoration-line: underline; text-decoration-style: solid; display: inline-flex; justify-content: center; align-items: center; }

[data-theme="dark"]:not(:has(.container--override-dark-theme)) .Butterbar_link { color: rgb(189, 193, 198); }

@media (min-width: 600px) {
  .Butterbar_link { --annotation: "Body Normal"; font-family: "Google Sans Text", "Google Sans", Roboto, Arial, "Noto Sans JP", "Noto Sans KR", sans-serif; font-size: 1rem; line-height: 1.5; font-weight: 400; letter-spacing: 0.00625rem; color: var(--butterbar-color); }
  [data-theme="dark"]:not(:has(.container--override-dark-theme)) .Butterbar_link { color: rgb(189, 193, 198); }
}