[data-id="886991"]{--componentBgColor:#ffffff;--componentBgOpacity:0.95;--currentContrast:var(--darkColor);--currentColor:var(--darkText);--contrastColor:var(--darkText_contrast)}[data-id="886991"] .indent,body.adaptive-mobile [data-id="886991"] .indent{padding-top:0;padding-bottom:0}[data-id="886991"] .container{color:#000}[data-id="886991"] .component-button.background--gradient .btn-content{border:0!important}[data-id="886991"] .component-button.background--gradient .btn-content:after,[data-id="886991"] .component-button.background--gradient .btn-content:before{top:-1px;height:calc(100% + 2px)}[data-id="886991"] .component-button.background--gradient.bordered:not(.squared):not(.rounded) .btn-content:before{background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="gradient" x1="0" x2="100%" y1="50%" y2="50%" gradientUnits="objectBoundingBox" gradientTransform="rotate(0, 0.5, 0.5)" > <stop stop-color="%23fbd231" offset="0%"/><stop stop-color="%23d52e8c" offset="100%"/> </linearGradient> </defs> <rect x="0.5" y="0.5" rx="0" ry="0" width="100%" height="100%" style="height: calc(100% - 1px); width: calc(100% - 1px)" stroke-width="1" stroke="url(%23gradient)" fill="none" /> </svg>')}[data-id="886991"] .component-button.background--gradient.bordered:not(.squared):not(.rounded) .btn-content:after{background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="gradient" x1="0" x2="100%" y1="50%" y2="50%" gradientUnits="objectBoundingBox" gradientTransform="rotate(0, 0.5, 0.5)" > <stop stop-color="%23f4c405" offset="0%"/><stop stop-color="%23ad2371" offset="100%"/> </linearGradient> </defs> <rect x="0.5" y="0.5" rx="0" ry="0" width="100%" height="100%" style="height: calc(100% - 1px); width: calc(100% - 1px)" stroke-width="1" stroke="url(%23gradient)" fill="none" /> </svg>')}[data-id="886991"] .component-button.background--gradient.bordered.squared .btn-content:before{background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="gradient" x1="0" x2="100%" y1="50%" y2="50%" gradientUnits="objectBoundingBox" gradientTransform="rotate(0, 0.5, 0.5)" > <stop stop-color="%23fbd231" offset="0%"/><stop stop-color="%23d52e8c" offset="100%"/> </linearGradient> </defs> <rect x="0.5" y="0.5" rx="3" ry="3" width="100%" height="100%" style="height: calc(100% - 1px); width: calc(100% - 1px)" stroke-width="1" stroke="url(%23gradient)" fill="none" /> </svg>')}[data-id="886991"] .component-button.background--gradient.bordered.squared .btn-content:after{background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="gradient" x1="0" x2="100%" y1="50%" y2="50%" gradientUnits="objectBoundingBox" gradientTransform="rotate(0, 0.5, 0.5)" > <stop stop-color="%23f4c405" offset="0%"/><stop stop-color="%23ad2371" offset="100%"/> </linearGradient> </defs> <rect x="0.5" y="0.5" rx="3" ry="3" width="100%" height="100%" style="height: calc(100% - 1px); width: calc(100% - 1px)" stroke-width="1" stroke="url(%23gradient)" fill="none" /> </svg>')}[data-id="886991"] .component-button.background--gradient.bordered.rounded .btn-content:before{background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="gradient" x1="0" x2="100%" y1="50%" y2="50%" gradientUnits="objectBoundingBox" gradientTransform="rotate(0, 0.5, 0.5)" > <stop stop-color="%23fbd231" offset="0%"/><stop stop-color="%23d52e8c" offset="100%"/> </linearGradient> </defs> <rect x="0.5" y="0.5" rx="22" ry="22" width="100%" height="100%" style="height: calc(100% - 1px); width: calc(100% - 1px)" stroke-width="1" stroke="url(%23gradient)" fill="none" /> </svg>')}[data-id="886991"] .component-button.background--gradient.bordered.rounded .btn-content:after{background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="gradient" x1="0" x2="100%" y1="50%" y2="50%" gradientUnits="objectBoundingBox" gradientTransform="rotate(0, 0.5, 0.5)" > <stop stop-color="%23f4c405" offset="0%"/><stop stop-color="%23ad2371" offset="100%"/> </linearGradient> </defs> <rect x="0.5" y="0.5" rx="22" ry="22" width="100%" height="100%" style="height: calc(100% - 1px); width: calc(100% - 1px)" stroke-width="1" stroke="url(%23gradient)" fill="none" /> </svg>')}[data-id="886991"] .component-button.background--gradient.bordered .btn-content{color:var(--currentColor)!important}[data-id="886991"] .component-button.background--gradient.bordered .btn-content:after,[data-id="886991"] .component-button.background--gradient.bordered .btn-content:before{top:-2px;left:-2px;width:calc(100% + 3px);height:calc(100% + 3px)}[data-id="886991"] .component-button.background--gradient.bordered .btn-content .btn-text{opacity:.85;background:linear-gradient(90deg,#fbd231 0,#d52e8c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-id="886991"] .component-button.background--gradient.bordered .btn-content:hover:before{opacity:0}[data-id="886991"] .component-button.background--gradient.bordered .btn-content:hover .btn-text,[data-id="886991"] .component-button.background--gradient.bordered .btn-content:hover:after{opacity:1}[data-id="886991"] .component-button.background--gradient.bordered .btn-content.btn-content-icon-text.icon-on-left{--currentColor:#fbd231}[data-id="886991"] .component-button.background--gradient.bordered .btn-content.btn-content-icon-text.icon-on-right{--currentColor:#d52e8c}[data-id="886991"] .component-button.background--gradient.filled .btn-content{color:#fff;background:linear-gradient(90deg,#fbd231 0,#d52e8c 100%)}[data-id="886991"] .component-button.background--gradient.filled .btn-content:before{background:linear-gradient(90deg,#fbd231 0,#d52e8c 100%)}[data-id="886991"] .component-button.background--gradient.filled .btn-content:after{background:linear-gradient(90deg,#f4c405 0,#ad2371 100%)}[data-id="886991"] .component-button.background--gradient.filled:not(.shadow):not(.zoom) .btn-content:hover:before{opacity:0}[data-id="886991"] .component-button.background--gradient.filled:not(.shadow):not(.zoom) .btn-content:hover:after{opacity:1}[data-id="886991"] .component-button.background--gradient.shadow .btn-content{box-shadow:0 15px 40px linear-gradient(90deg,rgba(251,210,49,.2) 0%,rgba(213,46,140,.2) 100%)}[data-id="886991"] .component-button.background--gradient.shadow .btn-content:hover{box-shadow:0 15px 40px linear-gradient(90deg,rgba(251,210,49,.25) 0%,rgba(213,46,140,.25) 100%)}
[data-id="321180158"]{--componentBgColor:#857a66;--componentBgOpacity:0.4;--currentContrast:var(--lightColor);--currentColor:var(--lightText);--contrastColor:var(--lightText_contrast)}[data-id="321180158"] .container.cover,body.adaptive-mobile [data-id="321180158"] .container.cover{padding-top:0;padding-bottom:0}[data-id="321180158"] .container{color:#fff}[data-id="321180158"] .welcome-screen .component-button.background--gradient .btn-content{border:0!important}[data-id="321180158"] .welcome-screen .component-button.background--gradient .btn-content:after,[data-id="321180158"] .welcome-screen .component-button.background--gradient .btn-content:before{top:-1px;height:calc(100% + 2px)}[data-id="321180158"] .welcome-screen .component-button.background--gradient.bordered:not(.squared):not(.rounded) .btn-content:before{background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="gradient" x1="0" x2="100%" y1="50%" y2="50%" gradientUnits="objectBoundingBox" gradientTransform="rotate(0, 0.5, 0.5)" > <stop stop-color="%234776e6" offset="0%"/><stop stop-color="%238e54e9" offset="100%"/> </linearGradient> </defs> <rect x="0.5" y="0.5" rx="0" ry="0" width="100%" height="100%" style="height: calc(100% - 1px); width: calc(100% - 1px)" stroke-width="1" stroke="url(%23gradient)" fill="none" /> </svg>')}[data-id="321180158"] .welcome-screen .component-button.background--gradient.bordered:not(.squared):not(.rounded) .btn-content:after{background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="gradient" x1="0" x2="100%" y1="50%" y2="50%" gradientUnits="objectBoundingBox" gradientTransform="rotate(0, 0.5, 0.5)" > <stop stop-color="%231e56dc" offset="0%"/><stop stop-color="%237027e3" offset="100%"/> </linearGradient> </defs> <rect x="0.5" y="0.5" rx="0" ry="0" width="100%" height="100%" style="height: calc(100% - 1px); width: calc(100% - 1px)" stroke-width="1" stroke="url(%23gradient)" fill="none" /> </svg>')}[data-id="321180158"] .welcome-screen .component-button.background--gradient.bordered.squared .btn-content:before{background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="gradient" x1="0" x2="100%" y1="50%" y2="50%" gradientUnits="objectBoundingBox" gradientTransform="rotate(0, 0.5, 0.5)" > <stop stop-color="%234776e6" offset="0%"/><stop stop-color="%238e54e9" offset="100%"/> </linearGradient> </defs> <rect x="0.5" y="0.5" rx="3" ry="3" width="100%" height="100%" style="height: calc(100% - 1px); width: calc(100% - 1px)" stroke-width="1" stroke="url(%23gradient)" fill="none" /> </svg>')}[data-id="321180158"] .welcome-screen .component-button.background--gradient.bordered.squared .btn-content:after{background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="gradient" x1="0" x2="100%" y1="50%" y2="50%" gradientUnits="objectBoundingBox" gradientTransform="rotate(0, 0.5, 0.5)" > <stop stop-color="%231e56dc" offset="0%"/><stop stop-color="%237027e3" offset="100%"/> </linearGradient> </defs> <rect x="0.5" y="0.5" rx="3" ry="3" width="100%" height="100%" style="height: calc(100% - 1px); width: calc(100% - 1px)" stroke-width="1" stroke="url(%23gradient)" fill="none" /> </svg>')}[data-id="321180158"] .welcome-screen .component-button.background--gradient.bordered.rounded .btn-content:before{background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="gradient" x1="0" x2="100%" y1="50%" y2="50%" gradientUnits="objectBoundingBox" gradientTransform="rotate(0, 0.5, 0.5)" > <stop stop-color="%234776e6" offset="0%"/><stop stop-color="%238e54e9" offset="100%"/> </linearGradient> </defs> <rect x="0.5" y="0.5" rx="22" ry="22" width="100%" height="100%" style="height: calc(100% - 1px); width: calc(100% - 1px)" stroke-width="1" stroke="url(%23gradient)" fill="none" /> </svg>')}[data-id="321180158"] .welcome-screen .component-button.background--gradient.bordered.rounded .btn-content:after{background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="gradient" x1="0" x2="100%" y1="50%" y2="50%" gradientUnits="objectBoundingBox" gradientTransform="rotate(0, 0.5, 0.5)" > <stop stop-color="%231e56dc" offset="0%"/><stop stop-color="%237027e3" offset="100%"/> </linearGradient> </defs> <rect x="0.5" y="0.5" rx="22" ry="22" width="100%" height="100%" style="height: calc(100% - 1px); width: calc(100% - 1px)" stroke-width="1" stroke="url(%23gradient)" fill="none" /> </svg>')}[data-id="321180158"] .welcome-screen .component-button.background--gradient.bordered .btn-content{color:var(--currentColor)!important}[data-id="321180158"] .welcome-screen .component-button.background--gradient.bordered .btn-content:after,[data-id="321180158"] .welcome-screen .component-button.background--gradient.bordered .btn-content:before{top:-2px;left:-2px;width:calc(100% + 3px);height:calc(100% + 3px)}[data-id="321180158"] .welcome-screen .component-button.background--gradient.bordered .btn-content .btn-text{opacity:.85;background:linear-gradient(90deg,#4776e6 0,#8e54e9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-id="321180158"] .welcome-screen .component-button.background--gradient.bordered .btn-content:hover:before{opacity:0}[data-id="321180158"] .welcome-screen .component-button.background--gradient.bordered .btn-content:hover .btn-text,[data-id="321180158"] .welcome-screen .component-button.background--gradient.bordered .btn-content:hover:after{opacity:1}[data-id="321180158"] .welcome-screen .component-button.background--gradient.bordered .btn-content.btn-content-icon-text.icon-on-left{--currentColor:#4776e6}[data-id="321180158"] .welcome-screen .component-button.background--gradient.bordered .btn-content.btn-content-icon-text.icon-on-right{--currentColor:#8e54e9}[data-id="321180158"] .welcome-screen .component-button.background--gradient.filled .btn-content{color:#fff;background:linear-gradient(90deg,#4776e6 0,#8e54e9 100%)}[data-id="321180158"] .welcome-screen .component-button.background--gradient.filled .btn-content:before{background:linear-gradient(90deg,#4776e6 0,#8e54e9 100%)}[data-id="321180158"] .welcome-screen .component-button.background--gradient.filled .btn-content:after{background:linear-gradient(90deg,#1e56dc 0,#7027e3 100%)}[data-id="321180158"] .welcome-screen .component-button.background--gradient.filled:not(.shadow):not(.zoom) .btn-content:hover:before{opacity:0}[data-id="321180158"] .welcome-screen .component-button.background--gradient.filled:not(.shadow):not(.zoom) .btn-content:hover:after{opacity:1}[data-id="321180158"] .welcome-screen .component-button.background--gradient.shadow .btn-content{box-shadow:0 15px 40px linear-gradient(90deg,rgba(71,118,230,.2) 0%,rgba(142,84,233,.2) 100%)}[data-id="321180158"] .welcome-screen .component-button.background--gradient.shadow .btn-content:hover{box-shadow:0 15px 40px linear-gradient(90deg,rgba(71,118,230,.25) 0%,rgba(142,84,233,.25) 100%)}[data-id="321180158"] .component-quiz .component-button.bordered .btn-content,[data-id="321180158"] .quiz-progress{color:#2a96d4}[data-id="321180158"] .component-quiz .component-button.bordered .btn-content:hover{color:#1d6994}[data-id="321180158"] .component-quiz .component-button.filled .btn-content{border:1px solid #2a96d4;background-color:#2a96d4;color:#fff}[data-id="321180158"] .component-quiz .component-button.filled:not(.shadow):not(.zoom) .btn-content:hover{background-color:#2687bf}[data-id="321180158"] .component-quiz .component-button.shadow .btn-content{box-shadow:0 15px 40px rgba(42,150,212,.2)}[data-id="321180158"] .component-quiz .component-button.shadow .btn-content:hover{box-shadow:0 15px 40px rgba(42,150,212,.25)}[data-id="321180158"] .component-quiz .form-field-image-check #bg{fill:#2a96d4}[data-id="321180158"] .component-quiz .form-field-image-check #arrow{fill:#fff}


[data-id="1189742"]{--componentBgColor:#000000;--componentBgOpacity:0.9;--currentContrast:var(--lightColor);--currentColor: ;--contrastColor:contrast(, --darkColor, --lightColor)}[data-id="1189742"] .modal-data{color:#fff}
[data-id=form32467]{--componentBgColor:#000000;--componentBgOpacity:0.9;--currentContrast:var(--lightColor);--currentColor: ;--contrastColor:contrast(, --darkColor, --lightColor)}[data-id=form32467] .modal-data{color:#fff}[data-id=form32467] .component-button.bordered .btn-content{color:#3d52b0}[data-id=form32467] .component-button.bordered .btn-content:hover{color:#293877}[data-id=form32467] .component-button.filled .btn-content{border:1px solid #3d52b0;background-color:#3d52b0;color:#fff}[data-id=form32467] .component-button.filled:not(.shadow):not(.zoom) .btn-content:hover{background-color:#36499d}[data-id=form32467] .component-button.shadow .btn-content{box-shadow:0 15px 40px rgba(61,82,176,.2)}[data-id=form32467] .component-button.shadow .btn-content:hover{box-shadow:0 15px 40px rgba(61,82,176,.25)}
[data-id=form86313]{--componentBgColor:#000000;--componentBgOpacity:0.9;--currentContrast:var(--lightColor);--currentColor: ;--contrastColor:contrast(, --darkColor, --lightColor)}[data-id=form86313] .modal-data{color:#fff}[data-id=form86313] .component-button.bordered .btn-content{color:#222}[data-id=form86313] .component-button.bordered .btn-content:hover{color:#000}[data-id=form86313] .component-button.filled .btn-content{border:1px solid #222;background-color:#222;color:#fff}[data-id=form86313] .component-button.filled:not(.shadow):not(.zoom) .btn-content:hover{background-color:#151515}[data-id=form86313] .component-button.shadow .btn-content{box-shadow:0 15px 40px rgba(34,34,34,.2)}[data-id=form86313] .component-button.shadow .btn-content:hover{box-shadow:0 15px 40px rgba(34,34,34,.25)}
[data-id=done68727]{--componentBgColor:#000000;--componentBgOpacity:0.9;--currentContrast:var(--lightColor);--currentColor: ;--contrastColor:contrast(, --darkColor, --lightColor)}[data-id=done68727] .component-button.bordered .btn-content{color:#222}[data-id=done68727] .component-button.bordered .btn-content:hover{color:#000}[data-id=done68727] .component-button.filled .btn-content{border:1px solid #222;background-color:#222;color:#fff}[data-id=done68727] .component-button.filled:not(.shadow):not(.zoom) .btn-content:hover{background-color:#151515}[data-id=done68727] .component-button.shadow .btn-content{box-shadow:0 15px 40px rgba(34,34,34,.2)}[data-id=done68727] .component-button.shadow .btn-content:hover{box-shadow:0 15px 40px rgba(34,34,34,.25)}[data-id=done68727] .modal-data{color:#fff}
[data-id=done58536]{--componentBgColor:#000000;--componentBgOpacity:0.9;--currentContrast:var(--lightColor);--currentColor:var(--darkText);--contrastColor:var(--darkText_contrast)}[data-id=done58536] .modal-data{color:#fff}
[data-id=form64846]{--componentBgColor:#000000;--componentBgOpacity:0.9;--currentContrast:var(--lightColor);--currentColor: ;--contrastColor:contrast(, --darkColor, --lightColor)}[data-id=form64846] .modal-data{color:#fff}[data-id=form64846] .component-button.bordered .btn-content{color:#3d52b0}[data-id=form64846] .component-button.bordered .btn-content:hover{color:#293877}[data-id=form64846] .component-button.filled .btn-content{border:1px solid #3d52b0;background-color:#3d52b0;color:#fff}[data-id=form64846] .component-button.filled:not(.shadow):not(.zoom) .btn-content:hover{background-color:#36499d}[data-id=form64846] .component-button.shadow .btn-content{box-shadow:0 15px 40px rgba(61,82,176,.2)}[data-id=form64846] .component-button.shadow .btn-content:hover{box-shadow:0 15px 40px rgba(61,82,176,.25)}