"use strict";(self.webpackChunk_byted_secsdk_captcha=self.webpackChunk_byted_secsdk_captcha||[]).push([[653],{1762:function(n,t,a){var e=a(57),i=a.n(e),o=a(9522),r=a.n(o)()(i());r.push([n.id,"\n.TUXModal-overlay {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 16px;\n background-color: var(--ui-sheet-backdrop-1);\n transition: opacity 120ms cubic-bezier(0.33, 0.86, 0.2, 1);\n\n /* This seems to be required for the entry transition to work, even though the sheet should first enter the page in the 'initial' state */\n opacity: 0;\n}\n\n.TUXModal-overlay[data-transition-status='initial'],\n.TUXModal-overlay[data-transition-status='close'] {\n opacity: 0;\n}\n\n.TUXModal-overlay[data-transition-status='open'] {\n opacity: 1;\n}\n\n.captcha-verify-container.TUXModal {\n position: relative; /* for absolutely positioning the close button */\n background-color: var(--ui-sheet-flat-1);\n box-shadow: 0 2px 12px 0 rgb(0 0 0 / 12.2%);\n border-radius: 12px;\n}\n\n.captcha-verify-container.TUXModal:focus {\n outline: none;\n}\n\n.captcha-verify-container.TUXModal[data-width='small'] {\n width: 100%;\n max-width: 360px;\n}\n\n.captcha-verify-container.TUXModal[data-width='large'] {\n width: 100%;\n max-width: 640px;\n}\n\n/* Prefixing with '_' to avoid conflict with tux-h5 */\n.captcha-verify-container {\n ._TUXNavBar--withBackground {\n background: var(--ui-page-flat-1);\n }\n \n ._TUXNavBar--withBorder {\n border-bottom: 1px solid var(--ui-shape-neutral-2);\n }\n \n ._TUXNavBar-topRow {\n display: flex;\n align-items: center;\n height: 52px;\n padding-left: 8px;\n padding-right: 8px;\n }\n \n .TUXModalNavBar {\n position: relative;\n height: 52px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-left: 8px;\n padding-right: 8px;\n }\n \n .TUXModalNavBar-title {\n flex: 1;\n text-align: center;\n font-size: 17px;\n font-weight: 500;\n color: var(--ui-text-1);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n \n .TUXModalNavBar-leading {\n width: 88px; /* space for at most 2 icon buttons */\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n }\n \n .TUXModalNavBar-trailing {\n width: 88px; /* space for at most 2 icon buttons */\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n }\n \n .TUXModalCloseButton {\n position: absolute;\n \n /* Position to exactly match where TUXModalNavBar places the close button */\n top: 4px;\n right: 8px;\n }\n \n .TUXModalCloseButton[data-text-direction='rtl'] {\n right: unset;\n left: 8px;\n }\n}\n\n\n",""]),t.A=r},6653:function(n,t,a){a.r(t);var e=a(3157),i=a.n(e),o=a(2290),r=a.n(o),l=a(8338),s=a.n(l),d=a(1069),c=a.n(d),p=a(8457),h=a.n(p),u=a(5062),f=a.n(u),x=a(1762),g={};g.styleTagTransform=f(),g.setAttributes=c(),g.insert=s().bind(null,"head"),g.domAPI=r(),g.insertStyleElement=h();i()(x.A,g);t.default=x.A&&x.A.locals?x.A.locals:void 0}}]);