@boxyhq/react-ui
Version:
React UI components from BoxyHQ
2 lines (1 loc) • 23.7 kB
CSS
._sr-only_1qvpf_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._btn_1qvpf_3{display:inline-flex;padding:.5rem 1rem;margin:0;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--border-radius);text-decoration:none;background:var(--primary-color);color:#fff;font-family:sans-serif;font-size:1rem;cursor:pointer;text-align:center;transition:background .25s ease-in-out,transform .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._primary_1qvpf_24:hover,._primary_1qvpf_24:focus-visible{background:var(--primary-hover)}._btn_1qvpf_3:focus-visible{outline:solid var(--ring-offset-color) var(--ring-offset-width);outline-offset:var(--ring-offset)}._primary_1qvpf_24:active:not(:disabled){background:var(--primary-active);transform:scale(.99)}._btn_1qvpf_3:disabled{opacity:50%;cursor:not-allowed}._secondary_1qvpf_44{background:var(--secondary-color);color:var(--primary-text-color)}._outline_1qvpf_49{background:transparent;color:inherit;border:1px solid currentColor}._outline_1qvpf_49:disabled{background-color:#3d445133}._outline_1qvpf_49:not(:disabled):hover{background-color:#161616;color:#fff}._outline_1qvpf_49:focus-visible{box-shadow:none;outline-color:#161616}._destructive_1qvpf_69{background:#ef4444}._loading_1qvpf_73{animation:_spin_1qvpf_1 1s linear infinite}._icon_1qvpf_77{width:1rem;height:1rem}@keyframes _spin_1qvpf_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._sr-only_1g6p5_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._spinner_1g6p5_3{cursor:progress}._spinner_1g6p5_3:after{grid-area:content;align-self:center;justify-self:center;content:"";margin:3rem auto;width:2.5rem;height:2.5rem;display:block;border:.3rem solid var(--primary-color);border-left-color:transparent;border-radius:50%;transition:opacity .1s;pointer-events:none;animation:_loading-circle_1g6p5_1 1s ease-in-out infinite}._small_1g6p5_27:after{margin:0;width:1.2rem;height:1.2rem;border-width:.2rem}._currentColor_1g6p5_34:after{border-color:currentColor;border-left-color:transparent}@keyframes _loading-circle_1g6p5_1{to{transform:rotate(360deg)}}._sr-only_vbwgx_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._container_vbwgx_3{display:flex;flex-direction:column}._input_vbwgx_8,._textarea_vbwgx_9{height:3rem;padding:0 1rem;font-size:1rem;line-height:1.5rem;border:var(--border-width) solid var(--border-color);background-color:#fff;border-radius:var(--border-radius)}._textarea_vbwgx_9{height:6rem;padding:.5rem 1rem;font-size:.875rem;line-height:2}._input_vbwgx_8:focus,._textarea_vbwgx_9:focus{outline:var(--ring-offset-width) solid var(--ring-offset-color);outline-offset:var(--ring-offset)}._input_vbwgx_8:disabled,._textarea_vbwgx_9:disabled{cursor:not-allowed;opacity:.5;background-color:var(--secondary-color);border:1px solid transparent}._input_vbwgx_8:read-only,._textarea_vbwgx_9:read-only{opacity:.8;background-color:var(--secondary-color)}._label_vbwgx_46{display:block;font-weight:500;color:var(--primary-text-color);font-size:.875rem;line-height:1.25rem}._labelWithCopy_vbwgx_54{display:flex;justify-content:space-between}._fieldset_vbwgx_59{border:0}._input-sm_vbwgx_63{height:2rem}._sr-only_wxot7_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._btn_wxot7_3{display:flex;justify-content:center;align-items:center;height:1.5rem;width:1.5rem;color:var(--primary-foreground-color)}._btn_wxot7_3:hover{--tw-scale: 1.15;transform:scale(var(--tw-scale));color:var(--primary-hover)}._btn_wxot7_3:focus-visible{outline:2px solid oklch(.2 0 0);outline-offset:2px}._svg_wxot7_23{height:1.25rem;width:1.25rem}._sr-only_1jz5a_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._input_1jz5a_1,._textarea_1jz5a_1{height:3rem;padding:0 1rem;font-size:1rem;line-height:1.5rem;border:var(--border-width) solid var(--border-color);background-color:#fff;border-radius:var(--border-radius)}._textarea_1jz5a_1{height:6rem;padding:.5rem 1rem;font-size:.875rem;line-height:2}._input_1jz5a_1:focus,._textarea_1jz5a_1:focus{outline:var(--ring-offset-width) solid var(--ring-offset-color);outline-offset:var(--ring-offset)}._input_1jz5a_1:disabled,._textarea_1jz5a_1:disabled{cursor:not-allowed;opacity:.5;background-color:var(--secondary-color);border:1px solid transparent}._input_1jz5a_1:read-only,._textarea_1jz5a_1:read-only{opacity:.8;background-color:var(--secondary-color)}._label_1jz5a_1{display:block;font-weight:500;color:var(--primary-text-color);font-size:.875rem;line-height:1.25rem}._labelWithCopy_1jz5a_1{display:flex;justify-content:space-between}._fieldset_1jz5a_1{border:0}._input-sm_1jz5a_1{height:2rem}._container_1jz5a_4{display:flex;flex-direction:column}._toolbar_1jz5a_9{display:flex;align-items:center;justify-content:space-between}._toolbar_1jz5a_9>div{display:flex}._sr-only_u7c4s_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}:root{--select-border: var(--ring-color);--select-focus: var(--secondary-color);--select-arrow: var(--select-border)}._label_u7c4s_9{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;font-weight:500}._div_u7c4s_17{width:100%;min-width:15ch;max-width:30ch;border:1px solid var(--select-border);border-radius:.25em;padding:.5rem 1rem;cursor:pointer;line-height:1.1;background-color:#fff;background-image:linear-gradient(to top,#f9f9f9,#fff 33%);display:grid;grid-template-areas:"select";align-items:center;position:relative}._div_u7c4s_17:after{content:"";width:.8em;height:.5em;background-color:var(--select-arrow);clip-path:polygon(100% 0%,0 0%,50% 100%);justify-self:end}._div--disabled_u7c4s_43{cursor:not-allowed;background-color:#eee;background-image:linear-gradient(to top,#ddd,#eee 33%)}._select_u7c4s_49{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;padding:0 1em 0 0;margin:0;width:100%;font-family:inherit;font-size:inherit;cursor:inherit;line-height:1.5rem;box-sizing:border-box;outline:none}._select_u7c4s_49:before,._select_u7c4s_49:after{box-sizing:border-box}._select_u7c4s_49::-ms-expand{display:none}._select_u7c4s_49:focus-visible+span{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid var(--select-focus);border-radius:inherit;outline:var(--ring-offset-width) solid var(--ring-offset-color);outline-offset:var(--ring-offset)}._div_u7c4s_17:after,._select_u7c4s_49{grid-area:select}._sr-only_15znz_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._label_15znz_3{font-family:system-ui,sans-serif;font-size:1rem;line-height:1.1;display:grid;grid-template-columns:1rem auto;gap:.5rem}._checkbox_15znz_12{--border-width: .15em;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:currentColor;width:1.15em;height:1.15em;border:var(--border-width) solid currentColor;border-radius:var(--border-width);transform:translateY(calc(var(--border-width) / 2 * -1));display:grid;place-content:center}._checkbox_15znz_12:before{content:"";width:.65em;height:.65em;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em var(--primary-color-700);transform-origin:bottom left;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}._checkbox_15znz_12:checked:before{transform:scale(1)}._checkbox_15znz_12:focus{outline:max(2px,.15em) solid currentColor;outline-offset:max(2px,.15em)}._checkbox_15znz_12:disabled{color:var(--secondary-color);cursor:not-allowed}._container_569d7_1 [aria-busy=true],._container_569d7_1>[aria-hidden=true]{display:none}._ul_1yjqg_1{display:flex;justify-content:center;padding:1rem 0}._ul_1yjqg_1>li:last-child{margin-left:1rem}._container_1uf8j_1{margin:.75rem 0;padding:8rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.25rem;border-width:1px}._svg_1uf8j_12{width:2.5rem;height:2.5rem}._description_1uf8j_17{color:#616362}._sr-only_z2c6r_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._table_z2c6r_2{border-collapse:collapse;width:100%;text-align:left;font-size:14px;line-height:20px;color:#6b7280;border-bottom-width:1px;border-color:#d1d5db}._caption_z2c6r_13{font-weight:500;font-size:.875rem;line-height:1.25rem;text-align:start;padding:.75rem;background-color:#f3f4f6;color:#111827;border-bottom:1px solid rgb(209 213 219)}._thead_z2c6r_24{background-color:#f9fafb;font-size:12px;line-height:16px;text-transform:uppercase;color:#374151}._td_z2c6r_32{word-break:break-all}._th_z2c6r_24,._td_z2c6r_32{padding:.75rem 1.5rem}tbody ._tr_z2c6r_41{border-bottom-width:1px;background-color:#fff}tbody ._tr_z2c6r_41:last-child{border-bottom-width:0px}tbody ._tr_z2c6r_41:hover{background-color:#f9fafb}._badgeClass_z2c6r_54{margin-left:8px;text-transform:uppercase}._iconSpan_z2c6r_59{display:inline-flex;align-items:baseline}._noMoreResults_z2c6r_64{padding:1.5rem .75rem;text-align:center;font-size:.875rem;line-height:1.25rem}._sr-only_huzc5_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._badge_huzc5_3{display:inline-block;padding:.25rem .56rem;border-radius:.375rem;color:#fff;font-size:.75rem;line-height:.75rem}._info_huzc5_12{background-color:var(--alert-color-info)}._success_huzc5_16{background-color:var(--alert-color-success)}._warning_huzc5_20{background-color:var(--alert-color-warning)}._sr-only_1uxfk_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._toggle_1uxfk_4{display:inline-flex;align-items:center;flex-wrap:wrap;position:relative;gap:1ch}._display_1uxfk_12{--offset: .12rem;--diameter: 1.4rem;display:inline-flex;align-items:center;justify-content:space-around;width:calc(var(--diameter) * 2 + var(--offset) * 2);height:calc(var(--diameter) + var(--offset) * 2);box-sizing:content-box;border:1px solid rgb(0 0 0 / .2);position:relative;border-radius:100vw;background-color:#fff;transition:.25s;cursor:pointer}._display_1uxfk_12:before{content:"";width:var(--diameter);height:var(--diameter);border-radius:50%;box-sizing:border-box;position:absolute;z-index:2;top:50%;left:var(--offset);transform:translateY(-50%);background-color:#0003;transition:inherit}@media (prefers-reduced-motion: reduce){._display_1uxfk_12{transition-duration:0ms}}._input_1uxfk_60:focus+._display_1uxfk_12{outline:1px dotted var(--primary-color-200);outline:1px auto -webkit-focus-ring-color}._input_1uxfk_60:focus:not(:focus-visible)+._display_1uxfk_12{outline:0}._input_1uxfk_60:checked+._display_1uxfk_12{border-color:var(--primary-color)}._input_1uxfk_60:checked+._display_1uxfk_12:before{background-color:var(--primary-color);transform:translate(100%,-50%)}._input_1uxfk_60:disabled+._display_1uxfk_12{opacity:.6;filter:grayscale(40%);cursor:not-allowed}._confirmationDiv_sqflu_1{display:flex;flex-direction:column;width:100%}._buttonsDiv_sqflu_7{display:flex;gap:20px}._rowContainer_1fe97_1{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}._error_1fe97_8{margin-top:.25rem;display:flex;align-items:center;gap:.5rem;font-size:.75rem;line-height:.5rem;color:#ef4444}._row_1fe97_1{display:flex;align-items:center;gap:.75rem}._input_1fe97_24{flex:1;font-size:.875rem}._add_1fe97_29{height:2rem}._svg_1fe97_33{height:1.25rem;width:1.25rem;color:#ef4444}:disabled ._svg_1fe97_33{color:gray;cursor:not-allowed}._sr-only_1p7w3_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._container_1p7w3_2{display:flex;flex-direction:column;max-width:28rem}._label_1p7w3_8{margin-bottom:.375rem}._input_1p7w3_12{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:var(--border-radius);border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none;margin-bottom:1rem}._input_1p7w3_12:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._button_1p7w3_32{cursor:pointer;font-family:inherit;background-image:none;border-radius:.25rem;padding:.5rem 1rem;background-color:transparent;border:1px solid rgb(51,51,51);color:currentColor}._button_1p7w3_32:disabled{background:#3d445133;color:#3333;border-color:currentColor;pointer-events:none}._button_1p7w3_32:hover:not(:disabled){background-color:#333;color:#fff}._button_1p7w3_32:focus-visible{outline:2px solid hsl(219 14% 22%);outline-offset:2px}._button_1p7w3_32:active:hover,._button_1p7w3_32:active:focus{transform:scale(.95)}._sr-only_1dluy_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._h5_1dluy_3{letter-spacing:-.025em;line-height:1;font-weight:500;font-size:1.25rem}._hint_1dluy_10{font-size:.75rem;line-height:1rem;margin:5px 0 0 5px}._formAction_1dluy_16{display:flex;gap:.5rem}._selectContainer_1dluy_21{display:flex;flex-direction:column}._sr-only_1r6oe_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._separator_1r6oe_3{display:flex;align-items:center;text-align:center}._separator_1r6oe_3:before,._separator_1r6oe_3:after{content:"";flex:1;border-bottom:1px solid var(--border-color);opacity:.8}._separator_1r6oe_3:not(:empty):before{margin-right:.25em}._separator_1r6oe_3:not(:empty):after{margin-left:.25em}._sr-only_wfblf_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._a_wfblf_2{text-decoration:underline;outline:none}._a_wfblf_2:link{color:var(--primary-color-950)}._a_wfblf_2:visited{color:var(--primary-color-500)}._a_wfblf_2:focus{text-decoration:none;background:var(--primary-color-200)}._a_wfblf_2:hover{text-decoration:none;background:var(--primary-color-100)}._a_wfblf_2:active{background:var(--primary-color-950);color:var(--primary-color-50)}._button_wfblf_29{border:1px solid var(--primary-color);padding:.5rem 1rem;border-radius:var(--border-radius)}._sr-only_1se5f_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._h5_1se5f_3{letter-spacing:-.025em;line-height:1;font-weight:500;font-size:1.25rem}._hint_1se5f_10{font-size:.75rem;line-height:1rem;margin:5px 0 0 5px}._formAction_1se5f_16{display:flex;gap:.5rem}._selectContainer_1se5f_21{display:flex;flex-direction:column}._container_1c3hr_1{display:flex;align-items:center}._inputs_1c3hr_6{display:flex}[aria-orientation=vertical] ._inputs_1c3hr_6{flex-direction:column}._sr-only_eeujj_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._radioDiv_eeujj_3{display:flex;align-items:center;padding:.5rem .25rem}._radio_eeujj_3{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;width:1.5rem;height:1.5rem;border:1px solid var(--primary-color);border-radius:50%;display:grid;place-content:center}._radio_eeujj_3:before{content:"";width:1rem;height:1rem;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em var(--primary-color)}._radio_eeujj_3:checked:before{transform:scale(1)}._radio_eeujj_3:focus-visible{outline:max(2px,.15em) solid var(--primary-color);outline-offset:max(2px,.15em)}._container_1xdqq_1{display:flex;justify-content:flex-end;align-items:center}._sr-only_1wo5i_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._container_1wo5i_3{display:flex;flex-direction:column}._input_1wo5i_1,._textarea_1wo5i_1{height:3rem;padding:0 1rem;font-size:1rem;line-height:1.5rem;border:var(--border-width) solid var(--border-color);background-color:#fff;border-radius:var(--border-radius)}._textarea_1wo5i_1{height:6rem;padding:.5rem 1rem;font-size:.875rem;line-height:2}._input_1wo5i_1:focus,._textarea_1wo5i_1:focus{outline:var(--ring-offset-width) solid var(--ring-offset-color);outline-offset:var(--ring-offset)}._input_1wo5i_1:disabled,._textarea_1wo5i_1:disabled{cursor:not-allowed;opacity:.5;background-color:var(--secondary-color);border:1px solid transparent}._input_1wo5i_1:read-only,._textarea_1wo5i_1:read-only{opacity:.8;background-color:var(--secondary-color)}._label_1wo5i_1{display:block;font-weight:500;color:var(--primary-text-color);font-size:.875rem;line-height:1.25rem}._labelWithCopy_1wo5i_1{display:flex;justify-content:space-between}._fieldset_1wo5i_1{border:0}._input-sm_1wo5i_1{height:2rem}._container_1wo5i_3{min-width:448px;background-color:#fff}._formDiv_1wo5i_8{display:flex;flex-direction:column;gap:0}._headingContainer_1wo5i_14{margin:20px 0;display:flex;justify-content:space-between;align-items:center}._headingContainer_1wo5i_14>:last-child{margin-left:auto}._h5_1wo5i_25{letter-spacing:-.025em;line-height:1;font-weight:500;font-size:1.25rem}._section_1wo5i_32{display:flex;align-items:flex-start;justify-content:space-between;border-radius:4px;padding:24px;color:#7f1d1d;border:1px solid rgb(254 226 226);background-color:#fee2e2;margin-top:40px}._info_1wo5i_44{width:100%}._info_1wo5i_44 input,._info_1wo5i_44 pre{background:var(--primary-color-50);color:var(--primary-color-800)}._sectionHeading_1wo5i_54{margin-bottom:4px;font-weight:500}._sectionPara_1wo5i_59{font-weight:300}._confirmationDiv_1wo5i_63{width:50%}._formAction_1wo5i_67{display:flex;gap:.5rem}._hint_1wo5i_72{font-size:.75rem;line-height:2rem}._promptAction_1wo5i_77{display:flex;gap:.5rem}._sr-only_hbehf_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._container_hbehf_3{margin-top:1.25rem;display:flex;border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;font-size:.875rem;line-height:1.25rem}._vertical_hbehf_13{flex-direction:column}._title_hbehf_17{padding:.75rem;font-weight:500;color:var(--primary-foreground-color);display:flex;align-items:center;gap:.5rem}._body_hbehf_26{padding:.75rem;flex:1}._info_hbehf_31{background:#fff}._success_hbehf_35{background:var(--primary-color-50)}._svg_hbehf_39{width:1.25rem;height:1.25rem}._sr-only_12xxf_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._container_12xxf_1{display:flex;flex-direction:column}._input_12xxf_1,._textarea_12xxf_1{height:3rem;padding:0 1rem;font-size:1rem;line-height:1.5rem;border:var(--border-width) solid var(--border-color);background-color:#fff;border-radius:var(--border-radius)}._textarea_12xxf_1{height:6rem;padding:.5rem 1rem;font-size:.875rem;line-height:2}._input_12xxf_1:focus,._textarea_12xxf_1:focus{outline:var(--ring-offset-width) solid var(--ring-offset-color);outline-offset:var(--ring-offset)}._input_12xxf_1:disabled,._textarea_12xxf_1:disabled{cursor:not-allowed;opacity:.5;background-color:var(--secondary-color);border:1px solid transparent}._input_12xxf_1:read-only,._textarea_12xxf_1:read-only{opacity:.8;background-color:var(--secondary-color)}._label_12xxf_1{display:block;font-weight:500;color:var(--primary-text-color);font-size:.875rem;line-height:1.25rem}._labelWithCopy_12xxf_1{display:flex;justify-content:space-between}._fieldset_12xxf_1{border:0}._input-sm_12xxf_1{height:2rem}._formDiv_12xxf_4{display:flex;flex-direction:column}._headingContainer_12xxf_9{margin:20px 0;display:flex;justify-content:space-between;align-items:center}._headingContainer_12xxf_9>:last-child{margin-left:auto}._h5_12xxf_20{letter-spacing:-.025em;line-height:1;font-weight:500;font-size:1.25rem}._fieldsContainer_12xxf_27{display:flex;gap:16px;width:100%}._pre_12xxf_33{overflow-x:auto;word-wrap:break-word;white-space:pre-wrap;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem}._field_12xxf_27{width:100%;margin-bottom:24px}._info_12xxf_47 input,._info_12xxf_47 pre{background:var(--primary-color-50);color:var(--primary-color-800)}._section_12xxf_53{display:flex;align-items:flex-start;justify-content:space-between;border-radius:4px;padding:24px;color:#7f1d1d;border:1px solid rgb(254 226 226);background-color:#fee2e2;margin-top:40px}._info_12xxf_47{width:100%}._sectionHeading_12xxf_69{margin-bottom:4px;font-weight:500}._sectionPara_12xxf_74{font-weight:300}._confirmationDiv_12xxf_78{width:50%}._formAction_12xxf_82{display:flex;gap:.5rem}._hint_12xxf_87{font-size:.75rem;line-height:2rem}._promptAction_12xxf_92{display:flex;gap:.5rem}._header_17fzr_1{display:flex;justify-content:space-between;align-items:center;height:42px}._h5_17fzr_8{letter-spacing:-.025em;line-height:1;font-weight:500;font-size:1.25rem}._ctoa_17fzr_15{display:flex;justify-content:flex-end}._listView_17fzr_20{display:flex;flex-direction:column}._sr-only_h67it_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._heading_h67it_3{margin:0 0 1.5rem;font-size:1rem;font-weight:700;color:var(--primary-text-color)}@media (min-width: 768px){._heading_h67it_3{font-size:1.25rem;line-height:1.75rem}}._fieldContainer_h67it_17{display:flex;flex-direction:column}._formAction_h67it_22{display:flex;gap:.5rem}._tableContainer_qz43r_1{border-width:1px}._iconSpan_qz43r_5:not(:first-child){margin-left:.5rem}._container_r3olf_1{display:flex;justify-content:flex-end;align-items:center}:root{--primary-color: #25c2a0;--primary-foreground-color: #002823;--primary-hover: #0b967d;--primary-active: #0d7865;--primary-disabled: #98f7dc;--primary-color-50: #f0fdf9;--primary-color-100: #cbfced;--primary-color-200: #98f7dc;--primary-color-300: #5cecc8;--primary-color-500: #12ba99;--primary-color-600: #0b967d;--primary-color-700: #0d7865;--primary-color-800: #105f53;--primary-color-900: #124f45;--primary-color-950: #03302b;--secondary-color: #f4f4f5;--primary-text-color: #111827;--primary-text-color-500: #737584;--ring-offset: 2px;--ring-offset-width: 2px;--ring-offset-color: hsla(167, 68%, 45%, .2);--ring-color: hsl(240 5% 64.9%);--border-color: #e5e7eb;--border-width: 1px;--border-radius: .25rem;--alert-color-success: #36d399;--alert-color-info: #3abff8;--alert-color-warning: #fbbd23}._sr-only_gj246_1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._headingContainer_gj246_2{margin:20px 0;display:flex;justify-content:space-between;align-items:center}._headingContainer_gj246_2>:last-child{margin-left:auto}._heading_gj246_2{margin:0 0 1.5rem;font-size:1rem;font-weight:700;color:var(--primary-text-color)}@media (min-width: 768px){._heading_gj246_2{font-size:1.25rem;line-height:1.75rem}}._section_gj246_27{display:flex;align-items:flex-start;justify-content:space-between;border-radius:4px;padding:24px;color:#7f1d1d;border:1px solid rgb(254 226 226);background-color:#fee2e2;margin-top:40px}._info_gj246_39{width:100%}._sectionHeading_gj246_43{margin-bottom:4px;font-weight:500}._sectionPara_gj246_48{font-weight:300}._formAction_gj246_52{display:flex;gap:.5rem}._hint_gj246_57{font-size:.75rem;line-height:2rem}._header_z5rjx_1{display:flex;justify-content:space-between;align-items:center;height:42px}._h5_z5rjx_8{letter-spacing:-.025em;line-height:1;font-weight:500;font-size:1.25rem}._ctoa_z5rjx_15{display:flex;justify-content:flex-end}._listView_z5rjx_20{display:flex;flex-direction:column}