{"version":3,"file":"css/okta-sign-in.next.css","mappings":"AAKA,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/./src/components/Widget/style.scss"],"sourcesContent":["/* 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@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":""}