#modal-overlay{opacity:.7;z-index:100;background:#0a0a0a;width:100%;height:100%;position:fixed;top:0;left:0}#modal-overlay:not(.hidden){display:block}style-finder{z-index:101;text-align:center;background:#fff;width:100%;max-width:720px;height:100vh;max-height:100vh;padding:30px 25px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);margin:0!important}@media (min-width:768px){style-finder{border-radius:8px;height:auto;padding:25px 10px;top:40%}}@media (min-width:1440px){style-finder{top:50%}}style-finder h2.main-title{text-transform:uppercase;margin-bottom:25px;font-size:1.8rem}style-finder #progress-bar{background-color:#d7deed;border-radius:10px;max-width:260px;height:5px;margin:0 auto}@media (min-width:768px){style-finder #progress-bar{max-width:435px}}style-finder #progress-completion{background-color:#00338d;border-radius:10px;min-width:0;max-width:100%;height:5px;display:block}style-finder #style-finder-content{justify-content:center;align-items:center;margin-bottom:20px;display:flex}style-finder #style-finder-content h3{color:#00338d;margin-bottom:20px;font-size:2.8rem;font-weight:300}@media (min-width:768px){style-finder #style-finder-content h3{border-radius:8px;height:auto;margin-bottom:50px}}style-finder #style-finder-content h3.welcome{text-align:left;font-size:3.2rem;font-weight:400}style-finder #style-finder-content p{margin-bottom:30px;font-size:2.2rem}style-finder #style-finder-content .inline-grid{grid-template-columns:1fr;justify-items:center}@media (min-width:768px){style-finder #style-finder-content .inline-grid{grid-template-columns:1fr 1fr}}style-finder #style-finder-content .inline-grid button{background-color:#fff;border:1px solid #000;border-radius:5px;width:248px;height:44px;margin:10px 15px;font-size:1.6rem;display:block}style-finder #style-finder-content .inline-grid button:hover,style-finder #style-finder-content .inline-grid button.active{color:#fff;background-color:#00338d}style-finder #style-finder-content>div{display:none}style-finder #style-finder-content>div:last-of-type{flex-direction:column;min-height:500px;display:flex}@media (min-width:768px){style-finder #style-finder-content>div:last-of-type{min-height:240px}}style-finder #result{min-height:80px}style-finder #result a{color:#fff;background-color:#00338d;border-radius:5px;margin:auto;padding:15px 40px;font-size:1.6rem;font-weight:500;display:inline-block}style-finder .button--modal-close{color:inherit;background:0 0;border:0;border-radius:0;width:1.6rem;min-width:0;min-height:0;padding:0;display:block;position:absolute;top:30px;right:20px;-webkit-box-shadow:none!important;box-shadow:none!important}@media (min-width:768px){style-finder .button--modal-close{top:20px}}style-finder #style-finder-back{font-size:1.6rem;position:absolute;bottom:38px;left:30px}@media (min-width:768px){style-finder #style-finder-back{bottom:0}}style-finder #style-finder-back svg{vertical-align:middle;margin-top:-5px;margin-right:8px;display:inline-block}style-finder .style-finder-footer{width:100%;position:absolute;bottom:10px;left:0}@media (min-width:768px){style-finder .style-finder-footer{position:relative}}