@import url('../../global-styles-min.css');a{color:white}.hidden{display:none!important}.content{display:flex;align-items:center;flex-direction:column;justify-content:flex-start;min-height:100vh}header{display:flex;justify-content:center}.page-hero{position:relative;display:inline-flex;padding:0}.page-hero .mask{margin:0;top:0;left:0;width:100%;height:100%;position:absolute;border-radius:10px;background-color:rgba(0,0,0,.1)}.page-hero .overlay-text{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2}.container{display:flex;justify-content:center;align-items:stretch;flex-direction:row;margin:3em 0 1em 0;min-height:100px;width:100%;border-radius:10px;gap:10px}.quiz-left-container{display:flex;flex-direction:column;width:25%;border-radius:10px;background-color:#3f463f;align-items:stretch}.quiz-right-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 75%;padding:20px;border-radius:10px;background-color:#3f463f;align-self:stretch}.complete-section{background-color:var(--main-color)!important}.active-section{text-decoration:underline}.quiz-director,.question{display:flex;flex-direction:column;align-items:center;width:100%}.quiz-section{display:flex;width:100%;padding:10px 20px 12px 20px;box-sizing:border-box;cursor:pointer;position:relative}.quiz-section .selected-circle{height:20px;width:20px;border:2px solid white;border-radius:50%;margin-right:15px;box-sizing:border-box;margin-left:auto;position:absolute;right:0}.quiz-section:first-child{border-top-left-radius:10px;border-top-right-radius:10px;padding-top:13px}.quiz-section:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-bottom:13px}.question-options{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.question-options .question-option{background-color:var(--secondary-main-background-color);padding:8px 12px;margin:5px;border-radius:8px;cursor:pointer;text-align:center}.question-option.selected{background-color:var(--main-color)}.progress-bar-container{position:relative;display:flex;width:100%;background-color:rgb(201,201,201);border-radius:15px;margin-top:20px;overflow:hidden;height:200px;box-sizing:border-box}.progress-bar-fill{box-sizing:border-box;position:absolute;height:100%;width:100%;top:0;right:0;background-color:rgba(0,0,0,.9);transition:width .5s ease-in-out;z-index:15}.progress-bar-container img{display:flex;justify-content:center;align-self:center;margin:0 auto;top:0;aspect-ratio:11/6;height:90%}.user-options{position:relative;display:flex;justify-content:center;flex-direction:column;gap:20px;margin-bottom:20px;width:90%;max-width:400px}.user-options--budget{margin-top:20px}.recommendations{margin-top:20px;width:100%;display:flex;flex-wrap:wrap;flex-direction:row;color:white;justify-content:flex-start}.recommend-item{display:flex;flex-direction:column;width:31.5%;margin:.9%!important;border-bottom:4px solid var(--secondary-color);box-sizing:border-box;align-items:center;border-radius:8px;background-color:var(--main-black)}.recommend-item .link{display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none}[class*="use-"]{padding:2px 8px 4px 8px;border-radius:8px}.use-all-mountain{background-color:var(--use-all-mountain)}.use-trail{background-color:var(--use-trail)}.use-enduro{background-color:var(--use-enduro)}.use-downcountry{background-color:var(--use-downcountry)}.use-xc{background-color:var(--use-xc)}.use-touring{background-color:var(--use-touring)}.use-bikepacking{background-color:var(--use-bikepacking)}.use-dirt-umper{background-color:var(--use-dirt-umper)}.intended-use-badge{margin:0 5px 0 0;opacity:.92}.rec-item-link{min-height:150px}.recommend-item img{width:100%;height:auto;border-top-right-radius:8px;border-top-left-radius:8px;object-fit:contain;object-position:center;aspect-ratio:13/8;background-color:white}.rec-item-all{margin:0 0 10px 0;text-decoration:none;display:inline-flex}@media (max-width:500px){.progress-bar-container img{height:initial;width:90%}.quiz-container{flex-direction:column}.quiz-left-container{width:100%}.recommendations{flex-direction:column}.recommendations .recommend-item{width:100%;margin:20px 0!important}}