:root{--text-grey-body:#292929;--color-primary:#1C24F3;--color-primary-hover:#0B11CB;--color-disabled:#D3D5FD;--Typography-Button-Size:14px;--Typography-Button-Line-height:16px;--Typography-Button-Size:0.75rem;--Typography-Button-Line-height:0.875rem;--Button-Radius:62.4375rem;--Web-Button-V-Padding:1rem;--text-accent-disabled:#777CF8;--border-grey-dark:#141414;--font-light:'Reddit Sans', sans-serif;--font-regular:'Reddit Sans', sans-serif;--font-bold:'Reddit Sans', sans-serif}@media screen and (max-width: 768px){.primary_button,.option_button,.secondary_button,.primary_second_action_button{padding:var(--Button-V-Padding, 0.875rem) var(--Button-H-Padding, 1.375rem);font-size:var(--Typography-Button-Size, 0.75rem);line-height:var(--Typography-Button-Line-height, 0.875rem)}.primary_action_button,.secondary_white_button{font-size:var(--Typography-Button-Size, 0.75rem);line-height:var(--Typography-Button-Line-height, 0.875rem);padding:var(--Web-Button-V-Padding, 0.75rem) var(--Web-Button-H-Padding, 1.5rem)}.primary_action_button .button_icon,.secondary_white_button .button_icon{display:none}.primary_action_button:hover .button_icon,.secondary_white_button:hover .button_icon{display:none}}.primary_action_button{box-shadow:4px 6px 24px 0px rgba(28,127,243,0.28)}.primary_action_button .button_icon{opacity:0;transition:all 0.4s ease;width:0}.primary_action_button:hover:not(:disabled){cursor:pointer;padding:var(--Web-Button-V-Padding, 1rem) var(--Web-Button-Icon-H-Padding, 1rem) var(--Web-Button-V-Padding, 1rem) var(--Web-Button-H-Padding, 2rem)}.primary_action_button:hover:not(:disabled) .button_icon{opacity:1;width:fit-content;margin-left:0.75rem}.primary_button,.primary_action_button,.primary_second_action_button{color:#FFF;display:inline-flex;justify-content:center;align-items:center;border-radius:62.4375rem;background:var(--color-primary);transition:background-color 0.5s ease, width 0.3s ease;padding:1rem 2rem;border:none;outline:none;width:fit-content;font-family:var(--font-regular);font-size:14px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-0.112px}.primary_button:hover,.primary_action_button:hover,.primary_second_action_button:hover{cursor:pointer;background:var(--color-primary-hover)}.primary_button:active,.primary_action_button:active,.primary_second_action_button:active{outline:none;background:#080D9B}.primary_button:focus,.primary_action_button:focus,.primary_second_action_button:focus{outline:none;background:var(--color-primary)}.primary_button:disabled,.primary_action_button:disabled,.primary_second_action_button:disabled{cursor:not-allowed;color:var(--text-accent-disabled);background:var(--color-disabled)}.primary_button .button_text,.primary_action_button .button_text,.primary_second_action_button .button_text{display:flex;align-items:center;gap:0.625rem}.secondary_button{display:inline-flex;padding:var(--Button-V-Padding, 1rem) var(--Button-H-Padding, 1.75rem);justify-content:center;align-items:center;gap:var(--Button-Spacing, 0.5rem);border-radius:var(--Button-Radius, 62.4375rem);border:1.4px solid var(--Border-Default, #1C24F3);background-color:transparent;color:var(--Text-Default, #1C24F3);font-family:var(--font-regular);font-size:var(--Typography-Button-Size, 14px);font-style:normal;font-weight:600;line-height:var(--Typography-Button-Line-height, 16px);letter-spacing:-0.112px}.secondary_button:hover{cursor:pointer;background:var(--Surface-light, #E7E8FE)}.secondary_button:active{outline:none;background:var(--Surface-Press-light, #D3D5FD)}.secondary_button:focus{outline:none;border:2.8px solid var(--Border-Focused, #A3A6FA)}.secondary_button:disabled{cursor:not-allowed;color:var(--text-accent-disabled);background-color:#fff;border:1.4px solid var(--Border-Disabled, #A3A6FA)}.secondary_white_button{display:flex;padding:var(--Web-Button-V-Padding, 1rem) var(--Web-Button-H-Padding, 2rem);justify-content:center;align-items:center;border-radius:var(--Web-Button-Radius, 62.4375rem);border:1px solid var(--Text-Light, #FFF);background-color:transparent;color:var(--Text-Light, #FFF);font-family:var(--font-regular);font-size:var(--Typography-Button-Size, 14px);font-style:normal;font-weight:600;line-height:var(--Typography-Button-Line-height, 16px);letter-spacing:-0.112px}.secondary_white_button .button_icon{opacity:0;transition:all 0.4s ease;width:0}.secondary_white_button:hover{cursor:pointer;padding:var(--Web-Button-V-Padding, 1rem) var(--Web-Button-Icon-H-Padding, 1rem) var(--Web-Button-V-Padding, 1rem) var(--Web-Button-H-Padding, 2rem)}.secondary_white_button:hover .button_icon{opacity:1;width:fit-content;margin-left:0.75rem}.secondary_white_button:active{outline:none}.secondary_white_button:focus{outline:none;border:2.8px solid var(--Border-Focused, #A3A6FA)}.secondary_white_button:disabled{cursor:not-allowed;color:var(--text-accent-disabled);background-color:#fff;border:1.4px solid var(--Border-Disabled, #A3A6FA)}.tertiary_button{display:inline-flex;padding:var(--Button-V-Padding, 16px) var(--Button-H-Padding, 28px) var(--Button-V-Padding, 16px) var(--Button-Icon-H-Padding, 20px);justify-content:center;align-items:center;gap:var(--Button-Spacing, 8px);border-radius:var(--Button-Radius, 999px);background-color:transparent;transition:all 0.4s ease;height:48px;font-family:var(--font-regular);font-size:var(--Typography-Button-Size, 14px);font-style:normal;font-weight:600;line-height:var(--Typography-Button-Line-height, 16px);letter-spacing:-0.112px;cursor:pointer;color:#1C24F3}.tertiary_button .button_text{color:#1C24F3}.tertiary_button:hover{color:#1C24F3;background:var(--Surface-Light, #E7E8FE)}.tertiary_button:hover .button_text{color:#1C24F3}.tertiary_button:active,.tertiary_button.selected{outline:none;color:#1C24F3;background:var(--Surface-Light, #E7E8FE)}.tertiary_button:active .button_text,.tertiary_button.selected .button_text{color:#1C24F3}.tertiary_button:focus{outline:none;border-radius:var(--Button-Radius, 999px);border:2.8px solid var(--Border-Focused, #A3A6FA)}.tertiary_button:disabled{color:var(--text-accent-disabled);cursor:not-allowed;color:#777CF8;background-color:transparent}.option_button{display:inline-flex;padding:var(--Button-V-Padding, 1rem) var(--Button-H-Padding, 1.75rem);justify-content:center;align-items:center;gap:var(--Button-Spacing, 0.5rem);border-radius:var(--Button-Radius, 62.4375rem);border:1.4px solid var(--Greyscale-Border-Default, #E0E0E0);background-color:transparent;transition:all 0.4s ease;font-family:var(--font-regular);font-size:var(--Typography-Button-Size, 14px);font-style:normal;font-weight:600;line-height:var(--Typography-Button-Line-height, 16px);letter-spacing:-0.112px;cursor:pointer;color:var(--Greyscale-Text-Body, #292929)}.option_button:hover{color:var(--Greyscale-Text-Light, #FFF);background:var(--Greyscale-Surface-Darker, #292929)}.option_button:hover .button_text{color:#fff}.option_button:active,.option_button.selected{outline:none;color:var(--Greyscale-Text-Light, #FFF);background:var(--Greyscale-Text-Title, #0A0A0A)}.option_button:active .button_text,.option_button.selected .button_text{color:var(--Greyscale-Text-Light, #FFF)}.option_button:focus{outline:none;border:2.8px solid var(--Greyscale-Border-Default, #E0E0E0)}.option_button:disabled{color:var(--text-accent-disabled);cursor:not-allowed;color:var(--Greyscale-Text-Body, #292929);background-color:transparent;border:1.4px solid var(--Greyscale-Border-Disabled, #C2C2C2)}.option_choice_checkbox_section{display:flex;position:relative;width:100%;align-items:center}.option_choice_checkbox_section input[type='checkbox']{position:absolute;width:100%;height:100%;left:0;appearance:none;z-index:1;margin:0;cursor:pointer}.option_choice_checkbox_section input[type='checkbox']:hover ~ .option_choice_button{border:2px solid var(--border-grey-dark) !important}.option_choice_checkbox_section input[type='checkbox']:checked ~ .option_choice_button{border:2px solid var(--border-grey-dark)}.option_choice_checkbox_section input[type='checkbox']:checked ~ .option_choice_button::after{content:"";position:absolute;width:14px;height:14px;border-radius:100%;background-image:url("../../public/group_icons/checked.svg");background-size:100%;background-repeat:no-repeat;top:4px;right:4px}.option_choice_button{display:flex;height:var(--Chips-Choice-Height, 3rem);width:var(--Chips-Choice-Height, 3rem);padding:var(--Chips-Choice-Padding, 0.25rem);justify-content:center;align-items:center;align-self:stretch;border-radius:var(--Chips-Choice-Radius, 0.75rem);border:1px solid var(--Greyscale-Border-Default, #E0E0E0);background-color:transparent;transition:border-color 0.4s ease;font-family:var(--font-regular);font-size:var(--Typography-Button-Size, 14px);font-style:normal;font-weight:600;line-height:var(--Typography-Button-Line-height, 16px);letter-spacing:-0.112px;cursor:pointer;color:var(--Greyscale-Text-Body, #292929)}.option_choice_button:hover,.option_choice_button.selected{border:2px solid var(--border-grey-dark)}.option_choice_button:active{outline:none;color:var(--Greyscale-Text-Light, #FFF);background:var(--Greyscale-Text-Title, #0A0A0A)}.option_choice_button:focus{outline:none;border:2.8px solid var(--Greyscale-Border-Default, #E0E0E0)}.option_choice_button:disabled{color:var(--text-accent-disabled);cursor:not-allowed;color:var(--Greyscale-Text-Body, #292929);background-color:transparent;border:1.4px solid var(--Greyscale-Border-Disabled, #C2C2C2)}.text_box{display:flex;padding:1rem 1rem;align-items:center;align-self:stretch;border-radius:0.75rem;border:1.2px solid #E0E0E0;background:#FFF;transition:border-color 0.5s ease;width:-webkit-fill-available;color:#292929;font-family:var(--font-regular);font-size:0.875rem;font-style:normal;font-weight:400;line-height:140%}.text_box:hover{cursor:pointer}.text_box.success{border:1.2px solid #19BB81;background:#E4FBF3;color:#19BB81}.text_box.success:focus{border:1.2px solid #19BB81}.text_box.error{color:#F01F1F;border:1.2px solid #F01F1F;background:#FDE7E7}.text_box:focus ~ .input_label,.text_box:valid ~ .input_label,.text_box:read-only ~ .input_label{transform:translateY(-10px);color:#696969;font-size:0.6875rem;line-height:144%}.text_box input:-webkit-autofill ~ .input_label{transform:translateY(-10px);color:#696969;font-size:0.6875rem}input:-webkit-autofill{background-color:transparent !important;color:#333 !important}.text_box:valid,.text_box:read-only{padding-top:1.5rem;padding-bottom:0.5rem}.text_box:read-only{outline:none}.input_field{position:relative;height:fit-content;width:fit-content}.input_field input{transition:border-color 0.4s linear}.input_field input:valid{padding-top:1.5rem;padding-bottom:0.5rem}.input_field input:focus:not(:read-only){border:2px solid #1C24F3;padding-top:1.5rem;outline:none}.input_field.success input{border:1px solid #19BB81;background:#E4FBF3;color:#19BB81}.input_field.success input:focus{border:1px solid #19BB81}.input_field.success input ~ .input_label{color:#19BB81}.input_field.success::after{content:"";position:absolute;width:16px;height:16px;border-radius:100%;background-image:url("../../public/group_icons/input_success.svg");background-size:100%;background-repeat:no-repeat;top:50%;right:15px;transform:translate(50%, -50%)}.input_field.error input{color:#F01F1F;border:1px solid #F01F1F;background:#FDE7E7}.input_field.error input ~ .input_label{color:#F01F1F}.input_field .input_label{color:#292929;font-family:var(--font-regular);font-size:0.875rem;font-style:normal;font-weight:400;line-height:140%;color:#696969;position:absolute;pointer-events:none;background-color:transparent;left:1rem;top:36%;transform:translateX(0);transition:all 0.3s ease}.text_box_container{display:flex;flex-direction:column;align-items:flex-start;gap:0.375rem}.play_button{display:flex;width:4.75rem;height:4.75rem;padding:0.5rem;justify-content:center;align-items:center;gap:1rem;flex-shrink:0;border-radius:62.4375rem;border:none;background-color:transparent;transition:background-color 0.5s ease}.play_button:hover{cursor:pointer;background-color:var(--Surface-Light, #E7E8FE)}.play_button .play_button_child{display:flex;padding:1.25rem;justify-content:center;align-items:center;gap:0.625rem;flex:1 0 0;align-self:stretch;border-radius:62.4375rem;border:1px solid var(--Border-Focused, #A3A6FA);background:var(--Greyscale-Surface-White, #FFF)}@media screen and (max-width: 767px){.play_button{width:4rem;height:4rem;min-height:4rem}.play_button svg{width:1.1875rem;height:1.1875rem}.play_button .play_button_child{width:100%}}.contact_button{color:var(--Text-Light, #fff);display:inline-flex;justify-content:center;align-items:center;border-radius:var(--Button-Radius, 62.4375rem);background:var(--Surface-Default, #292929);transition:background-color 0.5s ease, width 0.3s ease;padding:var(--Web-Button-V-Padding, 0.1rem) var(--Web-Button-H-Padding, 2rem);border:none;outline:none;width:-moz-fit-content;width:fit-content;font-family:var(--font-Redit-Regular),sans-serif;font-size:var(--Typography-Button-Size, 14px);font-style:normal;font-weight:600;line-height:var(--Typography-Button-Line-height, 16px);letter-spacing:-.112px;margin-top:-10px;padding:7%}.capsule_tab_button{display:flex;padding:var(--Tab-V-Padding, 16px) var(--Tab-H-Padding, 24px);flex-direction:column;justify-content:center;align-items:center;border-radius:var(--Radius-Full, 999px);background-color:var(--Surface-Light, #E7E8FE);border:none;transition:all 0.5s ease;height:48px;font-family:var(--font-regular);font-size:var(--Typography-Text-link-Size, 14px);font-style:normal;font-weight:400;line-height:var(--Typography-Text-link-Line-height, 16px);color:var(--Text-Default, #1C24F3)}.capsule_tab_button:hover,.capsule_tab_button.activated{cursor:pointer;color:var(--Greyscale-Text-Light, #FFF);background:var(--Greyscale-Surface-Darker, #292929)}.capsule_tab_button:active{outline:none;color:var(--Greyscale-Text-Light, #FFF);background:var(--Greyscale-Surface-Darker, #292929)}.capsule_tab_button:focus{outline:none;color:var(--Greyscale-Text-Light, #FFF);background:var(--Greyscale-Surface-Darker, #292929)}.capsule_tab_button:disabled{cursor:not-allowed;color:var(--text-accent-disabled);background-color:#fff;border:1.4px solid var(--Border-Disabled, #A3A6FA)}@media screen and (max-width: 767px){.capsule_tab_button{padding:var(--Button-V-Padding, 14px) var(--Button-H-Padding, 22px)}}.button_text_lg{color:var(--Greyscale-Text-Title, #0A0A0A);font-family:var(--font-regular);font-size:var(--Typography-Button-L-Size, 16px);font-style:normal;font-weight:600;line-height:var(--Typography-Button-L-Line-height, 16px);letter-spacing:-0.128px}.tab_button{display:inline-flex;padding:var(--Tab-H-Padding, 24px);flex-direction:column;justify-content:center;align-items:center;background-color:transparent;border:none;transition:all 0.5s ease;border-bottom:2px solid transparent;color:var(--Greyscale-Text-Title, #0A0A0A);font-family:var(--font-regular);font-size:var(--Typography-Button-L-Size, 16px);font-style:normal;font-weight:600;line-height:var(--Typography-Button-L-Line-height, 16px);letter-spacing:-0.128px}.tab_button:hover .button_text_lg,.tab_button.activated .button_text_lg{cursor:pointer;color:var(--Text-Default, #1C24F3)}.tab_button.activated{border-bottom:2px solid var(--Border-Default, #1C24F3)}.tab_button:active{outline:none;border-bottom:2px solid var(--Border-Default, #1C24F3)}.tab_button:active .button_text_lg{cursor:pointer;color:var(--Text-Default, #1C24F3)}.tab_button:focus{outline:none}.tab_button:focus .button_text_lg{cursor:pointer;color:var(--Text-Default, #1C24F3)}.tab_button:disabled{cursor:not-allowed;color:var(--text-accent-disabled);background-color:#fff;border:1.4px solid var(--Border-Disabled, #A3A6FA)}@media screen and (max-width: 767px){.tab_button{padding:var(--Button-V-Padding, 14px) var(--Button-H-Padding, 22px)}}.toggle_checkbox_btn{display:flex;width:var(--Toggle-Width, 38px);height:26px;padding:var(--Toggle-Full-Padding, 4px);align-items:flex-start;border-radius:var(--Toggle-Radius, 999px);border:1px solid var(--Border-Default, #1C24F3);background:var(--Greyscale-Surface-White, #FFF);transition:background-color 0.3s}.toggle_checkbox_btn.checked{background-color:#1C24F3;align-items:end}.toggle_checkbox_btn.checked::before{transform:translateX(12px);background-color:#fff}.toggle_checkbox_btn::before{content:'';width:16px;height:16px;background-color:#1C24F3;border-radius:100%;position:absolute;left:4px;transition:transform 0.3s ease, background-color 0.3s}.toggle_checkbox_btn .toggle_checkbox{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.next_preview_btn_section{display:flex;align-items:center;gap:0.75rem}.next_preview_button{display:flex;padding:var(--Icon-Button-Full-Padding, 0.75rem);justify-content:center;align-items:center;gap:var(--Button-Spacing, 0.5rem);border-radius:var(--Icon-Button-Full-Radius, 62.4375rem);border:1.4px solid var(--Border-Default, #1C24F3);background-color:transparent}.next_preview_button:hover{cursor:pointer;background:var(--Surface-Press-Light, #D3D5FD)}.next_preview_button:disabled{cursor:not-allowed;background-color:#D3D5FD}@media screen and (max-width: 744px){.next_preview_button{padding:var(--Icon-Button-Full-Padding, 0.625rem)}.next_preview_button svg{width:var(--Icon-Button-Icon-Size, 1.375rem);height:var(--Icon-Button-Icon-Size, 1.375rem)}}.download_app_btn{display:inline-flex;max-height:48px;padding:var(--Button-V-Padding, 16px) var(--Button-H-Padding, 28px) var(--Button-V-Padding, 16px) var(--Button-Icon-H-Padding, 20px);justify-content:center;align-items:center;gap:var(--Button-Spacing, 8px);border-radius:12px;background-color:var(--Greyscale-Surface-Darker, #292929);font-family:var(--font-regular);font-size:var(--Typography-Button-Size, 14px);font-style:normal;font-weight:600;line-height:var(--Typography-Button-Line-height, 16px);letter-spacing:-0.112px;transition:background-color 0.5s ease-in-out;color:#fff}.download_app_btn:hover{background:var(--Surface-Dark, #0B11CB)}.small_arrow_btn{display:inline-flex;padding:6px;align-items:center;border-radius:var(--Input-Common-Action-Button-Radius, 8px);border:1px solid var(--Border-Default, #1C24F3);background-color:transparent;transition:background-color 0.5s ease-in-out}.small_arrow_btn:hover,.small_arrow_btn:focus{border:1px solid var(--Border-Default, #1C24F3);background:var(--Surface-Light, #E7E8FE)}@media screen and (max-width: 744px){.download_app_btn{max-height:42px;padding:var(--Button-V-Padding, 14px) var(--Button-H-Padding, 22px) var(--Button-V-Padding, 14px) var(--Button-Icon-H-Padding, 18px);gap:var(--Button-Spacing, 6px)}}.change_user_button{color:#1f1f1f;display:inline-flex;justify-content:center;align-items:center;border-radius:1rem;background:#fff;transition:background-color 0.5s ease, width 0.3s ease;border:1px solid rgba(30,36,50,0.23);outline:none;width:-moz-fit-content;width:fit-content;font-family:var(--font-Redit-Regular),sans-serif;font-size:var(--Typography-Button-Size, 14px);font-style:normal;font-weight:600;line-height:var(--Typography-Button-Line-height, 16px);letter-spacing:-.112px;margin-top:-10px;cursor:pointer;padding:16px 32px;white-space:nowrap}
