onfido-sdk-ui
Version:
JavaScript SDK view layer for Onfido identity verification
5 lines (4 loc) • 325 kB
CSS
/*! OnfidoAuth SDK 10.0.1 */
.onfido-sdk-ui-Spinner-loader{margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}.onfido-sdk-ui-Spinner-loader{width:3em;height:3em;outline:none;padding:0}@-webkit-keyframes onfido-sdk-ui-Spinner-ball-scale-ripple-multiple{0%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:1}70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}100%{opacity:0}}@keyframes onfido-sdk-ui-Spinner-ball-scale-ripple-multiple{0%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:1}70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}100%{opacity:0}}.onfido-sdk-ui-Spinner-inner{position:relative;-webkit-transform:translateX(1.5625em);transform:translateX(1.5625em)}.onfido-sdk-ui-Spinner-inner>div:nth-child(0){-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.onfido-sdk-ui-Spinner-inner>div:nth-child(1){-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.onfido-sdk-ui-Spinner-inner>div:nth-child(2){-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.onfido-sdk-ui-Spinner-inner>div:nth-child(3){-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.onfido-sdk-ui-Spinner-inner>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;top:-0.125em;left:-1.625em;width:3.125em;height:3.125em;border-radius:100%;border:.125em solid #ccc;-webkit-animation:onfido-sdk-ui-Spinner-ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);animation:onfido-sdk-ui-Spinner-ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8)}
.onfido-sdk-ui-Modal-inner{font-size:16px;position:relative;overflow:auto;margin:auto;width:94vw;max-width:32em;height:37.5em;text-align:center;max-height:calc(100% + 0.25em);background-color:var(--osdk-color-background-surface-modal);border-color:var(--osdk-color-border-surface-modal);border-width:var(--osdk-border-width-surface-modal);border-style:var(--osdk-border-style-surface-modal);border-radius:var(--osdk-border-radius-surface-modal);font-family:var(--osdk-font-family-body) !important;color:var(--osdk-color-content-body);font-weight:var(--osdk-font-weight-body);line-height:1.5}@media(max-width: 479px){.onfido-sdk-ui-Modal-inner{width:100%;max-width:100%;height:100%;position:absolute;border-radius:0}}.onfido-sdk-ui-Modal-inner,.onfido-sdk-ui-Modal-inner *,.onfido-sdk-ui-Modal-inner *::before,.onfido-sdk-ui-Modal-inner *::after{-webkit-box-sizing:border-box;box-sizing:border-box}.onfido-sdk-ui-Modal-closeButton{background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg width%3D%2232%22 height%3D%2232%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E%3Ccircle fill%3D%22none%22 cx%3D%2216%22 cy%3D%2216%22 r%3D%2216%22%2F%3E%3Cg transform%3D%22rotate%2845 2.121 22.192%29%22 fill%3D%22%232C3E4F%22%3E%3Crect x%3D%227%22 width%3D%222%22 height%3D%2216%22 rx%3D%221%22%2F%3E%3Crect transform%3D%22rotate%2890 8 8%29%22 x%3D%227%22 width%3D%222%22 height%3D%2216%22 rx%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:contain;border-radius:1em;border:0;cursor:pointer;font-family:var(--osdk-font-family-body);height:2em;position:absolute;right:.9375em;text-decoration:none;top:.9375em;width:2em;z-index:4}@media(max-width: 479px){.onfido-sdk-ui-Modal-closeButton{top:.625em;right:.5em}}.onfido-sdk-ui-Modal-closeButton:hover .onfido-sdk-ui-Modal-closeButtonLabel{display:block}@media(max-width: 479px){.onfido-sdk-ui-Modal-closeButton:hover .onfido-sdk-ui-Modal-closeButtonLabel{display:none}}@media(hover: hover)and (pointer: fine){.onfido-sdk-ui-Modal-closeButton:hover{background-color:var(--osdk-color-background-button-icon-hover)}}.onfido-sdk-ui-Modal-closeButton:active{background-color:var(--osdk-color-background-button-icon-active)}.onfido-sdk-ui-Modal-closeButtonLabel{display:none;position:absolute;right:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-weight:500;font-size:var(--onfido-font-size-small);margin-right:.5em}.onfido-sdk-ui-Modal-closeButtonFullScreen{background-image:url("data:image/svg+xml,%3Csvg width%3D%2232%22 height%3D%2232%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E%3Ccircle fill%3D%22none%22 cx%3D%2216%22 cy%3D%2216%22 r%3D%2216%22%2F%3E%3Cg transform%3D%22rotate%2845 2.121 22.192%29%22 fill%3D%22%23fff%22%3E%3Crect x%3D%227%22 width%3D%222%22 height%3D%2216%22 rx%3D%221%22%2F%3E%3Crect transform%3D%22rotate%2890 8 8%29%22 x%3D%227%22 width%3D%222%22 height%3D%2216%22 rx%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.onfido-sdk-ui-Modal-closeButtonFullScreen:hover{background-image:url("data:image/svg+xml,%3Csvg width%3D%2232%22 height%3D%2232%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E%3Ccircle fill%3D%22none%22 cx%3D%2216%22 cy%3D%2216%22 r%3D%2216%22%2F%3E%3Cg transform%3D%22rotate%2845 2.121 22.192%29%22 fill%3D%22%232C3E4F%22%3E%3Crect x%3D%227%22 width%3D%222%22 height%3D%2216%22 rx%3D%221%22%2F%3E%3Crect transform%3D%22rotate%2890 8 8%29%22 x%3D%227%22 width%3D%222%22 height%3D%2216%22 rx%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-color:rgb(var(--ods-color-neutral-400))}.onfido-sdk-ui-Modal-closeButtonFullScreen:active{background-color:rgb(var(--ods-color-neutral-600))}.onfido-sdk-ui-Modal-closeButtonFullScreen .onfido-sdk-ui-Modal-closeButtonLabel{color:rgb(var(--ods-color-neutral-white))}
.onfido-sdk-ui-Theme-content>*{padding:0 2em}@media(max-width: 479px){.onfido-sdk-ui-Theme-content>*{padding:0 1.5em}}@media(max-width: 359px){.onfido-sdk-ui-Theme-content>*{padding:0 1em}}.onfido-sdk-ui-Theme-header{border-radius:1em;background-color:var(--osdk-color-background-info-pill);color:var(--osdk-color-content-info-pill);font-family:inherit;font-size:var(--onfido-font-size-small);font-weight:600;line-height:1.7142857143em;padding:0 1em}.ods-field{min-width:400px}.ods-field-label{font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5rem;text-transform:none;color:rgba(var(--ods-color-content-main));display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column wrap;flex-flow:column wrap;padding:4px 0;width:100%}.ods-field-label>.ods-combobox,.ods-field-label>.ods-input,.ods-field-label>.ods-select,.ods-field-label>.ods-textarea{margin:4px 0 -4px}.ods-helper-text{font-family:inherit;font-size:.875rem;font-weight:400;line-height:1.5rem;text-transform:none;color:rgba(var(--ods-color-content-secondary));display:block}.ods-helper-text.-disabled{color:rgba(var(--ods-color-content-disabled))}.ods-validation{font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5rem;text-transform:none;display:grid;gap:8px;grid-auto-flow:column;padding:4px 0;place-content:start;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ods-validation.-error{color:rgba(var(--ods-color-content-negative))}.ods-asterisk{color:rgba(var(--ods-color-content-negative))}.ods-button{font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5rem;text-transform:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid transparent;border-radius:var(--ods-border-radius-medium);-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-grid;gap:8px;grid-auto-flow:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:11px 23px;position:relative;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ods-button.-disabled,.ods-button:disabled{cursor:not-allowed}.ods-button>*{-webkit-box-sizing:inherit;box-sizing:inherit}.ods-button.-action--primary{background-color:rgba(var(--ods-color-background-action));color:rgba(var(--ods-color-content-on-action))}@media(hover: hover){.ods-button.-action--primary:hover{background-color:rgba(var(--ods-color-background-action-hover))}}.ods-button.-action--primary:active{background-color:rgba(var(--ods-color-background-action-active))}.ods-button.-action--secondary{border-color:rgba(var(--ods-color-border-action))}@media(hover: hover){.ods-button.-action--secondary:hover{border-color:rgba(var(--ods-color-border-action-hover))}}.ods-button.-action--secondary:active{border-color:rgba(var(--ods-color-border-action-hover))}.ods-button.-action--secondary,.ods-button.-action--tertiary{color:rgba(var(--ods-color-content-action))}@media(hover: hover){.ods-button.-action--secondary:hover,.ods-button.-action--tertiary:hover{background-color:rgba(var(--ods-color-background-action-subtle-hover))}}.ods-button.-action--secondary:active,.ods-button.-action--tertiary:active{background-color:rgba(var(--ods-color-background-action-subtle))}.ods-button.-action--primary,.ods-button.-action--secondary,.ods-button.-action--tertiary{outline:none}.ods-button.-action--primary:focus,.ods-button.-action--secondary:focus,.ods-button.-action--tertiary:focus{border-color:rgba(var(--ods-color-border-action-focus));-webkit-box-shadow:inset 0 0 0 2px rgba(var(--ods-color-border-action-focus)),inset 0 0 0 3px rgba(var(--ods-color-border-focus-inner));box-shadow:inset 0 0 0 2px rgba(var(--ods-color-border-action-focus)),inset 0 0 0 3px rgba(var(--ods-color-border-focus-inner))}.ods-button.-destructive--primary{background-color:rgba(var(--ods-color-background-negative));color:rgba(var(--ods-color-content-always-light))}@media(hover: hover){.ods-button.-destructive--primary:hover{background-color:rgba(var(--ods-color-background-negative-hover))}}.ods-button.-destructive--primary:active{background-color:rgba(var(--ods-color-background-negative-active))}.ods-button.-destructive--secondary{border-color:rgba(var(--ods-color-border-negative))}.ods-button.-destructive--secondary,.ods-button.-destructive--tertiary{color:rgba(var(--ods-color-content-negative))}@media(hover: hover){.ods-button.-destructive--secondary:hover,.ods-button.-destructive--tertiary:hover{background-color:rgba(var(--ods-color-background-negative-subtle-hover))}}.ods-button.-destructive--secondary:active,.ods-button.-destructive--tertiary:active{background-color:rgba(var(--ods-color-background-negative-subtle))}.ods-button.-destructive--primary,.ods-button.-destructive--secondary,.ods-button.-destructive--tertiary{outline:none}.ods-button.-destructive--primary:focus,.ods-button.-destructive--secondary:focus,.ods-button.-destructive--tertiary:focus{border-color:rgba(var(--ods-color-border-negative-focus));-webkit-box-shadow:inset 0 0 0 2px rgba(var(--ods-color-border-negative-focus)),inset 0 0 0 3px rgba(var(--ods-color-border-focus-inner));box-shadow:inset 0 0 0 2px rgba(var(--ods-color-border-negative-focus)),inset 0 0 0 3px rgba(var(--ods-color-border-focus-inner))}.ods-button:disabled{color:rgba(var(--ods-color-content-disabled))}.ods-button.-action--primary:disabled,.ods-button.-destructive--primary:disabled{background-color:rgba(var(--ods-color-background-disabled))}.ods-button.-action--secondary:disabled,.ods-button.-destructive--secondary:disabled{border-color:rgba(var(--ods-color-border-disabled))}.ods-button.-action--secondary:disabled,.ods-button.-action--tertiary:disabled,.ods-button.-destructive--secondary:disabled,.ods-button.-destructive--tertiary:disabled{background-color:transparent}.ods-input{font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5rem;text-transform:none;background-color:rgba(var(--ods-color-background-input));border:1px solid rgba(var(--ods-color-border-input));border-radius:var(--ods-border-radius-medium);-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(var(--ods-color-content-main));opacity:1;padding:11px 15px;width:100%;outline:none}.ods-input::-webkit-input-placeholder{color:rgba(var(--ods-color-content-placeholder));opacity:1}.ods-input::-moz-placeholder{color:rgba(var(--ods-color-content-placeholder));opacity:1}.ods-input:-ms-input-placeholder{color:rgba(var(--ods-color-content-placeholder));opacity:1}.ods-input::placeholder{color:rgba(var(--ods-color-content-placeholder));opacity:1}.ods-input:hover{border-color:rgba(var(--ods-color-border-input-hover))}.ods-input:focus{border-color:rgba(var(--ods-color-border-action-focus));-webkit-box-shadow:inset 0 0 0 2px rgba(var(--ods-color-border-action-focus)),inset 0 0 0 3px rgba(var(--ods-color-border-focus-inner));box-shadow:inset 0 0 0 2px rgba(var(--ods-color-border-action-focus)),inset 0 0 0 3px rgba(var(--ods-color-border-focus-inner))}.ods-input.-invalid,.ods-input.-touched:invalid{outline:none;border-color:rgba(var(--ods-color-border-negative));color:rgba(var(--ods-color-content-negative))}.ods-input.-invalid:focus,.ods-input.-touched:invalid:focus{border-color:rgba(var(--ods-color-border-negative-focus));-webkit-box-shadow:inset 0 0 0 2px rgba(var(--ods-color-border-negative-focus)),inset 0 0 0 3px rgba(var(--ods-color-border-focus-inner));box-shadow:inset 0 0 0 2px rgba(var(--ods-color-border-negative-focus)),inset 0 0 0 3px rgba(var(--ods-color-border-focus-inner))}.ods-input:disabled{background-color:rgba(var(--ods-color-background-disabled));border-color:rgba(var(--ods-color-border-disabled));color:rgba(var(--ods-color-content-disabled))}.ods-input:disabled::-webkit-input-placeholder{color:inherit}.ods-input:disabled::-moz-placeholder{color:inherit}.ods-input:disabled:-ms-input-placeholder{color:inherit}.ods-input:disabled::placeholder{color:inherit}.ods-icon{height:24px;width:24px;display:inline-block}.ods-option-list{background-color:rgba(var(--ods-color-background-input));border:1px solid rgba(var(--ods-color-border-input));border-radius:var(--ods-border-radius-medium);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.25);box-shadow:0 2px 4px rgba(0,0,0,.25);-webkit-box-sizing:border-box;box-sizing:border-box;max-height:240px;max-width:400px;overflow:hidden;overflow-y:auto;padding:4px 0;pointer-events:initial}.ods-option{font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5rem;text-transform:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-align:center;-webkit-align-items:center;align-items:center;color:rgba(var(--ods-color-content-main));display:grid;position:relative;text-align:left}.ods-option.-disabled,.ods-option:disabled{cursor:not-allowed}.ods-option-input{height:0;margin:0;opacity:0;position:absolute;width:0}.ods-option-input:active+.ods-option-content,.ods-option-input:focus+.ods-option-content{-webkit-box-shadow:inset 0 0 0 3px rgba(var(--ods-color-border-action-focus)),inset 0 0 0 4px rgba(var(--ods-color-border-focus-inner));box-shadow:inset 0 0 0 3px rgba(var(--ods-color-border-action-focus)),inset 0 0 0 4px rgba(var(--ods-color-border-focus-inner))}.ods-option-input:checked+.ods-option-content{background-color:rgba(var(--ods-color-background-action-subtle))}.ods-option-input:checked~.ods-icon{opacity:1}.ods-option-input:disabled+.ods-option-content{background-color:rgba(var(--ods-color-background-disabled));-webkit-box-shadow:initial;box-shadow:initial;color:rgba(var(--ods-color-content-disabled));cursor:not-allowed}.ods-option-content{padding:12px 16px;padding-right:48px;position:relative;-webkit-transition:background-color ease calc(var(--ods-transition-duration) * 1);transition:background-color ease calc(var(--ods-transition-duration) * 1)}.ods-option-content:hover{background-color:rgba(var(--ods-color-background-action-subtle-hover))}:where(.ods-option)>.ods-icon{color:rgba(var(--ods-color-content-action));opacity:0;position:absolute;right:12px;-webkit-transition:opacity ease calc(var(--ods-transition-duration) * 1);transition:opacity ease calc(var(--ods-transition-duration) * 1)}.ods-option-group{font-family:inherit;font-size:.875rem;font-weight:initial;line-height:1.5rem;text-transform:uppercase;background-color:rgba(var(--ods-color-background-main));border:0 solid rgba(var(--ods-color-border-separator));border-width:1px 0;color:rgba(var(--ods-color-content-placeholder));padding:4px 16px;text-transform:uppercase}.ods-popover-anchor{position:absolute;visibility:hidden;z-index:9999999}.ods-popover-anchor.-overlay::before{background-color:rgba(var(--ods-color-background-overlay));bottom:0;content:"";display:block;left:0;position:fixed;right:0;top:0;visibility:visible}.ods-popover-anchor.-overlay .ods-popover{bottom:initial;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:50%;max-height:75%;max-width:75%;position:fixed;right:initial;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ods-popover{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-ms-scroll-chaining:none;overscroll-behavior:contain;position:absolute;visibility:initial;width:-webkit-max-content;width:-moz-max-content;width:max-content}.ods-popover:where(.-top--center, .-top--start, .-top--end){bottom:100%;margin-bottom:var(--popover-gap, 1px)}.ods-popover:where(.-bottom--center, .-bottom--start, .-bottom--end){top:100%;margin-top:var(--popover-gap, 1px)}.ods-popover:where(.-left--center, .-left--start, .-left--end){right:100%;margin-right:var(--popover-gap, 1px)}.ods-popover:where(.-right--center, .-right--start, .-right--end){left:100%;margin-left:var(--popover-gap, 1px)}.ods-popover:where(.-top--center, .-bottom--center){left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.ods-popover:where(.-left--center, .-right--center){top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ods-popover:where(.-top--start, .-bottom--start){left:0}.ods-popover:where(.-left--start, .-right--start){top:0}.ods-popover:where(.-top--end, .-bottom--end){right:0}.ods-popover:where(.-left--end, .-right--end){bottom:0}.ods-select{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;max-width:400px;position:relative;width:100%}.ods-select>*{-webkit-box-sizing:inherit;box-sizing:inherit}.ods-select.-borderless{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ods-select.-empty>*{color:rgba(var(--ods-color-content-placeholder))}.ods-select>.ods-icon{-webkit-transition:-webkit-transform calc(var(--ods-transition-duration) * 1) ease;transition:-webkit-transform calc(var(--ods-transition-duration) * 1) ease;transition:transform calc(var(--ods-transition-duration) * 1) ease;transition:transform calc(var(--ods-transition-duration) * 1) ease, -webkit-transform calc(var(--ods-transition-duration) * 1) ease}.ods-select.-open>.ods-icon{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.ods-select-native{font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5rem;text-transform:none;background-color:rgba(var(--ods-color-background-input));border:1px solid rgba(var(--ods-color-border-input));border-radius:var(--ods-border-radius-medium);-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(var(--ods-color-content-main));opacity:1;padding:11px 15px;width:100%;outline:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;padding:11px 15px;padding-right:47px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ods-select-native::-webkit-input-placeholder{color:rgba(var(--ods-color-content-placeholder));opacity:1}.ods-select-native::-moz-placeholder{color:rgba(var(--ods-color-content-placeholder));opacity:1}.ods-select-native:-ms-input-placeholder{color:rgba(var(--ods-color-content-placeholder));opacity:1}.ods-select-native::placeholder{color:rgba(var(--ods-color-content-placeholder));opacity:1}.ods-select-native:hover{border-color:rgba(var(--ods-color-border-input-hover))}.ods-select-native:focus{border-color:rgba(var(--ods-color-border-action-focus));-webkit-box-shadow:inset 0 0 0 2px rgba(var(--ods-color-border-action-focus)),inset 0 0 0 3px rgba(var(--ods-color-border-focus-inner));box-shadow:inset 0 0 0 2px rgba(var(--ods-color-border-action-focus)),inset 0 0 0 3px rgba(var(--ods-color-border-focus-inner))}.ods-select-native.-invalid,.ods-select-native.-touched:invalid{outline:none;border-color:rgba(var(--ods-color-border-negative));color:rgba(var(--ods-color-content-negative))}.ods-select-native.-invalid:focus,.ods-select-native.-touched:invalid:focus{border-color:rgba(var(--ods-color-border-negative-focus));-webkit-box-shadow:inset 0 0 0 2px rgba(var(--ods-color-border-negative-focus)),inset 0 0 0 3px rgba(var(--ods-color-border-focus-inner));box-shadow:inset 0 0 0 2px rgba(var(--ods-color-border-negative-focus)),inset 0 0 0 3px rgba(var(--ods-color-border-focus-inner))}.ods-select-native:disabled{background-color:rgba(var(--ods-color-background-disabled));border-color:rgba(var(--ods-color-border-disabled));color:rgba(var(--ods-color-content-disabled))}.ods-select-native:disabled::-webkit-input-placeholder{color:inherit}.ods-select-native:disabled::-moz-placeholder{color:inherit}.ods-select-native:disabled:-ms-input-placeholder{color:inherit}.ods-select-native:disabled::placeholder{color:inherit}.ods-select-native.-disabled,.ods-select-native:disabled{cursor:not-allowed}.ods-select-native.-absolute{position:absolute}.ods-select-native~.ods-icon{pointer-events:none;position:absolute;right:16px}.ods-select-native.-invalid~*,.ods-select-native.-touched:invalid~*{color:rgba(var(--ods-color-content-negative))}.ods-select-native:disabled,.ods-select-native:disabled~*{color:rgba(var(--ods-color-content-disabled))}:where(.ods-select.-borderless)>.ods-select-native{outline:none;padding:12px 16px;padding-right:48px;background-color:transparent;border:0}:where(.ods-select.-borderless)>.ods-select-native:focus{-webkit-box-shadow:inset 0 0 0 3px rgba(var(--ods-color-border-action-focus)),inset 0 0 0 4px rgba(var(--ods-color-border-focus-inner));box-shadow:inset 0 0 0 3px rgba(var(--ods-color-border-action-focus)),inset 0 0 0 4px rgba(var(--ods-color-border-focus-inner))}:where(.ods-select.-borderless)>.ods-select-native:hover{background-color:rgba(var(--ods-color-background-action-subtle-hover))}:where(.ods-select.-borderless)>.ods-select-native.-invalid,:where(.ods-select.-borderless)>.ods-select-native.-touched:invalid{outline:none}:where(.ods-select.-borderless)>.ods-select-native.-invalid:focus,:where(.ods-select.-borderless)>.ods-select-native.-touched:invalid:focus{-webkit-box-shadow:inset 0 0 0 3px rgba(var(--ods-color-border-negative-focus)),inset 0 0 0 4px rgba(var(--ods-color-border-focus-inner));box-shadow:inset 0 0 0 3px rgba(var(--ods-color-border-negative-focus)),inset 0 0 0 4px rgba(var(--ods-color-border-focus-inner))}:where(.ods-select.-borderless)>.ods-select-native.-invalid:hover,:where(.ods-select.-borderless)>.ods-select-native.-touched:invalid:hover{background-color:rgba(var(--ods-color-background-negative-subtle-hover))}:where(.ods-select.-borderless)>.ods-select-native:disabled,:where(.ods-select.-borderless)>.ods-select-native:disabled:hover{background-color:rgba(var(--ods-color-background-disabled))}.ods-select-output{font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5rem;text-transform:none;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;padding:12px 16px;padding-right:48px;pointer-events:none}.ods-popover.ods-select-dropdown{--popover-gap: 1px;width:100%}.ods-popover.ods-select-dropdown:where(.-borderless){width:-webkit-max-content;width:-moz-max-content;width:max-content}.ods-input-label{font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5rem;text-transform:none;color:rgba(var(--ods-color-content-main));display:inline-grid;gap:12px;grid:auto/auto-flow;padding:12px;place-content:start;position:relative}.ods-input-label.-bordered{display:grid}.ods-checkbox,.ods-radio{margin:1px;opacity:0}.ods-checkbox+.ods-input-indicator,.ods-radio+.ods-input-indicator{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ods-checkbox.-disabled+.ods-input-indicator,.ods-checkbox:disabled+.ods-input-indicator,.ods-radio.-disabled+.ods-input-indicator,.ods-radio:disabled+.ods-input-indicator{cursor:not-allowed}.ods-checkbox+.ods-input-indicator::before,.ods-radio+.ods-input-indicator::before{outline:none}.ods-checkbox:focus+.ods-input-indicator::before,.ods-radio:focus+.ods-input-indicator::before{-webkit-box-shadow:0 0 0 2px rgba(var(--ods-color-border-focus-inner)),0 0 0 4px rgba(var(--ods-color-border-action-focus));box-shadow:0 0 0 2px rgba(var(--ods-color-border-focus-inner)),0 0 0 4px rgba(var(--ods-color-border-action-focus))}.ods-checkbox.-invalid+.ods-input-indicator::before,.ods-checkbox.-touched:invalid+.ods-input-indicator::before,.ods-radio.-invalid+.ods-input-indicator::before,.ods-radio.-touched:invalid+.ods-input-indicator::before{outline:none}.ods-checkbox.-invalid:focus+.ods-input-indicator::before,.ods-checkbox.-touched:invalid:focus+.ods-input-indicator::before,.ods-radio.-invalid:focus+.ods-input-indicator::before,.ods-radio.-touched:invalid:focus+.ods-input-indicator::before{-webkit-box-shadow:0 0 0 2px rgba(var(--ods-color-border-focus-inner)),0 0 0 4px rgba(var(--ods-color-border-negative-focus));box-shadow:0 0 0 2px rgba(var(--ods-color-border-focus-inner)),0 0 0 4px rgba(var(--ods-color-border-negative-focus))}.ods-checkbox,.ods-radio,.ods-input-indicator::after,.ods-input-indicator::before{height:22px;width:22px}.ods-input-indicator{border:1px solid transparent;border-radius:var(--ods-border-radius-large);bottom:0;left:0;padding:12px;right:0;top:0}.ods-input-indicator,.ods-input-indicator::after,.ods-input-indicator::before{-webkit-box-sizing:border-box;box-sizing:border-box;content:"";display:block;position:absolute}.ods-input-indicator::before{background-color:rgba(var(--ods-color-background-input));border:2px solid rgba(var(--ods-color-border-input))}.ods-input-label.-bordered>.ods-input-indicator{border-color:rgba(var(--ods-color-border-separator))}.ods-input-label.-bordered>.ods-checkbox:enabled+.ods-input-indicator,.ods-input-label.-bordered>.ods-radio:enabled+.ods-input-indicator{background-color:rgba(var(--ods-color-background-input))}.ods-input-label.-bordered>.ods-checkbox:checked:not(.-invalid:disabled)+.ods-input-indicator,.ods-input-label.-bordered>.ods-checkbox:checked:not(.-touched:invalid:disabled)+.ods-input-indicator,.ods-input-label.-bordered>.ods-checkbox:indeterminate:not(.-invalid:disabled)+.ods-input-indicator,.ods-input-label.-bordered>.ods-checkbox:indeterminate:not(.-touched:invalid:disabled)+.ods-input-indicator,.ods-input-label.-bordered>.ods-radio:checked:not(.-invalid:disabled)+.ods-input-indicator,.ods-input-label.-bordered>.ods-radio:checked:not(.-touched:invalid:disabled)+.ods-input-indicator{background-color:rgba(var(--ods-color-background-action-subtle));border-color:rgba(var(--ods-color-border-action-subtle))}.ods-input-label.-bordered>.ods-checkbox:disabled+.ods-input-indicator,.ods-input-label.-bordered>.ods-radio:disabled+.ods-input-indicator{border-color:rgba(var(--ods-color-border-disabled))}.ods-checkbox:hover+.ods-input-indicator::before,.ods-radio:hover+.ods-input-indicator::before{border-color:rgba(var(--ods-color-border-input-hover))}.ods-checkbox:checked+.ods-input-indicator::before,.ods-checkbox:indeterminate+.ods-input-indicator::before,.ods-radio:checked+.ods-input-indicator::before{border-color:rgba(var(--ods-color-content-action))}.ods-checkbox.-invalid+.ods-input-indicator::before,.ods-checkbox.-touched:invalid+.ods-input-indicator::before,.ods-radio.-invalid+.ods-input-indicator::before,.ods-radio.-touched:invalid+.ods-input-indicator::before{border-color:rgba(var(--ods-color-border-negative))}.ods-checkbox:disabled+.ods-input-indicator::before,.ods-radio:disabled+.ods-input-indicator::before{border-color:rgba(var(--ods-color-border-disabled))}.ods-checkbox:disabled~*,.ods-checkbox:disabled~* .ods-helper-text,.ods-radio:disabled~*,.ods-radio:disabled~* .ods-helper-text{color:rgba(var(--ods-color-content-disabled))}.ods-input-indicator~*{margin-right:4px;pointer-events:none;position:relative}.ods-checkbox,.ods-checkbox+.ods-input-indicator::before{border-radius:var(--ods-border-radius-medium)}.ods-checkbox+.ods-input-indicator::before{-webkit-transition:background-color var(--ods-transition-duration) ease-out;transition:background-color var(--ods-transition-duration) ease-out}.ods-checkbox:checked+.ods-input-indicator::after{border:0 solid rgba(var(--ods-color-content-on-action));border-width:0 0 2px 2px;height:7px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:110% 20%;transform-origin:110% 20%;width:14px}.ods-checkbox:indeterminate+.ods-input-indicator::after{background-color:rgba(var(--ods-color-content-on-action));height:2px;margin:10px 5px;-webkit-transform:none;transform:none;width:12px}.ods-checkbox:checked+.ods-input-indicator::before,.ods-checkbox:indeterminate+.ods-input-indicator::before{background-color:rgba(var(--ods-color-background-action))}.ods-checkbox.-invalid:enabled:checked+.ods-input-indicator::after,.ods-checkbox.-touched:invalid:enabled:checked+.ods-input-indicator::after{border-color:rgba(var(--ods-color-content-always-light))}.ods-checkbox.-invalid:enabled:indeterminate+.ods-input-indicator::after,.ods-checkbox.-touched:invalid:enabled:indeterminate+.ods-input-indicator::after{background-color:rgba(var(--ods-color-content-always-light))}.ods-checkbox.-invalid:enabled:checked+.ods-input-indicator::before,.ods-checkbox.-invalid:enabled:indeterminate+.ods-input-indicator::before,.ods-checkbox.-touched:invalid:enabled:checked+.ods-input-indicator::before,.ods-checkbox.-touched:invalid:enabled:indeterminate+.ods-input-indicator::before{background-color:rgba(var(--ods-color-background-negative))}.ods-checkbox:disabled+.ods-input-indicator::after{border-color:rgba(var(--ods-color-content-disabled))}.ods-checkbox:disabled+.ods-input-indicator::before{background-color:rgba(var(--ods-color-background-disabled))}:root{--ods-transition-duration: 0.15s;--ods-border-radius-small: 2px;--ods-border-radius-medium: 4px;--ods-border-radius-large: 8px;--ods-border-radius-full: 100vw;--ods-color-neutral-900: 30, 30, 36;--ods-color-neutral-800: 43, 45, 51;--ods-color-neutral-700: 71, 73, 82;--ods-color-neutral-600: 99, 102, 112;--ods-color-neutral-500: 130, 136, 147;--ods-color-neutral-400: 180, 186, 197;--ods-color-neutral-300: 213, 218, 224;--ods-color-neutral-200: 233, 236, 240;--ods-color-neutral-100: 247, 249, 250;--ods-color-neutral-050: 252, 252, 253;--ods-color-neutral-white: 255, 255, 255;--ods-color-neutral-black: 0, 0, 0;--ods-color-primary-700: 28, 19, 101;--ods-color-primary-600: 35, 42, 173;--ods-color-primary-500: 54, 64, 245;--ods-color-primary-400: 92, 108, 255;--ods-color-primary-300: 130, 143, 255;--ods-color-primary-200: 189, 195, 255;--ods-color-primary-100: 235, 237, 255;--ods-color-primary-050: 245, 246, 255;--ods-color-primary-muted-600: 101, 105, 160;--ods-color-primary-muted-300: 149, 185, 255;--ods-color-accent-1-600: 255, 100, 100;--ods-color-accent-1-500: 255, 137, 125;--ods-color-accent-1-400: 255, 172, 163;--ods-color-accent-2-600: 249, 178, 20;--ods-color-accent-2-500: 255, 221, 84;--ods-color-accent-2-400: 255, 236, 112;--ods-color-accent-3-600: 129, 35, 173;--ods-color-accent-3-500: 175, 95, 239;--ods-color-accent-3-400: 222, 189, 255;--ods-color-success-600: 0, 107, 36;--ods-color-success-500: 5, 125, 39;--ods-color-success-400: 21, 179, 18;--ods-color-success-300: 81, 209, 123;--ods-color-success-200: 157, 239, 184;--ods-color-success-100: 203, 248, 218;--ods-color-success-050: 236, 253, 241;--ods-color-success-vivid-300: 145, 232, 123;--ods-color-success-muted-500: 108, 137, 94;--ods-color-success-muted-300: 137, 211, 163;--ods-color-info-700: 28, 19, 101;--ods-color-info-600: 35, 42, 173;--ods-color-info-500: 54, 64, 245;--ods-color-info-400: 92, 108, 255;--ods-color-info-300: 130, 143, 255;--ods-color-info-200: 189, 195, 255;--ods-color-info-100: 235, 237, 255;--ods-color-info-050: 245, 246, 255;--ods-color-info-muted-600: 101, 105, 160;--ods-color-info-muted-300: 149, 185, 255;--ods-color-warning-600: 158, 75, 8;--ods-color-warning-500: 196, 107, 4;--ods-color-warning-400: 227, 133, 25;--ods-color-warning-300: 251, 194, 127;--ods-color-warning-200: 250, 218, 181;--ods-color-warning-100: 253, 237, 219;--ods-color-warning-050: 255, 245, 235;--ods-color-warning-vivid-300: 253, 168, 70;--ods-color-warning-muted-500: 150, 125, 96;--ods-color-warning-muted-300: 235, 193, 144;--ods-color-error-600: 170, 0, 0;--ods-color-error-500: 195, 47, 47;--ods-color-error-400: 245, 78, 78;--ods-color-error-300: 252, 123, 123;--ods-color-error-200: 255, 185, 185;--ods-color-error-100: 252, 229, 229;--ods-color-error-050: 255, 246, 246;--ods-color-error-muted-500: 152, 93, 97;--ods-color-error-muted-300: 239, 169, 169;color-scheme:light;--ods-color-content-main: var(--ods-color-neutral-800), 1;--ods-color-content-secondary: var(--ods-color-neutral-600), 1;--ods-color-content-action: var(--ods-color-primary-500), 1;--ods-color-content-placeholder: var(--ods-color-neutral-500), 1;--ods-color-content-disabled: var(--ods-color-neutral-500), 1;--ods-color-content-link: var(--ods-color-primary-500), 1;--ods-color-content-link-hover: var(--ods-color-primary-600), 1;--ods-color-content-link-visited: var(--ods-color-accent-3-600), 1;--ods-color-content-negative: var(--ods-color-error-500), 1;--ods-color-content-warning: var(--ods-color-warning-600), 1;--ods-color-content-positive: var(--ods-color-success-500), 1;--ods-color-content-info: var(--ods-color-info-500), 1;--ods-color-content-spinner: var(--ods-color-neutral-600), 1;--ods-color-content-progress: var(--ods-color-primary-500), 1;--ods-color-content-logo: var(--ods-color-primary-500), 1;--ods-color-content-inverse-main: var(--ods-color-neutral-100), 1;--ods-color-content-inverse-secondary: var(--ods-color-neutral-300), 1;--ods-color-content-on-action: var(--ods-color-neutral-100), 1;--ods-color-content-on-inverse-action: var(--ods-color-primary-500), 1;--ods-color-content-always-light: var(--ods-color-neutral-100), 1;--ods-color-content-always-dark: var(--ods-color-neutral-800), 1;--ods-color-background-main: var(--ods-color-neutral-100), 1;--ods-color-background-surface: var(--ods-color-neutral-050), 1;--ods-color-background-surface-alt: var(--ods-color-neutral-200), 1;--ods-color-background-action: var(--ods-color-primary-500), 1;--ods-color-background-action-hover: var(--ods-color-primary-400), 1;--ods-color-background-action-active: var(--ods-color-primary-600), 1;--ods-color-background-action-subtle: var(--ods-color-primary-500), 0.1;--ods-color-background-action-subtle-hover: var(--ods-color-primary-500), 0.05;--ods-color-background-disabled: var(--ods-color-neutral-200), 1;--ods-color-background-negative: var(--ods-color-error-500), 1;--ods-color-background-negative-hover: var(--ods-color-error-400), 1;--ods-color-background-negative-active: var(--ods-color-error-600), 1;--ods-color-background-negative-subtle: var(--ods-color-error-500), 0.1;--ods-color-background-negative-subtle-hover: var(--ods-color-error-500), 0.05;--ods-color-background-warning: var(--ods-color-warning-400), 1;--ods-color-background-warning-subtle: var(--ods-color-warning-400), 0.1;--ods-color-background-positive: var(--ods-color-success-400), 1;--ods-color-background-positive-subtle: var(--ods-color-success-400), 0.1;--ods-color-background-info: var(--ods-color-info-500), 1;--ods-color-background-info-subtle: var(--ods-color-info-500), 0.1;--ods-color-background-input: var(--ods-color-neutral-050), 1;--ods-color-background-input-selected: var(--ods-color-primary-500), 1;--ods-color-background-spinner: var(--ods-color-neutral-600), 0.15;--ods-color-background-progress: var(--ods-color-primary-500), 0.15;--ods-color-background-overlay: var(--ods-color-neutral-black), 0.8;--ods-color-background-overlay-subtle: var(--ods-color-neutral-black), 0.5;--ods-color-background-inverse-main: var(--ods-color-neutral-900), 1;--ods-color-background-inverse-surface: var(--ods-color-neutral-800), 1;--ods-color-background-inverse-action: var(--ods-color-neutral-white), 1;--ods-color-border-separator: var(--ods-color-neutral-200), 1;--ods-color-border-input: var(--ods-color-neutral-500), 1;--ods-color-border-input-hover: var(--ods-color-neutral-600), 1;--ods-color-border-action: var(--ods-color-primary-500), 1;--ods-color-border-action-hover: var(--ods-color-primary-400), 1;--ods-color-border-action-subtle: var(--ods-color-primary-200), 1;--ods-color-border-disabled: var(--ods-color-neutral-200), 1;--ods-color-border-negative: var(--ods-color-error-500), 1;--ods-color-border-negative-subtle: var(--ods-color-error-200), 1;--ods-color-border-warning: var(--ods-color-warning-400), 1;--ods-color-border-warning-subtle: var(--ods-color-warning-muted-300), 1;--ods-color-border-positive: var(--ods-color-success-500), 1;--ods-color-border-positive-subtle: var(--ods-color-success-muted-300), 1;--ods-color-border-info: var(--ods-color-info-500), 1;--ods-color-border-info-subtle: var(--ods-color-info-200), 1;--ods-color-border-input-selected: var(--ods-color-primary-500), 1;--ods-color-border-focus-inner: var(--ods-color-neutral-white), 1;--ods-color-border-action-focus: var(--ods-color-primary-600), 1;--ods-color-border-negative-focus: var(--ods-color-error-600), 1;--ods-color-border-inverse-action: var(--ods-color-neutral-white), 1;--onfido-unit: (1/16) * 1em;--onfido-font-family: "Open Sans", sans-serif;--onfido-font-size-base: calc(16 * var(--onfido-unit));--onfido-font-size-large: calc(20 * var(--onfido-unit));--onfido-font-size-x-large: calc(30 * var(--onfido-unit));--onfido-font-size-small: calc(14 * var(--onfido-unit));--onfido-font-size-x-small: calc(11 * var(--onfido-unit));--onfido-color-background-button-custom: #d5dae0;--osdk-font-family-title: var(--onfido-font-family);--osdk-font-size-title: var(--onfido-font-size-x-large);--osdk-font-weight-title: 600;--osdk-color-content-title: rgba(var(--ods-color-content-main));--osdk-font-family-subtitle: var(--onfido-font-family);--osdk-font-size-subtitle: var(--onfido-font-size-base);--osdk-font-weight-subtitle: 600;--osdk-color-content-subtitle: rgba(var(--ods-color-content-main));--osdk-font-family-body: var(--onfido-font-family);--osdk-font-size-body: var(--onfido-font-size-base);--osdk-font-weight-body: 500;--osdk-color-content-body: rgba(var(--ods-color-content-main));--osdk-color-background-surface-modal: rgba( var(--ods-color-background-surface) );--osdk-color-border-surface-modal: rgb(var(--ods-color-neutral-600));--osdk-border-width-surface-modal: 1px;--osdk-border-style-surface-modal: solid;--osdk-border-radius-surface-modal: var(--ods-border-radius-large);--osdk-color-background-alert-info: rgb(var(--ods-color-primary-500));--osdk-color-content-alert-info: rgba(var(--ods-color-content-inverse-main));--osdk-color-background-alert-info-link-hover: rgba( var(--ods-color-background-action-hover) );--osdk-color-background-alert-info-link-active: rgba( var(--ods-color-background-action-active) );--osdk-color-background-alert-error: rgba( var(--ods-color-background-negative) );--osdk-color-content-alert-error: rgba(var(--ods-color-content-inverse-main));--osdk-color-background-alert-error-link-hover: rgba( var(--ods-color-background-negative-hover) );--osdk-color-background-alert-error-link-active: rgba( var(--ods-color-background-negative-active) );--osdk-color-background-icon: rgba(var(--ods-color-background-surface-alt));--osdk-color-content-button-primary-text: rgba( var(--ods-color-content-on-action) );--osdk-color-background-button-primary: rgba( var(--ods-color-background-action) );--osdk-color-background-button-primary-hover: rgba( var(--ods-color-background-action-hover) );--osdk-color-background-button-primary-active: rgba( var(--ods-color-background-action-active) );--osdk-color-border-button-primary: rgba(var(--ods-color-border-action));--osdk-color-border-button-primary-hover: rgba( var(--ods-color-border-action-hover) );--osdk-color-border-button-primary-active: rgba( var(--ods-color-border-action-active) );--osdk-color-content-button-secondary-text: rgba( var(--ods-color-content-action) );--osdk-color-background-button-secondary: transparent;--osdk-color-background-button-secondary-hover: rgba( var(--ods-color-background-action-subtle-hover) );--osdk-color-background-button-secondary-active: rgba( var(--ods-color-background-action-subtle) );--osdk-color-border-button-secondary: rgba(var(--ods-color-border-action));--osdk-color-border-button-secondary-hover: rgba( var(--ods-color-border-action-hover) );--osdk-color-border-button-secondary-active: rgba( var(--ods-color-border-action-active) );--osdk-border-radius-button: var(--ods-border-radius-medium);--osdk-button-group-stacked: false;--osdk-color-content-doc-type-button: var(--osdk-color-content-body);--osdk-color-background-doc-type-button: rgb(var(--ods-color-neutral-white));--osdk-color-border-doc-type-button: rgba(var(--ods-color-border-input));--osdk-color-border-doc-type-button-hover: rgba( var(--ods-color-border-action-hover) );--osdk-color-border-doc-type-button-active: rgba( var(--ods-color-border-action-focus) );--osdk-color-background-button-icon-hover: rgb(var(--ods-color-neutral-400));--osdk-color-background-button-icon-active: rgb(var(--ods-color-neutral-600));--onfido-color-background-button-camera: rgb(var(--ods-color-neutral-white));--osdk-color-background-button-camera-hover: rgb( var(--ods-color-primary-400) );--osdk-color-background-button-camera-active: rgb( var(--ods-color-primary-600) );--osdk-color-border-link-underline: rgba(var(--ods-color-border-action));--osdk-color-content-link-text-hover: rgba( var(--ods-color-content-on-action) );--osdk-color-background-link-hover: rgba( var(--ods-color-background-action-hover) );--osdk-color-background-link-active: rgba( var(--ods-color-background-action-active) );--osdk-color-input-outline: -webkit-focus-ring-color;--osdk-color-background-info-pill: rgba(var(--ods-color-background-info));--osdk-color-content-info-pill: rgba(var(--ods-color-content-inverse-main))}@media(prefers-reduced-motion){:root{--ods-transition-duration: 0s}}.onfido-sdk-ui-Theme-root .ods-field-label{text-align:left}.onfido-sdk-ui-Theme-root .ods-popover{max-width:unset}.onfido-sdk-ui-Theme-root .ods-button{border-radius:var(--osdk-border-radius-button)}.onfido-sdk-ui-Theme-root .ods-button.-action--primary{background-color:var(--osdk-color-background-button-primary);color:var(--osdk-color-content-button-primary-text);border-color:var(--osdk-color-border-button-primary)}.onfido-sdk-ui-Theme-root .ods-button.-action--primary:active{background-color:var(--osdk-color-background-button-primary-active);border-color:var(--osdk-color-border-button-primary-active)}@media(hover: hover){.onfido-sdk-ui-Theme-root .ods-button.-action--primary:hover{background-color:var(--osdk-color-background-button-primary-hover);border-color:var(--osdk-color-border-button-primary-hover)}}.onfido-sdk-ui-Theme-root .ods-button.-action--primary:focus{border-color:var(--osdk-color-border-button-primary-active);-webkit-box-shadow:inset 0 0 0 2px var(--osdk-color-border-button-primary-active),inset 0 0 0 3px rgba(var(--ods-color-border-focus-inner));box-shadow:inset 0 0 0 2px var(--osdk-color-border-button-primary-active),inset 0 0 0 3px rgba(var(--ods-color-border-focus-inner))}.onfido-sdk-ui-Theme-root .ods-button.-action--primary:disabled{background-color:rgba(var(--ods-color-neutral-300));border-color:transparent}.onfido-sdk-ui-Theme-root .ods-button.-action--secondary{background-color:var(--osdk-color-background-button-secondary);color:var(--osdk-color-content-button-secondary-text);border-color:var(--osdk-color-border-button-secondary)}.onfido-sdk-ui-Theme-root .ods-button.-action--secondary:active{background-color:var(--osdk-color-background-button-secondary-active);border-color:var(--osdk-color-border-button-secondary-active)}@media(hover: hover){.onfido-sdk-ui-Theme-root .ods-button.-action--secondary:hover{background-color:var(--osdk-color-background-button-secondary-hover);border-color:var(--osdk-color-border-button-secondary-hover)}}.onfido-sdk-ui-Theme-root .ods-button.-action--secondary:focus{border-color:var(--osdk-color-border-button-secondary-active);-webkit-box-shadow:inset 0 0 0 2px var(--osdk-color-border-button-secondary-active),inset 0 0 0 3px rgba(var(--ods-color-border-focus-inner));box-shadow:inset 0 0 0 2px var(--osdk-color-border-button-secondary-active),inset 0 0 0 3px rgba(var(--ods-color-border-focus-inner))}.onfido-sdk-ui-Theme-step{width:100%;min-height:100%;height:0;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.onfido-sdk-ui-Theme-trialBackground{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIcAAACHCAYAAAA850oKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAT0SURBVHgB7d3NixxFGMfxqnkBDb6gBEGF9bAHBSNIUEQwQi578T/2ai6iBA8KObgHF6IgwbCJKEnPTKee2u5Nz8svs907M1XdfD+woMmyWZgvXdVP9c76Z0+elg5YV44cIBAHpM5x+H8eOQxbpzjGZ6du+vM9Nz594DBcneKYf3DkyjffjnEQyHB1W1YmU1d8+Q2BDFz3DSmBDN717lb+/+/iIyCQ4ekex9NzN/3pnvOzws0+/owryAB1i6MZxq3bbvHRMUvMALWPYzWMcOcSNfYgGAbf6mxFhaG+eBiUle/edOilFmcrLcOwpYVBWb9dLY4OYdRRsAfpr+1xdAyjfO2GK76+yya1x7bGMf31fqcwZtXmdOku5o9Th/7YuiH1YcjlHz9qH8brN17+ZYgrXn3C13p+5yQUN3XI3vYNqb3IbfYYdoVZCsOE21wblFkk4z/PHPrh2g/7NK8YZYhg8tv9y5H6RiEQ9MO14lhdSuzDFUW8hV0NZFRdMRZvMCTrC9/1AWO1x/B//+Wmv/wY/39+/ElcUnwIYxz+PN7BfHuy/A08OXflWwSToXLiughLw+jh2cbNp6+WDdt8TsKdzuW/9M7NuB9psquJfc487Efm4XwGeekWh20wbQlxbm3zOX54sXwUX1z8vUVin7M6Rq/DsH3KghF7lrrF4dajiMJVw2574+a0esE3rVnNMGYc1mVrpz+aUD+R/qrDNsLoj53GMQqjdjMXcxHC6JedxmEvelSszzJah1EwD0ltp3EsPjyK+41pGIT5xpyjVRghinjc/8P3HNYl5nf9g9QWxSjMNOpb0yuHYVGcnbpROJzzjSnq87vfcRaTRtn5bkV+RRt+tQjDNrH2efWZS5yHhD2LjeEX4b8JI52dx9E0/v2BDMOisGVj9Li6w7EowkTV7nTG1fAsTliRzF7jiIOysEQ0w1iNwk58449X1re/tiytzEqQxl7juByUhf1EXDrCniJOTMPVxF5821vMj46XzlYsDPuc2ae3HdI6yPtzWATxKbAQiS0VszsnF0tNiMROcO3wrVYf5tmdz0ZFwRNlB+IP9bZP8dbWrhiNDWY8nKueT7WzGP/vedzA2lVjYxzV4wA+DNtmn3/lFu+977A3pU/9nmDNQGI44btZPdaPGmHYHmV+i2Vnz9K/J5jtS+olxkLZdsUgjMPJ4j3B4sa1Wm7WnlcljGSyiMNub+3FtzCWHgUgjKSyiGNSnaEsDb0II7k83mrS9hrNqwZhZCH53Ur8JqoT3BgHYeSi3OuE9Kq4YuQpq3cwjkf11UM+iyOeRk8tqzguZx72wNDKWB2Hl917nzeHYgSSVpZvjE8gecj2tyYQSHpZ/0qNZiDjxo9W4jCymHNsszQHwaHkMefYhijS4Dc1QSIOSMQBiTggEQck4oBEHJCIAxJxQCIOSMQBiTggEQck4oBEHJCIAxJxQCIOSMQBiTggEQck4oBEHJCIAxJxQCIOSMQBiTggEQck4oBEHJCIAxJxQCIOSMQBiTggEQck4oBEHJCIAxJxQCIOSMQBiTggEQck4oBEHJCIAxJxQCIOSMQBiTggEQck4oBEHJCIAxJxQCIOSMQBiTggEQck4oBEHJCIAxJxQCIOSMQBiTggEQck4oBEHJCIAxJxQCIOSMQBiTggEQck4oBEHJCIAxJxQCIOSJPwUbrh8w6tvQDU95TAHjUaDAAAAABJRU5ErkJggg==)}.onfido-sdk-ui-Theme-fullScreenStep{overflow:hidden;border-radius:.5em;background:rgb(var(--ods-color-neutral-black))}.onfido-sdk-ui-Theme-fullHeightContainer{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%}@media(max-width: 479px){.onfido-sdk-ui-Theme-fullHeightMobileContainer{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%}}.onfido-sdk-ui-Theme-navigationBar{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto}.onfido-sdk-ui-Theme-content{height:calc(100% - 5.5em);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}@media(max-width: 479px){.onfido-sdk-ui-Theme-content{height:calc(100% - 5.5em)}}.onfido-sdk-ui-Theme-content>*{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}.onfido-sdk-ui-Theme-scrollableContent{-webkit-box-flex:1;-webkit-flex:1 1 auto;flex:1 1 auto;overflow:auto;height:100%}.onfido-sdk-ui-Theme-edgeToEdgeContent{position:absolute;width:100%}.onfido-sdk-ui-Theme-fullScreenContentWrapper{position:static}.onfido-sdk-ui-Theme-actionsContainer{margin-top:.5em;-webkit-box-flex:0;-webkit-flex-grow:0;flex-grow:0}.onfido-sdk-ui-Theme-footer .onfido-sdk-ui-Theme-logo,.onfido-sdk-ui-Theme-cobrandFooter .onfido-sdk-ui-Theme-logo,.onfido-sdk-ui-Theme-cobrandFooter .onfido-sdk-ui-Theme-logoCobrandImage{height:2em;background-size:contain;background-position:center;background-repeat:no-repeat}.onfido-sdk-ui-Theme-cobrandFooter{display:-webkit-box;display:-webkit-flex;display:flex;height:2.5em;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:0em 2em 0}@media(max-width: 479px){.onfido-sdk-ui-Theme-cobrandFooter{margin:0em 1.5em 0}}@media(max-width: 359px){.onfido-sdk-ui-Theme-cobrandFooter{margin:0em 1em 0}}.onfido-sdk-ui-Theme-cobrandFooter .onfido-sdk-ui-Theme-cobrandLabel{color:rgba(var(--ods-color-neutral-700));font-size:.625em;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction