.c-haihai-registration-form{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xxs);width:100%}@media screen and (min-width:768px){.c-haihai-registration-form{gap:var(--spacing-s)}}.c-haihai-registration-form__field{width:100%;border-top:1px solid var(--Border-secondary);padding-top:var(--spacing-s)}.c-haihai-registration-form__genre{display:flex;flex-direction:column;gap:var(--spacing-xxxs);width:100%;border-top:1px solid var(--Border-tertiary);border-bottom:1px solid var(--Border-tertiary);padding:var(--spacing-s) 0}@media screen and (min-width:768px){.c-haihai-registration-form__genre{flex-direction:row;gap:var(--spacing-xs)}}.c-haihai-registration-form__genre-label{flex-shrink:0;font-weight:var(--font-weight-bold);font-size:var(--Heading-Text-s-sp);color:var(--Text-primary)}@media screen and (min-width:768px){.c-haihai-registration-form__genre-label{width:160px;font-size:var(--Heading-Text-s-pc)}}.c-haihai-registration-form__genre-required{color:var(--Bg-red)}.c-haihai-registration-form__genre-content{display:flex;flex-direction:column;gap:var(--spacing-xxxs);width:100%}.c-haihai-registration-form__genre-instruction{color:var(--Text-primary)}.c-haihai-registration-form__genre-error{display:flex;align-items:center;padding-left:12px;padding-bottom:12px;gap:var(--spacing-xxxxs);color:var(--Bg-red)}.c-haihai-registration-form__genre-error-dot{flex-shrink:0;width:4px;height:4px;border-radius:50%;background-color:currentcolor}.c-haihai-registration-form__genre-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xxxs)}@media screen and (min-width:768px){.c-haihai-registration-form__genre-grid{grid-template-columns:repeat(3,1fr)}}