@charset "UTF-8";
:root{
    --quizle-primary-color:#8264FC;
    --quizle-primary-color-text:#ffffff;
    --quizle-background-1:#d9d9d9;
    --quizle-background-2:#b3b3b3;
    --quizle-text-color:#111;
    --quizle-success-color:#7dc400;
    --quizle-success-background:rgba(125,196,0,.1);
    --quizle-error-color:#ec340a;
    --quizle-error-background:rgba(236, 52, 10, 0.1);
    --quizle-font-size:16px;
    --quizle-header-font-size:clamp(18px, 2vw, 24px);
    --quizle-header-line-height:1.3;
    --quizle-header-font-weight:800;
    --quizle-max-width:1000px;
    --quizle-body-max-width:900px;
    --quizle-sidebar-width:240px;
    --quizle-footer-height:64px;
    --quizle-border:1px solid rgba(0,0,0,.1);
    --quizle-container-padding:clamp(16px, 4vw, 30px);
    --quizle-space:clamp(10px, 1vw, 25px);
    --quizle-image-screen-gap:30px;
    --quizle-container-border-radius:21px;
    --quizle-image-border-radius:12px;
    --quizle-form-border-radius:6px;
    --quizle-answer-border-color-right:var(--quizle-success-color);
    --quizle-answer-border-color-wrong:var(--quizle-error-color);
    --quizle-answer-check-background:unset;
    --quizle-form-checkbox-size:20px;
    --quizle-form-padding:.5em .9em;
    --quizle-form-border-width:2px;
    --quizle-form-border-color:rgba(0, 0, 0, .25);
    --quizle-button-color:#fff;
    --quizle-button-padding:.7em 1.2em;
    --quizle-shadow-color:rgba(88, 85, 129, 0.15);
    --quizle-success-border-color:#7dc400;
    --quizle-error-border-color:#c52703;
    --quizle-social-icon-width:24px;
    --quizle-social-icon-height:24px
}
.quizle-contacts__title,.quizle-question__title{
    font-size:var(--quizle-header-font-size);
    line-height:var(--quizle-header-line-height);
    font-weight:var(--quizle-header-font-weight);
    margin-bottom:var(--quizle-space)
}
.quizle-answer-description p,.quizle-image-screen__description p,.quizle-question__description p{
    margin-top:8px;
    margin-bottom:8px
}
.quizle-container{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.quizle-container *{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.quizle{
    position:relative;
    margin:30px auto;
    max-width:var(--quizle-max-width);
    background:var(--quizle-background);
    color:var(--quizle-text-color);
    font-size:var(--quizle-font-size);
    border-radius:var(--quizle-container-border-radius);
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.quizle.has-background{
    padding:var(--quizle-container-padding);
    -webkit-box-shadow:0 5px 50px -10px var(--quizle-background-2);
    box-shadow:0 5px 50px -10px var(--quizle-background-2)
}
.quizle img{
    max-width:100%;
    height:auto
}
@media (min-width:768px){
    .quizle--view-slides{
        height:var(--quizle-height)
    }
}
.quizle1{
    border:5px solid #8fabd9;
    border-radius:12px
}
.quizle1 .quizle-body{
    padding:20px
}
.quizle1 .quizle-question{
    background:linear-gradient(332.72deg,rgba(68,208,161,.15) 0,rgba(102,153,255,.15) 100%);
    border-radius:12px;
    padding:calc(var(--quizle-space) * 1.5) calc(var(--quizle-space) * 2)
}
.quizle1{
    background:linear-gradient(332.72deg,rgba(68,208,161,.15) 0,rgba(102,153,255,.15) 100%);
    border-radius:12px
}
.quizle1 .quizle-body{
    padding:calc(var(--quizle-space) * 1.5) calc(var(--quizle-space) * 2)
}
.quizle1{
    --quizle-primary-color:#2c7900;
    --quizle-form-border-color:#9fc289;
    --quizle-border-color:#9fc289
}
.quizle1{
    border-radius:var(--quizle-form-border-radius)
}
.quizle1 .quizle-body{
    padding:calc(var(--quizle-space) * 1.5) calc(var(--quizle-space) * 2)
}
.quizle1 .quizle-question{
    padding:calc(var(--quizle-space) * 1.5) calc(var(--quizle-space) * 2);
    border:1px solid #2913e3;
    border-radius:var(--quizle-form-border-radius)
}
.quizle-body{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
}
.quizle-sidebar{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-flex:0;
    -ms-flex:0 0 var(--quizle-sidebar-width);
    flex:0 0 var(--quizle-sidebar-width);
    max-width:var(--quizle-sidebar-width);
    padding:var(--quizle-space);
    background:rgba(23,23,24,.05);
    font-size:.9em
}
.quizle.has-background .quizle-sidebar,body.single-quizle .quizle .quizle-sidebar{
    margin-top:calc(var(--quizle-container-padding) * -1);
    margin-right:calc(var(--quizle-container-padding) * -1);
    margin-bottom:calc(var(--quizle-container-padding) * -1)
}
.quizle-footer{
    position: absolute; 
    bottom:0;
    left:0;
    right:0;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:30px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top:20px
}
.quizle--view-list .quizle-footer{
    position:relative
}
.quizle--view-slides .quizle-footer{
    height:var(--quizle-footer-height)
}
@media (max-width:767.98px){
    .quizle--view-slides .quizle-footer{
        position:sticky;
        bottom:0;
        padding:var(--quizle-container-padding);
        margin:calc(var(--quizle-container-padding) * -1);
        background:var(--quizle-background);
        width:auto;
        height:auto;
        -webkit-box-shadow:0 -5px 30px -10px rgba(0,0,0,.1);
        box-shadow:0 -5px 30px -10px rgba(0,0,0,.1)
    }
}
.quizle-footer>*{
    -webkit-box-flex:1;
    -ms-flex:1 0 0px;
    flex:1 0 0;
    width:100%;
    max-width:100%
}
.quizle-footer__steps{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    gap:5px
}
.quizle-footer__step-description{
    font-size:.75em;
    text-align:center;
    opacity:.9
}
@media (pointer:coarse){
    .quizle-footer__step-description{
        display:none
    }
}
@media (max-width:575.98px){
    .quizle-footer--has-progress{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        gap:20px
    }
}
.quizle-button,a.quizle-button,a:visited.quizle-button{
    position:relative;
    display:inline-block;
    margin:0;
    padding:var(--quizle-button-padding);
    background:var(--quizle-button-background,var(--quizle-primary-color));
    color:var(--quizle-primary-color-text,var(--quizle-button-color));
    border:none;
    border-radius:var(--quizle-form-border-radius);
    font-size:1em;
    text-transform:none;
    text-decoration:none;
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
    cursor:pointer;
    overflow:hidden;
    -webkit-transition:all .15s ease-out;
    transition:all .15s ease-out
}
.quizle-button:after,a.quizle-button:after,a:visited.quizle-button:after{
    content:"";
    position:absolute;
    top:-50%;
    right:-50%;
    bottom:-50%;
    left:-50%;
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(229,172,142,0)),color-stop(50%,rgba(255,255,255,.5)),to(rgba(229,172,142,0)));
    background:linear-gradient(to bottom,rgba(229,172,142,0),rgba(255,255,255,.5) 50%,rgba(229,172,142,0));
    -webkit-transform:rotateZ(60deg) translate(-5em,7.5em);
    -ms-transform:rotate(60deg) translate(-5em,7.5em);
    transform:rotateZ(60deg) translate(-5em,7.5em);
    opacity:0
}
.quizle-button:focus,.quizle-button:hover,a.quizle-button:focus,a.quizle-button:hover,a:visited.quizle-button:focus,a:visited.quizle-button:hover{
    background:var(--quizle-button-background,var(--quizle-primary-color));
    opacity:.9;
    -webkit-transform:translate3d(0,-1px,0);
    transform:translate3d(0,-1px,0);
    text-decoration:none
}
.quizle-button:focus,a.quizle-button:focus,a:visited.quizle-button:focus{
    outline:0;
    -webkit-box-shadow:inset 0 0 0 2px var(--quizle-button-background,var(--quizle-primary-color)),inset 0 0 4px 2px rgba(255,255,255,.3)!important;
    box-shadow:inset 0 0 0 2px var(--quizle-button-background,var(--quizle-primary-color)),inset 0 0 4px 2px rgba(255,255,255,.3)!important
}
.quizle-button:focus:after,a.quizle-button:focus:after,a:visited.quizle-button:focus:after{
    -webkit-animation:sheen 1s forwards infinite;
    animation:sheen 1s forwards infinite
}
.quizle-button.disabled,.quizle-button[disabled],a.quizle-button.disabled,a.quizle-button[disabled],a:visited.quizle-button.disabled,a:visited.quizle-button[disabled]{
    opacity:.5;
    cursor:not-allowed
}
.quizle-select,.quizle-text,.quizle-text[type=color],.quizle-text[type=date],.quizle-text[type=datetime-local],.quizle-text[type=datetime],.quizle-text[type=email],.quizle-text[type=month],.quizle-text[type=number],.quizle-text[type=password],.quizle-text[type=range],.quizle-text[type=search],.quizle-text[type=tel],.quizle-text[type=text],.quizle-text[type=time],.quizle-text[type=url],.quizle-text[type=week],.wp-core-ui .quizle-select{
    display:block;
    width:100%;
    margin:0;
    padding:var(--quizle-form-padding);
    font-size:1em;
    line-height:1.5;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:var(--quizle-form-border-width) solid var(--quizle-background-2);
    background:var(--quizle-background-1);
    color:var(--quizle-text-color);
    border-radius:var(--quizle-form-border-radius);
    -webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}
.quizle-select:focus,.quizle-text:focus,.quizle-text[type=color]:focus,.quizle-text[type=date]:focus,.quizle-text[type=datetime-local]:focus,.quizle-text[type=datetime]:focus,.quizle-text[type=email]:focus,.quizle-text[type=month]:focus,.quizle-text[type=number]:focus,.quizle-text[type=password]:focus,.quizle-text[type=range]:focus,.quizle-text[type=search]:focus,.quizle-text[type=tel]:focus,.quizle-text[type=text]:focus,.quizle-text[type=time]:focus,.quizle-text[type=url]:focus,.quizle-text[type=week]:focus,.wp-core-ui .quizle-select:focus{
    border-color:var(--quizle-form-border-focus-color,var(--quizle-background-2));
    -webkit-box-shadow:none;
    box-shadow:none;
    outline:0;
    background:var(--quizle-background-1)
}
.quizle-select::-webkit-input-placeholder,.quizle-text::-webkit-input-placeholder,.quizle-text[type=color]::-webkit-input-placeholder,.quizle-text[type=date]::-webkit-input-placeholder,.quizle-text[type=datetime-local]::-webkit-input-placeholder,.quizle-text[type=datetime]::-webkit-input-placeholder,.quizle-text[type=email]::-webkit-input-placeholder,.quizle-text[type=month]::-webkit-input-placeholder,.quizle-text[type=number]::-webkit-input-placeholder,.quizle-text[type=password]::-webkit-input-placeholder,.quizle-text[type=range]::-webkit-input-placeholder,.quizle-text[type=search]::-webkit-input-placeholder,.quizle-text[type=tel]::-webkit-input-placeholder,.quizle-text[type=text]::-webkit-input-placeholder,.quizle-text[type=time]::-webkit-input-placeholder,.quizle-text[type=url]::-webkit-input-placeholder,.quizle-text[type=week]::-webkit-input-placeholder,.wp-core-ui .quizle-select::-webkit-input-placeholder{
    color:var(--quizle-text-color)
}
.quizle-select::-moz-placeholder,.quizle-text::-moz-placeholder,.quizle-text[type=color]::-moz-placeholder,.quizle-text[type=date]::-moz-placeholder,.quizle-text[type=datetime-local]::-moz-placeholder,.quizle-text[type=datetime]::-moz-placeholder,.quizle-text[type=email]::-moz-placeholder,.quizle-text[type=month]::-moz-placeholder,.quizle-text[type=number]::-moz-placeholder,.quizle-text[type=password]::-moz-placeholder,.quizle-text[type=range]::-moz-placeholder,.quizle-text[type=search]::-moz-placeholder,.quizle-text[type=tel]::-moz-placeholder,.quizle-text[type=text]::-moz-placeholder,.quizle-text[type=time]::-moz-placeholder,.quizle-text[type=url]::-moz-placeholder,.quizle-text[type=week]::-moz-placeholder,.wp-core-ui .quizle-select::-moz-placeholder{
    color:var(--quizle-text-color)
}
.quizle-select:-ms-input-placeholder,.quizle-text:-ms-input-placeholder,.quizle-text[type=color]:-ms-input-placeholder,.quizle-text[type=date]:-ms-input-placeholder,.quizle-text[type=datetime-local]:-ms-input-placeholder,.quizle-text[type=datetime]:-ms-input-placeholder,.quizle-text[type=email]:-ms-input-placeholder,.quizle-text[type=month]:-ms-input-placeholder,.quizle-text[type=number]:-ms-input-placeholder,.quizle-text[type=password]:-ms-input-placeholder,.quizle-text[type=range]:-ms-input-placeholder,.quizle-text[type=search]:-ms-input-placeholder,.quizle-text[type=tel]:-ms-input-placeholder,.quizle-text[type=text]:-ms-input-placeholder,.quizle-text[type=time]:-ms-input-placeholder,.quizle-text[type=url]:-ms-input-placeholder,.quizle-text[type=week]:-ms-input-placeholder,.wp-core-ui .quizle-select:-ms-input-placeholder{
    color:var(--quizle-text-color)
}
.quizle-select::-ms-input-placeholder,.quizle-text::-ms-input-placeholder,.quizle-text[type=color]::-ms-input-placeholder,.quizle-text[type=date]::-ms-input-placeholder,.quizle-text[type=datetime-local]::-ms-input-placeholder,.quizle-text[type=datetime]::-ms-input-placeholder,.quizle-text[type=email]::-ms-input-placeholder,.quizle-text[type=month]::-ms-input-placeholder,.quizle-text[type=number]::-ms-input-placeholder,.quizle-text[type=password]::-ms-input-placeholder,.quizle-text[type=range]::-ms-input-placeholder,.quizle-text[type=search]::-ms-input-placeholder,.quizle-text[type=tel]::-ms-input-placeholder,.quizle-text[type=text]::-ms-input-placeholder,.quizle-text[type=time]::-ms-input-placeholder,.quizle-text[type=url]::-ms-input-placeholder,.quizle-text[type=week]::-ms-input-placeholder,.wp-core-ui .quizle-select::-ms-input-placeholder{
    color:var(--quizle-text-color)
}
.quizle-select::placeholder,.quizle-text::placeholder,.quizle-text[type=color]::placeholder,.quizle-text[type=date]::placeholder,.quizle-text[type=datetime-local]::placeholder,.quizle-text[type=datetime]::placeholder,.quizle-text[type=email]::placeholder,.quizle-text[type=month]::placeholder,.quizle-text[type=number]::placeholder,.quizle-text[type=password]::placeholder,.quizle-text[type=range]::placeholder,.quizle-text[type=search]::placeholder,.quizle-text[type=tel]::placeholder,.quizle-text[type=text]::placeholder,.quizle-text[type=time]::placeholder,.quizle-text[type=url]::placeholder,.quizle-text[type=week]::placeholder,.wp-core-ui .quizle-select::placeholder{
    color:var(--quizle-text-color)
}
textarea.quizle-text{
    resize:vertical
}
.quizle-checkbox,.quizle-radio{
    width:1em;
    height:1em;
    margin-top:.25em;
    vertical-align:top;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    border:1px solid var(--quizle-form-border-color);
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact
}
.quizle-checkbox:checked,.quizle-radio:checked{
    background-color:#0d6efd;
    border-color:#0d6efd
}
.quizle-radio{
    border-radius:50%
}
.quizle-radio:checked{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}
.quizle-checkbox{
    border-radius:3px
}
.quizle-checkbox:checked{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}
.quizle-select,.wp-core-ui .quizle-select{
    max-width:none;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat:no-repeat;
    background-position:right .75rem center;
    background-size:16px 12px
}
.quizle-select::-ms-expand,.wp-core-ui .quizle-select::-ms-expand{
    display:none
}
.quizle-visually-hidden{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important
}
@-webkit-keyframes sheen{
    100%{
        opacity:1;
        -webkit-transform:rotateZ(60deg) translate(1em,-9em);
        transform:rotateZ(60deg) translate(1em,-9em)
    }
}
@keyframes sheen{
    100%{
        opacity:1;
        -webkit-transform:rotateZ(60deg) translate(1em,-9em);
        transform:rotateZ(60deg) translate(1em,-9em)
    }
}
.quizle fieldset{
    border:unset;
    margin:0;
    padding:0
}

.quizle-image-screen__container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    overflow-y:auto
}
.quizle-image-screen__body{
    width:100%;
    -webkit-box-flex:1;
    -ms-flex:1 0 0px;
    flex:1 0 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -ms-flex:1 1 auto;
    flex:1 1 auto
}
.quizle-image-screen__image{
    max-width:100%;
    overflow:hidden
}
.quizle-image-screen__image img{
    -o-object-fit:cover;
    object-fit:cover;
    width:100%;
    height:100%;
    border-radius:var(--quizle-image-border-radius)
}
.quizle-image-screen__title{
    position:relative;
    font-size:clamp(18px,2vw,30px);
    line-height:1.2;
    font-weight:800;
    z-index:20
}
.quizle-image-screen__description{
    position:relative;
    margin-top:20px;
    z-index:20
}
@media (min-width:768px){
    .quizle-image-screen__description{
        font-size:1.1em
    }
}
.quizle-image-screen__button{
    position:relative;
    margin-top:30px;
    z-index:20
}







.quizle-image-screen--img-position-background {
    padding: var(--quizle-container-padding);
    padding: 30px 5vw;
    color: #fff;
    border-radius: calc(var(--quizle-container-border-radius) - 1.5px);
    overflow: hidden;
}

@media (min-width: 768px) {
    .quizle-image-screen--img-position-background {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto;
        min-height: 100%;
    }
}






.quizle.has-background.quizle--view-slides .quizle-image-screen--img-position-background,body.single-quizle .quizle.quizle--view-slides .quizle-image-screen--img-position-background{
    margin:calc(var(--quizle-container-padding) * -1)
}
.quizle-image-screen--img-position-background:after{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.4)),to(rgba(0,0,0,.7)));
    background:linear-gradient(to bottom,rgba(0,0,0,.4) 0,rgba(0,0,0,.7) 100%)
}
.quizle-image-screen--img-position-background .quizle-image-screen__body{
    padding:0
}
.quizle-image-screen--img-position-bottom,.quizle-image-screen--img-position-top{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
@media (min-width:768px){
    .quizle-image-screen--img-position-bottom>*,.quizle-image-screen--img-position-top>*{
        -webkit-box-flex:1;
        -ms-flex:1 0 auto;
        flex:1 0 auto;
        max-height:calc(50% - var(--quizle-image-screen-gap)/ 2)
    }
}
.quizle-image-screen--img-position-bottom .quizle-image-screen__image{
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2
}
@media (max-width:767.98px){
    .quizle-image-screen--img-position-left,.quizle-image-screen--img-position-right{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
@media (min-width:768px){
    .quizle-image-screen--img-position-left>*,.quizle-image-screen--img-position-right>*{
        -webkit-box-flex:1;
        -ms-flex:1 0 0px;
        flex:1 0 0;
        width:100%;
        max-width:100%
    }
}
@media (max-width:767.98px){
    .quizle-image-screen--img-position-right{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
@media (min-width:768px){
    .quizle-image-screen--img-position-right .quizle-image-screen__image{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
}
@media (max-width:767.98px){
    .quizle-image-screen--img-position-left{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.quizle-progress-container{
    position:sticky;
    top:0;
    left:0;
    padding:10px 0
}
.quizle-progress{
    position:relative;
    height:8px;
    border-radius:var(--quizle-form-border-radius);
    background:var(--quizle-progress-background,var(--quizle-background-1))
}
.quizle-progress-type--numbers .quizle-progress{
    background:unset;
    height:unset
}
.quizle-progress__bar{
    height:8px;
    border-radius:var(--quizle-form-border-radius);
    background:var(--quizle-progress-bar-background,var(--quizle-primary-color));
    -webkit-transition:all .2s;
    transition:all .2s
}
.quizle-progress__text{
    font-size:.9em
}
.quizle-progress-bar-container{
    padding:10vh 0
}
.quizle-progress-bar{
    position:relative;
    height:16px;
    margin:5vh 0;
    border-radius:20px;
    background:var(--quizle-progress-background,var(--quizle-background-1))
}
.quizle-progress-bar__inner{
    height:16px;
    border-radius:20px;
    background:var(--quizle-progress-bar-background,var(--quizle-primary-color));
    background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size:1rem 1rem;
    -webkit-animation:1s linear infinite quizle-progress-bar;
    animation:1s linear infinite quizle-progress-bar;
    -webkit-transition:all .2s;
    transition:all .2s
}
.quizle-progress-bar__text{
    margin:20px 0;
    font-size:.9em
}
@-webkit-keyframes quizle-progress-bar{
    0%{
        background-position-x:1rem
    }
}
@keyframes quizle-progress-bar{
    0%{
        background-position-x:1rem
    }
}
.quizle-expiration{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:8px
}
.quizle--view-list .quizle-expiration{
    position:sticky;
    top:0;
    margin:-8px 0 8px;
    background:var(--quizle-background,#fff);
    padding:8px 0;
    z-index:9999
}
body.admin-bar .quizle--view-list .quizle-expiration{
    top:32px
}
@media screen and (max-width:782px){
    body.admin-bar .quizle--view-list .quizle-expiration{
        top:0
    }
}
.quizle-expiration__text{
    white-space:nowrap;
    font-size:.9em
}
.quizle-expiration__time{
    font-family:monospace,monospace
}
.quizle-expiration__progress{
    width:100%;
    height:2px;
    background:var(--quizle-background-2)
}
.quizle-expiration__progress-line{
    width:0;
    height:2px;
    background:var(--quizle-primary-color);
    -webkit-transition:all 1s linear;
    transition:all 1s linear
}
.quizle-completion-expire,.quizle-upload-screen{
    padding:7vh 0;
    opacity:.9;
    text-align:center
}
.quizle-completion-expire p,.quizle-upload-screen p{
    margin:2rem 0 0;
    font-size:1.3em
}
.quizle-questions-header{
    border-bottom:1px solid #000
}
.quizle--view-slides .quizle-questions{
    padding-bottom:calc(var(--quizle-footer-height) + 20px);
    height:100%
}
.quizle--view-list .quizle-questions{
    margin-bottom:20px
}
.quizle-question{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    max-height:100%;
    -webkit-transition:opacity .15s,-webkit-transform .15s;
    transition:opacity .15s,-webkit-transform .15s;
    transition:opacity .15s,transform .15s;
    transition:opacity .15s,transform .15s,-webkit-transform .15s;
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.quizle--view-list .quizle-question{
    margin-bottom:calc(var(--quizle-space) * 3)
}
.quizle--view-list .quizle-question:last-child{
    margin-bottom:0
}
.quizle-question__body{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -ms-flex:1 0 0px;
    flex:1 0 0;
    width:100%;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    max-height:100%
}
.quizle-question__header{
    margin-bottom:var(--quizle-space);
    line-height:1.4
}
.quizle-question__media{
    max-width:100%;
    overflow:hidden
}
.quizle-question__media img{
    -o-object-fit:cover;
    object-fit:cover;
    width:100%;
    height:100%;
    border-radius:var(--quizle-image-border-radius)
}
.quizle-question__video{
    width:100%;
    height:100%
}
.quizle-question__video--embed{
    position:relative;
    display:block;
    width:100%;
    padding:0;
    overflow:hidden
}
.quizle-question__video--embed:before{
    display:block;
    content:"";
    padding-top:56.25%
}
.quizle-question__video--embed embed,.quizle-question__video--embed iframe,.quizle-question__video--embed object,.quizle-question__video--embed video{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    border:0
}
.quizle-question__description{
    margin-top:calc(var(--quizle-space)/ 2);
    font-size:.9em
}
.quizle-question.hide{
    opacity:0;
    -webkit-transform:translate3d(-20px,0,0);
    transform:translate3d(-20px,0,0)
}
.quizle-question.show{
    opacity:0;
    -webkit-transform:translate3d(20px,0,0);
    transform:translate3d(20px,0,0)
}
.quizle-question.require-select-answer{
    --quizle-form-border-color:var(--quizle-error-color)
}
.quizle-question--media-position-left,.quizle-question--media-position-right{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:30px;
    max-height:100%
}
@media (max-width:767.98px){
    .quizle-question--media-position-left,.quizle-question--media-position-right{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
@media (min-width:768px){
    .quizle-question--media-position-left>*,.quizle-question--media-position-right>*{
        -webkit-box-flex:1;
        -ms-flex:1 0 0px;
        flex:1 0 0;
        width:100%;
        max-width:100%
    }
}
.quizle-question--media-position-left .quizle-question__body,.quizle-question--media-position-right .quizle-question__body{
    width:100%;
    -webkit-box-flex:1;
    -ms-flex:1 0 0px;
    flex:1 0 0
}
.quizle-question--media-position-right .quizle-question__media{
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2
}
.quizle-question--media-position-top{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:var(--quizle-image-screen-gap);
    height:100%
}
@media (min-width:768px){
    .quizle-question--media-position-top>*{
        -webkit-box-flex:1;
        -ms-flex:1 0 auto;
        flex:1 0 auto;
        max-height:calc(50% - var(--quizle-image-screen-gap)/ 2)
    }
}
.quizle-answers{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:calc(var(--quizle-space)/ 2);
    overflow-y:auto
}
.quizle-answers::-webkit-scrollbar{
    width:10px
}
.quizle-answers::-webkit-scrollbar-track{
    border-left:8px solid transparent;
    -webkit-box-shadow:inset 0 0 10px 10px var(--color-bg-2,#eae9f1);
    box-shadow:inset 0 0 10px 10px var(--color-bg-2,#eae9f1)
}
.quizle-answers::-webkit-scrollbar-thumb{
    border-left:8px solid transparent;
    -webkit-box-shadow:inset 0 0 10px 10px var(--quizle-primary-color);
    box-shadow:inset 0 0 10px 10px var(--quizle-primary-color)
}
.quizle-answer{
    position:relative;
    width:100%
}
.quizle-answer__description{
    font-size:.9em
}
.quizle-answer__check{
    -webkit-box-flex:0;
    -ms-flex:0 0 var(--quizle-form-checkbox-size);
    flex:0 0 var(--quizle-form-checkbox-size);
    width:var(--quizle-form-checkbox-size);
    height:var(--quizle-form-checkbox-size);
    margin-top:.1em;
    vertical-align:top;
    background-color:var(--quizle-answer-check-background);
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    border:var(--quizle-form-border-width) solid var(--quizle-answer-border-color,var(--quizle-background-2));
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
    border-radius:50%
}
.quizle-answer.checked{
    --quizle-answer-border-color:var(--quizle-primary-color);
    --quizle-answer-check-background:var(--quizle-primary-color)
}
.quizle-answer.checked .quizle-answer__check{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}
.quizle-answer.reveal-right,.quizle-answer.right{
    --quizle-answer-border-color:red
}
.quizle-answer.wrong{
    --quizle-answer-border-color:pink
}
.quizle-answer.multiple .quizle-answer__check{
    border-radius:4px
}
.quizle-answer-description{
    overflow:auto
}
.quizle-answer--check,.quizle-answer--image-horizontal,.quizle-answer--image-vertical{
    line-height:1.5;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.quizle-answer--check label,.quizle-answer--image-horizontal label,.quizle-answer--image-vertical label{
    margin:0;
    cursor:pointer
}
.quizle-answer--check,.quizle-answer--image-horizontal,.quizle-answer--image-vertical{
    border:2px solid var(--quizle-answer-border-color,var(--quizle-background-2));
    border-radius:var(--quizle-form-border-radius);
    -webkit-transition:all .15s ease-out;
    transition:all .15s ease-out
}
.quizle-answer--check:hover,.quizle-answer--image-horizontal:hover,.quizle-answer--image-vertical:hover{
    -webkit-box-shadow:0 1px 5px 0 var(--quizle-shadow-color);
    box-shadow:0 1px 5px 0 var(--quizle-shadow-color)
}
.checked.quizle-answer--check,.checked.quizle-answer--image-horizontal,.checked.quizle-answer--image-vertical{
    --quizle-answer-border-color:var(--quizle-answer-border-color-checked, var(--quizle-primary-color))
}
.reveal-right.quizle-answer--check,.reveal-right.quizle-answer--image-horizontal,.reveal-right.quizle-answer--image-vertical,.right.quizle-answer--check,.right.quizle-answer--image-horizontal,.right.quizle-answer--image-vertical{
    --quizle-answer-border-color:var(--quizle-answer-border-color-right);
    --quizle-answer-check-background:var(--quizle-answer-border-color-right);
    background:var(--quizle-success-background)
}
.wrong.quizle-answer--check,.wrong.quizle-answer--image-horizontal,.wrong.quizle-answer--image-vertical{
    --quizle-answer-border-color:var(--quizle-answer-border-color-wrong);
    --quizle-answer-check-background:var(--quizle-answer-border-color-wrong);
    background:var(--quizle-error-background)
}
.quizle-answers--columns-1,.quizle-answers--columns-2,.quizle-answers--columns-3,.quizle-answers--columns-4{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.quizle-answers--columns-1 .quizle-answer{
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%
}
.quizle-answers--columns-2 .quizle-answer--image-vertical{
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(50% - var(--quizle-space)/ 2 / 2);
    flex:0 0 calc(50% - var(--quizle-space)/ 2 / 2)
}
@media (min-width:768px){
    .quizle-answers--columns-2 .quizle-answer--check,.quizle-answers--columns-2 .quizle-answer--image-horizontal{
        -webkit-box-flex:0;
        -ms-flex:0 0 calc(50% - var(--quizle-space)/ 2 / 2);
        flex:0 0 calc(50% - var(--quizle-space)/ 2 / 2)
    }
}
.quizle-answers--columns-3 .quizle-answer--image-vertical{
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(50% - var(--quizle-space)/ 2 / 2);
    flex:0 0 calc(50% - var(--quizle-space)/ 2 / 2)
}
@media (min-width:768px){
    .quizle-answers--columns-3 .quizle-answer--image-vertical{
        -webkit-box-flex:0;
        -ms-flex:0 0 calc(33.33% - var(--quizle-space)/ 2 / 1.5);
        flex:0 0 calc(33.33% - var(--quizle-space)/ 2 / 1.5)
    }
}
@media (min-width:768px){
    .quizle-answers--columns-3 .quizle-answer--check,.quizle-answers--columns-3 .quizle-answer--image-horizontal{
        -webkit-box-flex:0;
        -ms-flex:0 0 calc(33.33% - var(--quizle-space)/ 2 / 1.5);
        flex:0 0 calc(33.33% - var(--quizle-space)/ 2 / 1.5)
    }
}
.quizle-answers--columns-4 .quizle-answer--image-vertical{
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(50% - var(--quizle-space)/ 2 / 2);
    flex:0 0 calc(50% - var(--quizle-space)/ 2 / 2)
}
@media (min-width:768px){
    .quizle-answers--columns-4 .quizle-answer--image-vertical{
        -webkit-box-flex:0;
        -ms-flex:0 0 calc(25% - var(--quizle-space)/ 2 / 1.33);
        flex:0 0 calc(25% - var(--quizle-space)/ 2 / 1.33)
    }
}
@media (min-width:768px){
    .quizle-answers--columns-4 .quizle-answer--check,.quizle-answers--columns-4 .quizle-answer--image-horizontal{
        -webkit-box-flex:0;
        -ms-flex:0 0 calc(25% - var(--quizle-space)/ 2 / 1.33);
        flex:0 0 calc(25% - var(--quizle-space)/ 2 / 1.33)
    }
}
.quizle-answer--text .quizle-text{
    font-size:1.2em
}
.quizle-answer--textarea .quizle-text{
    font-size:1.2em
}
.quizle-answer--check{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.quizle-answer--check label{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:var(--quizle-space);
    -webkit-box-flex:1;
    -ms-flex:1 0 0px;
    flex:1 0 0;
    max-width:100%;
    font-size:var(--quizle-font-size)
}
.quizle-answer--check .quizle-answer__body{
    margin-left:var(--quizle-space)
}
.quizle-answer--check .quizle-answer__text{
    display:block
}
.quizle-answer--check .quizle-answer__description{
    display:block;
    margin-top:4px
}
.quizle-answer--image-vertical{
    background:#fff;
    overflow:hidden
}
.quizle-answer--image-vertical label{
    display:block;
    width:100%;
    height:100%
}
.quizle-answer--image-vertical .quizle-answer__text{
    display:block;
    padding:var(--quizle-space)
}
.quizle-answer--image-vertical .quizle-answer__image{
    position:relative;
    display:block
}
.quizle-answer--image-vertical .quizle-answer__image img{
    -o-object-fit:cover;
    object-fit:cover;
    width:100%;
    height:100%
}
.quizle-answer--image-vertical .quizle-answer__check{
    position:absolute;
    top:8px;
    right:8px;
    z-index:20;
    opacity:0
}
.quizle-answer--image-vertical.checked .quizle-answer__check{
    opacity:1
}
.quizle-answer--image-horizontal{
    overflow:hidden
}
.quizle-answer--image-horizontal label{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:100%
}
.quizle-answer--image-horizontal .quizle-answer__image{
    position:relative;
    -webkit-box-flex:0;
    -ms-flex:0 0 100px;
    flex:0 0 100px;
    max-width:100px;
    min-height:90px;
    -ms-flex-item-align:stretch;
    align-self:stretch
}
.quizle-answer--image-horizontal .quizle-answer__image img{
    -o-object-fit:cover;
    object-fit:cover;
    width:100%;
    height:100%
}
.quizle-answer--image-horizontal .quizle-answer__text{
    display:block;
    padding:var(--quizle-space)
}
.quizle-answer--image-horizontal .quizle-answer__check{
    position:absolute;
    top:8px;
    right:8px;
    z-index:20;
    opacity:0
}
.quizle-answer--image-horizontal.checked .quizle-answer__check{
    opacity:1
}
.quizle-answer--custom{
    background:var(--quizle-background-1)
}
.quizle-answer--custom input[type=text]{
    margin:calc(var(--quizle-space) * -1) calc(var(--quizle-space) * -1) calc(var(--quizle-space) * -1) 0;
    padding:var(--quizle-space) var(--quizle-space) var(--quizle-space) 0;
    background:0 0;
    border:none
}
.quizle-answer--custom input[type=text]:disabled,.quizle-answer--custom input[type=text]:focus{
    background:0 0
}
.quizle-answer--file form{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:10px;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.quizle-answer--file input{
    border:0;
    opacity:0;
    overflow:hidden;
    padding:0;
    position:absolute!important;
    white-space:nowrap;
    width:200px;
    height:40px
}
.quizle-answer--file label{
    min-width:200px;
    height:40px;
    border:2px solid var(--quizle-button-background,var(--quizle-primary-color));
    border-radius:var(--quizle-form-border-radius);
    text-align:center;
    display:inline-block;
    cursor:pointer;
    font-weight:500;
    -webkit-transition:all .2s;
    transition:all .2s;
    padding:.5rem;
    margin:0;
    line-height:1.2em
}
.quizle-answer--file label:hover{
    opacity:.9;
    -webkit-transform:translate3d(0,-1px,0);
    transform:translate3d(0,-1px,0)
}
.quizle-file-upload-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:10px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    font-size:.9em
}
@media (min-width:768px){
    .quizle-file-upload-container{
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
.quizle-file-upload-preview{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:calc(var(--quizle-space)/ 2)
}
.quizle-file-upload-preview__item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:10px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%;
    background:var(--quizle-background-1);
    border:2px solid var(--quizle-background-2);
    border-radius:var(--quizle-form-border-radius);
    padding:10px;
    font-size:.9em
}
@media (min-width:768px){
    .quizle-file-upload-preview__item{
        font-size:var(--quizle-font-size)
    }
}
.quizle-file-upload-preview__item-text{
    overflow:hidden
}
.quizle-file-upload-preview__item-right{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:5px
}
@media (min-width:768px){
    .quizle-file-upload-preview__item-right{
        gap:10px
    }
}
.quizle-file-upload-preview__item-right img{
    max-height:45px;
    max-width:100px
}
@media (min-width:768px){
    .quizle-file-upload-preview__item-right img{
        height:45px;
        max-width:100%
    }
}
.quizle-file-upload-preview__item-remove{
    cursor:pointer;
    padding:5px
}
.quizle-file-upload-preview__item-remove:before{
    content:"✖"
}
.quizle-file-upload-messages{
    font-size:.9em
}
.quizle-file-upload-messages p{
    margin:0
}
.quizle-file-upload-messages .error{
    color:var(--quizle-error-color)
}
.quizle-file-upload-messages .warning{
    color:var(--quizle-error-color)
}
.quizle-results{
    height:100%
}
.quizle-results::-webkit-scrollbar{
    width:10px
}
.quizle-results::-webkit-scrollbar-track{
    border-left:8px solid transparent;
    -webkit-box-shadow:inset 0 0 10px 10px var(--color-bg-2,#eae9f1);
    box-shadow:inset 0 0 10px 10px var(--color-bg-2,#eae9f1)
}
.quizle-results::-webkit-scrollbar-thumb{
    border-left:8px solid transparent;
    -webkit-box-shadow:inset 0 0 10px 10px var(--quizle-primary-color);
    box-shadow:inset 0 0 10px 10px var(--quizle-primary-color)
}
.social-share-providers{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:10px;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    z-index:20
}
.social-share-provider{
    margin-top:20px
}
.social-share-provider__link{
    display:block;
    padding:5px;
    width:calc(var(--quizle-social-icon-width,24px) + 10px);
    height:calc(var(--quizle-social-icon-height,24px) + 10px);
    color:inherit
}
.social-share-provider__link:hover{
    color:inherit;
    opacity:.8
}
.quizle-contacts{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-flex:1;
    -ms-flex:1 0 0px;
    flex:1 0 0;
    gap:30px
}
@media (min-width:768px){
    .quizle-contacts>*{
        -webkit-box-flex:1;
        -ms-flex:1 0 0px;
        flex:1 0 0;
        width:100%;
        max-width:100%
    }
}
@media (min-width:768px){
    .quizle-contacts{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
.quizle-contacts__description{
    margin-top:var(--quizle-space)
}
.quizle-contacts__fields{
    margin:var(--quizle-space) auto
}
.quizle-contacts__field{
    margin-bottom:var(--quizle-space)
}
.quizle-contacts__buttons{
    margin-bottom:var(--quizle-space)
}
.quizle-contacts__agreement{
    font-size:.8em;
    line-height:1.3;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    gap:5px
}
.quizle--view-list .quizle-contacts{
    margin-bottom:20px
}
.quizle-contact-messengers{
    position:relative
}
.quizle-contact-messengers__icon{
    position:absolute;
    top:10px;
    left:8px;
    width:24px;
    height:24px;
    color:var(--quizle-background-2,var(--quizle-text-color))
}
.quizle-contact-messengers__input[type=text]{
    padding-left:40px
}
body.single-quizle{
    --quizle-background:#fff;
    height:100%;
    margin:0;
    background:#26284d
}
@media (max-width:767.98px){
    body.single-quizle{
        --quizle-container-border-radius:0
    }
}
body.single-quizle .quizle{
    padding:var(--quizle-container-padding)
}
@media (max-width:1199.98px){
    body.single-quizle .quizle{
        margin-top:0;
        margin-bottom:0
    }
}
.quizle-page{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    min-height:100vh
}
.quizle-page .quizle-container{
    -webkit-box-flex:1;
    -ms-flex:1 0 0px;
    flex:1 0 0;
    width:100%
}
@media (min-width:768px){
    .quizle-page .quizle-container{
        padding:2vw
    }
}
.quizle-page .quizle{
    -webkit-box-shadow:0 20px 80px -20px rgba(0,0,0,.3);
    box-shadow:0 20px 80px -20px rgba(0,0,0,.3)
}