.notice-banner{width:100%;padding-block:var(--sp-16);padding-inline:var(--section-padding-x)}.notice-banner .notice-banner__notification{justify-content:center;align-items:center;gap:var(--sp-6);max-width:var(--container-xxl);text-align:center;flex-direction:column;margin-inline:auto;display:flex}.notice-banner .notice-banner__heading{color:var(--primary-dark);font-family:var(--font-family-title);font-size:var(--text-size-xl);font-weight:700}.notice-banner .notice-banner__text{color:var(--text-body);font-family:var(--font-family-body);font-size:var(--text-size-base)}.notice-banner .notice-banner__action{cursor:pointer;align-items:center;gap:var(--sp-4);height:1.875rem;padding:var(--sp-4) var(--sp-8) var(--sp-4) var(--sp-12);border-radius:var(--radius-3xl);color:var(--primary-dark);font-family:var(--font-family-body);font-size:var(--text-size-base);background-color:#0000;border:0;font-weight:500;text-decoration:none;transition:background-color .3s,color .3s;display:inline-flex}.notice-banner .notice-banner__action:hover{background-color:color-mix(in srgb, var(--primary-dark) 10%, transparent);color:var(--primary-dark-hover)}.notice-banner .notice-banner__action:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.notice-banner .notice-banner__icon{flex-shrink:0;width:1rem;height:1rem}@media (min-width:1024px){.notice-banner .notice-banner__notification{flex-direction:row}.notice-banner .notice-banner__heading{font-size:var(--text-size-base)}}