.searchandfilter,
.search-filter-results { display: none; opacity: 1 !important; }

#laskompas { width: 100%; margin: auto; }

.laskompas-progress { position: relative; }
.laskompas-progress-bar {
    height: 8px;
    background: white;
    overflow: hidden;
    margin-bottom: 2em;
}
.laskompas-progress-bar span {
    display: block;
    height: 100%;
    width: 0;
    background: #e63027;
    transition: all .5s ease;
}

.laskompas-question { }

.laskompas-loader {
    display: none;
    align-items: center;
    gap: 10px;
    padding: 16px 0;
}
#laskompas.laskompas-is-loading .laskompas-loader { display: block; }
#laskompas.laskompas-is-loading #laskompas-question { opacity: .4; pointer-events: none; }
.laskompas-loader-spinner {
    display: inline-block;
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    margin-right: .5em;
    border: 2px solid white;
    border-top-color: red;
    border-radius: 50%;
    animation: laskompas-spin .6s linear infinite;
}
@keyframes laskompas-spin {
    to { transform: rotate(360deg); }
}

.laskompas-options {
    display: grid;
    gap: 12px;
    margin-bottom: 2em;
}
.laskompas-option { position: relative; }
.laskompas-option input { display: none; }
.laskompas-option label {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 4em;
    width: 100%;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-style: normal;
    line-height: 1;
    color: white;
    text-transform: uppercase;
    border: 2px solid white;
    border-radius: 8px;
    cursor: pointer;
    transition: all .5s ease;
}
.laskompas-option input:checked + label { background: #e63027; border-color: #e63027; }
.laskompas-option label:hover { border-color: #e63027; }

.laskompas-navigation { 
    position: absolute;
    top: calc(2em + 8px);
    left: 0;
    padding: 0 1em;
}
.laskompas-navigation p { text-align: left; }
.laskompas-navigation p i {
    padding-right: .5em;
    font-size: 70%;
    color: #e63027;
    transition: all .5s ease;
}

.laskompas-summary { }
.laskompas-summary ul { margin-left: 0; list-style-position: inside; }