.bgq-page-container{all:unset}.bgq-page-container *,.bgq-page-container *:before,.bgq-page-container *:after,.bgq-page-container *:empty{all:unset}.bgq-page-container{--correct-answer-color: #10a77a;--incorrect-answer-color: #d74e39;--quiz-height: 500px;--quiz-height-mobile: 1000px;--quiz-panel-left-height-mobile: 50%;--quiz-panel-right-height-mobile: 50%;--bottom-position: 30px;display:block;position:relative;overflow:hidden;height:var(--quiz-height);font-family:OktaNeue-Normal,sans-serif;font-size:20px}@media (max-width: 1100px){.bgq-page-container{font-size:16px}}@media (max-width: 767px){.bgq-page-container{height:var(--quiz-height-mobile)}}.bgq-page-container *{line-height:1.2em;margin:0;padding:0;outline:none;border:none}.bgq-page-container div,.bgq-page-container p{display:block}.bgq-page-container b,.bgq-page-container strong{font-family:OktaNeue-Medium}.bgq-page-container i,.bgq-page-container em{font-family:OktaNeue-NormalItalic}.bgq-page-container i>b,.bgq-page-container i>strong,.bgq-page-container em>b,.bgq-page-container em>strong,.bgq-page-container b>i,.bgq-page-container b>em,.bgq-page-container strong>i,.bgq-page-container strong>em{font-family:OktaNeue-MediumItalic}.bgq-page-container a{text-decoration:underline}.bgq-page-container .page{height:var(--quiz-height);width:100%;display:flex!important;align-items:center;box-sizing:border-box;background-color:#f0f0f1}@media (max-width: 767px){.bgq-page-container .page{height:var(--quiz-height-mobile);display:block!important}}.bgq-page-container .page>.panel{flex:1;width:50%;height:100%;box-sizing:border-box}@media (max-width: 767px){.bgq-page-container .page>.panel{width:100%}.bgq-page-container .page>.panel.left{width:100%;height:var(--quiz-panel-left-height-mobile)}.bgq-page-container .page>.panel.right{width:100%;height:var(--quiz-panel-right-height-mobile)}}.bgq-page-container .page>.panel.left{background-size:cover;background-position:center center;display:flex}.bgq-page-container .page>.panel.right{display:flex;position:relative}.bgq-page-container .page>.panel.right>div{align-self:center;margin:0 auto 3%;padding:20px 20px 40px}@media (max-width: 1100px){.bgq-page-container .page>.panel.right>div{padding:20px 0 40px}}.bgq-page-container .page button{position:absolute;z-index:10;border:none;color:#000;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-size:.9em;bottom:var(--bottom-position);right:40px;font-family:OktaNeue-Medium}.bgq-page-container .page button:after{content:">";display:inline-block;padding-left:5px}@media (max-width: 1100px){.bgq-page-container .page button{right:20px}}@media (max-width: 767px){.bgq-page-container .page button{left:50%;transform:translate(-50%);text-align:center}}.bgq-page-container .page a.read-more{color:#000;position:relative;display:inline-block;padding-right:18px;margin-right:1px}.bgq-page-container .page a.read-more:after{content:"";display:block;position:absolute;right:0;bottom:1px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAcJJREFUaEPtmT0vBUEUhp/bE41GJP6G3yAaCgpRoCMSohD/QONGSKhoVDqVKPwcOh0qHyEn2ZtMNrO787HzsclMc4t7Zud5z3nP7szuiIGP0cD5KQJSV7BUIPcKnAD7wLwD6DswU82bAj4crqFO0bqlzUJHwNhj0U9gupovvyLIZ1gLeANmPVZMLuBPgY/V7LLODbCjSZx1BVIIuG2AFz3ZC7gC9pTMPwFLXS5os0bMClwDuwrsM7AMfA1BQBP8N9CZxNQVaIOX5GctoA7/CKwCkvnJyFaADn4F+KndPrMUYAqfpYXOgUMly2IbXeaztFAd/gFY19hGdVE2FtLBrwG/HXutLAS4wmfRAz7wRhvhkA+yOvw9sGlgGyPwSVAoAaeAnOYmQ+A3ak9WK9Cm4BAC+oSP3sR9wkdv4jr8HbDlaZtoFQgBH7UC0rAiQkYfmU+ylZAT1SKw7WmbLLcSrrfMaD3gCtg1rwgweWJ3ZdHn/1KBUgEf/+T+WsVEm1cPvDp+2DABs415ARZ0k0J+4LCFbIs/AC5tBUj8cfUaZK5PGotriQsugDOXA43FOulCY315CaawCAiWWsMLlwoYJipY2D8WGIExZvGbqAAAAABJRU5ErkJggg==);background-size:contain;height:16px;width:16px}.bgq-page-container .page{position:absolute;top:0;left:100%;opacity:0;transition:opacity .1s ease-in-out}.bgq-page-container .page.show{left:0;opacity:1}.bgq-page-container .page.hide{opacity:.5}.bgq-page-container .page.reset{display:none}.bgq-page-container .page.start>.panel.left>div{align-self:center;color:#fff;width:80%;margin:0 auto 3%;text-align:center}.bgq-page-container .page.start>.panel.left>div>.heading{font-size:1.4em;font-family:OktaNeue-Medium;text-transform:uppercase;margin-bottom:15px}.bgq-page-container .page.start>.panel.left>div>.quiz-title{font-size:2.6em;font-family:OktaNeue-Medium}.bgq-page-container .page.start>.panel.right>div{padding:20px 80px 40px}@media (max-width: 767px){.bgq-page-container .page.start>.panel.right>div{padding:20px 20px 40px}}.bgq-page-container .page.start>.panel.right>div p{font-size:1.2em;line-height:1.3em;margin-top:1em}.bgq-page-container .page.start>.panel.right>div p:first-child{margin-top:0}.bgq-page-container .page.question>.panel.left>div{align-self:center;color:#fff;width:80%;margin:0 auto 3%;text-align:center}.bgq-page-container .page.question>.panel.right>div{width:80%}@media (max-width: 1100px){.bgq-page-container .page.question>.panel.right>div{width:90%}}@media (max-width: 767px){.bgq-page-container .page.question>.panel.right{padding-bottom:70px}}.bgq-page-container .page.question>.panel.right>div>.title{text-align:center;font-family:OktaNeue-Medium;font-size:.9em}.bgq-page-container .page.question>.panel.right>div>.title:after{content:"";display:block;height:3px;width:35px;background-color:#000;margin:10px auto 0}.bgq-page-container .page.question .question-container{text-align:center;margin-top:25px;font-size:1.4em}@media (max-width: 767px){.bgq-page-container .page.question .question-container{margin-top:15px}}.bgq-page-container .page.question .question-container.explanation{font-size:1.2em;line-height:1.3em}.bgq-page-container .page.question .question-container>.question-text{display:inline-block}.bgq-page-container .page.question>.panel.right .read-more{text-align:center;margin-top:.6em;font-size:.8em}.bgq-page-container .page.question .option-container{margin-top:40px;width:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media (max-width: 767px){.bgq-page-container .page.question .option-container{margin-top:20px}}.bgq-page-container .page.question .option-container>.option{position:relative;margin-top:35px;font-size:.9em;min-height:40px;display:flex;align-items:center}@media (max-width: 767px){.bgq-page-container .page.question .option-container>.option{margin-top:20px}}.bgq-page-container .page.question .option-container>.option.active{cursor:pointer}.bgq-page-container .page.question .option-container>.option>.radio-button{position:absolute;width:30px;height:30px;border-radius:50%;background-color:#fff;border:1px solid transparent;left:0;top:50%;transform:translateY(-50%)}.bgq-page-container .page.question .option-container>.option.active:hover>.radio-button,.bgq-page-container .page.question .option-container>.option.selected>.radio-button{border:1px solid #000}.bgq-page-container .page.question .option-container>.option>.radio-button:after{content:"";display:block;position:absolute;top:50%;left:50%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);background-color:#fff}.bgq-page-container .page.question .option-container>.option.correct>.radio-button:after{background-color:var(--correct-answer-color)}.bgq-page-container .page.question .option-container>.option.incorrect>.radio-button:after{background-color:var(--incorrect-answer-color)}.bgq-page-container .page.question .option-container>.option>.option-text{padding:0 0 0 50px}.bgq-page-container .page.question>.panel.right>.dot-container{position:absolute;bottom:calc(var(--bottom-position) - 2px);left:50%;transform:translate(-50%);margin:0;padding:0;text-align:center}@media (max-width: 1100px){.bgq-page-container .page.question>.panel.right>.dot-container{bottom:calc(var(--bottom-position) - 4px)}}@media (max-width: 767px){.bgq-page-container .page.question>.panel.right>.dot-container{bottom:calc(var(--bottom-position) + 40px - 4px)}}.bgq-page-container .page.question>.panel.right>.dot-container>.dot{width:18px;height:18px;border-radius:50%;background-color:#d9d6d3;display:inline-block;margin:0 4px}.bgq-page-container .page.question>.panel.right>.dot-container>.dot.correct{background-color:var(--correct-answer-color)}.bgq-page-container .page.question>.panel.right>.dot-container>.dot.incorrect{background-color:var(--incorrect-answer-color)}.bgq-page-container .page.question>.panel.right button{display:none}.bgq-page-container .page.finish{justify-content:center}@media (max-width: 767px){.bgq-page-container .page.finish{display:flex!important;padding:0 20px}}.bgq-page-container .page.finish>.content{padding:0 40px}@media (max-width: 1100px){.bgq-page-container .page.finish>.content{padding:0 20px}}.bgq-page-container .page.finish>.content>.title{text-align:center;font-family:OktaNeue-Medium;font-size:.9em}.bgq-page-container .page.finish>.content>.title:after{content:"";display:block;height:3px;width:35px;background-color:#000;margin:10px auto 0}.bgq-page-container .page.finish>.content>.dot-container{text-align:center;margin-top:50px;margin-bottom:40px;font-family:OktaNeue-Medium;font-size:14px}.bgq-page-container .page.finish>.content>.dot-container>.dot{width:25px;height:25px;border-radius:50%;background-color:#d9d6d3;display:inline-block;margin:0 6px}.bgq-page-container .page.finish>.content>.dot-container>.dot.correct{background-color:var(--correct-answer-color)}.bgq-page-container .page.finish>.content>.dot-container>.dot.incorrect{background-color:var(--incorrect-answer-color)}.bgq-page-container .page.finish>.content>.score-container{text-align:center;font-size:1.4em}.bgq-page-container .page.finish>.content>.score-container.your-score{margin-bottom:.2em}.bgq-page-container .page.finish>.content>.score-container>div{display:inline-block}.bgq-page-container .page.finish>.content>.score-container>div:first-of-type{font-family:OktaNeue-Medium;margin-right:5px}.bgq-page-container .page.finish>.content>.text{text-align:center;margin-top:1em;margin-bottom:1.2em}.bgq-page-container .page.finish>.content>.text p{font-size:1.3em;line-height:1.4em;margin-top:.2em}.bgq-page-container .page.finish>.content>.text p:first-child{margin-top:0}.bgq-page-container .page.finish>.content>.read-more{text-align:center;font-size:.8em}
/*# sourceMappingURL=/cdn/shop/t/2/assets/quiz.css.map */