.zip-input_light{--zip-title-color: #ffffff}.zip-input_light [data-state=default],.zip-input_light [data-state=valid],.zip-input_light [data-state=disabled]{--bi-message-color: #c1ccf9}.zip-input_light [data-state=invalid]{--bi-message-color: #ffffff}.zip-input_dark{--zip-title-color: #000000}.zip-input_dark [data-state=default],.zip-input_dark [data-state=valid],.zip-input_dark [data-state=disabled]{--bi-message-color: #646464}.zip-input_dark [data-state=invalid]{--bi-message-color: #bb0000}.zip-input_primary .zip-input__title{font-size:16px;line-height:1.25;font-weight:500;margin-bottom:16px;color:var(--zip-title-color);text-align:center}@media (min-width: 768px){.zip-input_primary .zip-input__title{font-size:23px;line-height:1.3913043478}}.zip-input_primary .zip-input__row{display:grid;grid-template-areas:"input" "button" "message";margin-right:auto;margin-left:auto;gap:8px}@media (min-width: 375px){.zip-input_primary .zip-input__row{grid-template-areas:"input button" "message message";grid-template-columns:1fr auto;column-gap:16px}}@media (min-width: 576px){.zip-input_primary .zip-input__row{width:fit-content}}.zip-input_primary .zip-input__message{--bi-message-margin-top: 0px}.zip-input_sticky{display:inline-grid;grid-template-areas:"input button" "message message";grid-template-columns:minmax(auto,273px) auto;align-items:center;column-gap:8px}@media (min-width: 375px){.zip-input_sticky{column-gap:16px}}@media (min-width: 1024px){.zip-input_sticky{grid-template-areas:"title input button" "_ message message";grid-template-columns:auto minmax(auto,250px) auto}}.zip-input_sticky .zip-input__title{font-size:16px;line-height:1.5;font-weight:500;display:none;grid-area:title;color:var(--zip-title-color)}@media (min-width: 1024px){.zip-input_sticky .zip-input__title{display:block}}.zip-input_sticky .zip-input__row{display:contents}.zip-input_sticky .zip-input__message{--bi-message-margin-top: 8px}.zip-input_secondary .zip-input__title{font-size:23px;line-height:1.3913043478;font-weight:500;margin-bottom:8px;color:#222;text-transform:capitalize}@media (min-width: 768px){.zip-input_secondary .zip-input__title{max-width:none}}.zip-input_secondary .zip-input__subtitle{margin-bottom:16px;font-size:14px;line-height:1.4285714286;font-weight:500;color:#4e4e4e;text-align:center}@media (min-width: 768px){.zip-input_secondary .zip-input__subtitle{font-size:16px;line-height:1.5}}.zip-input_secondary .zip-input__row{display:grid;grid-template-areas:"input" "button" "message";margin-right:auto;margin-left:auto;gap:8px}@media (min-width: 375px){.zip-input_secondary .zip-input__row{grid-template-areas:"input button" "message message";grid-template-columns:1fr auto;width:fit-content}}@media (min-width: 768px){.zip-input_secondary .zip-input__row{column-gap:16px}}.zip-input_secondary .zip-input__message{--bi-message-margin-top: 0px}.zip-input_bold-title .zip-input__title{font-weight:700}@media (min-width: 768px){.zip-input__title{max-width:440px}}@media (min-width: 1024px){.zip-input__title{max-width:490px}}@media (min-width: 1202px){.zip-input__title{max-width:660px}}.zip-input_large-title .zip-input__title{font-size:23px;line-height:1.3913043478}.zip-input__input-component{--bi-icon-color: #7a7a7a;display:contents}@media not all and (hover: none){.zip-input__input-component:hover{--bi-icon-color: #6d87f1}}.zip-input__input-component:focus-within{--bi-icon-color: #2f54eb}.zip-input__input-component[data-state=invalid]{--bi-icon-color: #bb0000}.zip-input__input-component[data-state=valid]{--bi-icon-color: #43af0e;--bi-shadow-color: #00bb00;--bi-label-color-hover: #00bb00;--bi-shadow-width: 1px;--bi-label-color-focus: #00bb00}.zip-input__input-component[data-state=disabled]{--bi-icon-color: #7a7a7a}.zip-input__input-component[data-state=processing]{--bi-icon-color: #43af0e}.zip-input .zip-input__field{grid-area:input;width:100%}@media (min-width: 576px){.zip-input .zip-input__field{width:252px;max-width:100%}}.zip-input .zip-input__message{--bi-message-font-size: 14px;--bi-message-line-height: 1.43;grid-area:message}.zip-input .zip-input__message:not(:has(svg)){--bi-message-margin-left: 0}
