@kroo-web/design-system 1.12.1 → 1.13.0

package/dist/style.css

@@ -0,0 +1 @@
+._visual--primary_1h79s_1{background-color:var(--greyscale-0);color:var(--primary-dark)}._visual--secondary_1h79s_6{background-color:var(--primary-trust-blue-100);color:var(--primary-light)}._visual--tertiary_1h79s_11{background-color:var(--primary-ghost-white);color:var(--primary-dark)}._size--horizontal--none_1h79s_16,._size--vertical--none_1h79s_17{padding:0}._size--horizontal--extra-small_1h79s_21{padding-left:.25rem;padding-right:.25rem}._size--vertical--extra-small_1h79s_25{padding-top:.25rem;padding-bottom:.25rem}._size--horizontal--small_1h79s_30{padding-left:.5rem;padding-right:.5rem}._size--vertical--small_1h79s_34{padding-top:.5rem;padding-bottom:.5rem}._size--horizontal--medium_1h79s_39{padding-left:1.5rem;padding-right:1.5rem}._size--vertical--medium_1h79s_43{padding-top:1.5rem;padding-bottom:1.5rem}._size--horizontal--large_1h79s_48{padding-left:2rem;padding-right:2rem}._size--vertical--large_1h79s_52{padding-top:2rem;padding-bottom:2rem}._radius--none_1h79s_57{border-radius:0}._radius--small_1h79s_61{border-radius:.5rem}._radius--medium_1h79s_65{border-radius:1rem}._radius--large_1h79s_69{border-radius:2rem}._is-square_1h79s_73{aspect-ratio:1 / 1}@media (min-width: 768px){._size--vertical--extra-small_1h79s_25{padding-top:.5rem;padding-bottom:.5rem}._size--vertical--small_1h79s_34{padding-top:1rem;padding-bottom:1rem}._size--horizontal--extra-small_1h79s_21{padding-left:.5rem;padding-right:.5rem}._size--horizontal--small_1h79s_30{padding-left:1rem;padding-right:1rem}}._form-label_e76am_1{font-weight:var(--product-font-weight-semi-bold);font-size:var(--product-font-form-label-mobile-size);letter-spacing:var(--product-font-form-label-letter-spacing);line-height:var(--product-font-form-label-line-height)}._form-helper_e76am_8{font-size:var(--product-font-form-helper-mobile-size);letter-spacing:var(--product-font-form-helper-letter-spacing);line-height:var(--product-font-form-helper-line-height)}._form-button_e76am_14{font-size:var(--product-font-form-input-button-mobile-size);letter-spacing:var(--product-font-form-input-button-letter-spacing);line-height:var(--product-font-form-input-button-line-height);font-weight:var(--product-font-weight-medium)}._form-input-normal_e76am_21{font-size:var(--product-font-form-input-mobile-size);letter-spacing:var(--product-font-form-input-letter-spacing);line-height:var(--product-font-form-input-line-height)}._form-input-semi-bold_e76am_27{font-size:var(--product-font-form-input-mobile-size);letter-spacing:var(--product-font-form-input-letter-spacing);line-height:var(--product-font-form-input-line-height);font-weight:var(--product-font-weight-semi-bold)}._content-regular-light_e76am_34{font-size:var(--product-font-content-regular-light-mobile-size);letter-spacing:var(--product-font-content-regular-light-letter-spacing);line-height:var(--product-font-content-regular-light-line-height);font-weight:var(--product-font-weight-light)}._content-regular_e76am_34{font-size:var(--product-font-content-regular-normal-mobile-size);letter-spacing:var(--product-font-content-regular-normal-letter-spacing);line-height:var(--product-font-content-regular-normal-line-height)}._content-regular-semi-bold_e76am_47{font-size:var(--product-font-content-regular-semi-bold-mobile-size);letter-spacing:var(--product-font-content-regular-semi-bold-letter-spacing);line-height:var(--product-font-content-regular-semi-bold-line-height);font-weight:var(--product-font-weight-semi-bold)}._content-large-light_e76am_54{font-size:var(--product-font-content-large-light-mobile-size);letter-spacing:var(--product-font-content-large-light-letter-spacing);line-height:var(--product-font-content-large-light-line-height);font-weight:var(--product-font-weight-light)}._content-large_e76am_54{font-size:var(--product-font-content-large-normal-mobile-size);letter-spacing:var(--product-font-content-large-normal-letter-spacing);line-height:var(--product-font-content-large-normal-line-height)}._content-large-semi-bold_e76am_67{font-size:var(--product-font-content-large-semi-bold-mobile-size);letter-spacing:var(--product-font-content-large-semi-bold-letter-spacing);line-height:var(--product-font-content-large-semi-bold-line-height);font-weight:var(--product-font-weight-semi-bold)}._content-title-light_e76am_74{font-size:var(--product-font-content-large-light-mobile-size);letter-spacing:var(--product-font-content-large-light-letter-spacing);line-height:var(--product-font-content-large-light-line-height);font-weight:var(--product-font-weight-light)}._content-title_e76am_74{font-size:var(--product-font-content-title-normal-mobile-size);letter-spacing:var(--product-font-content-title-normal-letter-spacing);line-height:var(--product-font-content-title-normal-line-height)}._content-title-semi-bold_e76am_87{font-size:var(--product-font-content-title-semi-bold-mobile-size);letter-spacing:var(--product-font-content-title-semi-bold-letter-spacing);line-height:var(--product-font-content-title-semi-bold-line-height);font-weight:var(--product-font-weight-semi-bold)}._tag_e76am_94{font-size:var(--product-font-tag-mobile-size);line-height:var(--product-font-tag-line-height);text-transform:var(--product-font-tag-text-transform);font-weight:var(--product-font-tag-weight);letter-spacing:var(--product-font-tag-letter-spacing)}@media (min-width: 768px){._form-label_e76am_1{font-size:var(--product-font-form-label-desktop-size)}._form-helper_e76am_8{font-size:var(--product-font-form-helper-desktop-size)}._form-button_e76am_14{font-size:var(--product-font-form-input-button-desktop-size)}._form-input-normal_e76am_21,._form-input-semi-bold_e76am_27{font-size:var(--product-font-form-input-desktop-size)}._content-regular-light_e76am_34{font-size:var(--product-font-content-regular-light-desktop-size)}._content-regular_e76am_34{font-size:var(--product-font-content-regular-normal-desktop-size)}._content-regular-semi-bold_e76am_47{font-size:var(--product-font-content-regular-semi-bold-desktop-size)}._content-large-light_e76am_54{font-size:var(--product-font-content-large-light-desktop-size)}._content-large_e76am_54{font-size:var(--product-font-content-large-normal-desktop-size)}._content-large-semi-bold_e76am_67{font-size:var(--product-font-content-large-semi-bold-desktop-size)}._content-title-light_e76am_74{font-size:var(--product-font-content-title-light-desktop-size)}._content-title_e76am_74{font-size:var(--product-font-content-title-normal-desktop-size)}._content-title-semi-bold_e76am_87{font-size:var(--product-font-content-large-semi-bold-desktop-size)}}._marketing-text-light_e76am_162{font-weight:300}._marketing-text-regular_e76am_166{font-weight:400}._marketing-text-semi-bold_e76am_170{font-weight:600;letter-spacing:-.02em}._marketing-quote-light_e76am_175{font-weight:300}._marketing-quote-regular_e76am_179{font-weight:400}._marketing-quote-semi-bold_e76am_183{font-weight:600}._marketing-small-light_e76am_187{font-weight:300;font-size:1rem;line-height:128%;letter-spacing:0em}._marketing-small-regular_e76am_194{font-size:1rem;line-height:128%;letter-spacing:0em;font-weight:400}._marketing-small-semi-bold_e76am_201{font-size:1rem;line-height:128%;letter-spacing:0em;font-weight:600}._marketing-medium-light_e76am_208{font-size:1.25rem;font-weight:300;line-height:128%;letter-spacing:0em}._marketing-medium-regular_e76am_215{font-size:1.25rem;line-height:128%;letter-spacing:0em;font-weight:400}._marketing-medium-semi-bold_e76am_222{font-size:1.25rem;line-height:128%;letter-spacing:0em;font-weight:600}._marketing-large-light_e76am_229{font-size:2rem;font-weight:300;letter-spacing:-.02em;line-height:120%}._marketing-large-regular_e76am_236{font-size:2rem;letter-spacing:-.02em;line-height:120%;font-weight:400}._marketing-large-semi-bold_e76am_243{font-size:2rem;letter-spacing:-.02em;line-height:120%;font-weight:600}._marketing-tag-light_e76am_250{font-weight:300;text-transform:uppercase;letter-spacing:.075rem;font-size:.5rem;line-height:.5rem}._marketing-tag-regular_e76am_258{font-weight:400;text-transform:uppercase;letter-spacing:.075rem;font-size:.5rem;line-height:.5rem}._marketing-tag-semi-bold_e76am_266{text-transform:uppercase;letter-spacing:.075rem;font-size:.5rem;line-height:.5rem;font-weight:600}@media (min-width: 768px){._marketing-small-light_e76am_187,._marketing-small-regular_e76am_194,._marketing-small-medium_e76am_283,._marketing-small-semi-bold_e76am_201{font-size:1.25rem}._marketing-medium-light_e76am_208,._marketing-medium-regular_e76am_215,._marketing-medium-semi-bold_e76am_222{font-size:1.5rem}._marketing-large-light_e76am_229,._marketing-large-regular_e76am_236,._marketing-large-semi-bold_e76am_243{font-size:2.5rem}}@media (min-width: 1280px){._marketing-small-light_e76am_187,._marketing-small-regular_e76am_194,._marketing-small-medium_e76am_283,._marketing-small-semi-bold_e76am_201{font-size:1.5rem}._marketing-medium-light_e76am_208,._marketing-medium-regular_e76am_215,._marketing-medium-semi-bold_e76am_222{font-size:2rem;letter-spacing:-.02em}._marketing-large-light_e76am_229,._marketing-large-regular_e76am_236,._marketing-large-semi-bold_e76am_243{font-size:4rem;line-height:128%}._marketing-tag-light_e76am_250,._marketing-tag-regular_e76am_258,._marketing-tag-semi-bold_e76am_266{font-size:.625rem;line-height:.625rem}}._marketing-heading-1_e76am_379{font-size:4rem;font-weight:700;letter-spacing:-.05em;line-height:80%}._marketing-heading-2_e76am_386{font-size:4rem;font-weight:700;letter-spacing:-.02em;line-height:88%;display:block}._marketing-heading-3_e76am_394{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:100%}._marketing-heading-4_e76am_401{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:80%}._marketing-heading-5_e76am_408{font-size:2rem;letter-spacing:-.02em;line-height:100%}._marketing-heading-6_e76am_414{font-size:1.5rem;font-weight:600;letter-spacing:0em}._marketing-heading-7_e76am_420{font-size:1rem;font-weight:700;letter-spacing:0em;line-height:100%;text-transform:uppercase}._marketing-heading-1_e76am_379>span:last-child,._marketing-heading-2_e76am_386>span:last-child,._marketing-heading-3_e76am_394>span:last-child,._marketing-heading-4_e76am_401>span:last-child,._marketing-heading-5_e76am_408>span:last-child,._marketing-heading-6_e76am_414>span:last-child,._marketing-heading-7_e76am_420>span:last-child{font-family:var(--font-secondary);color:var(--product-love-pink-100)}._marketing-heading-1_e76am_379,._marketing-heading-4_e76am_401{font-family:var(--font-secondary)}@media (min-width: 768px){._marketing-heading-1_e76am_379,._marketing-heading-2_e76am_386{font-size:5rem}._marketing-heading-3_e76am_394,._marketing-heading-4_e76am_401{font-size:4rem}._marketing-heading-5_e76am_408{font-size:2.5rem;line-height:100%}._marketing-heading-6_e76am_414{font-size:1.75rem}._marketing-heading-7_e76am_420{font-size:1.25rem}}@media (min-width: 1280px){._marketing-heading-1_e76am_379{font-size:7.5rem;line-height:88%}._marketing-heading-2_e76am_386{font-size:7.5rem}._marketing-heading-3_e76am_394{font-size:6.75rem}._marketing-heading-4_e76am_401{font-size:5rem}._marketing-heading-5_e76am_408{font-size:3.5rem}._marketing-heading-6_e76am_414{font-size:2rem}}._footer-regular_e76am_502{letter-spacing:0em;font-size:.6875rem;line-height:160%;color:inherit;font-weight:400}._footer-semi-bold_e76am_510{letter-spacing:0em;font-size:.6875rem;line-height:160%;color:inherit;font-weight:600}@media (min-width: 768px){._footer-regular_e76am_502,._footer-semi-bold_e76am_510{font-size:1rem}}._root_15emg_1{background:var(--greyscale-0);border-radius:var(--product-radius-3);padding:0;overflow:hidden}._root--detached_15emg_8{display:flex;gap:.5rem;flex-direction:column;background:none}._item_15emg_15{margin:0;border-bottom:var(--product-border-width-1) solid var(--greyscale-20)}._item_15emg_15:last-child{border-bottom:none;margin-bottom:0}._root--detached_15emg_8 ._item_15emg_15{border-bottom:none;background:var(--greyscale-0);border-radius:var(--product-radius-3)}._trigger_15emg_31{display:flex;align-items:center;background:none;border:none;padding:0;margin:0;cursor:pointer;width:100%;text-align:left;color:var(--greyscale-100);border:var(--product-border-width-2) solid var(--greyscale-0);padding:var(--product-spacing-3) var(--product-spacing-4);gap:.25rem;border-radius:var(--product-radius-3)}._trigger-title_15emg_48{display:flex;align-items:center;gap:.25rem}._trigger_15emg_31:hover{background:var(--greyscale-20)}._trigger_15emg_31:active{background:var(--greyscale-40)}._content_15emg_62{overflow-x:auto}._controls_15emg_66{margin-left:auto;padding-left:1rem}._trigger_15emg_31[data-state=open] ._controls_15emg_66>div{outline:1px solid transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform;-webkit-perspective:1000;perspective:1000;transform:rotate(-135deg);transition:transform .2s}._trigger_15emg_31[data-state=closed] ._controls_15emg_66>div{transform:rotate(0);transition:transform .2s}._open_15emg_88,._close_15emg_89{border-radius:.25rem;outline:1px solid;margin-right:1rem;line-height:1rem;display:flex;justify-content:center;align-items:center}._right_15emg_99._open_15emg_88,._right_15emg_99._close_15emg_89{outline:none}._close_15emg_89{display:none}._trigger_15emg_31[data-state=open]>._close_15emg_89{display:flex}._trigger_15emg_31[data-state=open]>._open_15emg_88{display:none}@media (min-width: 768px){._filled_15emg_117 ._trigger_15emg_31{padding:var(--product-spacing-4)}}._button_18d93_1{all:unset;display:flex;padding:var(--product-spacing-3) var(--product-spacing-7);border-radius:var(--product-radius-3);width:fit-content;cursor:pointer}._button_18d93_1>*{display:flex;align-items:center;gap:var(--product-spacing-1)}._action_18d93_16{all:unset;display:flex;border-radius:var(--product-radius-2);padding:var(--product-spacing-2_5) var(--product-spacing-6);width:fit-content;cursor:pointer}._action_18d93_16>*{display:flex;align-items:center;gap:var(--product-spacing-1)}._button_18d93_1:focus,._button_18d93_1._focus_18d93_32{outline:var(--product-border-width-1) solid var(--product-focus)}._action_18d93_16:focus,._action_18d93_16._focus_18d93_32{outline:var(--product-border-width-1) solid var(--product-focus)}._primary_18d93_45{color:var(--product-greyscale-0);background:var(--product-love-pink-100)}._primary_18d93_45:hover,._primary_18d93_45._hover_18d93_51{background:var(--product-love-pink-80)}._primary_18d93_45:active,._primary_18d93_45._active_18d93_56{background:var(--product-love-pink-120)}._secondary_18d93_62{color:var(--product-greyscale-0);background:var(--product-greyscale-100)}._secondary_18d93_62:hover,._secondary_18d93_62._hover_18d93_51{background:var(--product-greyscale-80)}._secondary_18d93_62:active,._secondary_18d93_62._active_18d93_56{background:var(--product-greyscale-60)}._tertiary_18d93_79{color:var(--product-greyscale-100);background:var(--product-greyscale-20)}._tertiary_18d93_79:hover,._tertiary_18d93_79._hover_18d93_51{background:var(--product-light-blue-20)}._tertiary_18d93_79:active,._tertiary_18d93_79._active_18d93_56{background:var(--product-light-blue-40)}._ghost_18d93_96{color:#004b87;background:var(--product-greyscale-0)}._ghost_18d93_96:hover,._ghost_18d93_96._hover_18d93_51{color:var(--product-greyscale-100);background:var(--product-greyscale-20)}._ghost_18d93_96:active,._ghost_18d93_96._active_18d93_56{color:var(--product-greyscale-100);background:var(--product-greyscale-40)}._danger_18d93_115{color:var(--product-greyscale-0);background:var(--product-error)}._danger_18d93_115:hover,._danger_18d93_115._hover_18d93_51{background:var(--product-danger-80)}._danger_18d93_115:active,._danger_18d93_115._active_18d93_56{background:var(--product-danger-120)}/*!  Action Button */._action_18d93_16._standard_18d93_134{color:var(--product-greyscale-0);background:var(--product-light-blue-100)}._action_18d93_16._standard_18d93_134:hover,._action_18d93_16._standard_18d93_134._hover_18d93_51{background:var(--product-light-blue-80)}._action_18d93_16._standard_18d93_134:active,._action_18d93_16._standard_18d93_134._active_18d93_56{background:var(--product-light-blue-120)}._action_18d93_16._secondary_18d93_62{color:var(--product-greyscale-100);background:var(--product-greyscale-0)}._action_18d93_16._secondary_18d93_62:hover,._action_18d93_16._secondary_18d93_62._hover_18d93_51,._action_18d93_16._secondary_18d93_62:active,._action_18d93_16._secondary_18d93_62._active_18d93_56{border:var(--product-border-width-1) solid var(--product-greyscale-100)}._action_18d93_16._tertiary_18d93_79{background:var(--product-greyscale-100);color:var(--product-greyscale-0)}._action_18d93_16._tertiary_18d93_79:hover,._action_18d93_16._tertiary_18d93_79._hover_18d93_51{background:var(--product-greyscale-80)}._action_18d93_16._tertiary_18d93_79:active,._action_18d93_16._tertiary_18d93_79._active_18d93_56{background:var(--product-greyscale-100)}._action_18d93_16._ghost_18d93_96{color:#004b87;background:var(--product-greyscale-0)}._action_18d93_16._ghost_18d93_96:hover,._action_18d93_16._ghost_18d93_96._hover_18d93_51{color:var(--product-greyscale-100);background:var(--product-greyscale-20)}._action_18d93_16._ghost_18d93_96:active,._action_18d93_16._ghost_18d93_96._active_18d93_56{color:var(--product-greyscale-100);background:var(--product-greyscale-40)}._action_18d93_16._ghost_18d93_96:focus,._action_18d93_16._ghost_18d93_96._focus_18d93_32{color:var(--product-greyscale-100);background:var(--product-greyscale-20)}._action_18d93_16._danger_18d93_115{color:var(--product-greyscale-0);background:var(--product-error)}._action_18d93_16._danger_18d93_115:hover,._action_18d93_16._danger_18d93_115._hover_18d93_51{background:var(--product-danger-80)}._action_18d93_16._danger_18d93_115:active,._action_18d93_16._danger_18d93_115._active_18d93_56{background:var(--product-danger-120)}/*!  Text Button */._text_18d93_226{position:relative;width:fit-content;padding:var(--product-spacing-1);border-radius:var(--product-radius-2);cursor:pointer}._text_18d93_226._primary_18d93_45{background:none;border:none;color:var(--product-greyscale-100)}._text_18d93_226._primary_18d93_45:after{content:"";position:absolute;background:var(--product-greyscale-100);height:2px;bottom:0;left:0;width:100%}._text_18d93_226._primary_18d93_45:hover:after,._text_18d93_226._primary_18d93_45._hover_18d93_51:after{background:var(--product-love-pink-100);content:"";position:absolute;height:2px;bottom:0;left:0;width:100%}._text_18d93_226._primary_18d93_45:active:after,._text_18d93_226._primary_18d93_45._active_18d93_56:after{background:var(--product-love-pink-120);content:"";position:absolute;height:2px;bottom:0;left:0;width:100%}._text_18d93_226._primary_18d93_45:focus,._text_18d93_226._primary_18d93_45._focus_18d93_32{outline:2px solid var(--product-focus)}._text_18d93_226._secondary_18d93_62{background:none;border:none;color:var(--product-light-blue-100)}._text_18d93_226._secondary_18d93_62:hover:after,._text_18d93_226._secondary_18d93_62._hover_18d93_51:after{background:var(--product-light-blue-100);content:"";position:absolute;height:2px;bottom:0;left:0;width:100%}._text_18d93_226._secondary_18d93_62:active:after,._text_18d93_226._secondary_18d93_62._active_18d93_56:after{background:var(--product-light-blue-120);content:"";position:absolute;height:2px;bottom:0;left:0;width:100%}._text_18d93_226._secondary_18d93_62:focus,._text_18d93_226._secondary_18d93_62._focus_18d93_32{outline:2px solid var(--product-focus)}._button_18d93_1:disabled{background:var(--product-disabled);color:var(--product-disabled-text);cursor:not-allowed}._action_18d93_16:disabled{background:var(--product-disabled);color:var(--product-disabled-text);cursor:not-allowed}._action_18d93_16:disabled:hover,._action_18d93_16:disabled._hover_18d93_51{background:var(--product-disabled);color:var(--product-disabled-text);cursor:not-allowed;border:none}._text_18d93_226:disabled{position:relative;color:var(--product-disabled-text);border:none;cursor:not-allowed}._text_18d93_226:disabled:hover{border:none}._text_18d93_226:disabled:hover:after{content:"";position:absolute;background:var(--product-disabled-text);height:2px;bottom:0;left:0;width:100%}._text_18d93_226:disabled:active{color:var(--product-disabled-text)}._text_18d93_226:disabled:after{content:"";position:absolute;background:var(--product-disabled-text);height:2px;bottom:0;left:0;width:100%}._only-icon_18d93_369{padding:var(--product-spacing-3);border-radius:var(--product-radius-3)}._action_18d93_16._only-icon_18d93_369{padding:var(--product-spacing-2_5);border-radius:var(--product-radius-3)}._nav_18d93_381{padding:.375rem 1rem;border-radius:9999px;cursor:pointer;width:fit-content}._nav_18d93_381._primary_18d93_45{border:none}._nav_18d93_381._outline_18d93_392{background:var(--product-ghost-white);border:1px solid var(--product-greyscale-100)}._nav_18d93_381._outline_18d93_392:hover,._nav_18d93_381._outline_18d93_392._hover_18d93_51{background:var(--product-greyscale-20)}._nav_18d93_381._outline_18d93_392:active,._nav_18d93_381._outline_18d93_392._active_18d93_56{background:var(--product-greyscale-40)}._nav_18d93_381._outline_18d93_392:focus-visible,._nav_18d93_381._outline_18d93_392._focus_18d93_32{outline:3px solid var(--product-focus)}._nav_18d93_381._outline_18d93_392:disabled,._nav_18d93_381._outline_18d93_392._disabled_18d93_413{border:1px solid var(--product-greyscale-60)}._nav_18d93_381._outline_18d93_392:disabled:hover{background:var(--product-ghost-white)}._nav_18d93_381._secondary_18d93_62{background:var(--product-light-blue-20);color:var(--product-light-blue-100);border:none}._nav_18d93_381._secondary_18d93_62:hover,._nav_18d93_381._secondary_18d93_62._hover_18d93_51{background:var(--product-light-blue-40)}._nav_18d93_381._secondary_18d93_62:active,._nav_18d93_381._secondary_18d93_62._active_18d93_56{background:var(--product-light-blue-60);color:var(--product-ghost-white)}._nav_18d93_381._secondary_18d93_62:focus-visible,._nav_18d93_381._secondary_18d93_62._focus_18d93_32{background:var(--product-light-blue-20);outline:3px solid var(--product-focus)}._nav_18d93_381._secondary_18d93_62:disabled,._nav_18d93_381._secondary_18d93_62._disabled_18d93_413{background:var(--product-greyscale-40);color:var(--product-greyscale-60)}._nav_18d93_381._only-icon_18d93_369{padding:.375rem}@media (min-width: 768px){._button_18d93_1{padding:var(--product-spacing-4) var(--product-spacing-7)}._action_18d93_16{border-radius:var(--product-radius-3)}._only-icon_18d93_369{padding:16px}._action_18d93_16._only-icon_18d93_369{padding:10px}._nav_18d93_381{padding:.5rem 1rem}}._container_s8rx3_1{position:relative;display:flex;justify-content:center;align-items:center;height:100%;width:fit-content;padding:.5rem 1rem .5rem 2.25rem}._container_s8rx3_1>span{position:absolute;left:.5rem}._primary_s8rx3_19{background-color:var(--product-light-blue-20);color:var(--product-light-blue-100)}._warning_s8rx3_24{background-color:var(--product-yellow-20);color:var(--product-greyscale-80)}._error_s8rx3_29{background-color:var(--product-error-20);color:var(--product-greyscale-80)}._positive_s8rx3_34{background:var(--product-success-20);color:var(--product-greyscale-80)}._secondary_s8rx3_39{background:var(--product-greyscale-20);color:var(--product-greyscale-80)}@media screen and (min-width: 768px){._container_s8rx3_1{padding:.5rem 1rem .5rem 2.5rem}}._cards_jxqdk_1{list-style:none}._layout--bento-three_jxqdk_5{display:flex;flex-direction:column;flex-wrap:nowrap;gap:1rem;margin-top:1.5rem;margin-bottom:.5rem}._layout--bento-three_jxqdk_5 br{margin:0!important}._layout--bento-three_jxqdk_5>*{width:100%}._layout--bento-four_jxqdk_22{display:grid;grid-template-columns:repeat(2,2fr);gap:1rem;margin-bottom:.5rem}._layout--bento-four_jxqdk_22>*{width:100%}._layout--bento-four_jxqdk_22 br{margin:0!important}._layout--bento-five_jxqdk_37{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:1rem}._layout--bento-five_jxqdk_37>*:first-child{grid-row:1 / 3}@media (min-width: 768px){._layout--bento-three_jxqdk_5{flex-direction:row;margin-top:2rem;margin-bottom:1rem}._layout--bento-three_jxqdk_5>*{width:calc(100% / 3)}._layout--bento-four_jxqdk_22{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto)}._layout--bento-four_jxqdk_22>*:last-child{grid-column:1 / 4;padding:4rem 2rem}._layout--bento-five_jxqdk_37{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr)}._layout--bento-five_jxqdk_37>*:first-child{grid-row:1 / 3}}@media (min-width: 1280px){._layout--bento-three_jxqdk_5{gap:1.5rem;margin-top:2.5rem}._layout--bento-four_jxqdk_22{gap:1.5rem;margin-bottom:1rem}._layout--bento-five_jxqdk_37{gap:1.5rem}}._container_1wdpi_1{display:flex;flex-direction:column}._label_1wdpi_6{margin-bottom:var(--product-spacing-3);color:var(--product-greyscale-100);padding:var(--product-spacing-1) var(--product-spacing-4);font-weight:600}._helper_1wdpi_13{padding:var(--product-spacing-1) var(--product-spacing-4)}._error_1wdpi_17{padding:var(--product-spacing-1) var(--product-spacing-4);color:var(--product-error)}@media (min-width: 768px){._helper_1wdpi_13,._error_1wdpi_17,._label_1wdpi_6{padding:var(--product-spacing-2) var(--product-spacing-6)}}._container_m317t_1{display:flex}._root_m317t_5{background-color:#fff;width:25px;height:25px;border-radius:4px;display:flex;align-items:center;justify-content:center}._root_m317t_5:hover{background-color:var(--product-greyscale-20)}._root_m317t_5:focus-visible{box-shadow:0 0 0 2px var(--product-focus)}._root_m317t_5:disabled{background-color:var(--product-greyscale-20);cursor:not-allowed}._root_m317t_5._error_m317t_28{border:1px solid var(--product-error)}._radio_m317t_32._root_m317t_5{border-radius:50%}._label_m317t_39{color:#000;padding-left:15px;font-size:15px;line-height:1}._checkboxContainer_m317t_46{display:flex;align-items:center}._nativeLabel_m317t_53{color:#000;padding-left:15px;font-size:15px;line-height:1;display:flex;align-items:center;gap:.5rem}._errorIcon_m317t_63{display:flex;align-items:center;justify-content:center;color:var(--product-error)}._nativeInput_m317t_70{all:unset;display:none;background-color:#fff;width:25px;height:25px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid var(--product-greyscale-100)}._nativeInput_m317t_70:hover{background-color:var(--product-greyscale-20)}._nativeInput_m317t_70:focus-visible{box-shadow:0 0 0 2px var(--product-focus)}._nativeInput_m317t_70:disabled{background-color:var(--product-greyscale-20);cursor:not-allowed;border:2px solid var(--product-greyscale-20)}._nativeInput--error_m317t_98{border:2px solid var(--product-error)}._nativeInput_m317t_70:checked:before{content:"";position:absolute;width:6px;height:12px;border:solid var(--greyscale-100);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-2px,-1px)}._nativeInput_m317t_70:checked:after{display:none}._nativeInput_m317t_70:checked{background-color:var(--product-primary)}._container_5w0vv_1{display:grid;gap:1rem}._error_1wnvu_1{padding:var(--product-spacing-1) var(--product-spacing-4);color:var(--product-error)}@media (min-width: 768px){._error_1wnvu_1{padding:var(--product-spacing-2) var(--product-spacing-6)}}._helper_1ln3r_1{padding:var(--product-spacing-1) var(--product-spacing-4)}@media (min-width: 768px){._helper_1ln3r_1{padding:var(--product-spacing-2) var(--product-spacing-6)}}._label_1gl1y_1{position:absolute;z-index:3;left:var(--product-spacing-5);color:var(--product-greyscale-60);pointer-events:none;left:1rem}._input_1gl1y_10{all:unset;padding:1.25rem 1rem;background:var(--product-greyscale-0);border-top-left-radius:8px;font-size:var(--product-font-form-input-mobile-size);letter-spacing:var(--product-font-form-input-letter-spacing);line-height:var(--product-font-form-input-line-height);width:100%;padding-top:36px;padding-bottom:12px}._icon-button_1gl1y_23{all:unset;cursor:pointer;background:var(--product-greyscale-0);padding:1.25rem 1rem;height:32px;border-top-right-radius:8px}._container_1gl1y_32{position:relative;display:flex;align-items:center}._flyout_1gl1y_38{background:var(--product-greyscale-0);list-style:none;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}._item_1gl1y_50{padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:12px}._item_1gl1y_50:hover{background:var(--product-greyscale-20)}._item_1gl1y_50:hover ._imageWrapper_1gl1y_63{background:var(--product-greyscale-0)}._item_1gl1y_50[aria-selected=true]{background:var(--product-greyscale-20)}._itemContent_1gl1y_71{display:flex;align-items:center;gap:1rem}._imageWrapper_1gl1y_63{display:flex;align-items:center;border-radius:.5rem;padding:.5rem;background:var(--product-greyscale-10)}@media (min-width: 768px){._label_1gl1y_1{left:1.5rem}._input_1gl1y_10{font-size:var(--product-font-form-input-desktop-size);padding-left:1.5rem}._flyout_1gl1y_38{gap:8px}._item_1gl1y_50{padding:.5rem}}._nativeComboBoxInput_1gl1y_103{all:unset;background:var(--product-greyscale-0);color:var(--product-greyscale-100);padding:1.25rem 1rem;width:100%;font-size:var(--product-font-form-input-mobile-size);letter-spacing:var(--product-font-form-input-letter-spacing);line-height:var(--product-font-form-input-line-height);border-top-left-radius:8px}._nativeComboBoxInputDisabled_1gl1y_115{background:var(--product-greyscale-20);color:var(--product-greyscale-40);cursor:not-allowed}._nativeComboBoxInputError_1gl1y_121{border:2px solid var(--product-error);border-right:none}._nativeComboBoxInputMissing_1gl1y_126{border:2px solid var(--product-yellow);border-right:none}._nativeComboBoxButton_1gl1y_131{all:unset;display:flex;align-items:center;justify-content:center;background:var(--product-greyscale-0);color:var(--product-greyscale-100);padding:.625rem;min-width:44px;border-top-right-radius:8px}._nativeComboBoxButtonDisabled_1gl1y_143{background:var(--product-greyscale-20);color:var(--product-greyscale-40);cursor:not-allowed}._nativeComboBoxButtonError_1gl1y_149{border:2px solid var(--product-error);border-left:none}._nativeComboBoxButtonMissing_1gl1y_154{border:2px solid var(--product-yellow);border-left:none}._nativeComboBoxInputContainer_1gl1y_159{display:flex}._nativeComboBoxPopover_1gl1y_163{position:relative;background:var(--product-greyscale-0);border-bottom-left-radius:8px;border-bottom-right-radius:8px;width:var(--trigger-width);padding:.5rem}._nativeComboBoxPopover_1gl1y_163:before{content:"";position:absolute;top:-12px;left:0;width:100%;height:12px;background:var(--product-greyscale-0)}._nativeComboBoxPopover_1gl1y_163:after{content:"";position:absolute;top:-1px;left:0;width:100%;height:1px;background:var(--product-greyscale-20)}._nativeComboBoxPopoverListBox_1gl1y_192{display:flex;flex-direction:column;gap:.5rem}._nativeComboBoxPopoverItem_1gl1y_198{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem 1.5rem .5rem .5rem;cursor:pointer}._nativeComboBoxPopoverItem_1gl1y_198[data-hovered],._nativeComboBoxPopoverItem_1gl1y_198[data-selected]{background:var(--product-greyscale-20)}._nativeComboBoxPopoverItemContent_1gl1y_220{display:flex;align-items:center;justify-content:center;gap:1rem}._nativeComboBoxPopoverItemImageWrapper_1gl1y_227{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--product-greyscale-10)}._nativeComboBoxPopoverItemImage_1gl1y_227{width:24px;height:24px}@media (min-width: 768px){._nativeComboBoxInput_1gl1y_103{font-size:var(--product-font-form-input-desktop-size);padding:1.5rem}}._container_126s7_1{display:flex;flex-direction:column}@supports (-webkit-touch-callout: none){._input_126s7_11{all:unset}}._input_126s7_11{background:var(--product-greyscale-0);padding:var(--product-spacing-2_5) var(--product-spacing-4);border-radius:var(--product-radius-2);z-index:1;font-size:1.125rem;min-width:100%;min-height:100%;border:none}._input_126s7_11:focus-visible{outline:none;outline:var(--product-border-width-1) solid var(--product-greyscale-100)}@supports (-webkit-touch-callout: none){._input_126s7_11{position:relative;-webkit-appearance:none;text-align:left;min-width:auto}._input_126s7_11::-webkit-date-and-time-value{text-align:left}._input_126s7_11:after{content:"📅";position:absolute;top:50%;transform:translateY(-50%);right:1rem}}._input--error_126s7_56{border:2px solid var(--product-error)}._input--disabled_126s7_60{color:var(--product-greyscale-40);background:var(--product-greyscale-20);cursor:not-allowed}._input--missing_126s7_66{border:2px solid var(--product-yellow)}._error_126s7_70{color:var(--product-error);padding-top:var(--product-spacing-2);padding-left:var(--product-spacing-6)}._label_126s7_76{margin-bottom:var(--product-spacing-3)}@media (min-width: 768px){._input_126s7_11{padding:var(--product-spacing-6);font-size:1.25rem}}._form_1m3m6_1{display:flex;justify-content:center;flex-direction:column;gap:1rem;max-width:640px;margin:0 auto;padding:0 1rem}._form_1m3m6_1 fieldset{all:unset;display:flex;flex-direction:column}._form_1m3m6_1>fieldset{gap:1rem}._form_1m3m6_1>fieldset:not(:last-child){margin-bottom:2.5rem}._form_1m3m6_1>fieldset>legend{all:unset;font-size:var(--product-font-content-large-semi-bold-desktop-size);letter-spacing:var(--product-font-content-large-semi-bold-letter-spacing);line-height:var(--product-font-content-large-semi-bold-line-height);font-weight:var(--product-font-weight-semi-bold);margin-bottom:var(--product-spacing-6)}@media (min-width: 768px){._form_1m3m6_1{padding:0}._content-title-semi-bold_1m3m6_38{font-size:var(--product-font-content-large-semi-bold-desktop-size)}}._link_1bcin_1{color:var(--product-light-blue-100)}._link_1bcin_1:hover{color:var(--product-light-blue-120)}._link_1bcin_1:visited{color:var(--product-love-pink-120)}._modal_3ln72_1{position:fixed;top:0;right:0;bottom:0;left:0;width:calc(100% - 2rem);margin:1rem;border-radius:24px;border:none;padding:2rem;background-color:var(--product-ghost-white);top:calc(50% - 1rem);left:calc(50% - 1rem);transform:translate(-50%,-50%);z-index:1000}._modal_3ln72_1::backdrop{background-color:#000000bf;z-index:998}._backdrop-close_3ln72_21{position:fixed;top:0;right:0;bottom:0;left:0;background:orange;opacity:.3;z-index:999}._modal-header_3ln72_29{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--product-border);margin-bottom:1.5rem}._buttons_3ln72_37{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}._buttons_3ln72_37 button{width:auto;display:flex;justify-content:center}@media (min-width: 768px){._modal_3ln72_1{width:720px;margin:0;top:50%;left:50%}._buttons_3ln72_37{flex-direction:row;justify-content:flex-end;margin-top:2.5rem;gap:1rem}._buttons_3ln72_37 button{width:fit-content}}._container_tq6mk_1{display:flex;flex-direction:column}._fake-input_tq6mk_6{display:flex;align-items:center;justify-content:center}._spinbutton-container_tq6mk_12{display:flex;width:fit-content;padding:var(--product-spacing-4) var(--product-spacing-5);border-radius:var(--product-radius-3);background:var(--product-greyscale-0)}._spinbutton-container--error_tq6mk_20{border:var(--product-border-width-1) solid var(--product-error)}._label_tq6mk_24{margin-bottom:var(--product-spacing-3)}._error_tq6mk_28{color:var(--product-error)}._spinbutton-container--disabled_tq6mk_32{background:var(--product-greyscale-20)}._control_tq6mk_36{all:unset;display:flex;align-items:center;justify-content:center;cursor:pointer}._nativeContainer_tq6mk_46{display:flex;align-items:center;justify-content:center;width:fit-content;padding:var(--product-spacing-4) var(--product-spacing-5);border-radius:var(--product-radius-3);background:var(--product-greyscale-0)}._nativeContainer--missing_tq6mk_56{border:var(--product-border-width-1) solid var(--product-yellow)}._nativeContainer--disabled_tq6mk_60{background:var(--product-greyscale-20);color:var(--product-greyscale-40);cursor:not-allowed}._nativeContainer--disabled_tq6mk_60 ._input_tq6mk_66{color:var(--product-greyscale-40);cursor:not-allowed}._nativeContainer--error_tq6mk_72{border:var(--product-border-width-1) solid var(--product-error)}._input_tq6mk_66{text-align:center;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;height:100%;width:100%;font-size:var(--product-font-content-regular-normal-mobile-size);letter-spacing:var(--product-font-content-regular-normal-letter-spacing);line-height:var(--product-font-content-regular-normal-line-height);border:none;background:transparent}._control--disabled_tq6mk_89{background:transparent;cursor:not-allowed;pointer-events:none}._input_tq6mk_66::-webkit-outer-spin-button,._input_tq6mk_66::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}@media (min-width: 768px){._input_tq6mk_66{font-size:var(--product-font-content-regular-normal-desktop-size)}}._container_158yy_1{display:flex;gap:.25rem}._select_158yy_6{position:relative;display:flex;height:fit-content}._select_158yy_6 select{padding-top:1rem;padding-bottom:1rem;padding-left:1.75rem;width:10.5ch;font-size:1.125rem;font-style:normal;font-weight:400;line-height:1.5rem;border-radius:.5rem .125rem .125rem .5rem;border:4px solid var(--product-greyscale-0);text-overflow:ellipsis;min-width:10ch;color:var(--product-greyscale-100);height:fit-content}._select_158yy_6 select:hover{background:var(--product-greyscale-20)}._select_158yy_6 select:focus{outline:none;outline:2px solid var(--product-greyscale-100)}._flag_158yy_38{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-family:Inter;font-size:1.125rem;font-style:normal;font-weight:400;line-height:1.5rem}._input-container_158yy_50{position:relative;width:100%;height:fit-content}._phone-input_158yy_56{width:100%;font-size:1.125rem;font-style:normal;font-weight:400;line-height:1.5rem;padding:1.25rem 1rem;border-radius:.125rem .5rem .5rem .125rem;border:2px solid transparent;caret-color:var(--product-love-pink-100);color:var(--product-greyscale-100);height:100%}._phone-input_158yy_56._error_158yy_70,._phone-input_158yy_56._error_158yy_70:hover{border-color:var(--product-error)}._phone-input_158yy_56._error_158yy_70::placeholder{color:var(--product-error)}._phone-input_158yy_56::placeholder{color:var(--product-greyscale-60)}._phone-input_158yy_56:hover{border-color:var(--product-greyscale-20)}._phone-input_158yy_56:focus-visible{outline:none;outline:2px solid var(--product-greyscale-100)}._phone-input--disabled_158yy_95{color:var(--product-greyscale-40);background:var(--product-greyscale-20);cursor:not-allowed}._country-select--disabled_158yy_102{color:var(--product-greyscale-40)!important;background:var(--product-greyscale-20);cursor:not-allowed;border:4px solid var(--product-greyscale-20)!important}._phone-input--missing_158yy_109{border:2px solid var(--product-yellow)}._country-select--missing_158yy_113{border:2px solid var(--product-yellow)!important}._error-icon_158yy_117{position:absolute;top:50%;right:1rem;transform:translateY(-50%);color:var(--product-error)}._helper_158yy_125{color:var(--product-error);padding:.5rem 1rem}._input-helper-outer_158yy_130{width:100%;display:flex;flex-direction:column}@supports (-webkit-hyphens:none){._select_158yy_6 select{-webkit-appearance:none;height:64px;text-indent:.5rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@supports (-webkit-touch-callout: none){._select_158yy_6 select{-webkit-appearance:none;height:64px;text-indent:.5rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}._inputContainer_1ejrp_1{list-style:none;display:flex;justify-content:center;gap:.5rem}._inputWrapper_1ejrp_8{width:3.5rem;height:4.5rem;border:2px solid transparent;border-radius:6px}._input_1ejrp_1{height:100%;width:100%;font-size:2rem;font-weight:600;text-align:center;background:var(--primary-ghost-white);color:var(--primary-trust-blue-100);caret-color:var(--product-love-pink-100);border:none;border:.25rem solid white;border-radius:6px;outline:none;overflow:hidden;width:48px}._input_1ejrp_1:hover{outline:2px solid var(--product-greyscale-20)}._input_1ejrp_1:focus{outline:2px solid var(--product-greyscale-100)}._input_1ejrp_1:not(:placeholder-shown){background:var(--secondary-blue-20);outline:2px solid var(--product-greyscale-100)}._input_1ejrp_1+error{border:2px solid var(--product-error)}@media only screen and (min-width: 678px){._inputContainer_1ejrp_1{gap:1rems}._input_1ejrp_1{width:3.5rem}}._container_1ejrp_64{display:flex;align-items:center;justify-content:center}._container_1ejrp_64:disabled{opacity:.3}._slotContainer_1ejrp_74{display:flex;justify-content:center;align-items:center;gap:.5rem}._slot_1ejrp_74{position:relative;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;background:var(--product-greyscale-0);color:var(--primary-trust-blue-100);border-radius:6px;width:48px;height:72px}._slotActive_1ejrp_95{border:2px solid var(--product-greyscale-20);outline:2px solid var(--product-greyscale-100)}._slotWithValue_1ejrp_100{border:4px solid var(--product-greyscale-0);background:var(--secondary-blue-20);padding:.25rem}._fakeCaret_1ejrp_108{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center;pointer-events:none;animation:_caret-blink_1ejrp_1 1.2s ease-out infinite}._fakeCaret_1ejrp_108>div{width:2px;height:2rem;border-radius:9999px;background-color:var(--product-love-pink-100)}._fakeDash_1ejrp_128{display:flex;justify-content:center;align-items:center;width:1.5rem}._fakeDash_1ejrp_128>div{width:.75rem;height:.25rem}@media only screen and (min-width: 678px){._slotContainer_1ejrp_74{gap:1.5rem}._fakeDash_1ejrp_128{width:3rem}}@keyframes _caret-blink_1ejrp_1{0%,70%,to{opacity:1}20%,50%{opacity:0}}._popoverContent_8i0n2_1{border-radius:12px;padding:20px;width:260px;background-color:#fff;box-shadow:#0e121659 0 10px 38px -10px,#0e121633 0 10px 20px -15px;animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);will-change:transform,opacity}._popoverClose_8i0n2_12{all:unset;cursor:pointer;font-family:inherit;border-radius:100%;height:25px;width:25px;display:inline-flex;align-items:center;justify-content:center;position:absolute;top:5px;right:5px}._popoverArrow_8i0n2_27{fill:#fff}._container--full-width_1glxj_4{width:100%}._container--medium_1glxj_8{width:265px}._container--small_1glxj_12{width:100px}._progress_1glxj_16{position:relative;display:flex;justify-content:center;align-items:center;height:.25rem;background:var(--product-greyscale-0);border-radius:.125rem}._progress-bar_1glxj_26{position:absolute;top:0;left:0;height:100%;background:var(--product-success);border-radius:.125rem}._label_1glxj_35{margin-top:var(--product-spacing-1)}._legend_1edun_1{margin-bottom:var(--product-spacing-3)}._radio-root_1edun_5{display:flex;gap:var(--product-spacing-2)}._radio-root--horizontal_1edun_10{flex-direction:row}._radio-root--vertical_1edun_14{flex-direction:column}._radio-root--error_1edun_18{border:var(--product-border-width-1) solid var(--product-error);border-radius:var(--product-radius-2)}._radio-root-label--error_1edun_23{color:var(--product-error);padding-top:.5rem;padding-left:1.5rem;margin-bottom:1rem}._radio-item_1edun_30{all:unset;position:relative;background-color:#fff;border-radius:var(--product-radius-2);padding:var(--product-spacing-5) var(--product-spacing-4);width:25%;cursor:pointer;min-width:1.5rem;min-height:1.5rem}._radio-item_1edun_30 p{padding-right:1.75rem}._radio-item_1edun_30:focus{outline:2px solid var(--product-focus)}._radio-item_1edun_30:after{position:absolute;top:50%;right:0;transform:translateY(-50%);content:"";display:block;width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid black;right:calc(var(--product-spacing-4))}._radio-indicator_1edun_66:after{position:absolute;top:50%;right:0;transform:translateY(-50%);content:"";width:.75rem;height:.75rem;border-radius:50%;right:calc(var(--product-spacing-4) + .5rem);background-color:var(--product-greyscale-100)}._radio-root--disabled_1edun_79 ._radio-item_1edun_30{background-color:var(--product-greyscale-20);color:var(--product-greyscale-40);cursor:not-allowed}._radio-root--disabled_1edun_79 ._radio-item_1edun_30:after{border-color:var(--product-greyscale-40)}._radio-root--disabled_1edun_79 ._radio-indicator_1edun_66:after{background-color:var(--product-greyscale-40)}._radio-item_1edun_30:first-child{border-top-right-radius:var(--product-radius-half);border-bottom-right-radius:var(--product-radius-half)}._radio-item_1edun_30:not(:first-child){border-top-left-radius:var(--product-radius-half);border-bottom-left-radius:var(--product-radius-half)}._circle_1edun_107._radio-root_1edun_5{display:flex;flex-direction:column;gap:2.375rem}._circle_1edun_107 ._radio-item_1edun_30{background:none;padding:0;width:1.5rem;height:1.5rem;border-radius:50%}._circle_1edun_107 ._radio-item_1edun_30:hover:after{background:var(--product-greyscale-20)}._circle_1edun_107 ._radio-item_1edun_30:focus{outline:none}._circle_1edun_107 ._radio-item_1edun_30:focus-visible{position:relative;outline:2px solid var(--product-focus);outline-offset:3px}._circle_1edun_107 ._radio-item_1edun_30:after{left:-2px;right:auto}._circle_1edun_107 ._radio-indicator_1edun_66:after{left:calc(.5rem - 2px);right:auto;z-index:2}._circle_1edun_107 ._radio-item_1edun_30:disabled:after{border-color:var(--product-greyscale-60)}._circle_1edun_107 ._radio-item_1edun_30:disabled:hover:after{background:transparent}._circle_1edun_107 ._radio-item_1edun_30:disabled~p{color:var(--product-greyscale-60)}._radio-circle-container_1edun_158{display:flex;gap:.75rem}@media (min-width: 768px){._radio-item_1edun_30{padding:var(--product-spacing-6)}._radio-root_1edun_5{gap:var(--product-spacing-2)}._radio-item_1edun_30:after{right:var(--product-spacing-6)}._radio-indicator_1edun_66:after{right:calc(var(--product-spacing-6) + .5rem)}._circle_1edun_107._radio-root_1edun_5{gap:1.875rem}}._container_1hrvm_1{display:flex;justify-content:center;align-items:center;width:100%;background:var(--product-greyscale-0);padding:var(--product-spacing-6);border-radius:var(--product-radius-2)}._container_1hrvm_1>div{width:70%}._container_1hrvm_1>p{width:30%;text-align:center}._range-container_1hrvm_20{position:relative;width:100%;height:24px;background:var(--product-greyscale-0)}._slider_1hrvm_28{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:24px;background:var(--product-greyscale-10);outline:none;border-radius:var(--product-radius-2);accent-color:var(--product-light-blue-80)}._slider_1hrvm_28::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:16px;height:16px;background:#000;cursor:pointer;border-radius:9999px;outline:1px solid black;border:3px solid white}._slider_1hrvm_28::-moz-range-thumb{position:relative;width:16px;height:16px;background:#000;cursor:pointer;border-radius:9999px;outline:1px solid black;border:3px solid white}._notches_1hrvm_63{position:absolute;top:50%;transform:translateY(-50%);height:100%;width:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}._notch_1hrvm_63{position:absolute;width:5px;height:5px;border-radius:9999px;background-color:var(--product-greyscale-60);opacity:.1}._progress_1hrvm_84{position:absolute;height:100%;background:var(--product-light-blue-80);pointer-events:none;border-radius:var(--product-radius-2)}._value-container_1hrvm_92{display:flex;justify-content:center;align-items:center;width:100%}._container_cwne1_1{position:relative;display:flex;flex-direction:column}._inputContainer_cwne1_7{position:relative}._input_cwne1_7{all:unset;cursor:pointer;font-size:var(--product-font-form-input-desktop-size);letter-spacing:var(--product-font-form-input-letter-spacing);line-height:var(--product-font-form-input-line-height);background:var(--product-greyscale-0);border-radius:var(--product-radius-2);border:none;border:1px solid transparent;padding:1.25rem 3.87rem 1.25rem 1rem;width:calc(100% - 4.87rem)}._input_cwne1_7:hover{border:1px solid var(--product-greyscale-20)}._icon_cwne1_29{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none}._input_cwne1_7:active{border:1px solid transparent;outline:var(--product-border-width-1) solid var(--product-greyscale-20)}._input_cwne1_7:focus{border:var(--product-border-width-1) solid rgba(var(--primary-dark-rgb))}._input--error_cwne1_46{border:var(--product-border-width-1) solid var(--product-error);color:var(--product-error)}._input--missing_cwne1_52{border:var(--product-border-width-1) solid var(--product-yellow)}._input--missing_cwne1_52:focus,._input--missing_cwne1_52:hover{border:var(--product-border-width-1) solid var(--product-yellow)}._select-label_cwne1_61{display:block;color:var(--product-greyscale-100);padding:var(--product-spacing-1) var(--product-spacing-4);font-weight:600}._error-message_cwne1_69{display:inline-block;padding-top:var(--product-spacing-2);padding-left:var(--product-spacing-6);color:var(--product-error)}._helper-message_cwne1_76{display:inline-block;padding-top:var(--product-spacing-2);padding-left:var(--product-spacing-6)}._input--disabled_cwne1_82{background:var(--product-greyscale-20);color:var(--product-greyscale-40);border:none;pointer-events:none}._icon--disabled_cwne1_89{color:var(--product-greyscale-20)}@media screen and (min-width: 768px){._input_cwne1_7{padding:1.5rem;width:calc(100% - 3rem)}._select-label_cwne1_61{padding:var(--product-spacing-2) var(--product-spacing-6)}}._nativeSelectContainer_cwne1_109{position:relative}._nativeSelect_cwne1_109{all:unset;cursor:pointer;font-size:var(--product-font-form-input-desktop-size);letter-spacing:var(--product-font-form-input-letter-spacing);line-height:var(--product-font-form-input-line-height);background:var(--product-greyscale-0);border-radius:var(--product-radius-2);border:none;border:1px solid transparent;padding:1.25rem 3.87rem 1.25rem 1rem;width:calc(100% - 5rem)}._nativeSelect_cwne1_109:focus-visible{outline:none;outline:var(--product-border-width-1) solid var(--product-greyscale-100)}._nativeSelect--error_cwne1_132{border:2px solid var(--product-error)}._nativeSelect--missing_cwne1_136{border:2px solid var(--product-yellow)}._nativeSelect--disabled_cwne1_140{background:var(--product-greyscale-20);color:var(--product-greyscale-40);border:none;cursor:not-allowed}@media (min-width: 768px){._nativeSelect_cwne1_109{padding:var(--product-spacing-6);font-size:1.25rem;width:calc(100% - 3rem)}}@keyframes _place-holder-shimmer_1ctn0_1{0%{background-position:-1000px 0}to{background-position:1000px 0}}._skeleton_1ctn0_11{display:block;animation-duration:2s;animation-fill-mode:backwards;animation-iteration-count:infinite;animation-name:_place-holder-shimmer_1ctn0_1;animation-timing-function:linear;background-color:var(--greyscale-0);background-image:linear-gradient(to right,var(--greyscale-0) 10%,rgba(172,197,213,.5) 40%,var(--greyscale-0) 60%);background-repeat:no-repeat;background-size:1000px 100%}._table_11myh_1{border:1px solid;padding:1rem;margin-bottom:2rem;width:100%;text-align:left}._table_11myh_1 td{padding:1rem}._table_11myh_1 td:first-child{min-width:125px}._table_11myh_1 th{padding:1rem}._table_11myh_1 thead{position:relative}._table_11myh_1 thead:after{position:absolute;content:"";width:100%;height:1px;background:var(--greyscale-100)}._table_11myh_1 tbody>tr:last-child{border-bottom:none;margin-bottom:0}@media (min-width: 768px){._table_11myh_1 tr{padding:2rem}}@media (min-width: 1280px){._table_11myh_1{padding:1rem;margin-bottom:3rem}}._tag_29pub_1{display:flex;place-items:center;gap:.25rem;padding:.625rem .75rem;border-radius:9999px;width:fit-content}._primary_29pub_12{background:var(--product-info);color:var(--product-greyscale-0)}._secondary_29pub_17{background:var(--primary-trust-blue-20);color:var(--primary-trust-blue-100)}._tertiary_29pub_22{background:var(--product-greyscale-20);color:var(--product-greyscale-80)}._positive_29pub_27{background:var(--product-success);color:var(--product-greyscale-0)}._warning_29pub_32{background:var(--product-yellow-20);color:var(--product-greyscale-100)}._danger_29pub_37{background:var(--product-error);color:var(--product-greyscale-0)}._night_29pub_42{background:transparent;border:1px solid var(--product-greyscale-0);color:var(--product-greyscale-0)}._with-icon_29pub_52{padding:.625rem .75rem .625rem .5rem}._circular-icon_29pub_56{padding:.625rem .75rem .625rem .25rem}._container_137wz_1{position:relative;display:flex;flex-direction:column}._inputContainer_137wz_7{position:relative;width:100%}._label_137wz_12{display:block;color:var(--product-greyscale-100);padding:var(--product-spacing-1) var(--product-spacing-4);font-weight:600}._label--error_137wz_19{color:var(--product-error)}._inputContainer_137wz_7{position:relative}._input_137wz_7{--BORDER_TOTAL: calc(var(--product-border-width-1) * 2);all:unset;box-sizing:border-box;background:var(--greyscale-0);display:block;border:var(--product-border-width-1) solid transparent;padding:var(--product-spacing-5) var(--product-spacing-4);border-radius:var(--product-radius-2);font-size:var(--product-font-form-input-mobile-size);letter-spacing:var(--product-font-form-input-letter-spacing);line-height:var(--product-font-form-input-line-height);z-index:1;height:64px;width:100%}._input--prefix_137wz_44{padding:var(--product-spacing-2_5) var(--product-spacing-4);padding-left:2rem}._input--missing_137wz_49{border:var(--product-border-width-1) solid var(--product-yellow)}._input--error_137wz_53{border:var(--product-border-width-1) solid var(--product-error)}._errorIcon_137wz_57{display:flex;align-items:center;justify-content:center;color:var(--product-error)}._prefix_137wz_64{position:absolute;left:var(--product-spacing-5);top:50%;transform:translateY(-50%);z-index:2;font-size:1.125rem}._inputDescription_137wz_73{display:flex;flex-direction:column;gap:var(--product-spacing-2);padding-top:var(--product-spacing-2);padding-bottom:var(--product-spacing-2);padding-left:var(--product-spacing-6)}._container--error_137wz_82>label{color:var(--product-error)}._container--error_137wz_82>input{border:var(--product-border-width-1) solid var(--product-error)}._error_137wz_57{color:var(--product-error)}._helper_137wz_94{color:rgba(var(--grey-60-rgb))}._rightContent_137wz_98{position:absolute;display:flex;gap:var(--product-spacing-2);right:var(--product-spacing-6);top:50%;transform:translateY(-50%);z-index:2}._leftContent_137wz_108{position:absolute;left:var(--product-spacing-6);top:50%;transform:translateY(-50%);z-index:2}._input_137wz_7:focus{border:var(--product-border-width-1) solid var(--product-greyscale-100)}._input--focus_137wz_120{border:var(--product-border-width-1) solid var(--product-greyscale-100)}._input_137wz_7:hover,._input--hover_137wz_128{outline:var(--product-border-width-1) solid var(--product-greyscale-20)}._input_137wz_7:disabled{background:var(--product-greyscale-20);color:var(--product-greyscale-40);cursor:not-allowed}._input_137wz_7:disabled:hover{outline:none}@media (min-width: 768px){._input_137wz_7{padding:var(--product-spacing-6);font-size:var(--product-font-form-input-desktop-size);height:72px}._input--prefix_137wz_44{padding-left:2.5rem}._prefix_137wz_64{left:var(--product-spacing-6);font-size:1.25rem}._label_137wz_12{padding:var(--product-spacing-2) var(--product-spacing-6)}}._title_vemju_1{font-weight:600;margin-bottom:.375rem}._icon-position_vemju_6{position:absolute;top:1.25rem;left:1rem}._icon-position_vemju_6 svg{fill:var(--product-greyscale-0)}._control_1er46_1{all:unset;display:flex;background:#000;color:#fff;border-radius:1000px;height:fit-content;width:fit-content}._tooltip_1er46_11{padding:1rem .5rem 1rem 1rem;background:#fff;max-width:400px;border-radius:1rem}._beak_1er46_19{fill:#fff}._visual--paper_1h4mu_1{display:block;background:var(--greyscale-0);padding:1.5rem;border-radius:.25rem;height:100%;transition:all .5s ease-in-out}._visual--paper_1h4mu_1:hover{box-shadow:0 204px 82px #1018200d,0 115px 69px #1018202e,0 51px 51px #1018204f,0 13px 28px #1018205c}._visual--bento_1h4mu_18{color:var(--primary-deep-black);display:flex;align-items:center;gap:1rem;width:100%;background:var(--greyscale-0);padding:1rem;border-radius:.5rem}._visual--bento-icon_1h4mu_29{color:var(--primary-deep-black);display:flex;flex-direction:column;gap:1rem;background:var(--greyscale-0);padding:1rem;border-radius:.5rem;width:100%}._orientation--center_1h4mu_40{display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){._visual--bento_1h4mu_18{flex-direction:column;align-items:flex-start}._visual--paper_1h4mu_1{padding:2rem}._type--trust-pilot_1h4mu_57{max-height:8.75rem}}@media (min-width: 1280px){._visual--paper_1h4mu_1{padding:2.5rem}}

package/dist/{cjs/src/utils → utils}/decorators/Form/index.d.ts

@@ -1,2 +1,3 @@
-import React, { PropsWithChildren } from 'react';
+import { default as React, PropsWithChildren } from 'react';
+
 export declare const FormDecorator: ({ children }: PropsWithChildren) => React.JSX.Element;

package/dist/{cjs/src/utils → utils}/decorators/Grid/index.d.ts

@@ -1,4 +1,5 @@
-import React, { PropsWithChildren } from 'react';
+import { default as React, PropsWithChildren } from 'react';
+
 export type TGridDecoratorProps = PropsWithChildren<{
     columns?: number;
 }>;

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@kroo-web/design-system",
-  "version": "1.12.1",
+  "version": "1.13.0",
   "description": "Web design system for Kroo including the components for the marketing site and the product side.",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types.d.ts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
@@ -13,7 +13,7 @@
     "dev:build": "storybook build",
     "test": "vitest",
     "test:pre": "vitest run",
-    "build": "rimraf dist && rollup -c --bundleConfigAsCjs",
+    "build": "vite build",
     "deploy": "npm run build && npm publish --access public",
     "prebuild": "rimraf ./dist",
     "lint": "eslint .",
@@ -32,13 +32,7 @@
     "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
     "@eslint/js": "^9.14.0",
-    "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-image": "^3.0.3",
-    "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^11.1.6",
-    "@rollup/plugin-url": "^8.0.2",
+    "@hookform/resolvers": "^3.3.4",
     "@storybook/addon-a11y": "^8.6.8",
     "@storybook/addon-docs": "^8.6.8",
     "@storybook/addon-essentials": "^8.6.8",
@@ -73,18 +67,15 @@
     "eslint-plugin-vitest": "^0.5.4",
     "globals": "^15.12.0",
     "husky": "^9.0.11",
+    "i": "^0.3.7",
     "jsdom": "^24.0.0",
+    "motion": "^12.6.2",
     "prettier": "3.3.2",
     "prop-types": "^15.8.1",
     "react": "19.0.0",
     "react-dom": "19.0.0",
+    "react-hook-form": "^7.51.0",
     "rimraf": "^5.0.5",
-    "rollup": "^4.27.4",
-    "rollup-plugin-copy": "^3.5.0",
-    "rollup-plugin-dts": "^6.1.0",
-    "rollup-plugin-import-css": "^3.5.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
     "semantic-release": "^24.2.0",
     "storybook": "^8.6.8",
     "storybook-addon-pseudo-states": "^4.0.3",
@@ -94,11 +85,14 @@
     "stylelint-define-config": "^1.3.0",
     "typescript": "^5.4.2",
     "typescript-eslint": "^8.14.0",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-static-copy": "^2.3.0",
     "vitest": "^1.3.1",
-    "zod": "^3.22.4"
+    "zod": "^3.22.4",
+    "zustand": "^4.4.7"
   },
   "dependencies": {
-    "@hookform/resolvers": "^3.3.4",
     "@radix-ui/react-accordion": "^1.2.3",
     "@radix-ui/react-checkbox": "^1.1.4",
     "@radix-ui/react-popover": "^1.1.6",
@@ -110,17 +104,18 @@
     "clsx": "^2.1.0",
     "downshift": "^8.5.0",
     "focus-trap-react": "^10.2.3",
-    "framer-motion": "^11.18.2",
     "input-otp": "^1.4.1",
     "postcss": "^8.4.35",
-    "react-aria-components": "^1.6.0",
-    "react-hook-form": "^7.51.0",
-    "zustand": "^4.5.2"
+    "react-aria-components": "^1.7.1"
   },
   "peerDependencies": {
-    "react": "^19.0.0",
+    "@hookform/resolvers": "^3.3.4",
+    "motion": "^12.6.2",
+    "react": "^19.0.0 ",
     "react-dom": "^19.0.0",
-    "react-toastify": "^10.0.5"
+    "react-hook-form": "^7.51.0",
+    "react-toastify": "^10.0.5",
+    "zustand": "^4.4.7"
   },
   "config": {
     "commitizen": {

package/dist/cjs/examples/form/index.d.ts

@@ -1,45 +0,0 @@
-import React from 'react';
-import * as z from 'zod';
-export declare const exampleSchema: z.ZodObject<{
-    datePicker: z.ZodDate;
-    disclosureTextField: z.ZodString;
-    numberField: z.ZodNumber;
-    processor: z.ZodString;
-    radioGroup: z.ZodString;
-    range: z.ZodNumber;
-    select: z.ZodString;
-    textField: z.ZodString;
-}, "strip", z.ZodTypeAny, {
-    select: string;
-    radioGroup: string;
-    range: number;
-    disclosureTextField: string;
-    numberField: number;
-    textField: string;
-    datePicker: Date;
-    processor: string;
-}, {
-    select: string;
-    radioGroup: string;
-    range: number;
-    disclosureTextField: string;
-    numberField: number;
-    textField: string;
-    datePicker: Date;
-    processor: string;
-}>;
-export type TFormExample = {
-    disabled?: boolean;
-    values: {
-        currencyField?: string;
-        datePicker?: string;
-        disclosureTextField?: string;
-        numberField?: number;
-        processor?: string;
-        radioGroup?: string;
-        range?: number;
-        select?: string;
-        textField?: string;
-    };
-};
-export declare const FormExample: ({ disabled, values }: TFormExample) => React.JSX.Element;