"use strict";(self.webpackChunk_byted_secsdk_captcha=self.webpackChunk_byted_secsdk_captcha||[]).push([[551],{8420:function(n,a,i){var e=i(57),o=i.n(e),t=i(9522),r=i.n(t)()(o());r.push([n.id,".captcha-verify-container {\n  /* TUXRadioStandalone container */\n  .TUXRadioStandalone { /* For older browsers like iOS 14 */\n    display: inline-flex;\n    position: relative;\n    width: 16px;\n    height: 16px;\n    flex-shrink: 0;\n    border-radius: 50%; /* Use 50% instead of 999px for better compatibility */\n  }\n\n  /* Outer circle styling */\n  .TUXRadioStandalone-circleOutside {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    color: var(--ui-shape-neutral-2, #ccc); /* Fallback for older browsers */\n  }\n\n  /* Inner circle and other elements hidden by default */\n  .TUXRadioStandalone-circleInside,\n  .TUXRadioStandalone-circleDisabled,\n  .TUXRadioStandalone-check {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    color: var(--ui-shape-primary, #000); /* Fallback color for primary shape */\n    pointer-events: none;\n    visibility: hidden; /* Hidden by default */\n  }\n\n  /* Make inner circle or check visible when input is checked */\n  .TUXRadioStandalone-input:checked ~ .TUXRadioStandalone-circleInside,\n  .TUXRadioStandalone-input:checked ~ .TUXRadioStandalone-check {\n    visibility: visible; /* Show when the radio is checked */\n  }\n\n  /* TUXRadioStandalone input */\n  .TUXRadioStandalone-input { /* For older iOS versions */\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    cursor: pointer;\n    border-radius: 50%; /* Ensure circular shape */\n  }\n\n  .TUXRadioStandalone--medium {\n    width: 24px;\n    height: 24px;\n  }\n\n  .TUXRadioStandalone--checked.TUXRadioStandalone--disabled {\n    opacity: 0.4;\n  }\n\n  .TUXRadioStandalone-input {\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    height: 100%;\n    width: 100%;\n    margin: 0;\n    cursor: pointer;\n    border-radius: 50%;\n  }\n\n  .TUXRadioStandalone-input:disabled {\n    cursor: not-allowed;\n  }\n\n  .TUXRadioStandalone-input.focus-visible {\n    outline: 2px solid var(--ui-shape-neutral);\n  }\n\n  .TUXRadioStandalone-input:focus-visible {\n    outline: 2px solid var(--ui-shape-neutral);\n  }\n\n  /* Light up the outer circle when the input is checked */\n\n  .TUXRadioStandalone-input:checked~.TUXRadioStandalone-circleOutside {\n    color: var(--ui-shape-primary);\n  }\n\n  .TUXRadioStandalone-input:disabled~.TUXRadioStandalone-circleDisabled {\n    visibility: visible;\n  }\n\n  .TUXRadio {\n    display: flex;\n    align-items: flex-start;\n  }\n\n  .TUXRadio-labelContainer {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    flex: 1;\n    font-family: var(--tux-web-font-body);\n    font-weight: 400;\n    line-height: 1.3;\n    word-wrap: break-word;\n  }\n\n  .TUXRadio[data-size='small'] .TUXRadio-labelContainer {\n    padding-top: 0;\n  }\n\n  .TUXRadio[data-size='medium'] .TUXRadio-labelContainer {\n    padding-top: 2px;\n  }\n\n\n  .TUXRadio[data-disabled='true'] .TUXRadio-labelContainer {\n    opacity: 0.4;\n  }\n\n  .TUXRadio-label {\n    display: flex;\n    color: var(--ui-text-1);\n    cursor: pointer;\n  }\n\n  .TUXRadio[data-disabled='true'] .TUXRadio-label {\n    cursor: not-allowed;\n  }\n\n  .TUXRadio[data-size='small'] .TUXRadio-label {\n    font-size: 14px;\n  }\n\n  .TUXRadio[data-size='medium'] .TUXRadio-label {\n    font-size: 17px;\n  }\n\n  .TUXRadio-description {\n    margin-top: 4px;\n    color: var(--ui-text-2);\n    font-size: 13px;\n  }\n\n  .TUXRadioGroup-fieldset {\n    border: none;\n    padding: 0;\n  }\n\n  .TUXRadioGroup-header {\n    padding-left: 4px;\n    padding-right: 4px;\n  }\n\n  .TUXRadioGroup-legend {\n    margin: 0;\n    padding: 0;\n  }\n\n  .TUXRadioGroup-description {\n    margin-top: 4px;\n  }\n\n  .TUXRadioGroup-content {\n    /* margin-top: 8px; */\n    padding: 8px 4px;\n  }\n\n  .TUXRadioGroup-content>*+* {\n    margin-top: 16px;\n  }\n\n  .TUXRadioGroup-error {\n    margin-top: 8px;\n    display: flex;\n    align-items: flex-start;\n  }\n\n  .TUXRadioGroup-errorIcon {\n    flex-shrink: 0;\n    margin-top: 2px;\n  }\n}\n\n\n[dir=\"ltr\"] .captcha-verify-container .TUXRadio[data-size='small'][data-label-position='before'] .TUXRadio-labelContainer {\n  margin-right: 8px;\n}\n\n[dir=\"rtl\"] .captcha-verify-container .TUXRadio[data-size='small'][data-label-position='before'] .TUXRadio-labelContainer {\n  margin-left: 8px;\n}\n\n[dir=\"ltr\"] .captcha-verify-container .TUXRadio[data-size='small'][data-label-position='after'] .TUXRadio-labelContainer {\n  margin-left: 8px;\n}\n\n[dir=\"rtl\"] .captcha-verify-container .TUXRadio[data-size='small'][data-label-position='after'] .TUXRadio-labelContainer {\n  margin-right: 8px;\n}\n\n[dir=\"ltr\"] .captcha-verify-container .TUXRadio[data-size='medium'][data-label-position='before'] .TUXRadio-labelContainer {\n  margin-right: 10px;\n}\n\n[dir=\"rtl\"] .captcha-verify-container .TUXRadio[data-size='medium'][data-label-position='before'] .TUXRadio-labelContainer {\n  margin-left: 10px;\n}\n\n[dir=\"ltr\"] .captcha-verify-container .TUXRadio[data-size='medium'][data-label-position='after'] .TUXRadio-labelContainer {\n  margin-left: 10px;\n}\n\n[dir=\"rtl\"] .captcha-verify-container .TUXRadio[data-size='medium'][data-label-position='after'] .TUXRadio-labelContainer {\n  margin-right: 10px;\n}\n\n[dir=\"ltr\"] .captcha-verify-container .TUXRadioGroup-errorIcon {\n  margin-right: 4px;\n}\n\n[dir=\"rtl\"] .captcha-verify-container .TUXRadioGroup-errorIcon {\n  margin-left: 4px;\n}\n",""]),a.A=r},1551:function(n,a,i){i.r(a);var e=i(3157),o=i.n(e),t=i(2290),r=i.n(t),d=i(8338),l=i.n(d),p=i(1069),c=i.n(p),s=i(8457),h=i.n(s),u=i(5062),b=i.n(u),T=i(8420),U={};U.styleTagTransform=b(),U.setAttributes=c(),U.insert=l().bind(null,"head"),U.domAPI=r(),U.insertStyleElement=h();o()(T.A,U);a.default=T.A&&T.A.locals?T.A.locals:void 0}}]);