{"version":3,"file":"css/okta-sign-in.next.css","mappings":"AAAA,u+JCOA,WACE,oBACA,gEACA,gBACA,kBACA,kBAGF,WACE,oBACA,gEACA,gBACA,kBACA,kBAGF,WACE,oBACA,gEACA,gBACA,kBACA,kBAGF,WACE,oBACA,gEACA,gBACA,kBACA,kBAIF,UACE,cAEF,iCAEE,cACA,SACA,aACA,WACA,YACA,kBAEF,MACE,aAGF,gBACE,SACA,eACA,mBAGF,+CACE,mIAEA,iEACE,mCAGF,iEACE,sCAGF,iEACE,sCAGF,iEACE,wCAGF,uEACE,sCAGF,uEACE,sCAKJ,cACE,eACA,SACA,kBACA,sBACA,gBACA,sBACA,kBACA,cACA,OACA,QACA,eACA,SACA,kBACA,gBACA,yBACA,iCACA,yBACA,6BACA,qCACA,gBACE,wBACA,2BACA,0BAGJ,gCACE,2BACA,4BACA,6BACA,iBACA,kBACA,mBACA,sBAEF,0CACE,gCACE,YACA,kBACA,kBACA,mBACA,qBAGJ,0CACE,gCACE,WACA,kBAGJ,gBACE,cAEF,oEAGE,cAEF,4CAEE,0BACA,cAEF,yBAEE,WAEA,cAEF,2BAEE,cAEF,8BAEE,YAIF,iCACE,eACA,cACA,kBACA,gBACA,sBACA,gCACA,mCAEF,sDACE,sBACA,WACA,kBACA,MACA,QACA,SACA,OACA,QACA,4CAEF,qDACE,kBACA,YACA,kBACA,gBACA,sBACA,aACA,gBACA,eACA,iBACA,kBACA,mBACA,yBACA,6BACA,yCACA,eACA,gBACA,iBACA,sBACA,kBAEF,uDAEE,cACA,aACA,gBACA,eAGF,0CACE,qDACE,WACA,kBAGJ,2CACE,qDACE,iBACA,oBACA,mBACA,eACA,gBACA,kBAGJ,2CACE,qDACE,gBACA,mBACA,kBACA,eACA,gBACA,iBAEF,uDACE,cAGJ,wDACE,aACA,gBACA,eAEF,qDACE,aAEF,oDACE,qBACA,sBACA,2BACA,8BAEF,wDACE,yBACA,6BAIF,eACE,gBACA,oBACA,gBACA,sBACA,qBACA,WACA,iBAEF,qBACE,WACA,cACA,YACA,gBAEF,gBACE,4BACA,wBACA,sBACA,eACA,MACA,QACA,SACA,OACA,QACA,WAEF,0CACE,gBACE,iCACA,iCACA,gCACA,yBAKJ,kBACE,yBACA,4BACA,2BAEF,2CACE,kBACE,wBACA,iCAGJ,0CACE,kBACE,wBACA,2BACA,2BAKJ,kBACE,wBACA,4BACA,gCACA,uBACA,6BACA,2BACA,iCACA,yCACE,0BACA,qBACA,mCACA,oDACE,mBAEF,oDACE,oBAEF,2CACE,4IACA,kBACA,iBACA,oBACA,mBACA,kBACA,mBACA,oBACA,qBACA,kBACA,gCACA,iCACA,aACA,iBACA,kBACA,qBACA,WACA,sBACA,yBACA,kBACA,UAEA,iDACE,yBACA,yBAEF,kDACE,yBACA,yBAEF,yDACE,yBACA,yBACA,0BACA,mBAGF,wDACE,2BAGF,wDACE,0BAGF,+CACE,gCAKR,0CACE,oDACE,WAEF,oDACE,YAEF,2CACE,kBACA,qBACA,UACA,wBACA,yBACA,yBACA,0BACA,2BACA,wBACA,gCACA,2BACA,+BAIJ,QACE,mBASF,YACE,gBACA,qBAEF,kBACE,mB","sources":["webpack://v3/../../node_modules/altcha/dist_external/altcha.css","webpack://v3/./src/components/Widget/style.scss"],"sourcesContent":[".altcha{background:var(--altcha-color-base, transparent);border:var(--altcha-border-width, 1px) solid var(--altcha-color-border, #a0a0a0);border-radius:var(--altcha-border-radius, 3px);color:var(--altcha-color-text, currentColor);display:flex;flex-direction:column;max-width:var(--altcha-max-width, 260px);position:relative}.altcha:focus-within{border-color:var(--altcha-color-border-focus, currentColor)}.altcha[data-floating]{background:var(--altcha-color-base, white);display:none;filter:drop-shadow(3px 3px 6px rgba(0,0,0,.2));left:-100%;position:fixed;top:-100%;width:var(--altcha-max-width, 260px);z-index:999999}.altcha[data-floating=top] .altcha-anchor-arrow{border-bottom-color:transparent;border-top-color:var(--altcha-color-border, #a0a0a0);bottom:-12px;top:auto}.altcha[data-floating=bottom]:focus-within:after{border-bottom-color:var(--altcha-color-border-focus, currentColor)}.altcha[data-floating=top]:focus-within:after{border-top-color:var(--altcha-color-border-focus, currentColor)}.altcha[data-floating]:not([data-state=unverified]){display:block}.altcha-anchor-arrow{border:6px solid transparent;border-bottom-color:var(--altcha-color-border, #a0a0a0);content:\"\";height:0;left:12px;position:absolute;top:-12px;width:0}.altcha-main{align-items:center;display:flex;gap:.4rem;padding:.7rem;position:relative}.altcha-code-challenge{background:var(--altcha-color-base, white);border:1px solid var(--altcha-color-border-focus, currentColor);border-radius:var(--altcha-border-radius, 3px);filter:drop-shadow(3px 3px 6px rgba(0,0,0,.2));padding:.5rem;position:absolute;top:2.5rem;z-index:9999999}.altcha-code-challenge>form{display:flex;flex-direction:column;gap:.5rem}.altcha-code-challenge-input{border:1px solid currentColor;border-radius:3px;box-sizing:border-box;outline:none;font-size:16px;padding:.35rem;width:220px}.altcha-code-challenge-input:focus{outline:2px solid color-mix(in srgb,var(--altcha-color-active, #1D1DC9) 20%,transparent)}.altcha-code-challenge-input:disabled{opacity:.7}.altcha-code-challenge-image{background-color:#fff;border:1px solid currentColor;border-radius:3px;box-sizing:border-box;object-fit:contain;height:50px;width:220px}.altcha-code-challenge-audio,.altcha-code-challenge-reload{background:color-mix(in srgb,var(--altcha-color-text, currentColor) 10%,transparent);border:0;border-radius:3px;color:var(--altcha-color-text, currentColor);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.35rem}.altcha-code-challenge-audio:disabled,.altcha-code-challenge-reload:disabled{opacity:.7;pointer-events:none}.altcha-code-challenge-audio>*,.altcha-code-challenge-reload>*{height:20px;width:20px}.altcha-code-challenge-buttons{display:flex;justify-content:space-between}.altcha-code-challenge-buttons-left{display:flex;gap:.25rem}.altcha-code-challenge-verify{align-items:center;background:var(--altcha-color-active, #1D1DC9);border:0;border-radius:3px;color:#fff;cursor:pointer;display:flex;gap:.5rem;font-size:100%;padding:.35rem 1rem}.altcha-code-challenge-verify:disabled{opacity:.7;pointer-events:none}.altcha-code-challenge-arrow{border:6px solid transparent;border-bottom-color:var(--altcha-color-border, currentColor);content:\"\";height:0;left:.15rem;position:absolute;top:-12px;width:0}.altcha[data-floating=top] .altcha-code-challenge{top:-150px}.altcha[data-floating=top] .altcha-code-challenge-arrow{border-bottom-color:transparent;border-top-color:var(--altcha-color-border, currentColor);bottom:-12px;top:auto}.altcha-label{cursor:pointer;flex-grow:1}.altcha-logo{color:currentColor!important;opacity:.7}.altcha-logo:hover{opacity:1}.altcha-error{color:var(--altcha-color-error-text, #f23939);display:flex;font-size:.85rem;gap:.3rem;padding:0 .7rem .7rem}.altcha-footer{align-items:center;background-color:var(--altcha-color-footer-bg, transparent);display:flex;font-size:.75rem;opacity:.7;justify-content:end;padding:.2rem .7rem}.altcha-footer:hover{opacity:1}.altcha-footer a{color:currentColor}.altcha-checkbox{display:flex;align-items:center;justify-content:center;height:24px;position:relative;width:24px}.altcha-checkbox .altcha-spinner{inset:0;position:absolute}.altcha-checkbox input{width:18px;height:18px;margin:0}.altcha-checkbox-verifying input{appearance:none;opacity:0;pointer-events:none}.altcha-spinner{animation:altcha-spinner .75s infinite linear;transform-origin:center}.altcha-overlay{--altcha-color-base: #fff;--altcha-color-text: #000;animation:overlay-slidein .5s forwards;display:flex;flex-direction:column;gap:.5rem;left:50%;width:260px;opacity:0;position:fixed;top:45%;transform:translate(-50%,-50%)}.altcha-overlay-backdrop{background:#00000080;display:none;inset:0;position:fixed;z-index:99999999}.altcha-overlay-close-button{align-self:flex-end;background:none;border:none;padding:.25rem;cursor:pointer;color:currentColor;font-size:130%;line-height:1;opacity:.7}@media (max-height: 450px){.altcha-overlay{top:10%!important;transform:translate(-50%)}}@keyframes overlay-slidein{to{opacity:1;top:50%}}@keyframes altcha-spinner{to{transform:rotate(360deg)}}\n","/* TODO: move loginpage styles out of SIW repo OKTA-602545 */\n\n@use 'sass:map';\n@import '@okta/odyssey-design-tokens/dist/index.scss';\n\n@import 'altcha/dist_external/altcha';\n\n@font-face {\n  font-family: 'Inter';\n  src: url('../font/inter-latin-400-normal.woff2') format('woff2');\n  font-weight: 400;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'Inter';\n  src: url('../font/inter-latin-500-normal.woff2') format('woff2');\n  font-weight: 500;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'Inter';\n  src: url('../font/inter-latin-600-normal.woff2') format('woff2');\n  font-weight: 600;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'Inter';\n  src: url('../font/inter-latin-700-normal.woff2') format('woff2');\n  font-weight: 700;\n  font-style: normal;\n  font-display: swap;\n}\n\n/* loginpage utility styles */\n.clearfix {\n  display: block;\n}\n.clearfix:after,\n.clearfix:before {\n  display: block;\n  height: 0;\n  block-size: 0;\n  clear: both;\n  content: \".\";\n  visibility: hidden;\n}\n.hide {\n  display: none;\n}\n\n.okta-container {\n  margin: 0;\n  height: inherit;\n  block-size: inherit;\n}\n\n.auth .footer, .okta-container .applogin-banner {\n  font-family: map.get($ods-tokens, 'typography', 'family', 'body');\n\n  &:lang(el) {\n    font-family: 'Noto Sans', sans-serif;\n  }\n\n  &:lang(ja) {\n    font-family: 'Noto Sans JP', sans-serif;\n  }\n\n  &:lang(ko) {\n    font-family: 'Noto Sans KR', sans-serif;\n  }\n\n  &:lang(th) {\n    font-family: 'Noto Sans Thai', sans-serif;\n  }\n\n  &:lang(zh-CN) {\n    font-family: 'Noto Sans SC', sans-serif;\n  }\n\n  &:lang(zh-TW) {\n    font-family: 'Noto Sans TC', sans-serif;\n  }\n}\n\n/* loginpage footer styles */\n.auth .footer {\n  position: fixed;\n  bottom: 0;\n  inset-block-end: 0;\n  background-color: #fff;\n  min-width: 300px;\n  min-inline-size: 300px;\n  font-size: map.get($ods-tokens, 'typography', 'size', 'subordinate');\n  color: map.get($ods-tokens, 'typography', 'color', 'subordinate');\n  left: 0;\n  right: 0;\n  inset-inline: 0;\n  bottom: 0;\n  inset-block-end: 0;\n  overflow: hidden;\n  margin-top: map.get($ods-tokens, spacing, '8');\n  margin-block-start: map.get($ods-tokens, spacing, '8');\n  background-color: map.get($ods-tokens, 'hue', 'neutral', '50');\n  border-top: map.get($ods-tokens, 'border', 'width', 'main') solid map.get($ods-tokens, 'border', 'color', 'display');\n  border-block-start: map.get($ods-tokens, 'border', 'width', 'main') solid map.get($ods-tokens, 'border', 'color', 'display');\n  p {\n    margin-top: map.get($ods-tokens, 'spacing', '3');\n    margin-bottom: map.get($ods-tokens, 'spacing', '3');\n    margin-block: map.get($ods-tokens, 'spacing', '3');\n  }\n}\n.auth .footer .footer-container {\n  padding-left: map.get($ods-tokens, spacing, '8');\n  padding-right: map.get($ods-tokens, spacing, '8');\n  padding-inline: map.get($ods-tokens, spacing, '8');\n  margin-left: auto;\n  margin-right: auto;\n  margin-inline: auto;\n  box-sizing: border-box;\n}\n@media only screen and (max-width: 560px) {\n  .auth .footer .footer-container {\n    width: 400px;\n    inline-size: 400px;\n    padding-left: 20px;\n    padding-right: 20px;\n    padding-inline: 20px;\n  }\n}\n@media only screen and (max-width: 400px) {\n  .auth .footer .footer-container {\n    width: 100%;\n    inline-size: 100%;\n  }\n}\n.auth .footer a {\n  color: #6e6e78;\n}\n.auth .footer a:active,\n.auth .footer a:link,\n.auth .footer a:visited {\n  color: #6e6e78;\n}\n.auth .footer a:focus,\n.auth .footer a:hover {\n  text-decoration: underline;\n  color: #6e6e78;\n}\n.auth .footer .copyright {\n  /* stylelint-disable-next-line liberty/use-logical-spec */\n  float: left;\n  /* TODO: OKTA-586564 replace hardcoded value */\n  color: #6e6e78;\n}\n.auth .footer .copyright a {\n  /* TODO: OKTA-586564 replace hardcoded value */\n  color: #6e6e78;\n}\n.auth .footer .privacy-policy {\n  /* stylelint-disable-next-line liberty/use-logical-spec */\n  float: right;\n}\n\n/* loginpage app banner styles */\n.okta-container .applogin-banner {\n  font-size: map.get($ods-tokens, 'typography', 'size', 'body');\n  color: map.get($ods-tokens, 'typography', 'color', 'subordinate');\n  position: relative;\n  min-width: 300px;\n  min-inline-size: 300px;\n  border-bottom: map.get($ods-tokens, 'border', 'width', 'main') solid map.get($ods-tokens, 'border', 'color', 'display');\n  border-block-end: map.get($ods-tokens, 'border', 'width', 'main') solid map.get($ods-tokens, 'border', 'color', 'display');\n}\n.okta-container .applogin-banner .applogin-background {\n  background-color: #fff;\n  opacity: 0.9;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  inset: 0;\n  box-shadow: 0 0 2px 1px hsla(0, 0%, 68.6%, 0.3);\n}\n.okta-container .applogin-banner .applogin-container {\n  position: relative;\n  width: 400px;\n  inline-size: 400px;\n  min-width: 300px;\n  min-inline-size: 300px;\n  margin-top: 0;\n  margin-bottom: 0;\n  margin-block: 0;\n  margin-left: auto;\n  margin-right: auto;\n  margin-inline: auto;\n  padding-top: map.get($ods-tokens, spacing, '3');\n  padding-bottom: map.get($ods-tokens, spacing, '4');\n  padding-block: map.get($ods-tokens, spacing, '3') map.get($ods-tokens, spacing, '4');\n  padding-left: 0;\n  padding-right: 0;\n  padding-inline: 0;\n  box-sizing: border-box;\n  text-align: center;\n}\n.okta-container .applogin-banner .applogin-container p {\n  /* TODO: OKTA-586564 replace hardcoded value */\n  color: #6e6e78;\n  margin-top: 0;\n  margin-bottom: 0;\n  margin-block: 0;\n}\n\n@media only screen and (max-width: 400px) {\n  .okta-container .applogin-banner .applogin-container {\n    width: 100%;\n    inline-size: 100%;\n  }\n}\n@media only screen and (max-height: 750px) {\n  .okta-container .applogin-banner .applogin-container {\n    padding-top: 10px;\n    padding-bottom: 10px;\n    padding-block: 10px;\n    padding-left: 0;\n    padding-right: 0;\n    padding-inline: 0;\n  }\n}\n@media only screen and (max-height: 660px) {\n  .okta-container .applogin-banner .applogin-container {\n    padding-top: 5px;\n    padding-bottom: 5px;\n    padding-block: 5px;\n    padding-left: 0;\n    padding-right: 0;\n    padding-inline: 0;\n  }\n  .okta-container .applogin-banner .applogin-container p {\n    display: none;\n  }\n}\n.okta-container .applogin-banner .applogin-container h1 {\n  margin-top: 0;\n  margin-bottom: 0;\n  margin-block: 0;\n}\n.okta-container .applogin-banner .applogin-app-title {\n  display: none;\n}\n.okta-container .applogin-banner .applogin-app-logo {\n  display: inline-block;\n  vertical-align: middle;\n  margin-bottom: map.get($ods-tokens, 'spacing', '2');\n  margin-block-end: map.get($ods-tokens, 'spacing', '2');\n}\n.okta-container .applogin-banner .applogin-app-logo img {\n  max-height: map.get($ods-tokens, 'spacing', '8');\n  max-block-size: map.get($ods-tokens, 'spacing', '8');\n}\n\n/* loginpage container styles */\n.auth .content {\n  min-height: 100%;\n  min-block-size: 100%;\n  min-width: 300px;\n  min-inline-size: 300px;\n  display: inline-block;\n  width: 100%;\n  inline-size: 100%;\n}\n.auth .content:after {\n  content: \"\";\n  display: block;\n  height: 30px;\n  block-size: 30px;\n}\n.login-bg-image {\n  background-repeat: no-repeat;\n  background-position: 50%;\n  background-size: cover;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  inset: 0;\n  z-index: -5;\n}\n@media only screen and (max-width: 600px) {\n  .login-bg-image {\n    background-image: none !important;\n    background-color: #fff !important;\n    -webkit-filter: unset !important;\n    filter: unset !important;\n  }\n}\n\n/* signin container styles */\n#signin-container {\n  margin-top: map.get($ods-tokens, 'spacing', '8');\n  margin-bottom: map.get($ods-tokens, 'spacing', '8');\n  margin-block: map.get($ods-tokens, 'spacing', '8');\n}\n@media only screen and (max-height: 830px) {\n  #signin-container {\n    margin-top: map.get($ods-tokens, 'spacing', '2');\n    margin-block-start: map.get($ods-tokens, 'spacing', '2');\n  }\n}\n@media only screen and (max-width: 600px) {\n  #signin-container {\n    margin-top: map.get($ods-tokens, 'spacing', '2');\n    margin-bottom: map.get($ods-tokens, 'spacing', '2');\n    margin-block: map.get($ods-tokens, 'spacing', '2');\n  }\n}\n\n/* back to settings button style */\n.back-to-settings {\n  margin: unset !important;\n  min-height: unset !important;\n  min-block-size: unset !important;\n  width: unset !important;\n  inline-size: unset !important;\n  min-width: unset !important;\n  min-inline-size: unset !important;\n  .back-to-settings-link {\n    position: unset !important;\n    top: unset !important;\n    inset-block-start: unset !important;\n    a:dir(ltr){\n      left: map.get($ods-tokens, 'spacing', '8');\n    }\n    a:dir(rtl){\n      right: map.get($ods-tokens, 'spacing', '8');\n    }\n    a {\n      font-family: map.get($ods-tokens, 'typography', 'family', 'button');\n      position: absolute;\n      padding-top: 10px;\n      padding-bottom: 10px;\n      padding-block: 10px;\n      padding-left: 14px;\n      padding-right: 14px;\n      padding-inline: 14px;\n      display: inline-block;\n      top: map.get($ods-tokens, 'spacing', '8');\n      inset-block-start: map.get($ods-tokens, 'spacing', '8');\n      inset-inline-start: map.get($ods-tokens, 'spacing', '8');\n      height: unset;\n      block-size: unset;\n      line-height: unset;\n      text-decoration: none;\n      color: #000;\n      background-color: #fff;\n      border: solid map.get($ods-tokens, 'border', 'width', 'main') map.get($ods-tokens, 'border', 'color', 'display');\n      border-radius: map.get($ods-tokens, 'border', 'radius', 'main');\n      opacity: 1;\n\n      &:hover {\n        background-color: map.get($ods-tokens, 'hue', 'blue', '100');\n        border: solid map.get($ods-tokens, 'border', 'width', 'main') map.get($ods-tokens, 'border', 'color', 'control');\n      }\n      &:active {\n        background-color: map.get($ods-tokens, 'hue', 'blue', '300');\n        border: solid map.get($ods-tokens, 'border', 'width', 'main') map.get($ods-tokens, 'border', 'color', 'primary', 'dark');\n      }\n      &:focus-visible {\n        background-color: map.get($ods-tokens, 'hue', 'blue', '300');\n        border: solid map.get($ods-tokens, 'border', 'width', 'main') map.get($ods-tokens, 'border', 'color', 'control');\n        outline: map.get($ods-tokens, 'focus', 'outline', 'width', 'main') solid map.get($ods-tokens, 'focus', 'outline', 'color', 'primary');\n        outline-offset: 2px;\n      }\n\n      img:dir(ltr){\n        padding-right: map.get($ods-tokens, 'spacing', '3');\n      }\n\n      img:dir(rtl){\n        padding-left: map.get($ods-tokens, 'spacing', '3');\n      }\n\n      img {\n        padding-inline-end: map.get($ods-tokens, 'spacing', '3');\n      }\n    }\n  }\n}\n@media only screen and (max-width: 600px) {\n  .back-to-settings .back-to-settings-link a:dir(ltr){\n    left: unset;\n  }\n  .back-to-settings .back-to-settings-link a:dir(rtl){\n    right: unset;\n  }\n  .back-to-settings .back-to-settings-link a {\n    position: relative;\n    display: inline-block;\n    top: unset;\n    inset-block-start: unset;\n    inset-inline-start: unset;\n    margin-left: map.get($ods-tokens, 'spacing', '3');\n    margin-right: map.get($ods-tokens, 'spacing', '3');\n    margin-inline: map.get($ods-tokens, 'spacing', '3');\n    margin-top: map.get($ods-tokens, 'spacing', '3');\n    margin-block-start: map.get($ods-tokens, 'spacing', '3');\n    margin-bottom: map.get($ods-tokens, 'spacing', '1');\n    margin-block-end: map.get($ods-tokens, 'spacing', '1');\n  }\n}\n\n.nowrap {\n  white-space: nowrap;\n}\n\n/*\n * NOTE: widget styles below, login page styles above. Take care when moving CSS\n * from SIW to loginpage (okta-ui) in OKTA-602545\n *\n * TODO: OKTA-654405\n */\nspan.strong {\n  font-weight: 600;\n  word-break: break-all;\n}\nspan.no-translate {\n  white-space: nowrap;\n}\n"],"names":[],"sourceRoot":""}