@charset "utf-8";

.okeConnect { font-size: 16px; font-weight: 400; line-height: 1.6; }

.okeConnect *, .okeConnect ::after, .okeConnect ::before { box-sizing: border-box; }

.okeConnect h1, .okeConnect h2, .okeConnect h3, .okeConnect h4, .okeConnect h5, .okeConnect h6 { font-size: 1em; font-weight: 400; line-height: 1.4; margin: 0px; }

.okeConnect ul { padding: 0px; margin: 0px; }

.okeConnect li { list-style-type: none; padding: 0px; }

.okeConnect p { line-height: 1.8; margin: 0px 0px 4px; }

.okeConnect p:last-child { margin-bottom: 0px; }

.okeConnect a { color: inherit; font-size: 1em; }

.okeConnect button { border-radius: 0px; border: 0px; box-shadow: none; margin: 0px; width: auto; min-width: auto; padding: 0px; background-color: transparent; min-height: auto; }

.okeConnect button, .okeConnect input, .okeConnect select, .okeConnect textarea { color: rgb(0, 0, 0); font-size: 1em; }

.okeConnect label, .okeConnect select { display: inline; }

.okeConnect fieldset { padding: 0px; }

.okeConnect img, .okeConnect svg { max-width: none; }

.okeConnect div:empty { display: block; }

.okeConnect label, .okeConnect span { margin: 0px; padding: 0px; border: 0px; }

.okeConnect.modal { margin: 0px; max-width: none; box-shadow: none; visibility: initial; background: transparent; }

div[oke-toasts] { left: 0px; position: fixed; top: 0px; width: 100%; z-index: 1000000004; pointer-events: none; }

div[oke-toast] { font-size: 14px; line-height: 20px; margin: 12px auto; max-width: 90%; text-align: center; }

div[oke-toast] .c-toast { background: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px 0px; color: rgb(39, 45, 69); display: inline-block; padding: 8px 12px; }

div[oke-toast] .c-toast--negative { background: rgb(212, 69, 69); color: rgb(255, 255, 255); }

div[oke-toast] .c-toast--positive { background: rgb(0, 202, 170); color: rgb(255, 255, 255); }

@keyframes spin { 
  100% { transform: rotate(1turn); }
}

.okeConnect ::placeholder { color: rgb(194, 194, 194); }

.okeConnect label { display: inline-block; font-weight: 400; max-width: 100%; }

.okeConnect fieldset { border: 0px; margin: 0px; min-width: 0px; padding: 0.01em 0px 0px; }

.okeConnect legend { padding: 0px; }

.okeConnect button, .okeConnect input, .okeConnect select, .okeConnect textarea { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; }

.okeConnect button[disabled], .okeConnect input[disabled], .okeConnect select[disabled], .okeConnect textarea[disabled] { cursor: not-allowed; }

.okeConnect a { color: rgb(0, 182, 156); text-decoration: none; }

.okeConnect a:focus, .okeConnect a:hover { color: rgb(0, 182, 156); text-decoration: underline; }

.okeConnect a.is-disabled { color: rgb(103, 105, 134); cursor: not-allowed; }

.okeConnect a.is-disabled:hover { text-decoration: none; }

.okeConnect .u-paddingHorizontal--xSmall { padding-left: 4px; padding-right: 4px; }

.okeConnect .u-paddingHorizontal--small { padding-left: 8px; padding-right: 8px; }

.okeConnect .u-paddingHorizontal--medium { padding-left: 16px; padding-right: 16px; }

.okeConnect .u-paddingHorizontal--large { padding-left: 32px; padding-right: 32px; }

.okeConnect .u-paddingHorizontal--xLarge { padding-left: 64px; padding-right: 64px; }

.okeConnect .u-paddingVertical--xSmall { padding-bottom: 4px; padding-top: 4px; }

.okeConnect .u-paddingVertical--small { padding-bottom: 8px; padding-top: 8px; }

.okeConnect .u-paddingVertical--medium { padding-bottom: 16px; padding-top: 16px; }

.okeConnect .u-paddingVertical--large { padding-bottom: 32px; padding-top: 32px; }

.okeConnect .u-paddingVertical--xLarge { padding-bottom: 64px; padding-top: 64px; }

.okeConnect .u-paddingTop--xSmall { padding-top: 4px; }

.okeConnect .u-paddingTop--small { padding-top: 8px; }

.okeConnect .u-paddingTop--medium { padding-top: 16px; }

.okeConnect .u-paddingTop--large { padding-top: 32px; }

.okeConnect .u-paddingTop--xLarge { padding-top: 64px; }

.okeConnect .u-paddingRight--xSmall { padding-right: 4px; }

.okeConnect .u-paddingRight--small { padding-right: 8px; }

.okeConnect .u-paddingRight--medium { padding-right: 16px; }

.okeConnect .u-paddingRight--large { padding-right: 32px; }

.okeConnect .u-paddingRight--xLarge { padding-right: 64px; }

.okeConnect .u-paddingBottom--xSmall { padding-bottom: 4px; }

.okeConnect .u-paddingBottom--small { padding-bottom: 8px; }

.okeConnect .u-paddingBottom--medium { padding-bottom: 16px; }

.okeConnect .u-paddingBottom--large { padding-bottom: 32px; }

.okeConnect .u-paddingBottom--xLarge { padding-bottom: 64px; }

.okeConnect .u-paddingLeft--xSmall { padding-left: 4px; }

.okeConnect .u-paddingLeft--small { padding-left: 8px; }

.okeConnect .u-paddingLeft--medium { padding-left: 16px; }

.okeConnect .u-paddingLeft--large { padding-left: 32px; }

.okeConnect .u-paddingLeft--xLarge { padding-left: 64px; }

.okeConnect .u-padding--xSmall { padding: 4px; }

.okeConnect .u-padding--small { padding: 8px; }

.okeConnect .u-padding--medium { padding: 16px; }

.okeConnect .u-padding--large { padding: 32px; }

.okeConnect .u-padding--xLarge { padding: 64px; }

.okeConnect .u-marginHorizontal--xSmall { margin-left: 4px; margin-right: 4px; }

.okeConnect .u-marginHorizontal--small { margin-left: 8px; margin-right: 8px; }

.okeConnect .u-marginHorizontal--medium { margin-left: 16px; margin-right: 16px; }

.okeConnect .u-marginHorizontal--large { margin-left: 32px; margin-right: 32px; }

.okeConnect .u-marginHorizontal--xLarge { margin-left: 64px; margin-right: 64px; }

.okeConnect .u-marginVertical--xSmall { margin-bottom: 4px; margin-top: 4px; }

.okeConnect .u-marginVertical--small { margin-bottom: 8px; margin-top: 8px; }

.okeConnect .u-marginVertical--medium { margin-bottom: 16px; margin-top: 16px; }

.okeConnect .u-marginVertical--large { margin-bottom: 32px; margin-top: 32px; }

.okeConnect .u-marginVertical--xLarge { margin-bottom: 64px; margin-top: 64px; }

.okeConnect .u-marginTop--xSmall { margin-top: 4px; }

.okeConnect .u-marginTop--small { margin-top: 8px; }

.okeConnect .u-marginTop--medium { margin-top: 16px; }

.okeConnect .u-marginTop--large { margin-top: 32px; }

.okeConnect .u-marginTop--xLarge { margin-top: 64px; }

.okeConnect .u-marginRight--xSmall { margin-right: 4px; }

.okeConnect .u-marginRight--small { margin-right: 8px; }

.okeConnect .u-marginRight--medium { margin-right: 16px; }

.okeConnect .u-marginRight--large { margin-right: 32px; }

.okeConnect .u-marginRight--xLarge { margin-right: 64px; }

.okeConnect .u-marginBottom--xSmall { margin-bottom: 4px; }

.okeConnect .u-marginBottom--small { margin-bottom: 8px; }

.okeConnect .u-marginBottom--medium { margin-bottom: 16px; }

.okeConnect .u-marginBottom--large { margin-bottom: 32px; }

.okeConnect .u-marginBottom--xLarge { margin-bottom: 64px; }

@media (min-width: 768px) {
  .okeConnect .u-marginBottom--medium-none { margin-bottom: 0px; }
  .okeConnect .u-marginBottom--medium-xSmall { margin-bottom: 4px; }
  .okeConnect .u-marginBottom--medium-small { margin-bottom: 8px; }
  .okeConnect .u-marginBottom--medium-medium { margin-bottom: 16px; }
  .okeConnect .u-marginBottom--medium-large { margin-bottom: 32px; }
  .okeConnect .u-marginBottom--medium-xLarge { margin-bottom: 64px; }
}

.okeConnect .u-marginLeft--xSmall { margin-left: 4px; }

.okeConnect .u-marginLeft--small { margin-left: 8px; }

.okeConnect .u-marginLeft--medium { margin-left: 16px; }

.okeConnect .u-marginLeft--large { margin-left: 32px; }

.okeConnect .u-marginLeft--xLarge { margin-left: 64px; }

.okeConnect .u-margin--xSmall { margin: 4px; }

.okeConnect .u-margin--small { margin: 8px; }

.okeConnect .u-margin--medium { margin: 16px; }

.okeConnect .u-margin--large { margin: 32px; }

.okeConnect .u-margin--xLarge { margin: 64px; }

.okeConnect .u-marginUI--xxxSmall { margin: 4px; }

.okeConnect .u-marginUI--xxSmall { margin: 8px; }

.okeConnect .u-marginUI--xSmall { margin: 12px; }

.okeConnect .u-marginUI--small { margin: 16px; }

.okeConnect .u-marginUI--medium { margin: 24px; }

.okeConnect .u-marginUI--large { margin: 32px; }

.okeConnect .u-marginUI--xLarge { margin: 40px; }

.okeConnect .u-marginUI--xxLarge { margin: 48px; }

.okeConnect .u-marginUI--xxxLarge { margin: 64px; }

.okeConnect .u-marginBottomUI--xxxSmall { margin-bottom: 4px; }

.okeConnect .u-marginBottomUI--xxSmall { margin-bottom: 8px; }

.okeConnect .u-marginBottomUI--xSmall { margin-bottom: 12px; }

.okeConnect .u-marginBottomUI--small { margin-bottom: 16px; }

.okeConnect .u-marginBottomUI--medium { margin-bottom: 24px; }

.okeConnect .u-marginBottomUI--large { margin-bottom: 32px; }

.okeConnect .u-marginBottomUI--xLarge { margin-bottom: 40px; }

.okeConnect .u-marginBottomUI--xxLarge { margin-bottom: 48px; }

.okeConnect .u-marginBottomUI--xxxLarge { margin-bottom: 64px; }

.okeConnect .u-marginTopUI--xxxSmall { margin-top: 4px; }

.okeConnect .u-marginTopUI--xxSmall { margin-top: 8px; }

.okeConnect .u-marginTopUI--xSmall { margin-top: 12px; }

.okeConnect .u-marginTopUI--small { margin-top: 16px; }

.okeConnect .u-marginTopUI--medium { margin-top: 24px; }

.okeConnect .u-marginTopUI--large { margin-top: 32px; }

.okeConnect .u-marginTopUI--xLarge { margin-top: 40px; }

.okeConnect .u-marginTopUI--xxLarge { margin-top: 48px; }

.okeConnect .u-marginTopUI--xxxLarge { margin-top: 64px; }

.okeConnect .u-marginLeftUI--xxxSmall { margin-left: 4px; }

.okeConnect .u-marginLeftUI--xxSmall { margin-left: 8px; }

.okeConnect .u-marginLeftUI--xSmall { margin-left: 12px; }

.okeConnect .u-marginLeftUI--small { margin-left: 16px; }

.okeConnect .u-marginLeftUI--medium { margin-left: 24px; }

.okeConnect .u-marginLeftUI--large { margin-left: 32px; }

.okeConnect .u-marginLeftUI--xLarge { margin-left: 40px; }

.okeConnect .u-marginLeftUI--xxLarge { margin-left: 48px; }

.okeConnect .u-marginLeftUI--xxxLarge { margin-left: 64px; }

.okeConnect .u-marginRightUI--xxxSmall { margin-right: 4px; }

.okeConnect .u-marginRightUI--xxSmall { margin-right: 8px; }

.okeConnect .u-marginRightUI--xSmall { margin-right: 12px; }

.okeConnect .u-marginRightUI--small { margin-right: 16px; }

.okeConnect .u-marginRightUI--medium { margin-right: 24px; }

.okeConnect .u-marginRightUI--large { margin-right: 32px; }

.okeConnect .u-marginRightUI--xLarge { margin-right: 40px; }

.okeConnect .u-marginRightUI--xxLarge { margin-right: 48px; }

.okeConnect .u-marginRightUI--xxxLarge { margin-right: 64px; }

.okeConnect .u-marginVerticalUI--xxxSmall { margin-bottom: 4px; margin-top: 4px; }

.okeConnect .u-marginVerticalUI--xxSmall { margin-bottom: 8px; margin-top: 8px; }

.okeConnect .u-marginVerticalUI--xSmall { margin-bottom: 12px; margin-top: 12px; }

.okeConnect .u-marginVerticalUI--small { margin-bottom: 16px; margin-top: 16px; }

.okeConnect .u-marginVerticalUI--medium { margin-bottom: 24px; margin-top: 24px; }

.okeConnect .u-marginVerticalUI--large { margin-bottom: 32px; margin-top: 32px; }

.okeConnect .u-marginVerticalUI--xLarge { margin-bottom: 40px; margin-top: 40px; }

.okeConnect .u-marginVerticalUI--xxLarge { margin-bottom: 48px; margin-top: 48px; }

.okeConnect .u-marginVerticalUI--xxxLarge { margin-bottom: 64px; margin-top: 64px; }

.okeConnect .u-paddingUI--xxxSmall { padding: 4px; }

.okeConnect .u-paddingUI--xxSmall { padding: 8px; }

.okeConnect .u-paddingUI--xSmall { padding: 12px; }

.okeConnect .u-paddingUI--small { padding: 16px; }

.okeConnect .u-paddingUI--medium { padding: 24px; }

.okeConnect .u-paddingUI--large { padding: 32px; }

.okeConnect .u-paddingUI--xLarge { padding: 40px; }

.okeConnect .u-paddingUI--xxLarge { padding: 48px; }

.okeConnect .u-paddingUI--xxxLarge { padding: 64px; }

.okeConnect .u-paddingBottomUI--xxxSmall { padding-bottom: 4px; }

.okeConnect .u-paddingBottomUI--xxSmall { padding-bottom: 8px; }

.okeConnect .u-paddingBottomUI--xSmall { padding-bottom: 12px; }

.okeConnect .u-paddingBottomUI--small { padding-bottom: 16px; }

.okeConnect .u-paddingBottomUI--medium { padding-bottom: 24px; }

.okeConnect .u-paddingBottomUI--large { padding-bottom: 32px; }

.okeConnect .u-paddingBottomUI--xLarge { padding-bottom: 40px; }

.okeConnect .u-paddingBottomUI--xxLarge { padding-bottom: 48px; }

.okeConnect .u-paddingBottomUI--xxxLarge { padding-bottom: 64px; }

.okeConnect .u-paddingTopUI--xxxSmall { padding-top: 4px; }

.okeConnect .u-paddingTopUI--xxSmall { padding-top: 8px; }

.okeConnect .u-paddingTopUI--xSmall { padding-top: 12px; }

.okeConnect .u-paddingTopUI--small { padding-top: 16px; }

.okeConnect .u-paddingTopUI--medium { padding-top: 24px; }

.okeConnect .u-paddingTopUI--large { padding-top: 32px; }

.okeConnect .u-paddingTopUI--xLarge { padding-top: 40px; }

.okeConnect .u-paddingTopUI--xxLarge { padding-top: 48px; }

.okeConnect .u-paddingTopUI--xxxLarge { padding-top: 64px; }

.okeConnect .u-paddingLeftUI--xxxSmall { padding-left: 4px; }

.okeConnect .u-paddingLeftUI--xxSmall { padding-left: 8px; }

.okeConnect .u-paddingLeftUI--xSmall { padding-left: 12px; }

.okeConnect .u-paddingLeftUI--small { padding-left: 16px; }

.okeConnect .u-paddingLeftUI--medium { padding-left: 24px; }

.okeConnect .u-paddingLeftUI--large { padding-left: 32px; }

.okeConnect .u-paddingLeftUI--xLarge { padding-left: 40px; }

.okeConnect .u-paddingLeftUI--xxLarge { padding-left: 48px; }

.okeConnect .u-paddingLeftUI--xxxLarge { padding-left: 64px; }

.okeConnect .u-paddingRightUI--xxxSmall { padding-right: 4px; }

.okeConnect .u-paddingRightUI--xxSmall { padding-right: 8px; }

.okeConnect .u-paddingRightUI--xSmall { padding-right: 12px; }

.okeConnect .u-paddingRightUI--small { padding-right: 16px; }

.okeConnect .u-paddingRightUI--medium { padding-right: 24px; }

.okeConnect .u-paddingRightUI--large { padding-right: 32px; }

.okeConnect .u-paddingRightUI--xLarge { padding-right: 40px; }

.okeConnect .u-paddingRightUI--xxLarge { padding-right: 48px; }

.okeConnect .u-paddingRightUI--xxxLarge { padding-right: 64px; }

.okeConnect .u-paddingVerticalUI--xxxSmall { padding-bottom: 4px; padding-top: 4px; }

.okeConnect .u-paddingVerticalUI--xxSmall { padding-bottom: 8px; padding-top: 8px; }

.okeConnect .u-paddingVerticalUI--xSmall { padding-bottom: 12px; padding-top: 12px; }

.okeConnect .u-paddingVerticalUI--small { padding-bottom: 16px; padding-top: 16px; }

.okeConnect .u-paddingVerticalUI--medium { padding-bottom: 24px; padding-top: 24px; }

.okeConnect .u-paddingVerticalUI--large { padding-bottom: 32px; padding-top: 32px; }

.okeConnect .u-paddingVerticalUI--xLarge { padding-bottom: 40px; padding-top: 40px; }

.okeConnect .u-paddingVerticalUI--xxLarge { padding-bottom: 48px; padding-top: 48px; }

.okeConnect .u-paddingVerticalUI--xxxLarge { padding-bottom: 64px; padding-top: 64px; }

.okeConnect .u-paddingHorizontalUI--xxxSmall { padding-left: 4px; padding-right: 4px; }

.okeConnect .u-paddingHorizontalUI--xxSmall { padding-left: 8px; padding-right: 8px; }

.okeConnect .u-paddingHorizontalUI--xSmall { padding-left: 12px; padding-right: 12px; }

.okeConnect .u-paddingHorizontalUI--small { padding-left: 16px; padding-right: 16px; }

.okeConnect .u-paddingHorizontalUI--medium { padding-left: 24px; padding-right: 24px; }

.okeConnect .u-paddingHorizontalUI--large { padding-left: 32px; padding-right: 32px; }

.okeConnect .u-paddingHorizontalUI--xLarge { padding-left: 40px; padding-right: 40px; }

.okeConnect .u-paddingHorizontalUI--xxLarge { padding-left: 48px; padding-right: 48px; }

.okeConnect .u-paddingHorizontalUI--xxxLarge { padding-left: 64px; padding-right: 64px; }

.okeConnect .u-display--block { display: block; }

@media (min-width: 480px) {
  .okeConnect .u-display--block-small { display: block; }
}

@media (min-width: 768px) {
  .okeConnect .u-display--block-medium { display: block; }
}

@media (min-width: 1024px) {
  .okeConnect .u-display--block-large { display: block; }
}

.okeConnect .u-display--inline { display: inline; }

.okeConnect .u-display--inlineBlock { display: inline-block; }

.okeConnect .u-display--flex { display: flex; }

.okeConnect .u-fontFamily--primary { font-family: "Varela Round", sans-serif; }

.okeConnect .u-fontFamily--secondary { font-family: Lato, "Open Sans", sans-serif; }

.okeConnect .u-fontSize--xxxSmall { font-size: 6px; }

.okeConnect .u-fontSize--xxSmall { font-size: 8px; }

.okeConnect .u-fontSize--xSmall { font-size: 12px; }

.okeConnect .u-fontSize--small { font-size: 13px; }

.okeConnect .u-fontSize--regular { font-size: 14px; }

.okeConnect .u-fontSize--medium { font-size: 16px; }

.okeConnect .u-fontSize--large { font-size: 20px; }

.okeConnect .u-fontSize--xLarge { font-size: 24px; }

.okeConnect .u-fontSize--xxLarge { font-size: 28px; }

.okeConnect .u-fontSize--xxxLarge { font-size: 32px; }

.okeConnect .u-fontWeight--normal { font-weight: 400; }

.okeConnect .u-fontWeight--bold { font-weight: 700; }

.okeConnect .u-fontWeight--semibold { font-weight: 600; }

.okeConnect .u-textAlign--left { text-align: left; }

.okeConnect .u-textAlign--center { text-align: center; }

.okeConnect .u-textAlign--right { text-align: right; }

@media (min-width: 768px) {
  .okeConnect .u-textAlign--medium-left { text-align: left; }
  .okeConnect .u-textAlign--medium-center { text-align: center; }
  .okeConnect .u-textAlign--medium-right { text-align: right; }
}

@media (min-width: 1024px) {
  .okeConnect .u-textAlign--large-left { text-align: left; }
  .okeConnect .u-textAlign--large-center { text-align: center; }
  .okeConnect .u-textAlign--large-right { text-align: right; }
}

.okeConnect .u-textColor--default { color: rgb(39, 45, 69); }

.okeConnect .u-textColor--mid { color: rgb(103, 105, 134); }

.okeConnect .u-textColor--light { color: rgb(255, 255, 255); }

.okeConnect .u-textColor--brand { color: rgb(0, 182, 156); }

.okeConnect .u-textColor--error { color: rgb(237, 83, 83); }

.okeConnect .u-textTransform--uppercase { text-transform: uppercase; }

.okeConnect .u-lineHeight--1 { line-height: 1; }

.okeConnect .u-lineHeight--tight { line-height: 1.2; }

.okeConnect .u-lineHeight--normal { line-height: 1.6; }

.okeConnect .u-lineHeight--loose { line-height: 2; }

.okeConnect .u-lineHeight--xLoose { line-height: 2.5; }

.okeConnect .u-hidden { display: none; }

@media (min-width: 480px) {
  .okeConnect .u-hidden--small { display: none; }
}

@media (min-width: 768px) {
  .okeConnect .u-hidden--medium { display: none; }
}

@media (min-width: 1024px) {
  .okeConnect .u-hidden--large { display: none; }
}

.okeConnect .u-block { display: block; }

@media (min-width: 480px) {
  .okeConnect .u-block--small { display: block; }
}

@media (min-width: 768px) {
  .okeConnect .u-block--medium { display: block; }
}

@media (min-width: 1024px) {
  .okeConnect .u-block--large { display: block; }
}

.okeConnect .u-faded { opacity: 0.5; }

.okeConnect .u-disabled { opacity: 0.5; }

.okeConnect .u-disabled, .okeConnect .u-processing { pointer-events: none; user-select: none; }

.okeConnect .u-processing { display: inline-block; position: relative; }

.okeConnect .u-processing::after, .okeConnect .u-processing::before { border: 3px solid rgb(217, 217, 217); border-radius: 50%; inset: 0px; content: ""; position: absolute; }

.okeConnect .u-processing::after { animation: 1.5s linear 0s infinite normal none running spin; border-width: 3px; border-style: solid; border-color: rgb(0, 202, 170) rgb(0, 202, 170) transparent transparent; border-image: initial; }

.okeConnect .u-processing > * { opacity: 0.3; }

.okeConnect .u-processing::after, .okeConnect .u-processing::before { margin: auto; width: 48px; height: 48px; }

.okeConnect .u-assistive-hidden { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; }

.okeConnect .u-invisible { visibility: hidden; }

.okeConnect .c-alert { background-color: rgb(67, 161, 250); border: 1px solid transparent; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 4px 0px; color: rgb(255, 255, 255); display: flex; padding: 16px; -webkit-font-smoothing: auto; }

.okeConnect .c-alert-icon { flex: 0 0 auto; margin-right: 16px; }

.okeConnect .c-alert-content { align-items: center; display: flex; flex: 0 1 100%; }

.okeConnect .c-alert-content-inner { flex: 0 1 auto; }

.okeConnect .c-alert-link { color: currentcolor; font-weight: 700; text-decoration: underline; }

.okeConnect .c-alert-link:focus, .okeConnect .c-alert-link:hover { color: currentcolor; }

.okeConnect .c-alert--positive { background-color: rgb(0, 202, 170); }

.okeConnect .c-alert--warning { background-color: rgb(255, 152, 0); }

.okeConnect .c-alert--negative { background-color: rgb(237, 83, 83); }

.okeConnect .c-select { background-color: rgb(255, 255, 255); border: 1px solid rgb(219, 221, 228); font-size: 14px; height: 32px; margin: 0px; max-width: 100%; padding: 0px 32px 0px 12px; text-overflow: ellipsis; vertical-align: top; appearance: none; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' fill='%2523000'%3E%3Cpath d='M0 0h10L5 5z'/%3E%3C/svg%3E"); background-position: calc(100% - 12px) 50%; background-repeat: no-repeat; background-size: 8px; }

.okeConnect .c-select[disabled] { background: rgb(217, 217, 217); border-color: rgb(217, 217, 217); color: rgb(103, 105, 134); }

.okeConnect .c-select--short { width: 124px; }

.okeConnect .c-select--medium { width: 180px; }

.okeConnect .c-select--long { width: 320px; }

.okeConnect .c-select--fullWidth { width: 100%; }

.okeConnect .c-select.is-error { border-color: rgb(237, 83, 83); }

.okeConnect .c-select.is-error:focus { border-color: rgb(237, 83, 83); box-shadow: rgb(237, 83, 83) 0px 0px 0px 1px inset; outline: 0px; }

.okeConnect .c-checkbox { border: none; display: inline-flex; align-items: center; padding: 0px; }

.okeConnect .c-checkbox-bg { border: 1px solid rgb(194, 194, 194); border-radius: 4px; height: 20px; transition: border 0.3s, background 0.3s; width: 20px; background-color: rgb(255, 255, 255); }

.okeConnect .c-checkbox-inner { align-items: center; cursor: pointer; display: inline-flex; flex: 0 0 auto; height: 20px; justify-content: center; margin-right: 16px; position: relative; width: 20px; }

.okeConnect .c-checkbox-input { height: 1px; left: -10000px; overflow: hidden; position: absolute; top: auto; width: 1px; }

.okeConnect .c-checkbox-input:checked ~ .c-checkbox-bg, .okeConnect .c-checkbox-input:indeterminate ~ .c-checkbox-bg { background-color: rgb(0, 202, 170); border-color: rgb(0, 202, 170); }

.okeConnect .c-checkbox-input:checked ~ .c-checkbox-check { opacity: 1; }

.okeConnect .c-checkbox-input:focus ~ .c-checkbox-check { outline: -webkit-focus-ring-color auto 5px; }

.okeConnect .c-checkbox-check { opacity: 0; height: 20px; left: 0px; margin: 0px; outline: none; position: absolute; top: 0px; transition: transform 0.1s ease-out; width: 20px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 20.42l-6.21-6.21 2.83-2.83L9 14.77l9.88-9.89 2.83 2.83L9 20.42z'/%3E%3C/svg%3E"); background-size: 16px; background-repeat: no-repeat; background-position: 50% center; }

.okeConnect .c-checkbox-input:indeterminate ~ .c-checkbox-check { opacity: 1; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 2'%3E%3Cpath fill='%23fff' d='M0 0h8v2H0z'/%3E%3C/svg%3E"); background-size: 10px; }

.okeConnect .c-checkbox.is-disabled .c-checkbox-inner { cursor: not-allowed; }

.okeConnect .c-checkbox.is-disabled .c-checkbox-bg { background-color: rgb(217, 217, 217); border: 1px solid rgb(194, 194, 194); }

.okeConnect .c-checkbox--standalone .c-checkbox-inner { margin: 0px; }

.okeConnect .c-checkbox--small .c-checkbox-bg, .okeConnect .c-checkbox--small .c-checkbox-check, .okeConnect .c-checkbox--small .c-checkbox-inner { width: 18px; height: 18px; }

.okeConnect .c-input { background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(219, 221, 228); border-radius: 4px; font-size: 14px; height: 32px; max-width: 100%; padding: 6px 12px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; width: 100%; }

.okeConnect .c-input:hover { border-color: rgb(211, 212, 221); }

.okeConnect .c-input.is-focus, .okeConnect .c-input:focus { border-color: rgb(211, 212, 221); box-shadow: rgb(211, 212, 221) 0px 0px 0px 1px inset; outline: 0px; }

.okeConnect .c-input--short { width: 124px; }

.okeConnect .c-input--medium { width: 180px; }

.okeConnect .c-input--long { width: 320px; }

.okeConnect .c-input--fullWidth { width: 100%; }

.okeConnect .c-input--large { height: 48px; }

.okeConnect .c-input.is-disabled { background: rgb(244, 244, 244); cursor: not-allowed; }

.okeConnect .c-input.is-error { border-color: rgb(237, 83, 83); }

.okeConnect .c-input.is-error:focus { border-color: rgb(237, 83, 83); box-shadow: rgb(237, 83, 83) 0px 0px 0px 1px inset; outline: 0px; }

.okeConnect .c-button { background-color: rgb(14, 125, 129); border-radius: 4px; border: none; cursor: pointer; color: rgb(255, 255, 255); font-weight: 700; transition: 0.1s; width: fit-content; }

.okeConnect .c-button:focus, .okeConnect .c-button:hover { background-color: rgb(9, 85, 90); color: rgb(255, 255, 255); }

.okeConnect .c-button:disabled { background-color: rgb(14, 125, 129); color: rgb(255, 255, 255); }

.okeConnect .c-loader { display: inline-block; position: relative; height: 48px; width: 48px; vertical-align: middle; }

.okeConnect .c-loader::after { border-radius: 50%; inset: 0px; content: ""; position: absolute; animation: 1.5s linear 0s infinite normal none running okeConnect-spin; border-width: 6px; border-style: solid; border-color: rgb(83, 85, 101) rgb(83, 85, 101) transparent; border-image: initial; }

.okeConnect .c-loader--buttonTextColor::after { border-right-color: rgb(255, 255, 255); border-top-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); }

.okeConnect .c-loader--small { height: 16px; width: 16px; }

.okeConnect .c-loader--small::after, .okeConnect .c-loader--small::before { border-width: 2px; }

.okeConnect .c-loader--medium { height: 38px; width: 38px; }

@keyframes okeConnect-spin { 
  100% { transform: rotate(1turn); }
}

.okeConnect .c-form-col { display: flex; flex-direction: column; justify-content: center; }

.okeConnect .c-form-row { display: flex; flex-direction: row; }

.okeConnect .c-input { border-color: rgb(229, 229, 236); box-sizing: border-box; height: 45px; }

.okeConnect .c-input:hover { border-color: rgb(229, 229, 236); }

.okeConnect .c-input:focus { border-color: rgb(87, 191, 190); box-shadow: rgb(203, 242, 240) 0px 0px 0px 4px; outline: 0px; }

.okeConnect .c-checkbox-label { line-height: 1.6; }

.okeConnect .c-checkbox-input:focus ~ .c-checkbox-check { outline: rgb(87, 191, 190) auto 1px; opacity: 1; }

.okeConnect .c-checkbox-bg { border: 1px solid rgb(229, 229, 236); }

.okeConnect .c-checkbox-input:checked ~ .c-checkbox-bg { background-color: rgb(14, 125, 129); border-color: rgb(14, 125, 129); }

.okeConnect .c-textarea { border-color: rgb(229, 229, 236); border-radius: 4px; border-style: solid; border-width: 1px; height: 73px; padding: 12px; position: relative; resize: vertical; width: -webkit-fill-available; }

.okeConnect .c-textarea:focus { border-color: rgb(87, 191, 190); box-shadow: rgb(203, 242, 240) 0px 0px 0px 4px; outline: 0px; }

.okeConnect .c-rangeInput, .okeConnect .c-tagInput { color: rgb(56, 75, 87); }

.okeConnect .c-rangeInput-container, .okeConnect .c-tagInput-container { display: flex; flex-wrap: wrap; text-align: center; }

.okeConnect .c-rangeInput-label, .okeConnect .c-tagInput-label { background-color: rgb(250, 250, 251); border-radius: 4px; border: 1px solid rgb(229, 229, 236); cursor: pointer; font-size: 13px; font-weight: 600; margin-right: 4px; padding-bottom: 8px; padding-top: 8px; position: relative; transition: background-color 0.1s, box-shadow 0.1s; }

.okeConnect .c-rangeInput-label:hover, .okeConnect .c-tagInput-label:hover { background-color: rgb(244, 244, 246); }

@media (hover: none), (pointer: coarse) {
  .okeConnect .c-rangeInput-label > *, .okeConnect .c-tagInput-label > * { pointer-events: none; }
  .okeConnect .c-rangeInput-label:hover, .okeConnect .c-tagInput-label:hover { background-color: rgb(250, 250, 251); }
}

.okeConnect .c-rangeInput-label[disabled="true"], .okeConnect .c-tagInput-label[disabled="true"] { color: rgb(229, 229, 236); }

.okeConnect .c-rangeInput-label[disabled="true"]:hover, .okeConnect .c-tagInput-label[disabled="true"]:hover { background-color: rgb(250, 250, 251); }

.okeConnect .c-rangeInput-centreDot, .okeConnect .c-tagInput-centreDot { background-color: rgb(56, 75, 87); border-radius: 50%; height: 10px; left: 50%; margin-left: -5px; position: absolute; top: calc(50% - 5px); transition: background-color 0.1s; width: 10px; }

.okeConnect .c-rangeInput.hasError.isConnected .okeConnect .c-rangeInput-container, .okeConnect .c-rangeInput.hasError.isConnected .okeConnect .c-tagInput-container, .okeConnect .c-tagInput.hasError.isConnected .okeConnect .c-rangeInput-container, .okeConnect .c-tagInput.hasError.isConnected .okeConnect .c-tagInput-container { border-radius: 4px; box-shadow: rgb(237, 83, 83) 0px 0px 0px 4px; outline: 0px; }

.okeConnect .c-rangeInput.hasError:not(.isConnected) .okeConnect .c-rangeInput-label, .okeConnect .c-rangeInput.hasError:not(.isConnected) .okeConnect .c-tagInput-label, .okeConnect .c-tagInput.hasError:not(.isConnected) .okeConnect .c-rangeInput-label, .okeConnect .c-tagInput.hasError:not(.isConnected) .okeConnect .c-tagInput-label { border: 1px solid rgb(237, 83, 83); box-shadow: rgb(237, 83, 83) 0px 0px 0px 4px; outline: 0px; }

.okeConnect .c-tagInput { text-align: center; }

.okeConnect .c-tagInput-input:checked + .c-tagInput-label { background-color: rgb(14, 125, 129); border-color: rgb(14, 125, 129); color: rgb(255, 255, 255); }

.okeConnect .c-tagInput-input:checked + .c-tagInput-label .c-icon { fill: rgb(255, 255, 255); }

.okeConnect .c-tagInput-input:focus + .c-tagInput-label { border-color: rgb(87, 191, 190); box-shadow: rgb(203, 242, 240) 0px 0px 0px 4px; z-index: 1; }

.okeConnect .c-tagInput-input:focus:not(:focus-visible) + .c-tagInput-label { border-color: rgb(229, 229, 236); box-shadow: none; z-index: 0; }

.okeConnect .c-tagInput-input:checked:focus + .c-tagInput-label { border-color: rgb(14, 125, 129); }

.okeConnect .c-tagInput-input:checked + .c-tagInput-label .c-tagInput-centreDot { background-color: rgb(14, 125, 129); visibility: hidden; }

.okeConnect .c-tagInput-label { border-radius: 4px; margin-bottom: 4px; padding-left: 16px; padding-right: 16px; text-align: left; }

.okeConnect .c-tagInput-container--circles .c-tagInput-label, .okeConnect .c-tagInput-container--side-by-side .c-tagInput-label, .okeConnect .c-tagInput-container--stacked .c-tagInput-label, .okeConnect .c-tagInput-container--tags .c-tagInput-label { display: inline-flex; justify-content: center; margin-bottom: 0px; margin-right: 0px; }

.okeConnect .c-tagInput-container--circles .c-tagInput-label-image, .okeConnect .c-tagInput-container--side-by-side .c-tagInput-label-image, .okeConnect .c-tagInput-container--stacked .c-tagInput-label-image, .okeConnect .c-tagInput-container--tags .c-tagInput-label-image { border-radius: 4px; border: 1px solid rgb(229, 229, 236); }

.okeConnect .c-tagInput-container--circles .c-tagInput-label-text, .okeConnect .c-tagInput-container--side-by-side .c-tagInput-label-text, .okeConnect .c-tagInput-container--stacked .c-tagInput-label-text, .okeConnect .c-tagInput-container--tags .c-tagInput-label-text { word-break: break-word; }

.okeConnect .c-tagInput-container--circles { display: inline-grid; grid-auto-rows: 1fr; gap: 32px 48px; }

.okeConnect .c-tagInput-container--circles .c-tagInput-label { align-items: center; flex-direction: column; padding: 0px; background: none !important; border: none !important; box-shadow: none !important; }

.okeConnect .c-tagInput-container--circles .c-tagInput-label-image { border-radius: 100%; border-width: 1px; margin-bottom: 12px; position: relative; background-color: rgb(250, 250, 251) !important; }

.okeConnect .c-tagInput-container--circles .c-tagInput-label-image .c-icon { left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); width: 25%; }

.okeConnect .c-tagInput-container--circles .c-tagInput-label-image .c-icon path { fill: rgb(229, 229, 236); }

.okeConnect .c-tagInput-container--circles .c-tagInput-label-text { display: flex; flex: 1 1 0%; text-align: center; color: rgb(56, 75, 87) !important; }

.okeConnect .c-tagInput-container--circles .c-tagInput-input:checked + .c-tagInput-label .c-tagInput-label-image { border-width: 4px; }

.okeConnect .c-tagInput-container--circles .c-tagInput-input:focus + .c-tagInput-label .c-tagInput-label-image { border-color: rgb(87, 191, 190); box-shadow: rgb(203, 242, 240) 0px 0px 0px 4px; }

.okeConnect .c-tagInput-container--circles .c-tagInput-input:focus:not(:focus-visible) + .c-tagInput-label .c-tagInput-label-image { border-color: rgb(229, 229, 236); box-shadow: none; }

.okeConnect .c-tagInput-container--side-by-side { display: grid; grid-auto-rows: 1fr; gap: 4px; }

.okeConnect .c-tagInput-container--side-by-side .c-tagInput-label { align-items: center; justify-content: start; height: 100%; padding: 0px; width: 100%; }

.okeConnect .c-tagInput-container--side-by-side .c-tagInput-label-image { margin: 4px 0px 4px 4px; max-width: 50%; }

.okeConnect .c-tagInput-container--side-by-side .c-tagInput-label-text { padding: 8px 12px; }

@media (min-width: 1024px) {
  .okeConnect .c-tagInput-container--side-by-side.c-tagInput-container--noImages.c-tagInput-container--singleColumn { margin: 0px auto; max-width: 40vw; }
}

.okeConnect .c-tagInput-container--side-by-side.c-tagInput-container--noImages .c-tagInput-label { justify-content: center; text-align: center; }

.okeConnect .c-tagInput-container--stacked { display: grid; grid-auto-rows: 1fr; gap: 4px; }

.okeConnect .c-tagInput-container--stacked .c-tagInput-label { flex-direction: column; flex: 1 1 0%; height: 100%; padding: 8px; width: 100%; }

.okeConnect .c-tagInput-container--stacked .c-tagInput-label-image { background-color: rgb(255, 255, 255); margin-bottom: 8px; width: 100%; }

.okeConnect .c-tagInput-container--stacked .c-tagInput-label-text { align-items: center; display: flex; flex: 1 1 0%; justify-content: center; text-align: center; }

@media (min-width: 1024px) {
  .okeConnect .c-tagInput-container--stacked.c-tagInput-container--noImages.c-tagInput-container--singleColumn { margin: 0px auto; max-width: 40vw; }
}

.okeConnect .c-tagInput-container--tags { justify-content: center; }

.okeConnect .c-tagInput-container--tags .c-tagInput-label { align-items: center; padding: 0px; margin-bottom: 4px; margin-right: 4px; }

.okeConnect .c-tagInput-container--tags .c-tagInput-label-image { margin: 4px 0px 4px 4px; max-width: 50%; }

.okeConnect .c-tagInput-container--tags .c-tagInput-label-text { padding: 8px 12px; }

.okeConnect .c-tagInput-tag { position: relative; }

.okeConnect .c-tagInput-tag .u-assistive-hidden { left: 0px; position: absolute; top: 0px; }

.okeConnect .c-rangeInput-input:checked + .c-rangeInput-label { background-color: rgb(14, 125, 129); border-color: rgb(14, 125, 129); color: rgb(255, 255, 255); }

.okeConnect .c-rangeInput-input:checked + .c-rangeInput-label .c-icon { fill: rgb(255, 255, 255); }

.okeConnect .c-rangeInput-input:focus + .c-rangeInput-label { border-color: rgb(87, 191, 190); box-shadow: rgb(203, 242, 240) 0px 0px 0px 4px; z-index: 1; }

.okeConnect .c-rangeInput-input:focus:not(:focus-visible) + .c-rangeInput-label { border-color: rgb(229, 229, 236); box-shadow: none; z-index: 0; }

.okeConnect .c-rangeInput-input:checked:focus + .c-rangeInput-label { border-color: rgb(14, 125, 129); }

.okeConnect .c-rangeInput-input:checked + .c-rangeInput-label .c-rangeInput-centreDot { background-color: rgb(14, 125, 129); visibility: hidden; }

.okeConnect .c-rangeInput-container { flex-wrap: nowrap; margin-bottom: 4px; }

.okeConnect .c-rangeInput-label { flex-grow: 1; }

.okeConnect .c-rangeInput-label:last-of-type { margin-right: 0px; }

.okeConnect .c-rangeInput.isConnected .okeConnect .c-rangeInput-label { border-right: none; border-radius: 0px; margin-right: 0px; }

.okeConnect .c-rangeInput.isConnected .okeConnect .c-rangeInput-label:first-of-type { border-radius: 4px 0px 0px 4px; }

.okeConnect .c-rangeInput.isConnected .okeConnect .c-rangeInput-label:last-of-type { border-right: 1px solid rgb(229, 229, 236); border-radius: 0px 4px 4px 0px; }

.okeConnect .c-rangeInput-input:checked + .c-rangeInput-label:last-of-type { border-color: rgb(14, 125, 129); }

.okeConnect .c-rangeInput.hasError.isConnected .okeConnect .c-rangeInput-label { border-color: rgb(237, 83, 83); }

.okeConnect .c-rangeInput-displayLabel { font-size: 13px; }

.okeConnect .c-rangeInput-displayLabel--half { flex-basis: 50%; }

.okeConnect .c-rangeInput-displayLabel--third { flex-basis: 33.3%; }

.okeConnect .c-rangeInput-displayLabel--third:nth-of-type(2) { font-weight: 600; text-align: center; }

.okeConnect .c-rangeInput-displayLabel:first-of-type { text-align: left; }

.okeConnect .c-rangeInput-displayLabel:last-of-type { text-align: right; }

.okeConnect .c-select { border-radius: 4px; border: 1px solid rgb(229, 229, 236); height: 46px; outline: 0px; padding-left: 12px; transition: box-shadow 0.1s; width: 100%; }

.okeConnect .c-select:focus { border-color: rgb(87, 191, 190); box-shadow: rgb(203, 242, 240) 0px 0px 0px 4px; }

.okeConnect .c-select.hasError { border: 1px solid rgb(237, 83, 83); box-shadow: rgb(237, 83, 83) 0px 0px 0px 4px; outline: 0px; }

@keyframes okeConnect-image-loading-animation { 
  0% { background-position: 0px center; }
  50% { background-position: 100% center; }
  100% { background-position: 0px center; }
}

.okeConnect .slide-enter-active { animation: 0.3s ease 0s 1 normal none running okeConnect-slide-out; }

.okeConnect .slide-leave-active { animation: 0.3s ease 0s 1 normal none running okeConnect-slide-in; }

.okeConnect .slide-reverse-enter-active { animation: 0.3s ease 0s 1 reverse none running okeConnect-slide-in; }

.okeConnect .slide-reverse-leave-active { animation: 0.3s ease 0s 1 reverse none running okeConnect-slide-out; }

@keyframes okeConnect-slide-in { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-150%); }
}

@keyframes okeConnect-slide-out { 
  0% { transform: translateX(150%); }
  100% { transform: translateX(0px); }
}

.okeConnect .fade-enter-active, .okeConnect .fade-leave-active { transition: opacity 0.5s; }

.okeConnect .fade-enter-from, .okeConnect .fade-leave-to { opacity: 0; }

.okeConnect .modal--slide-bottom-enter-active { animation: 0.3s ease 0s 1 normal none running okeConnect-modal--mobile-slide-bottom-in; }

@media (min-width: 480px) {
  .okeConnect .modal--slide-bottom-enter-active { animation: 0.3s ease 0s 1 normal none running okeConnect-modal--slide-bottom-in; }
}

.okeConnect .modal--slide-bottom-leave-active { animation: 0.3s ease 0s 1 normal none running okeConnect-modal--mobile-slide-bottom-out; }

@media (min-width: 480px) {
  .okeConnect .modal--slide-bottom-leave-active { animation: 0.3s ease 0s 1 normal none running okeConnect-modal--slide-bottom-out; }
}

.okeConnect .modal--slide-bottom-preview-enter-active { animation: 0.3s ease 0s 1 normal none running okeConnect-modal--mobile-slide-bottom-in; opacity: 1; }

.okeConnect .modal--slide-bottom-preview-enter-from, .okeConnect .modal--slide-bottom-preview-leave-from, .okeConnect .modal--slide-bottom-preview-leave-to { opacity: 0; }

@keyframes okeConnect-modal--slide-bottom-in { 
  0% { top: 150%; }
  100% { top: 50%; }
}

@keyframes okeConnect-modal--slide-bottom-out { 
  0% { top: 50%; }
  100% { top: 150%; }
}

@keyframes okeConnect-modal--mobile-slide-bottom-in { 
  0% { bottom: -50%; }
  100% { bottom: 0px; }
}

@keyframes okeConnect-modal--mobile-slide-bottom-out { 
  0% { bottom: 0px; }
  100% { bottom: -50%; }
}

.okeConnect .popOver--slide-bottom-enter-active { animation: 0.3s ease 0s 1 normal none running okeConnect-popOver--slide-bottom-in; }

.okeConnect .popOver--slide-bottom-leave-active { animation: 0.3s ease 0s 1 normal none running okeConnect-popOver--slide-bottom-out; }

.okeConnect .popOver--slide-bottom-preview-enter-active { animation: 0.3s ease 0s 1 normal none running okeConnect-popOver--slide-bottom-in; }

.okeConnect .popOver--slide-bottom-preview-enter-from, .okeConnect .popOver--slide-bottom-preview-leave-from, .okeConnect .popOver--slide-bottom-preview-leave-to { opacity: 0; }

@keyframes okeConnect-popOver--slide-bottom-in { 
  0% { opacity: 0; transform: translateY(120%); }
  5% { opacity: 1; }
  100% { transform: translateY(0px); }
}

@keyframes okeConnect-popOver--slide-bottom-out { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(120%); }
}

.okeConnect .popOver--slide-top-enter-active { animation: 0.3s ease 0s 1 normal none running okeConnect-popOver--slide-top-in; }

.okeConnect .popOver--slide-top-leave-active { animation: 0.3s ease 0s 1 normal none running okeConnect-popOver--slide-top-out; }

.okeConnect .popOver--slide-top-preview-enter-active { animation: 0.3s ease 0s 1 normal none running okeConnect-popOver--slide-top-in; }

.okeConnect .popOver--slide-top-preview-enter-from, .okeConnect .popOver--slide-top-preview-leave-from, .okeConnect .popOver--slide-top-preview-leave-to { opacity: 0; }

@keyframes okeConnect-popOver--slide-top-in { 
  0% { opacity: 0; transform: translateY(-120%); }
  5% { opacity: 1; }
  100% { transform: translateY(0px); }
}

@keyframes okeConnect-popOver--slide-top-out { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(-120%); }
}

.okeConnect .bubbleCard--slide-bottom-enter-active { animation: 0.3s ease 0s 1 normal none running okeConnect-bubbleCard--slide-bottom-in; }

.okeConnect .bubbleCard--slide-bottom-leave-active { animation: 0.3s ease 0s 1 normal none running okeConnect-bubbleCard--slide-bottom-out; }

.okeConnect .bubbleCard--slide-top-enter-active { animation: 0.3s ease 0s 1 normal none running okeConnect-bubbleCard--slide-top-in; }

.okeConnect .bubbleCard--slide-top-leave-active { animation: 0.3s ease 0s 1 normal none running okeConnect-bubbleCard--slide-top-out; }

@keyframes okeConnect-bubbleCard--slide-bottom-in { 
  0% { opacity: 0; transform: translateY(30px); }
  25% { opacity: 1; }
  100% { transform: translateY(0px); }
}

@keyframes okeConnect-bubbleCard--slide-bottom-out { 
  0% { transform: translateY(0px); }
  50% { opacity: 0; }
  100% { opacity: 0; transform: translateY(30px); }
}

@keyframes okeConnect-bubbleCard--slide-top-in { 
  0% { opacity: 0; transform: translateY(-30px); }
  25% { opacity: 1; }
  100% { transform: translateY(0px); }
}

@keyframes okeConnect-bubbleCard--slide-top-out { 
  0% { transform: translateY(0px); }
  50% { opacity: 0; }
  100% { opacity: 0; transform: translateY(-30px); }
}

.okeConnect.okeQuizzes.okeQuizzes .c-button, .okeConnect.okeQuizzes.okeQuizzes .c-button:disabled { background-color: var(--oke-quiz-button-background-color); border: var(--oke-quiz-button-border); border-radius: var(--oke-quiz-button-border-radius); color: var(--oke-quiz-button-font-text-color); font-family: var(--oke-quiz-button-font-family); font-size: var(--oke-quiz-button-font-size); font-weight: var(--oke-quiz-button-font-weight); }

.okeConnect.okeQuizzes.okeQuizzes .c-button:focus, .okeConnect.okeQuizzes.okeQuizzes .c-button:hover { background-color: var(--oke-quiz-button-hover-background-color); color: var(--oke-quiz-button-hover-text-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-checkbox-label { color: var(--oke-quiz-subtitle-font-text-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-checkbox-bg { border-color: var(--oke-quiz-question-text-field-border-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-checkbox-input:focus ~ .c-checkbox-check { outline-color: var(--oke-quiz-question-text-field-focus-border-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-checkbox-input:checked ~ .c-checkbox-bg { background-color: var(--oke-quiz-button-background-color); border-color: var(--oke-quiz-button-background-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-input, .okeConnect.okeQuizzes.okeQuizzes .c-input:hover { border: var(--oke-quiz-question-text-field-border); border-radius: var(--oke-quiz-question-text-field-border-radius); color: var(--oke-quiz-question-text-field-font-text-color); font-family: var(--oke-quiz-question-text-field-font-family); font-size: var(--oke-quiz-question-text-field-font-size); font-weight: var(--oke-quiz-question-text-field-font-weight); }

.okeConnect.okeQuizzes.okeQuizzes .c-input:focus { box-shadow: 0 0 0 4px var(--oke-quiz-question-text-field-focus-border-shadow-color); outline: 0px; border: var(--oke-quiz-question-text-field-focus-border); border-radius: var(--oke-quiz-question-text-field-focus-border-radius); }

.okeConnect.okeQuizzes.okeQuizzes .c-loader--buttonTextColor::after { border-right-color: var(--oke-quiz-button-font-text-color); border-top-color: var(--oke-quiz-button-font-text-color); border-left-color: var(--oke-quiz-button-font-text-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-progressBar-background { opacity: 0.5; background-color: var(--oke-quiz-progress-bar-background-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-progressBar-progress { background-color: var(--oke-quiz-progress-bar-selected-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-progressText, .okeConnect.okeQuizzes.okeQuizzes .c-questionsForm .c-terms, .okeConnect.okeQuizzes.okeQuizzes .c-questionsForm .l-button-center--showBackButton .c-questionsForm-back:not(:hover) { color: var(--oke-quiz-title-font-text-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-questionsForm .l-button-center--showBackButton .c-questionsForm-back--withDefaultBorder { box-shadow: 0 0 0 1px var(--oke-quiz-subtitle-font-text-color) inset; }

.okeConnect.okeQuizzes.okeQuizzes .c-questionsForm .l-button-center--showBackButton .c-questionsForm-back--withDefaultBorder:hover { box-shadow: 0 0 0 1px var(--oke-quiz-title-font-text-color) inset; }

.okeConnect.okeQuizzes.okeQuizzes .c-questionsForm-skip { color: var(--oke-quiz-button-font-text-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-title.c-questions-header-title, .okeConnect.okeQuizzes.okeQuizzes .c-title.c-startPanel-title { color: var(--oke-quiz-title-font-text-color); font-family: var(--oke-quiz-title-font-family); font-size: var(--oke-quiz-title-font-size); font-weight: var(--oke-quiz-title-font-weight); }

.okeConnect.okeQuizzes.okeQuizzes .c-subtitle.c-questions-header-subtitle, .okeConnect.okeQuizzes.okeQuizzes .c-subtitle.c-startPanel-subtitle { color: var(--oke-quiz-subtitle-font-text-color); font-family: var(--oke-quiz-subtitle-font-family); font-size: var(--oke-quiz-subtitle-font-size); font-weight: var(--oke-quiz-subtitle-font-weight); }

.okeConnect.okeQuizzes.okeQuizzes .c-quiz { background-color: var(--oke-quiz-card-background-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-rangeInput-input:checked + .c-rangeInput-label { background-color: var(--oke-quiz-question-option-selected-background-color); border-color: var(--oke-quiz-question-option-selected-background-color); color: var(--oke-quiz-question-option-selected-text-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-rangeInput-input:checked + .c-rangeInput-label .c-icon { fill: var(--oke-quiz-question-option-selected-text-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-rangeInput-input:focus + .c-rangeInput-label { border-color: var(--oke-quiz-question-option-hover-background-color); box-shadow: 0 0 0 4px var(--oke-quiz-question-option-hover-background-color); z-index: 1; }

.okeConnect.okeQuizzes.okeQuizzes .c-rangeInput-input:focus:not(:focus-visible) + .c-rangeInput-label { border-color: var(--oke-quiz-question-option-border-color); box-shadow: none; z-index: 0; }

.okeConnect.okeQuizzes.okeQuizzes .c-rangeInput-input:checked:focus + .c-rangeInput-label { border-color: var(--oke-quiz-question-option-selected-background-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-rangeInput-input:checked + .c-rangeInput-label .c-rangeInput-centreDot { background-color: var(--oke-quiz-question-option-selected-background-color); visibility: hidden; }

.okeConnect.okeQuizzes.okeQuizzes .c-rangeInput-centreDot { background-color: var(--oke-quiz-question-option-font-text-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-rangeInput-input:checked + .okeConnect.okeQuizzes.okeQuizzes-label:last-of-type { border-color: var(--oke-quiz-question-option-selected-background-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-rangeInput-label, .okeConnect.okeQuizzes.okeQuizzes .c-rangeInput-label[disabled="true"], .okeConnect.okeQuizzes.okeQuizzes .c-rangeInput.isConnected .c-rangeInput-label:last-of-type { border: var(--oke-quiz-question-option-border); border-radius: var(--oke-quiz-question-option-border-radius); color: var(--oke-quiz-question-option-font-text-color); font-family: var(--oke-quiz-question-option-font-family); font-size: var(--oke-quiz-question-option-font-size); font-weight: var(--oke-quiz-question-option-font-weight); }

.okeConnect.okeQuizzes.okeQuizzes .c-rangeInput-label, .okeConnect.okeQuizzes.okeQuizzes .c-rangeInput-label[disabled="true"]:hover { background-color: var(--oke-quiz-question-option-background-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-rangeInput-label:hover { background-color: var(--oke-quiz-question-option-hover-background-color); color: var(--oke-quiz-question-option-hover-text-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-recommendedProduct .c-recommendedProduct-description, .okeConnect.okeQuizzes.okeQuizzes .c-recommendedProduct .c-recommendedProduct-description a, .okeConnect.okeQuizzes.okeQuizzes .c-recommendedProduct .c-resultProductRating-reviewsCount { color: var(--oke-quiz-result-secondary-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-recommendedProduct--grid .c-recommendedProduct-name, .okeConnect.okeQuizzes.okeQuizzes .c-recommendedProduct--list .c-recommendedProduct-nameAndPrice { color: var(--oke-quiz-result-primary-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-recommendedProduct--grid .c-recommendedProduct-price, .okeConnect.okeQuizzes.okeQuizzes .c-recommendedProduct-sellingPlans-singlePlan { color: var(--oke-quiz-result-secondary-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-recommendedProduct-sellingPlans-planGroups label, .okeConnect.okeQuizzes.okeQuizzes .c-recommendedProduct-sellingPlans-singlePlan-name { color: var(--oke-quiz-result-primary-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-recommendedProduct-sellingPlans-planGroups label::after { background-color: var(--oke-quiz-result-primary-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-recommendedProduct-sellingPlans-planGroups label:has(input[type="radio"]:checked)::before { border-color: var(--oke-quiz-result-primary-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-recommendedProduct-sellingPlanSelector-name, .okeConnect.okeQuizzes.okeQuizzes .c-recommendedProduct-variantSelector-optionsLabel, .okeConnect.okeQuizzes.okeQuizzes .c-submitEmail { color: var(--oke-quiz-result-primary-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-coupon-reward-description { color: var(--oke-quiz-result-secondary-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-coupon-reward-title, .okeConnect.okeQuizzes.okeQuizzes .c-resultBlock-title { color: var(--oke-quiz-result-primary-color); font-family: var(--oke-quiz-result-title-font-family); font-size: var(--oke-quiz-result-title-font-size); font-weight: var(--oke-quiz-result-title-font-weight); }

.okeConnect.okeQuizzes.okeQuizzes .c-resultBlock-subtitle { color: var(--oke-quiz-result-secondary-color); font-family: var(--oke-quiz-result-subtitle-font-family); font-size: var(--oke-quiz-result-subtitle-font-size); font-weight: var(--oke-quiz-result-subtitle-font-weight); }

.okeConnect.okeQuizzes.okeQuizzes .c-resultButton.c-resultButton-primary, .okeConnect.okeQuizzes.okeQuizzes .c-resultButton.c-resultButton-primary:disabled { background-color: var(--oke-quiz-result-primary-button-background-color); border: var(--oke-quiz-result-primary-button-border); border-radius: var(--oke-quiz-result-primary-button-border-radius); color: var(--oke-quiz-result-primary-button-font-text-color); font-family: var(--oke-quiz-result-primary-button-font-family); font-size: var(--oke-quiz-result-primary-button-font-size); font-weight: var(--oke-quiz-result-primary-button-font-weight); }

.okeConnect.okeQuizzes.okeQuizzes .c-resultButton.c-resultButton-primary:hover { background-color: var(--oke-quiz-result-primary-button-hover-background-color); color: var(--oke-quiz-result-primary-button-hover-text-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-resultButton.c-resultButton-secondary, .okeConnect.okeQuizzes.okeQuizzes .c-resultButton.c-resultButton-secondary:disabled { background-color: var(--oke-quiz-result-secondary-button-background-color); border: var(--oke-quiz-result-secondary-button-border); border-radius: var(--oke-quiz-result-secondary-button-border-radius); color: var(--oke-quiz-result-secondary-button-font-text-color); font-family: var(--oke-quiz-result-secondary-button-font-family); font-size: var(--oke-quiz-result-secondary-button-font-size); font-weight: var(--oke-quiz-result-secondary-button-font-weight); }

.okeConnect.okeQuizzes.okeQuizzes .c-resultButton.c-resultButton-secondary:hover { background-color: var(--oke-quiz-result-secondary-button-hover-background-color); color: var(--oke-quiz-result-secondary-button-hover-text-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-resultButton-primary .c-resultButton-icon svg { height: calc(var(--oke-quiz-result-primary-button-font-size)*0.8); width: calc(var(--oke-quiz-result-primary-button-font-size)*0.8); }

.okeConnect.okeQuizzes.okeQuizzes .c-resultButton-secondary .c-resultButton-icon svg { height: calc(var(--oke-quiz-result-secondary-button-font-size)*0.8); width: calc(var(--oke-quiz-result-secondary-button-font-size)*0.8); }

.okeConnect.okeQuizzes.okeQuizzes .c-recommendedProduct-image, .okeConnect.okeQuizzes.okeQuizzes .c-recommendedProduct-imagePlaceholder { border: var(--oke-quiz-result-product-image-border); border-radius: var(--oke-quiz-result-product-image-border-radius); }

.okeConnect.okeQuizzes.okeQuizzes .c-select { border: var(--oke-quiz-question-text-field-border); border-radius: var(--oke-quiz-question-text-field-border-radius); color: var(--oke-quiz-question-text-field-font-text-color); font-family: var(--oke-quiz-question-text-field-font-family); font-size: var(--oke-quiz-question-text-field-font-size); font-weight: var(--oke-quiz-question-text-field-font-weight); }

.okeConnect.okeQuizzes.okeQuizzes .c-select:focus { border-top-style: ; border-top-width: ; border-right-style: ; border-right-width: ; border-bottom-style: ; border-bottom-width: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--oke-quiz-question-text-field-focus-border-radius); border-color: var(--oke-quiz-question-text-field-focus-border-color); box-shadow: 0 0 0 4px var(--oke-quiz-question-text-field-focus-border-shadow-color); outline: 0px; }

.okeConnect.okeQuizzes.okeQuizzes .c-starRating-stars--empty { stroke: var(--oke-quiz-star-empty-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-starRating-stars--filled { fill: var(--oke-quiz-star-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-starRating-radioButton:focus ~ .c-starRating-stars--empty { box-shadow: 0 0 0 4px var(--oke-quiz-question-option-hover-background-color),inset 0 0 0 1px var(--oke-quiz-question-option-hover-background-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-tagInput-input:checked + .c-tagInput-label { background-color: var(--oke-quiz-question-option-selected-background-color); border-color: var(--oke-quiz-question-option-selected-background-color); color: var(--oke-quiz-question-option-selected-text-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-tagInput-input:checked + .c-tagInput-label .c-icon { fill: var(--oke-quiz-question-option-selected-text-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-tagInput-input:focus + .c-tagInput-label { border-color: var(--oke-quiz-question-option-hover-background-color); box-shadow: 0 0 0 4px var(--oke-quiz-question-option-hover-background-color); z-index: 1; }

.okeConnect.okeQuizzes.okeQuizzes .c-tagInput-input:focus:not(:focus-visible) + .c-tagInput-label { border-color: var(--oke-quiz-question-option-border-color); box-shadow: none; z-index: 0; }

.okeConnect.okeQuizzes.okeQuizzes .c-tagInput-input:checked:focus + .c-tagInput-label { border-color: var(--oke-quiz-question-option-selected-background-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-tagInput-input:checked + .c-tagInput-label .c-tagInput-centreDot { background-color: var(--oke-quiz-question-option-selected-background-color); visibility: hidden; }

.okeConnect.okeQuizzes.okeQuizzes .c-tagInput-centreDot { background-color: var(--oke-quiz-question-option-font-text-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-tagInput-label, .okeConnect.okeQuizzes.okeQuizzes .c-tagInput-label[disabled="true"] { border: var(--oke-quiz-question-option-border); border-radius: var(--oke-quiz-question-option-border-radius); color: var(--oke-quiz-question-option-font-text-color); font-family: var(--oke-quiz-question-option-font-family); font-size: var(--oke-quiz-question-option-font-size); font-weight: var(--oke-quiz-question-option-font-weight); }

.okeConnect.okeQuizzes.okeQuizzes .c-tagInput-label, .okeConnect.okeQuizzes.okeQuizzes .c-tagInput-label[disabled="true"]:hover { background-color: var(--oke-quiz-question-option-background-color); }

@media (hover: hover) and (pointer: fine) {
  .okeConnect.okeQuizzes.okeQuizzes .c-tagInput-label:hover { background-color: var(--oke-quiz-question-option-hover-background-color); color: var(--oke-quiz-question-option-hover-text-color); }
}

.okeConnect.okeQuizzes.okeQuizzes .c-tagInput-label-image { border: var(--oke-quiz-question-option-border); }

.okeConnect.okeQuizzes.okeQuizzes .c-tagInput-container--circles .c-tagInput-label-image { background-color: var(--oke-quiz-question-option-background-color) !important; }

.okeConnect.okeQuizzes.okeQuizzes .c-tagInput-container--circles .c-tagInput-label-image .c-icon path { fill: var(--oke-quiz-question-option-border-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-tagInput-container--circles .c-tagInput-label-text { color: var(--oke-quiz-question-option-font-text-color) !important; }

.okeConnect.okeQuizzes.okeQuizzes .c-tagInput-container--circles .c-tagInput-input:focus + .c-tagInput-label .c-tagInput-label-image { border-color: var(--oke-quiz-question-option-hover-background-color); box-shadow: 0 0 0 4px var(--oke-quiz-question-option-hover-background-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-tagInput-container--circles .c-tagInput-input:focus:not(:focus-visible) + .c-tagInput-label .c-tagInput-label-image { border-color: var(--oke-quiz-question-option-border-color); box-shadow: none; }

.okeConnect.okeQuizzes.okeQuizzes .c-terms a { color: var(--oke-quiz-subtitle-font-text-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-textarea { border: var(--oke-quiz-question-text-field-border); border-radius: var(--oke-quiz-question-text-field-border-radius); color: var(--oke-quiz-question-text-field-font-text-color); font-family: var(--oke-quiz-question-text-field-font-family); font-size: var(--oke-quiz-question-text-field-font-size); font-weight: var(--oke-quiz-question-text-field-font-weight); }

.okeConnect.okeQuizzes.okeQuizzes .c-textarea:focus { border-color: var(--oke-quiz-question-text-field-focus-border-color); box-shadow: 0 0 0 4px var(--oke-quiz-question-text-field-focus-border-shadow-color); outline: 0px; }

.okeConnect.okeQuizzes.okeQuizzes .c-variantSelector-optionList-option-name, .okeConnect.okeQuizzes.okeQuizzes .c-variantSelector-optionList-option-values-item { color: var(--oke-quiz-result-primary-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-variantSelector-optionList-option-values-item .c-icon svg path { fill: var(--oke-quiz-result-primary-color); }

.okeConnect.okeQuizzes.okeQuizzes .c-variantSelector-optionList-option-values-item.is-active { border-color: var(--oke-quiz-result-primary-color); }

.okeConnect .c-errorDisplay[data-v-0bcacc39] { align-items: center; display: flex; flex-direction: column; justify-content: center; min-height: 150px; padding: 24px; }

.okeConnect .c-errorDisplay-img[data-v-0bcacc39] { width: 100%; max-width: 200px; margin-bottom: 16px; }

.okeConnect .c-errorDisplay-retry[data-v-0bcacc39] { display: block; margin: 0px auto 24px; padding: 8px 16px; }

.okeConnect .c-errorDisplay-title[data-v-0bcacc39] { font-size: 20px; font-weight: 600; line-height: 32px; margin-bottom: 4px; padding: 8px; }

.okeConnect .c-errorDisplay-msg[data-v-0bcacc39] { font-size: 14px; line-height: 20px; text-align: center; white-space: pre-line; }

.okeConnect .c-icon { font-family: sans-serif; line-height: 1em; min-height: 1em; text-align: center; vertical-align: middle; }

.okeConnect .c-icon--white { fill: rgb(255, 255, 255); }

.okeConnect .c-icon--edit { fill: rgb(255, 255, 255); height: 18px; line-height: 52px; margin: auto; width: 18px; }

.okeConnect .c-icon--success { fill: rgb(0, 202, 170); }

.okeConnect .c-icon--fail { fill: rgb(212, 69, 69); }

.okeConnect .c-icon--warning { fill: rgb(255, 152, 0); }

.okeConnect .c-icon--info { fill: rgb(67, 161, 250); }

.okeConnect .c-icon--poweredBy { fill: rgb(103, 105, 134); }

.okeConnect .c-icon--poweredBy:hover { fill: rgb(154, 157, 177); }

.okeConnect .c-icon--media { line-height: 52px; margin: auto; width: 20px; }

.okeConnect .c-icon--removeMedia { fill: rgb(255, 255, 255); height: 14px; width: 14px; }

.okeConnect .c-icon--closeModal { fill: rgb(255, 255, 255); height: 32px; width: 32px; }

.okeConnect .c-icon--reviewStep { height: 18px; margin: auto; width: 18px; }

.okeConnect .c-icon--small { height: 16px; margin: auto; width: 16px; }

.okeConnect .c-icon--xSmall { height: 13px; line-height: 27px; margin: auto; width: 13px; }

.okeConnect .c-icon--centredRange { fill: transparent; line-height: 0; }

.okeConnect .c-icon--centredRange svg { height: 19px; }

.okeConnect .c-icon--closeNotificationBar { fill: rgb(103, 105, 134); height: 32px; width: 32px; }

.okeConnect .c-loadingSpinner[data-v-455d6682] { align-items: center; display: flex; flex-direction: column; min-height: 150px; padding: 24px; justify-content: center; }

.okeConnect .c-loader--small[data-v-455d6682] { height: 28px; width: 28px; }

.okeConnect.okeQuizzes .c-header { display: flex; align-items: center; justify-content: center; position: relative; text-align: center; }

.okeConnect.okeQuizzes .c-header--logo { padding: 16px; }

.okeConnect.okeQuizzes .c-header--banner .okeConnect.okeQuizzes .c-header-image { width: 100%; }

.okeConnect.okeQuizzes .c-header-image { display: block; height: 100%; max-width: 100%; object-fit: cover; }

.okeConnect.okeQuizzes .c-header-imagePreloader { height: 0px; width: 0px; }

.okeConnect.okeQuizzes .c-header-loadingPlaceholder { background: linear-gradient(90deg, rgba(0, 0, 0, 0.02) 30%, rgba(0, 0, 0, 0.07) 50%, rgba(0, 0, 0, 0.02) 70%) 0% 0% / 200% 100%; animation: 1.5s ease 0s infinite normal none running okeConnect-image-loading-animation; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; }

.okeConnect.okeQuizzes .c-header--withDivider.c-header--alignedTop { border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(229, 229, 235); }

.okeConnect.okeQuizzes .c-header--withDivider.c-header--alignedLeft { border-top: none; border-bottom: none; border-left: none; border-image: initial; border-right: 1px solid rgb(229, 229, 235); height: 100%; }

.okeConnect.okeQuizzes .c-header--withDivider.c-header--alignedRight { border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px solid rgb(229, 229, 235); height: 100%; }

.okeConnect.okeQuizzes .c-header:not(.c-header--withDivider) { border: none; }

.okeConnect.okeQuizzes .l-headerAlignedContent { display: flex; }

.okeConnect.okeQuizzes .l-headerAlignedContent--top { flex-direction: column; }

.okeConnect.okeQuizzes .l-headerAlignedContent--left { flex-direction: row; }

.okeConnect.okeQuizzes .l-headerAlignedContent--right { flex-direction: row-reverse; }

.okeConnect.okeQuizzes .l-headerAlignedContent--left:not(.l-headerAlignedContent--stacked) .l-headerImage, .okeConnect.okeQuizzes .l-headerAlignedContent--right:not(.l-headerAlignedContent--stacked) .l-headerImage { display: flex; }

.okeConnect.okeQuizzes .l-headerAlignedContent--left:not(.l-headerAlignedContent--stacked) .l-content, .okeConnect.okeQuizzes .l-headerAlignedContent--right:not(.l-headerAlignedContent--stacked) .l-content { flex: 1 1 0%; overflow: hidden; }

.okeConnect.okeQuizzes .l-headerAlignedContent--left:not(.l-headerAlignedContent--stacked) .l-content .c-pageContent, .okeConnect.okeQuizzes .l-headerAlignedContent--right:not(.l-headerAlignedContent--stacked) .l-content .c-pageContent { min-height: 100%; }

.okeConnect.okeQuizzes .l-headerAlignedContent--left:not(.l-headerAlignedContent--stacked) .l-content .c-questionsForm, .okeConnect.okeQuizzes .l-headerAlignedContent--left:not(.l-headerAlignedContent--stacked) .l-content .c-resultPanel-sections, .okeConnect.okeQuizzes .l-headerAlignedContent--left:not(.l-headerAlignedContent--stacked) .l-content .c-startPanel, .okeConnect.okeQuizzes .l-headerAlignedContent--right:not(.l-headerAlignedContent--stacked) .l-content .c-questionsForm, .okeConnect.okeQuizzes .l-headerAlignedContent--right:not(.l-headerAlignedContent--stacked) .l-content .c-resultPanel-sections, .okeConnect.okeQuizzes .l-headerAlignedContent--right:not(.l-headerAlignedContent--stacked) .l-content .c-startPanel { flex: 1 1 0%; justify-content: center; }

.okeConnect.okeQuizzes .l-headerAlignedContent--stacked { flex-direction: column; }

.okeConnect.okeQuizzes .l-headerAlignedContent--stacked .c-header--withDivider.c-header--alignedLeft, .okeConnect.okeQuizzes .l-headerAlignedContent--stacked .c-header--withDivider.c-header--alignedRight { border-bottom: 1px solid rgb(229, 229, 235); border-left: unset; border-right: unset; height: unset; width: 100%; }

.okeConnect .c-pageContent { align-items: center; display: flex; flex-direction: column; justify-content: center; position: relative; }

.okeConnect .c-pageContent-footer { align-self: stretch; background-color: rgb(229, 229, 236); padding: 12px; position: relative; }

.okeConnect .c-pageContent .c-questionsForm { padding-top: 24px; }

@media (min-width: 768px) {
  .okeConnect .c-pageContent .c-questionsForm { padding-top: 32px; }
}

.okeConnect.okeQuizzes .c-startPanel-title { font-size: 20px; font-weight: 600; }

.okeConnect.okeQuizzes .c-startPanel-button { margin: 12px 0px; padding: 12px 16px; }

.okeConnect .c-progressBar[data-v-97d29dc6] { position: relative; height: 4px; width: 100%; }

.okeConnect .c-progressBar-background[data-v-97d29dc6] { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

.okeConnect .c-progressBar-progress[data-v-97d29dc6] { display: inline-block; height: 100%; position: absolute; top: 0px; left: 0px; transition: width 0.2s; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.okeConnect .c-progressBar--bar-short[data-v-97d29dc6] { border-radius: 4px; margin-bottom: 8px; margin-top: 8px; width: 140px; max-width: 80%; overflow: hidden; }

.okeConnect .c-progressText[data-v-14dd10af] { display: flex; align-items: center; text-align: center; font-size: 13px; }

.okeConnect .c-emailInput .c-checkbox-label { font-size: 14px; line-height: 1.2; text-align: left; }

.okeConnect .c-customAnswerInput[data-v-650f29de] { margin-bottom: 4px; margin-top: 16px; text-align: left; width: 100%; }

.okeConnect .c-customAnswerInput-label[data-v-650f29de] { font-size: 13px; }

.c-dateSelect[data-v-74d9d34d] { display: flex; }

.c-dateSelect-select[data-v-74d9d34d] { margin-right: 8px; }

.c-dateSelect-select[data-v-74d9d34d]:last-of-type { margin-right: 0px; }

.c-locationSelect[data-v-c8058d16] { display: flex; }

.c-locationSelect-select[data-v-c8058d16] { margin-right: 8px; }

.c-locationSelect-select[data-v-c8058d16]:last-of-type { margin-right: 0px; }

.c-locationSelect--narrow[data-v-c8058d16] { flex-direction: column; }

.c-locationSelect--narrow .c-locationSelect-select[data-v-c8058d16] { margin-bottom: 12px; }

.c-locationSelect--narrow .c-locationSelect-select[data-v-c8058d16]:last-of-type { margin-bottom: 0px; }

.okeConnect .c-starRating { display: block; }

.okeConnect .c-starRating-stars { position: absolute; overflow: hidden; transition: box-shadow 0.1s; }

.okeConnect .c-starRating-stars > svg { height: 39px; width: 201px; }

.okeConnect .c-starRating-stars--error { display: none; }

.okeConnect .c-starRating-stars--empty { fill: transparent; stroke: rgb(199, 204, 219); }

.okeConnect .c-starRating-stars--filled { fill: rgb(255, 175, 0); }

.okeConnect .c-starRating.hasError:not(:hover) .c-starRating-stars--error { display: block; }

.okeConnect .c-starRating.hasError:not(:hover) .c-starRating-stars--empty { display: none; }

.okeConnect .c-starRating-container { display: inline-flex; margin-left: -4px; margin-top: -2px; position: relative; }

.okeConnect .c-starRating-label { cursor: pointer; display: inline-block; height: 39px; position: relative; width: 40.2px; z-index: 1; }

.okeConnect .c-starRating-label-1-of-5:hover ~ .c-starRating-stars--filled { width: 20% !important; }

.okeConnect .c-starRating-label-2-of-5:hover ~ .c-starRating-stars--filled { width: 40% !important; }

.okeConnect .c-starRating-label-3-of-5:hover ~ .c-starRating-stars--filled { width: 60% !important; }

.okeConnect .c-starRating-label-4-of-5:hover ~ .c-starRating-stars--filled { width: 80% !important; }

.okeConnect .c-starRating-label-5-of-5:hover ~ .c-starRating-stars--filled { width: 100% !important; }

.okeConnect .c-starRating-radioButton:focus ~ .c-starRating-stars--empty, .okeConnect .c-starRating-radioButton:focus ~ .c-starRating-stars--error { box-shadow: rgb(203, 242, 240) 0px 0px 0px 4px, rgb(87, 191, 190) 0px 0px 0px 1px inset; }

.okeConnect .c-starRating-radioButton:focus:not(:focus-visible) ~ .c-starRating-stars--empty, .okeConnect .c-starRating-radioButton:focus:not(:focus-visible) ~ .c-starRating-stars--error { box-shadow: none; }

.okeConnect .c-starRating--readonly { pointer-events: none; }

.okeConnect .c-starRating--small .c-starRating-stars > svg { height: 35px; width: 175px; }

.okeConnect .c-starRating--small .c-starRating-stars--empty { fill: rgb(255, 255, 255); }

.okeConnect .c-starRating--small .c-starRating-label { height: 35px; width: 35px; }

.okeConnect .c-starRating--xSmall .c-starRating-stars > svg { height: 18px; width: 90px; }

.okeConnect .c-starRating--xSmall .c-starRating-stars--empty { fill: rgb(255, 255, 255); }

.okeConnect .c-starRating--xSmall .c-starRating-label { height: 18px; width: 18px; }

.okeConnect .c-questions { width: 100%; margin-bottom: 24px; }

.okeConnect .c-questions-header-title { font-size: 20px; font-weight: 600; margin-bottom: 4px; width: 100%; }

@media (min-width: 768px) {
  .okeConnect .c-questions-header-title { margin-bottom: 8px; }
}

.okeConnect .c-questions-header-title-closearea { width: 34px; height: 34px; float: right; margin-top: -12px; margin-right: -12px; }

.okeConnect .c-questions-header-subtitle { color: rgb(107, 109, 128); font-size: 13px; }

.okeConnect .c-questions-question { margin-top: 24px; }

@media (min-width: 768px) {
  .okeConnect .c-questions-question { margin-top: 32px; }
}

.okeConnect .c-questions-error { margin-top: 12px; font-size: 14px; color: rgb(237, 83, 83); }

.okeConnect .c-questions--contentPage { text-align: center; }

.c-terms[data-v-43715738] { color: rgb(56, 75, 87); font-size: 11px; text-align: center; width: 100%; }

.c-terms a[data-v-43715738] { color: rgb(107, 109, 128); }

.okeConnect .c-questionsForm { width: 100%; display: flex; flex-flow: column; justify-content: space-between; align-items: center; }

.okeConnect .c-questionsForm-back, .okeConnect .c-questionsForm-next { display: block; margin: 0px auto; padding: 8px 16px; }

@media (min-width: 768px) {
  .okeConnect .c-questionsForm-back, .okeConnect .c-questionsForm-next { padding: 12px 16px; }
}

.okeConnect .c-questionsForm-skip { color: rgb(56, 75, 87); background-color: rgb(250, 250, 251); border: 1px solid rgb(229, 229, 235); display: block; margin: 0px; padding: 8px 16px; text-align: center; width: 100%; }

@media (min-width: 768px) {
  .okeConnect .c-questionsForm-skip { padding: 12px 16px; }
}

.okeConnect .c-questionsForm-skip--bottomMargin { margin-bottom: 16px; }

@media (min-width: 768px) {
  .okeConnect .c-questionsForm-skip--bottomMargin { margin-bottom: 32px; }
}

.okeConnect .c-questionsForm--pop-over .c-checkbox-inner { margin-right: 12px; }

.okeConnect .c-questionsForm--pop-over .c-checkbox-label { font-size: 14px; }

.okeConnect .l-button-holder { display: inline-flex; flex-flow: column; }

.okeConnect .l-button-center { position: relative; text-align: center; width: 100%; padding: 0px 24px; }

@media (min-width: 768px) {
  .okeConnect .l-button-center { padding: 0px 48px; }
}

.okeConnect .l-button-center--withDivider { border-top: 1px solid rgb(229, 229, 235); }

.okeConnect .l-button-center--showBackButton .l-button-holder { display: flex; justify-content: space-between; flex-direction: row-reverse; }

.okeConnect .l-button-center--showBackButton .l-button-holder .c-questionsForm-back, .okeConnect .l-button-center--showBackButton .l-button-holder .c-questionsForm-next { display: inline-flex; margin: unset; }

.okeConnect .l-button-center--showBackButton .l-button-holder .c-questionsForm-back { color: rgb(56, 75, 87); background-color: transparent; }

.okeConnect .l-button-center--showBackButton .l-button-holder .c-questionsForm-back--withDefaultBorder { border: 0px; box-shadow: rgb(107, 109, 128) 0px 0px 0px 1px inset; }

.okeConnect .l-button-center--showBackButton .c-questionNavigationButtons-content, .okeConnect .l-button-center--showBackButton .c-questionNavigationButtons-left, .okeConnect .l-button-center--showBackButton .c-questionNavigationButtons-right { flex: 1 0 0px; display: flex; align-items: center; justify-content: center; flex-direction: column; }

.okeConnect .l-button-center--showBackButton .c-questionNavigationButtons-left { align-items: flex-start; }

.okeConnect .l-button-center--showBackButton .c-questionNavigationButtons-right { align-items: flex-end; }

.okeConnect .l-button-center--showBackButton .c-questionNavigationButtons-content { flex: 2 0 0px; }

.okeConnect .l-button-center.c-questionNavigationButtons--stacked { border-top: none; }

.okeConnect .l-button-center.c-questionNavigationButtons--stacked .l-button-holder { gap: 8px 16px; flex-flow: row-reverse wrap; }

.okeConnect .l-button-center.c-questionNavigationButtons--stacked .l-button-holder > .c-questionNavigationButtons-left, .okeConnect .l-button-center.c-questionNavigationButtons--stacked .l-button-holder > .c-questionNavigationButtons-right { flex-shrink: unset; flex-basis: 0px; flex-grow: 1; }

.okeConnect .l-button-center.c-questionNavigationButtons--stacked .l-button-holder > .c-questionNavigationButtons-left .c-button, .okeConnect .l-button-center.c-questionNavigationButtons--stacked .l-button-holder > .c-questionNavigationButtons-right .c-button { display: block; height: 100%; text-align: center; width: 100%; }

.okeConnect .l-button-center.c-questionNavigationButtons--singleButton .l-button-holder { flex-direction: column-reverse; align-items: center; }

.okeConnect .c-questionNavigationButtons { padding-top: 24px; padding-bottom: 24px; }

.okeConnect .c-questionNavigationButtons.l-button-center--withDivider.c-questionNavigationButtons--stacked { padding-top: 0px; }

.okeConnect .c-questionNavigationButtons.l-button-center--withDivider.c-questionNavigationButtons--stacked.c-questionNavigationButtons--noButtons { padding-top: 4px; }

.okeConnect .c-questionNavigationButtons .c-questionNavigationButtons-content { display: flex; flex-direction: column; align-items: center; }

.okeConnect .c-questionNavigationButtons--stacked.c-questionNavigationButtons--noButtons .c-progressBar--bar-long + .c-progressText--below { margin-top: 8px; }

.okeConnect .c-questionNavigationButtons--noButtons.l-button-center--withProgressBarLong:not(.l-button-center--withProgressText) { padding: 4px 0px 0px; }

.okeConnect .c-questionNavigationButtons--singleButton .c-progressBar--bar-long + .c-progressText--below, .okeConnect .c-questionNavigationButtons--singleButton .c-progressBar:not(.c-progressBar--bar-long), .okeConnect .c-questionNavigationButtons--singleButton .c-progressText--below:only-child, .okeConnect .c-questionNavigationButtons--stacked:not(.c-questionNavigationButtons--noButtons) .c-progressBar--bar-long + .c-progressText--below, .okeConnect .c-questionNavigationButtons--stacked:not(.c-questionNavigationButtons--noButtons) .c-progressBar:not(.c-progressBar--bar-long), .okeConnect .c-questionNavigationButtons--stacked:not(.c-questionNavigationButtons--noButtons) .c-progressText--below:only-child { margin-top: 24px; }

.okeConnect .c-questionNavigationButtons--empty { border-top: none; padding: 8px 0px 0px; }

.okeConnect .c-questionsForm .c-questions { padding: 0px 24px; }

@media (min-width: 768px) {
  .okeConnect .c-questionsForm .c-questions { padding: 0px 48px; }
}

.okeConnect .c-questionsForm .c-terms { padding: 0px 24px; }

@media (min-width: 768px) {
  .okeConnect .c-questionsForm .c-terms { padding: 0px 48px; }
}

.okeConnect .c-questionsForm .c-progressBar--bar-long { position: absolute; top: 0px; left: 0px; }

.okeConnect .c-questionsForm .c-progressBar--bar-short + .c-progressText--below { margin-bottom: 8px; }

.okeConnect .c-questionsForm .c-progressBar--bar-short + .c-questions { margin-top: 16px; }

.okeConnect .c-questionsForm .c-progressText--above + .c-questions { margin-top: 24px; }

@media (min-width: 768px) {
  .okeConnect .c-questionsForm .c-progressText--above + .c-questions { margin-top: 32px; }
}

.okeConnect.okeQuizzes .c-questionsForm .c-questions { text-align: center; }

.okeConnect.okeQuizzes .c-redirectResult { color: rgb(39, 45, 69); font-size: 14px; margin: 48px 8px; }

.okeConnect.okeQuizzes .c-redirectResult-button { color: rgb(255, 255, 255); background-color: rgb(0, 202, 170); border-radius: 4px; cursor: pointer; padding: 12px 16px; }

.okeConnect.okeQuizzes .c-redirectResult-button .c-icon { display: inline-block; margin-right: 4px; }

.okeConnect.okeQuizzes .c-redirectResult-title { margin-left: 32px; margin-right: 32px; }

.okeConnect .c-coupon-reward-code { align-items: center; background: rgb(247, 247, 248); border: 1px dashed rgb(211, 212, 221); box-sizing: border-box; border-radius: 4px; display: flex; justify-content: center; margin: 0px auto; max-width: 220px; padding: 16px 12px; position: relative; }

.okeConnect .c-coupon-reward-code--clipboardAvailable { cursor: pointer; }

.okeConnect .c-coupon-reward-code-copied { align-items: center; display: flex; background: rgb(247, 247, 248); height: 100%; justify-content: center; left: 0px; opacity: 0; position: absolute; top: 0px; transition: opacity 0.1s ease-in; width: 100%; z-index: -1; }

.okeConnect .c-coupon-reward-code-copied--visible { opacity: 1; z-index: 1; }

.okeConnect .c-coupon-reward-code .c-icon { display: inline-block; width: 13px; height: 16px; margin-left: 8px; }

.okeConnect .c-coupon-reward-obscured { position: relative; box-sizing: border-box; margin: 0px auto; max-width: 220px; height: 51px; cursor: pointer; }

.okeConnect .c-coupon-reward-obscured-coupon { position: absolute; width: 100%; height: 100%; background: rgb(247, 247, 248); border: 1px dashed rgb(211, 212, 221); border-radius: 4px 8px 8px 4px; padding: 16px 8px; }

.okeConnect .c-coupon-reward-obscured svg { position: absolute; top: 0px; right: 0px; height: 100%; }

.okeConnect .c-coupon-reward-description { line-height: 16px; padding: 4px; text-align: center; }

.okeConnect .c-coupon-reward-title { font-size: 20px; font-weight: 600; line-height: 32px; margin-bottom: 4px; padding: 8px; }

.okeConnect.okeQuizzes .c-resultButton { display: inline-flex; align-items: center; justify-content: center; font-size: 14px; line-height: 1.25; padding: 12px 32px; }

.okeConnect.okeQuizzes .c-resultButton:disabled { transition: 0.3s; opacity: 0.7; }

.okeConnect.okeQuizzes .c-resultButton--compact { font-size: 13px; line-height: 20px; padding: 6.4px 32px 7.6px; }

.okeConnect.okeQuizzes .c-resultButton-icon { display: inline-block; margin-right: 8px; }

.okeConnect.okeQuizzes .c-addToCart { position: relative; }

.okeConnect.okeQuizzes .c-addToCart--loading .c-addToCart-text, .okeConnect.okeQuizzes .c-addToCart--loading .c-icon { opacity: 0; }

.okeConnect.okeQuizzes .c-addToCart .c-loadingSpinner { left: 50%; padding: 0px; position: absolute; min-height: 0px; transform: translateX(-50%) translateY(-48%); top: 50%; }

.okeConnect.okeQuizzes .c-addToCart .c-loader { height: 16px; width: 16px; }

.okeConnect.okeQuizzes .c-addToCart .c-loader::after { border-right-color: currentcolor; border-top-color: currentcolor; border-left-color: currentcolor; border-width: 2px; }

.okeConnect.okeQuizzes .c-bubbleCard { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1000000002; }

.okeConnect.okeQuizzes .c-bubbleCard:empty { pointer-events: none; }

.okeConnect.okeQuizzes .c-bubbleCard-overlay { top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; z-index: 1000000002; }

@media (min-width: 480px) {
  .okeConnect.okeQuizzes .c-bubbleCard-overlay:empty { background-color: unset; }
}

.okeConnect.okeQuizzes .c-bubbleCard-card { position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 1000000002; }

.okeConnect.okeQuizzes .c-bubbleCard-card-contentArea { box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px 0px; background-color: rgb(255, 255, 255); max-height: 100vh; transition: height 0.2s; }

@media (min-width: 480px) {
  .okeConnect.okeQuizzes .c-bubbleCard-card { position: absolute; bottom: unset; }
  .okeConnect.okeQuizzes .c-bubbleCard-card-contentArea { border-radius: 4px; position: relative; overflow: hidden; }
  .okeConnect.okeQuizzes .c-bubbleCard-card-pointer { content: ""; position: absolute; top: 0px; left: 50%; display: block; width: 12px; height: 12px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 7px; transform: translateX(-50%) translateY(-50%) rotate(45deg); z-index: 1; }
}

.okeConnect.okeQuizzes .c-bubbleCard-card-content { background-color: rgb(255, 255, 255); position: relative; z-index: 1000000002; }

.okeConnect.okeQuizzes .c-bubbleCard-close { cursor: pointer; position: absolute; top: 0px; right: 0px; transform: translateY(-100%); width: 40px; padding: 4px 8px; }

.okeConnect.okeQuizzes .c-recommendedProduct-description { line-height: 1.44; position: relative; }

.okeConnect.okeQuizzes .c-recommendedProduct-description .c-recommendedProduct-description-readMore { line-height: 1.68; text-decoration: underline; }

.okeConnect.okeQuizzes .c-recommendedProduct-description-content { overflow: hidden; }

.okeConnect.okeQuizzes .c-recommendedProduct-description-content.is-clamped > *, .okeConnect.okeQuizzes .c-recommendedProduct-description-content.is-clamped p { line-height: 1.44; margin: 0px; padding: 0px; }

.okeConnect.okeQuizzes .c-recommendedProduct-descriptionBubble { font-size: 12px; text-align: center; color: rgb(0, 0, 0); }

.okeConnect.okeQuizzes .c-recommendedProduct-descriptionBubble-heading { border-bottom: 1px solid rgb(217, 217, 217); font-weight: 600; padding: 12px 16px; }

.okeConnect.okeQuizzes .c-recommendedProduct-descriptionBubble-fullDescription { line-height: 1.44; padding: 12px 16px; }

.okeConnect.okeQuizzes .c-recommendedProduct-price-compareAtPrice { margin-right: 4px; text-decoration: line-through; opacity: 0.6; }

.okeConnect.okeQuizzes .oke-stars { line-height: 1; position: relative; display: inline-block; }

.okeConnect.okeQuizzes .oke-stars-background svg { overflow: visible; }

.okeConnect.okeQuizzes .oke-stars-foreground { overflow: hidden; position: absolute; top: 0px; left: 0px; }

.okeConnect.okeQuizzes .oke-a11yText { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; }

.okeConnect.okeQuizzes .c-recommendedProduct-rating--list .c-resultProductRating { display: flex; flex-direction: row; }

.okeConnect.okeQuizzes .c-recommendedProduct-rating--list .c-resultProductRating .oke-stars { margin-right: 10px; }

.okeConnect.okeQuizzes .c-recommendedProduct-rating--list .c-resultProductRating-reviewsCount { font-size: 13px; }

.okeConnect.okeQuizzes .c-recommendedProduct-rating--list .c-resultProductRating-reviewsCount--compact { text-align: left; }

.okeConnect.okeQuizzes .c-recommendedProduct-rating--grid .c-resultProductRating-reviewsCount { font-size: 12px; margin-top: 8px; margin-bottom: 16px; }

.okeConnect.okeQuizzes .c-recommendedProduct-rating--grid .c-resultProductRating-reviewsCount--compact { text-align: center; }

.okeConnect.okeQuizzes .c-variantSelector-optionList-option { margin-top: 16px; }

.okeConnect.okeQuizzes .c-variantSelector-optionList-option:first-child { margin-top: 0px; }

.okeConnect.okeQuizzes .c-variantSelector-optionList-option-name { font-size: 12px; font-weight: 600; margin-bottom: 8px; }

.okeConnect.okeQuizzes .c-variantSelector-optionList-option-values-item { background: rgb(255, 255, 255); border-radius: 8px; border: 1px solid rgb(229, 229, 235); cursor: pointer; display: inline-block; font-size: 12px; line-height: 1.2; margin-right: 4px; margin-top: 4px; padding: 8px 12px; position: relative; transition: border 0.1s; word-break: break-word; }

.okeConnect.okeQuizzes .c-variantSelector-optionList-option-values-item.is-active { font-weight: 600; }

.okeConnect.okeQuizzes .c-variantSelector-optionList-option-values-seeMore .c-icon { min-height: unset; }

.okeConnect.okeQuizzes .c-variantSelector-optionList-option-values-seeMore svg { left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) scale(1.075); }

.okeConnect.okeQuizzes .c-variantSelector-optionList.is-leftAligned .c-variantSelector-optionList-option { text-align: left; }

.okeConnect.okeQuizzes .c-variantSelector-optionList.is-centerAligned .c-variantSelector-optionList-option { text-align: center; }

.okeConnect.okeQuizzes .c-recommendedProduct-sellingPlanSelector-name { font-size: 13px; font-weight: 600; margin-top: 16px; }

.okeConnect.okeQuizzes .c-recommendedProduct-sellingPlans { width: 100%; text-align: left; }

.okeConnect.okeQuizzes .c-recommendedProduct-sellingPlans-singlePlan { border: 1px solid rgb(229, 229, 235); border-radius: 4px; font-size: 13px; padding: 12px; }

.okeConnect.okeQuizzes .c-recommendedProduct-sellingPlans-singlePlan-name { font-weight: 600; margin-bottom: 4px; }

.okeConnect.okeQuizzes .c-recommendedProduct-sellingPlans-planGroups label { border-top: 1px solid rgb(229, 229, 235); border-right: 1px solid rgb(229, 229, 235); border-left: 1px solid rgb(229, 229, 235); border-image: initial; border-bottom: none; cursor: pointer; font-size: 13px; padding: 12px 16px 12px 40px; position: relative; width: 100%; overflow-wrap: break-word; }

.okeConnect.okeQuizzes .c-recommendedProduct-sellingPlans-planGroups label input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; }

.okeConnect.okeQuizzes .c-recommendedProduct-sellingPlans-planGroups label::after, .okeConnect.okeQuizzes .c-recommendedProduct-sellingPlans-planGroups label::before { position: absolute; content: ""; }

.okeConnect.okeQuizzes .c-recommendedProduct-sellingPlans-planGroups label::before { display: block; left: 20px; top: 50%; height: 16px; width: 16px; transform: translateX(-50%) translateY(-50%); background-color: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 235); border-radius: 50%; }

.okeConnect.okeQuizzes .c-recommendedProduct-sellingPlans-planGroups label::after { display: none; left: 20px; top: 50%; height: 16px; width: 16px; transform: translateX(-50%) translateY(-50%) scale(0.65); transform-origin: center center; border-radius: 50%; }

.okeConnect.okeQuizzes .c-recommendedProduct-sellingPlans-planGroups label:has(input[type="radio"]:checked) { font-weight: 600; }

.okeConnect.okeQuizzes .c-recommendedProduct-sellingPlans-planGroups label:has(input[type="radio"]:checked)::after { display: block; }

.okeConnect.okeQuizzes .c-recommendedProduct-sellingPlans-planGroups label:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; }

.okeConnect.okeQuizzes .c-recommendedProduct-sellingPlans-planGroups label:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: 1px solid rgb(229, 229, 235); }

.okeConnect.okeQuizzes .c-recommendedProduct--list { display: flex; flex-direction: row; text-align: left; width: 100%; }

.okeConnect.okeQuizzes .c-recommendedProduct--list .c-recommendedProduct-imageBox { flex-basis: 30%; }

.okeConnect.okeQuizzes .c-recommendedProduct--list .c-recommendedProduct-imageBox--landscape .c-recommendedProduct-image, .okeConnect.okeQuizzes .c-recommendedProduct--list .c-recommendedProduct-imageBox--portrait .c-recommendedProduct-image, .okeConnect.okeQuizzes .c-recommendedProduct--list .c-recommendedProduct-imageBox--square .c-recommendedProduct-image { height: 100%; }

.okeConnect.okeQuizzes .c-recommendedProduct--list .c-recommendedProduct-detail { padding: 4px 0px; width: 100%; }

.okeConnect.okeQuizzes .c-recommendedProduct--list .c-recommendedProduct-nameAndPrice { display: flex; flex-direction: row; font-size: 14px; line-height: 20px; width: 100%; font-weight: 700; }

.okeConnect.okeQuizzes .c-recommendedProduct--list .c-recommendedProduct-nameAndRating { align-items: flex-start; display: flex; flex-direction: column; }

.okeConnect.okeQuizzes .c-recommendedProduct--list .c-recommendedProduct-name { flex: 1 1 0%; padding-right: 16px; }

.okeConnect.okeQuizzes .c-recommendedProduct--list .c-recommendedProduct-description { display: flex; flex-direction: column; text-align: left; }

.okeConnect.okeQuizzes .c-recommendedProduct--list .c-recommendedProduct-variantSelectorAndAddToCart { display: flex; flex-flow: column wrap; gap: 16px; }

.okeConnect.okeQuizzes .c-recommendedProduct--list .c-recommendedProduct-variantSelectorAndAddToCart--compact { flex-direction: column; align-items: flex-start; }

.okeConnect.okeQuizzes .c-recommendedProduct--list .c-recommendedProduct-variantSelector-opener { display: flex; flex: 1 1 0%; }

.okeConnect.okeQuizzes .c-recommendedProduct--list .c-recommendedProduct-sellingPlanSelector-opener { margin-top: 8px; max-width: none; }

.okeConnect.okeQuizzes .c-recommendedProduct--list .c-recommendedProduct-ctas { display: flex; column-gap: 4px; }

.okeConnect.okeQuizzes .c-recommendedProduct--list .c-recommendedProduct-ctas--compact { flex-direction: column; row-gap: 4px; }

.okeConnect.okeQuizzes .c-recommendedProduct--grid { display: flex; flex-direction: column; width: 100%; }

.okeConnect.okeQuizzes .c-recommendedProduct--grid .c-recommendedProduct-imageBox { display: flex; overflow: hidden; }

.okeConnect.okeQuizzes .c-recommendedProduct--grid .c-recommendedProduct-imageBox .c-recommendedProduct-imageContainer { width: 100%; }

.okeConnect.okeQuizzes .c-recommendedProduct--grid .c-recommendedProduct-imageBox--auto { flex-direction: column; justify-content: flex-end; }

.okeConnect.okeQuizzes .c-recommendedProduct--grid .c-recommendedProduct-imageBox--square .c-recommendedProduct-image, .okeConnect.okeQuizzes .c-recommendedProduct--grid .c-recommendedProduct-imageBox--square .c-recommendedProduct-imagePlaceholder { aspect-ratio: 1 / 1; }

.okeConnect.okeQuizzes .c-recommendedProduct--grid .c-recommendedProduct-imageBox--portrait { aspect-ratio: 3 / 4; }

.okeConnect.okeQuizzes .c-recommendedProduct--grid .c-recommendedProduct-imageBox--portrait .c-recommendedProduct-image { height: 100%; }

.okeConnect.okeQuizzes .c-recommendedProduct--grid .c-recommendedProduct-imageBox--landscape { aspect-ratio: 4 / 3; }

.okeConnect.okeQuizzes .c-recommendedProduct--grid .c-recommendedProduct-imageBox--landscape .c-recommendedProduct-image { height: 100%; }

.okeConnect.okeQuizzes .c-recommendedProduct--grid .c-recommendedProduct-nameAndPrice { display: flex; flex-direction: column; }

.okeConnect.okeQuizzes .c-recommendedProduct--grid .c-recommendedProduct-nameAndPrice--withoutImage { text-align: left; width: 100%; }

.okeConnect.okeQuizzes .c-recommendedProduct--grid .c-recommendedProduct-nameAndPrice-name { font-size: 14px; line-height: 20px; margin-bottom: 4px; margin-top: 8px; padding: 4px 0px; }

.okeConnect.okeQuizzes .c-recommendedProduct--grid .c-recommendedProduct-nameAndPrice-price { font-size: 12px; margin-bottom: 16px; }

.okeConnect.okeQuizzes .c-recommendedProduct--grid .c-recommendedProduct-nameAndPrice-description { margin-bottom: 16px; }

.okeConnect.okeQuizzes .c-recommendedProduct--grid .c-recommendedProduct-nameAndPrice .c-resultButton { padding-left: 24px; padding-right: 24px; }

.okeConnect.okeQuizzes .c-recommendedProduct--grid .c-recommendedProduct-nameAndPrice-ctas { display: flex; flex-direction: column; row-gap: 8px; }

.okeConnect.okeQuizzes .c-recommendedProduct--grid .c-recommendedProduct-name { font-size: 14px; line-height: 20px; margin-bottom: 4px; margin-top: 8px; }

.okeConnect.okeQuizzes .c-recommendedProduct--grid .c-recommendedProduct-price { font-size: 12px; margin-bottom: 16px; }

.okeConnect.okeQuizzes .c-recommendedProduct--grid .c-recommendedProduct-description { margin-bottom: 16px; }

.okeConnect.okeQuizzes .c-recommendedProduct--grid .c-recommendedProduct .c-resultButton { padding-left: 24px; padding-right: 24px; }

.okeConnect.okeQuizzes .c-recommendedProduct--grid .c-recommendedProduct-sellingPlanSelector-opener { margin-top: 8px; max-width: none; }

.okeConnect.okeQuizzes .c-recommendedProduct--grid .c-recommendedProduct-ctas { display: flex; flex-direction: column; row-gap: 8px; }

.okeConnect.okeQuizzes .c-recommendedProduct--grid .u-flexEnd { margin-top: auto; }

.okeConnect.okeQuizzes .c-recommendedProduct-image, .okeConnect.okeQuizzes .c-recommendedProduct-imagePlaceholder { object-fit: cover; width: 100%; }

.okeConnect.okeQuizzes .c-recommendedProduct-image { background: rgb(255, 255, 255); vertical-align: bottom; margin: 0px; max-height: 1000px; }

.okeConnect.okeQuizzes .c-recommendedProduct-imagePlaceholder { height: 100%; background: rgb(250, 250, 251); }

.okeConnect.okeQuizzes .c-recommendedProduct-imageBox--cropTop .c-recommendedProduct-image { object-position: center top; }

.okeConnect.okeQuizzes .c-recommendedProduct-imageBox--cropCenter .c-recommendedProduct-image { object-position: center center; }

.okeConnect.okeQuizzes .c-recommendedProduct-imageBox--cropBottom .c-recommendedProduct-image { object-position: center bottom; }

.okeConnect.okeQuizzes .c-recommendedProduct-name a, .okeConnect.okeQuizzes .c-recommendedProduct-price a, .okeConnect.okeQuizzes .c-recommendedProduct-rating a { color: inherit; }

.okeConnect.okeQuizzes .c-recommendedProduct-name a:hover, .okeConnect.okeQuizzes .c-recommendedProduct-price a:hover, .okeConnect.okeQuizzes .c-recommendedProduct-rating a:hover { text-decoration: inherit; }

.okeConnect.okeQuizzes .c-recommendedProduct-description { font-size: 12px; width: 100%; clear: left; }

.okeConnect.okeQuizzes .c-recommendedProduct-description a { cursor: pointer; }

.okeConnect.okeQuizzes .c-recommendedProduct-sellingPlanSelector-opener { width: 100%; clear: both; }

.okeConnect.okeQuizzes .c-recommendedProduct-variantSelector-optionsLabel { font-size: 13px; font-weight: 600; margin-bottom: 8px; text-align: left; width: 100%; }

.okeConnect.okeQuizzes .c-recommendedProduct-variantSelector-opener { clear: both; cursor: pointer; width: 100%; }

.okeConnect.okeQuizzes .c-recommendedProduct-variantSelector-opener .c-select { display: inline-block; height: auto; min-height: 42px; padding-top: 8px; padding-bottom: 8px; pointer-events: none; white-space: normal; width: 100%; }

.okeConnect.okeQuizzes .c-recommendedProduct-variantSelector-opener .c-select[disabled] { background-color: rgb(255, 255, 255); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' fill='%2523000'%3E%3Cpath d='M0 0h10L5 5z'/%3E%3C/svg%3E"); background-position: calc(100% - 12px) 50%; background-size: 8px; background-repeat: no-repeat; margin-bottom: 0px; opacity: 1; }

.okeConnect.okeQuizzes .c-recommendedProduct-detail { display: flex; flex: 1 1 0%; flex-direction: column; gap: 16px; }

.okeConnect.okeQuizzes .c-recommendedProduct-nameAndRating { gap: 8px; }

.okeConnect.okeQuizzes .c-submitEmail { width: 100%; }

.okeConnect.okeQuizzes .c-submitEmail-error { margin-top: 12px; font-size: 14px; color: rgb(237, 83, 83); }

.okeConnect.okeQuizzes .c-submitEmail-inputs { position: relative; }

.okeConnect.okeQuizzes .c-submitEmail-inputs-button { height: 100%; border-radius: 0px 4px 4px 0px; display: flex; align-items: center; width: 100%; justify-content: center; padding: 12px; margin-top: 12px; }

@media (min-width: 480px) {
  .okeConnect.okeQuizzes .c-submitEmail-inputs-button { position: absolute; top: 0px; right: 0px; padding: 0px; margin-top: 0px; width: 100px; }
}

.okeConnect.okeQuizzes .c-submitEmail-inputs-button .c-loadingSpinner { min-height: unset; padding: unset; }

.okeConnect.okeQuizzes .c-submitEmail-inputs .is-error { position: relative; z-index: 1; background: transparent; }

.okeConnect.okeQuizzes .c-submitEmail .c-loader::after { border-right-color: currentcolor; border-top-color: currentcolor; border-left-color: currentcolor; }

.okeConnect.okeQuizzes .c-resultBlock { text-align: center; width: 100%; }

.okeConnect.okeQuizzes .c-resultBlock-title { font-size: 20px; font-weight: 600; margin-bottom: 12px; }

.okeConnect.okeQuizzes .c-resultBlock-title--compact { font-size: 16px; margin-bottom: 8px; }

.okeConnect.okeQuizzes .c-resultBlock-subtitle { font-size: 14px; }

.okeConnect.okeQuizzes .c-resultBlock-subtitle--compact { font-size: 13px; }

.okeConnect.okeQuizzes .c-resultBlock-coupon { margin-top: 24px; margin-bottom: 48px; }

.okeConnect.okeQuizzes .c-resultBlock--compact { padding-left: 24px; padding-right: 24px; }

.okeConnect.okeQuizzes .l-products { display: flex; flex-flow: column; margin: 24px 0px; gap: 24px; }

.okeConnect.okeQuizzes .l-products--singleRecommendedProduct { margin-bottom: 0px; }

.okeConnect.okeQuizzes .l-products--singleRecommendedProduct .l-productRow--list:last-child { border-bottom: unset; padding-bottom: unset; }

.okeConnect.okeQuizzes .l-productRow { align-items: stretch; display: flex; justify-content: center; width: 100%; }

.okeConnect.okeQuizzes .l-productRow-item { display: flex; justify-content: center; }

.okeConnect.okeQuizzes .l-productRow:first-child { margin-top: 0px; }

.okeConnect.okeQuizzes .l-productRow:last-child { margin-bottom: 0px; }

.okeConnect.okeQuizzes .l-productRow--compact { margin: 24px 0px; }

.okeConnect.okeQuizzes .l-productRow--list { border-top: 1px solid rgb(217, 217, 217); padding: 24px 0px; margin: 0px; }

.okeConnect.okeQuizzes .l-productRow--list:last-child { border-bottom: 1px solid rgb(217, 217, 217); }

.okeConnect.okeQuizzes .c-resultPanel-section { border-bottom: 1px solid rgb(217, 217, 217); padding: 24px 24px 32px; width: 100%; }

@media (min-width: 768px) {
  .okeConnect.okeQuizzes .c-resultPanel-section { padding: 32px 24px 40px; }
}

.okeConnect.okeQuizzes .c-resultPanel-section--compact { padding: 24px 0px; }

.okeConnect.okeQuizzes .c-resultPanel-section--noBorder { border-bottom: none; }

.okeConnect.okeQuizzes .c-variantSelector { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1000000002; }

.okeConnect.okeQuizzes .c-variantSelector:empty { pointer-events: none; }

.okeConnect.okeQuizzes .c-variantSelector-overlay { top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; z-index: 1000000002; }

@media (min-width: 480px) {
  .okeConnect.okeQuizzes .c-variantSelector-overlay:empty { display: none; }
}

.okeConnect.okeQuizzes .c-variantSelector--above::before { bottom: -12px; }

.okeConnect.okeQuizzes .c-variantSelector--below::before { top: 0px; }

.okeConnect.okeQuizzes .c-variantSelector-optionPaginator { position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 1000000002; }

.okeConnect.okeQuizzes .c-variantSelector-optionPaginator-pages { box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px 0px; background-color: rgb(255, 255, 255); max-height: 100vh; transition: height 0.2s; }

@media (min-width: 480px) {
  .okeConnect.okeQuizzes .c-variantSelector-optionPaginator { max-width: 230px; position: absolute; bottom: unset; margin-left: -115px; }
  .okeConnect.okeQuizzes .c-variantSelector-optionPaginator-pages { border-radius: 4px; position: relative; overflow: hidden; }
  .okeConnect.okeQuizzes .c-variantSelector-optionPaginator::before { content: ""; position: absolute; left: 50%; display: block; width: 12px; height: 12px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 7px; transform: translateX(-50%) translateY(-50%) rotate(45deg); z-index: 1; }
}

.okeConnect.okeQuizzes .c-variantSelector-option { background-color: rgb(255, 255, 255); color: rgb(39, 45, 69); font-size: 14px; text-align: center; position: relative; z-index: 1000000002; }

.okeConnect.okeQuizzes .c-variantSelector-option.slide-leave-active, .okeConnect.okeQuizzes .c-variantSelector-option.slide-reverse-leave-active { position: absolute; top: 0px; width: 100%; }

.okeConnect.okeQuizzes .c-variantSelector-option-name { align-items: center; border-bottom: 1px solid rgb(229, 229, 235); display: flex; flex-direction: row; }

.okeConnect.okeQuizzes .c-variantSelector-option-name-navigationButton { cursor: pointer; padding: 8px 16px; transform: translateY(-2px); }

.okeConnect.okeQuizzes .c-variantSelector-option-name-navigationButton:disabled { opacity: 0; pointer-events: none; }

.okeConnect.okeQuizzes .c-variantSelector-option-name-text { flex: 1 1 0%; padding: 12px 0px; }

.okeConnect.okeQuizzes .c-variantSelector-option-values { overflow: hidden auto; }

.okeConnect.okeQuizzes .c-variantSelector-option-values-value { border-bottom: 1px solid rgb(229, 229, 235); cursor: pointer; line-height: 1.2; padding: 16px 40px; position: relative; transition: background-color 0.2s; }

.okeConnect.okeQuizzes .c-variantSelector-option-values-value:last-child { border-bottom: none; padding-bottom: 16px; }

.okeConnect.okeQuizzes .c-variantSelector-option-values-value.is-focus, .okeConnect.okeQuizzes .c-variantSelector-option-values-value:hover { background-color: rgb(247, 247, 248); }

.okeConnect.okeQuizzes .c-variantSelector-option-values-value .c-icon { position: absolute; right: 16px; height: 13px; top: 50%; transform: translateY(-50%); width: 13px; }

.okeConnect.okeQuizzes .c-resultPanel-sections { display: flex; flex-direction: column; width: 100%; }

.okeConnect.okeQuizzes .c-resultPanel--compact { padding-left: 0px; padding-right: 0px; }

.okeConnect.okeQuizzes .c-resultPanel--list .c-resultPanel-section { margin: 0px auto; }

.okeConnect.okeQuizzes .c-resultPanel-footer { text-align: center; width: 100%; }

.okeConnect.okeQuizzes .c-resultPanel-footer--compact { padding-left: 24px; padding-right: 24px; }

.okeConnect.okeQuizzes .c-quiz { box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 40px 3px; display: flex; flex-direction: column; }

.okeConnect.okeQuizzes .c-quiz-close { box-sizing: content-box; background-color: rgb(247, 247, 248); border: 1px solid rgb(229, 229, 235); border-radius: 4px; cursor: pointer; padding: 8px; position: absolute; right: 15px; top: -16px; transition: 0.15s; z-index: 1000000003; }

.okeConnect.okeQuizzes .c-quiz-close:hover { background-color: rgb(229, 229, 235); }

.okeConnect.okeQuizzes .c-quiz-viewingArea { overflow: hidden auto; }

@media (max-width: 479px) {
  .okeConnect.okeQuizzes .c-quiz .c-bannerPage-bannerArea--top { border-radius: 0px; }
}

@media (min-width: 480px) {
  .okeConnect.okeQuizzes .c-quiz { bottom: auto; height: auto; left: 50%; max-width: 600px; min-height: 0px; top: 50%; width: calc(100% - 24px); }
}

.okeConnect.okeQuizzes .c-quiz--modal { position: absolute; z-index: 1000000003; background-color: var(--oke-quiz-card-background-color); bottom: 0px; display: flex; flex-direction: column; height: auto; width: 100%; max-height: 95%; }

@media (min-width: 480px) {
  .okeConnect.okeQuizzes .c-quiz--modal { border-radius: 4px; bottom: auto; transform: translate(-50%, -50%); width: calc(100% - 24px); }
}

@media (min-width: 480px) {
  .okeConnect.okeQuizzes .c-quiz--modal .c-quiz-viewingArea { border-radius: 4px; }
}

.okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz { position: fixed; top: 0px; left: 0px; z-index: 1000000002; width: 100% !important; height: 100% !important; }

.okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz.c-quiz--isLoading { background: rgb(255, 255, 255); }

.okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz > .c-errorDisplay { height: 100%; background: rgb(255, 255, 255); }

.okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz > .c-loadingSpinner { height: 100%; }

.okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .c-quiz-viewingArea, .okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .c-quiz-viewingArea > div { height: 100%; text-align: center; }

.okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .l-headerAlignedContent { height: 100%; }

.okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .l-headerAlignedContent .l-content { flex: 1 1 0%; }

.okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .l-headerAlignedContent .c-pageContent { display: flex; }

.okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .l-headerAlignedContent .c-pageContent > :first-child { flex: 1 1 0%; }

.okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .l-headerAlignedContent--left.l-headerAlignedContent--stacked .l-content, .okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .l-headerAlignedContent--right.l-headerAlignedContent--stacked .l-content, .okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .l-headerAlignedContent--top .l-content { overflow: unset; }

.okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .l-headerAlignedContent--left.l-headerAlignedContent--stacked .c-pageContent, .okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .l-headerAlignedContent--right.l-headerAlignedContent--stacked .c-pageContent, .okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .l-headerAlignedContent--top .c-pageContent { height: 100%; }

.okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .l-headerAlignedContent--left.l-headerAlignedContent--stacked .c-questionNavigationButtons, .okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .l-headerAlignedContent--right.l-headerAlignedContent--stacked .c-questionNavigationButtons, .okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .l-headerAlignedContent--top .c-questionNavigationButtons { flex: 1 1 0%; }

.okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .l-headerAlignedContent--left:not(.l-headerAlignedContent--stacked) .l-content, .okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .l-headerAlignedContent--noHeaderImage .l-content, .okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .l-headerAlignedContent--right:not(.l-headerAlignedContent--stacked) .l-content { overflow: hidden auto; }

.okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .l-headerAlignedContent--noHeaderImage { flex-direction: row; }

.okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .l-headerAlignedContent--noHeaderImage .c-pageContent { height: unset; min-height: 100%; }

.okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .l-headerAlignedContent--noHeaderImage .l-content .c-questionsForm, .okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .l-headerAlignedContent--noHeaderImage .l-content .c-resultPanel-sections, .okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .l-headerAlignedContent--noHeaderImage .l-content .c-startPanel { justify-content: center; }

.okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .l-headerAlignedContent--noHeaderImage .c-questionNavigationButtons { flex: unset; }

.okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .c-quiz-close { top: 15px; right: 15px; }

@media (pointer: fine) {
  .okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .c-quiz-close--isNextToScrollbar { right: 30px; }
}

.okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .c-questions-header-title-closearea { display: inline-block; margin-top: -17px; margin-right: -33px; }

.okeConnect.okeQuizzes .c-quiz--fullScreen.c-quiz .c-resultBlock-title { margin-left: 40px; margin-right: 40px; }

.okeConnect.okeQuizzes .c-pageContent .c-startPanel { width: 100%; display: flex; flex-direction: column; align-items: center; padding: 24px; }

@media (min-width: 768px) {
  .okeConnect.okeQuizzes .c-pageContent .c-startPanel { padding: 48px; }
}

.okeConnect.okeQuizzes .u-content--centered { margin-left: auto; margin-right: auto; max-width: 550px; }

.okeConnect.okeQuizzes { font-size: 16px; line-height: normal; height: 100%; left: 0px; overflow: hidden; position: fixed; top: 0px; width: 100%; z-index: 1000000002; }

.okeConnect.okeQuizzes:empty { display: none; }

.okeConnect.okeQuizzes.okeQuiz.okeQuiz--popup { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; }

.okeConnect.okeQuizzes.okeQuiz.okeQuiz--popup .c-overlay--popup { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; z-index: 1000000002; }

.okeConnect.okeQuizzes.okeQuiz.okeQuiz--popup .l-popup { width: 100%; height: 100%; }

.okeConnect.okeQuizzes.okeQuiz.okeQuiz--popup .l-popup .c-quiz--isLoading { background: rgb(255, 255, 255); }

.okeConnect.okeQuizzes.okeQuiz.okeQuiz--popup .l-popup .c-quiz--fullScreen { max-height: 100%; }

@media (min-width: 480px) {
  .okeConnect.okeQuizzes.okeQuiz.okeQuiz--popup .l-popup .c-quiz--fullScreen { top: 50%; left: 50%; max-width: 95%; max-height: 95%; }
}

@media (min-width: 480px) {
  .okeConnect.okeQuizzes.okeQuiz.okeQuiz--popup .l-popup .c-quiz--modal .c-errorDisplay { background-color: rgb(255, 255, 255); border-radius: 4px; }
}

.okeConnect.okeQuizzes.okeQuiz.okeQuiz--embed { position: static; min-width: 100px; }

.okeConnect.okeQuizzes.okeQuiz.okeQuiz--embed .c-quiz { box-shadow: none; max-width: none; width: unset; }

.okeConnect.okeQuizzes.okeQuiz.okeQuiz--embed .l-embed { position: relative; width: 100%; height: 100%; }

.okeConnect.okeQuizzes.okeQuiz.okeQuiz--embed .c-questions--tags { max-height: none; }