"use strict";(self.webpackChunk_byted_secsdk_captcha=self.webpackChunk_byted_secsdk_captcha||[]).push([[814],{5463:function(n,e,r){var a=r(57),t=r.n(a),o=r(9522),i=r.n(o)()(t());i.push([n.id,".captcha-verify-container {\n  .TUXTextAreaBox {\n    display: flex;\n    align-items: center;\n    border: 2px solid transparent;\n    border-radius: 8px;\n    background-color: var(--ui-shape-neutral-4);\n  }\n\n  .TUXTextAreaBox[focus-within] {\n    border-color: var(--ui-shape-neutral);\n    background-color: transparent;\n  }\n\n  .TUXTextAreaBox:focus-within {\n    border-color: var(--ui-shape-neutral);\n    background-color: transparent;\n  }\n\n  .TUXTextAreaBox--error {\n    border-color: var(--ui-text-danger-display);\n    background-color: transparent;\n  }\n\n  .TUXTextAreaBox--disabled {\n    border-color: transparent;\n    background-color: var(--ui-shape-neutral-4);\n    opacity: 0.4;\n    cursor: not-allowed;\n  }\n\n  .TUXTextAreaCore {\n    position: relative;\n    width: 100%;\n    min-height: 98px;\n\n    /* enough for 3 lines of text plus padding */\n    font-size: 16px;\n    line-height: 22px;\n\n    /* ~1.3 line height, but easier to calculate if we use a whole number of px */\n  }\n\n  .TUXTextArea {\n    width: 360px;\n    max-width: 100%;\n  }\n\n  .TUXTextAreaCore-textarea::-moz-placeholder {\n    color: var(--ui-text-placeholder);\n  }\n\n  .TUXTextAreaCore-textarea::placeholder {\n    color: var(--ui-text-placeholder);\n  }\n\n  .TUXTextAreaCore[data-auto-size='true'] .TUXTextAreaCore-textarea {\n    /* This should never be able to overflow, but this is used to hide the scroll bar in case it does slightly. */\n    overflow-y: hidden;\n  }\n\n\n  .TUXTextAreaCore-hiddenText {\n    box-sizing: border-box;\n\n    /* add this property back, as it is removed with all: unset */\n    word-wrap: break-word;\n\n    /* add this property back, as it is removed with all: unset */\n    white-space: pre-wrap;\n    padding: 16px;\n    visibility: hidden;\n  }\n\n\n  .TUXTextAreaBox *::-moz-selection {\n    background-color: var(--ui-shape-primary-2);\n  }\n\n\n  .TUXTextAreaBox *::selection {\n    background-color: var(--ui-shape-primary-2);\n  }\n}\n\n.captcha-verify-container .TUXTextAreaCore-textarea {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  position: absolute;\n  outline: none;\n\n  /* remove default focus style */\n  background-color: transparent;\n\n  /* user-agent seems to set this as white by default */\n  top: 0;\n  width: 100%;\n  height: 100%;\n  padding: 16px;\n  resize: none;\n  color: var(--ui-text-1);\n  caret-color: var(--ui-shape-primary);\n}\n",""]),e.A=i},2814:function(n,e,r){r.r(e);var a=r(3157),t=r.n(a),o=r(2290),i=r.n(o),s=r(8338),l=r.n(s),d=r(1069),c=r.n(d),p=r(8457),u=r.n(p),h=r(5062),x=r.n(h),b=r(5463),T={};T.styleTagTransform=x(),T.setAttributes=c(),T.insert=l().bind(null,"head"),T.domAPI=i(),T.insertStyleElement=u();t()(b.A,T);e.default=b.A&&b.A.locals?b.A.locals:void 0}}]);