body.noScroll{overflow:hidden;position:fixed;inset:0}
.nncore-authentication__form{max-width:350px;padding:30px 20px;margin:0 auto;border:1px solid var(--nncore-color-form-border);display:flex;flex-direction:column;align-items:center;border-radius:10px}
.nncore-authentication__barcode{width:100%}
.nncore-authentication__errorText{margin-top:20px;color:var(--nncore-color-form-error)}
.nncore-authentication input[type=text]{width:100%;max-width:500px;height:50px;background:var(--nncore-color-form-input);padding:14px 37px 10px 12px;border:1px solid var(--nncore-color-form-border);border-radius:5px}
.nncore-authentication label{font-weight:var(--nncore-typography-weight-bold);display:block;text-align:center;margin-bottom:16px}
.nncore-authentication button{margin-top:40px;width:-moz-fit-content;width:fit-content;--nncore-button-text:var(--nncore-color-button-primary-text);--nncore-button-text-hover:var(--nncore-color-button-primary-text-hover);--nncore-button-bg:var(--nncore-color-button-primary-bg);--nncore-button-bg-hover:var(--nncore-color-button-primary-bg-hover);--nncore-button-border:var(--nncore-color-button-primary-border);--nncore-button-border-hover:var(--nncore-color-button-primary-border-hover);--nncore-button-icon:var(--nncore-color-button-primary-text);--nncore-button-icon-hover:var(--nncore-color-button-primary-text-hover);--nncore-button-padding-top-bottom:var(--nncore-layout-button-padding-top-bottom,10px);--nncore-button-padding-left-right:var(--nncore-layout-button-primary-padding-left-right,40px);--nncore-button-padding-top-bottom-mobile:var(--nncore-layout-button-padding-top-bottom-mobile,10px);--nncore-button-padding-left-right-mobile:var(--nncore-layout-button-primary-padding-left-right-mobile,40px);--nncore-button-border-radius:var(--nncore-layout-button-primary-border-radius);--nncore-typography-body-size-mobile:var(--nncore-typography-button-size-mobile);--nncore-typography-body-line-height-mobile:var(--nncore-typography-button-size-mobile);position:relative;display:inline-flex;padding:var(--nncore-button-padding-top-bottom) var(--nncore-button-padding-left-right);font-size:var(--nncore-typography-body-size-mobile);line-height:var(--nncore-typography-body-line-height-mobile);text-align:center;align-items:center;justify-content:center;border-radius:var(--nncore-button-border-radius);cursor:pointer;color:var(--nncore-button-text) !important;background-color:var(--nncore-button-bg);border:2px solid var(--nncore-button-border);text-decoration:none !important;transition:padding .3s ease-in-out}
@media only screen and (min-width:768px){.nncore-authentication button{--nncore-typography-body-size-mobile:var(--nncore-typography-button-size-tablet);--nncore-typography-body-line-height-mobile:var(--nncore-typography-button-line-height-tablet)}
}
@media only screen and (min-width:1024px){.nncore-authentication button{--nncore-typography-body-size-mobile:var(--nncore-typography-button-size-desktop);--nncore-typography-body-line-height-mobile:var(--nncore-typography-button-line-height-desktop)}
}
@media only screen and (max-width:767px){.nncore-authentication button{padding:var(--nncore-button-padding-top-bottom-mobile,10) var(--nncore-button-padding-left-right-mobile)}
}
.nncore-authentication button span{color:var(--nncore-button-text);font-weight:var(--nncore-typography-button-weight)}
.nncore-authentication button::after{font-family:"icomoon" !important;content:"";position:absolute;right:-2px;top:50%;transform:translateY(-50%);font-size:12px;opacity:0;transition:opacity .3s ease-in-out,right .3s ease-in-out}
@media(hover:hover){.nncore-authentication button:hover{color:var(--nncore-button-text-hover) !important;background-color:var(--nncore-button-bg-hover);border:2px solid var(--nncore-button-border-hover);text-decoration:none !important;padding-left:calc(var(--nncore-button-padding-left-right) - 20px);padding-right:calc(var(--nncore-button-padding-left-right) + 20px);animation:none}
}
@media only screen and (hover:hover)and (max-width:767px){.nncore-authentication button:hover{padding-left:calc(var(--nncore-button-padding-left-right-mobile) - 20px);padding-right:calc(var(--nncore-button-padding-left-right-mobile) + 20px)}
}
@media(hover:hover){.nncore-authentication button:hover::after{right:18px;opacity:1}
.nncore-authentication button:hover span{color:var(--nncore-button-text-hover)}
.nncore-authentication button:hover .cmp-button__svg svg,.nncore-authentication button:hover .cmp-button__svg g,.nncore-authentication button:hover .cmp-button__svg path{fill:var(--nncore-button-icon-hover)}
}
@media only screen and (min-width:768px){.nncore-authentication button{width:auto;text-align:left;justify-content:left}
}
.nncore-authentication button__text+.cmp-button__svg{margin-left:15px;display:inline-flex;align-items:center;justify-content:center}
.nncore-authentication button__svg svg,.nncore-authentication button__svg g,.nncore-authentication button__svg path{fill:var(--nncore-button-icon);filter:none}
.nncore-authentication button__svg svg{height:16px}