#modal-overlay{background:#0a0a0a;height:100%;left:0;opacity:.7;position:fixed;top:0;width:100%;z-index:100}#modal-overlay:not(.hidden){display:block}style-finder{background:#fff;height:100vh;left:50%;margin:0!important;max-height:100vh;max-width:720px;overflow-y:auto;padding:30px 25px;position:fixed;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:101}@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{font-size:1.8rem;margin-bottom:25px;text-transform:uppercase}style-finder #progress-bar{background-color:#d7deed;border-radius:10px;height:5px;margin:0 auto;max-width:260px}@media (min-width:768px){style-finder #progress-bar{max-width:435px}}style-finder #progress-completion{background-color:#00338d;border-radius:10px;display:block;height:5px;max-width:100%;min-width:0}style-finder #style-finder-content{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin-bottom:20px}style-finder #style-finder-content h3{color:#00338d;font-size:2.8rem;font-weight:300;margin-bottom:20px}@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{font-size:3.2rem;font-weight:400;text-align:left}style-finder #style-finder-content p{font-size:2.2rem;margin-bottom:30px}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;display:block;font-size:1.6rem;height:44px;margin:10px 15px;width:248px}style-finder #style-finder-content .inline-grid button.active,style-finder #style-finder-content .inline-grid button:hover{background-color:#00338d;color:#fff}style-finder #style-finder-content>div{display:none}style-finder #style-finder-content>div:last-of-type{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:500px}@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{background-color:#00338d;border-radius:5px;color:#fff;display:inline-block;font-size:1.6rem;font-weight:500;margin:auto;padding:15px 40px}style-finder .button--modal-close{background:none;border:0;border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important;color:inherit;display:block;min-height:0;min-width:0;padding:0;position:absolute;right:20px;top:30px;width:1.6rem}@media (min-width:768px){style-finder .button--modal-close{top:20px}}style-finder #style-finder-back{bottom:38px;font-size:1.6rem;left:30px;position:absolute}@media (min-width:768px){style-finder #style-finder-back{bottom:0}}style-finder #style-finder-back svg{display:inline-block;margin-right:8px;margin-top:-5px;vertical-align:middle}style-finder .style-finder-footer{bottom:10px;left:0;position:absolute;width:100%}@media (min-width:768px){style-finder .style-finder-footer{position:relative}}
/*# sourceMappingURL=component-style-finder-modal.css.map*/