.skross-search-container{margin:0 auto;padding:2rem 1rem;display:flex}.skross-search-container-wrapper{& .skross-container-filters-footer { display: none; & .container-filters-footer-button-wrapper { width: calc(50% - 0.5rem); padding: 1rem; } }}.skross-search-container-filters{flex:1;opacity:0;background:var(--skross-white-color);border-radius:10px;pointer-events:none;width:0;transition:width .3s ease .3s;max-width:45rem;overflow:hidden;&.slideIn { transition: width .3s ease; width: max(19rem, min(23vw, 28.75rem)); pointer-events: auto; opacity: 1; margin-right: 2rem; } & .filters-content { opacity: 0; border: none; height: 100%; position: relative; transform: translateY(50%); transition: transform .5s ease-in-out; pointer-events: none; &.slideIn { opacity: 1; pointer-events: all; transform: translateZ(0); transition: transform .3s ease-in-out .3s, opacity .4s ease-in-out .3s; } } & .skross-search-container-header { min-height: 80px; justify-content: space-between; align-items: center; display: flex; gap: 10px; padding: 2rem 1rem; } & .skross-search-container-body { padding: 0rem .6rem 6rem .8rem; & .ais-Panel { border-top: 0px; padding-top: 2rem; padding-bottom: 2rem; } }}.skross-search-results{flex:3;& header { border-bottom: 1px solid #ebecf3; justify-content: flex-end; margin-bottom: 30px; padding: 30px 0; display: none; gap: 10px; & .container-option>div { display: flex; } } & footer {}}.ais-Panel-header{color:var(--skross-black-color);font-size:1.8rem;font-weight:600;line-height:1rem;margin-bottom:1rem;text-transform:capitalize;position:relative;display:flex;justify-content:space-between;align-items:center;padding:2rem 0}.ais-Panel-body{border-bottom:1px solid var(--skross-primary-color)}.ais-ClearRefinements-button{display:inline-flex;justify-content:center;align-items:center;border:0;background-color:initial;transition:all .3s ease;gap:8px;font-size:1.4rem;&.ais-ClearRefinements-button--disabled { background-color: var(--skross-white-color); border: 1px solid var(--skross-black-color) !important; pointer-events: none; color: var(--skross-black-color); }}.ais-RefinementList-checkbox,.ais-GeoSearch-input{box-shadow:none;height:1.8rem;margin:0 .5rem 0 0!important;min-width:1.8rem;border:1px solid var(--skross-primary-color);border-radius:5px}.ais-RefinementList-item--selected .ais-RefinementList-checkbox,.ais-GeoSearch-input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:17px;border-color:initial;background-color:var(--skross-primary-color);box-shadow:rgba(35,38,59,5%)0 1px inset;color:var(--skross-white-color)}.ais-RefinementList-count{background:var(--skross-white-color)repeat;border:none;border-radius:99999px;color:var(--skross-primary-color);display:inline-flex;flex-shrink:0;font-size:1.45rem;font-weight:400;line-height:1rem;margin-left:auto;overflow:hidden;padding:.6rem}.ais-RefinementList-label{font-weight:300;display:flex;align-items:center}.ais-Panel.ais-Panel--collapsed .ais-Panel-body{display:none}.ais-Panel-collapseButton .feather{width:36px;height:36px}.ais-Panel .ais-Panel-collapseButton{transform:rotate(45deg);transition:transform .3s ease-in-out}.ais-Panel--collapsed .ais-Panel-collapseButton{transform:rotate(0)}.skross-search-results .ais-Hits-list,.global-search__results .ais-Hits-list{grid-row-gap:4rem;gap:max(1rem,min(1.6667vw,2rem));grid-template-columns:1fr;display:grid}.global-search__articles .ais-Hits,.global-search__faqs .ais-Hits{display:block;height:210px;& .ais-Hits-item { width: fit-content; height: 100%; } & .simplebar-content { height: 90%; } & .ais-Hits-list { ms-overflow-style: none; padding: .25rem 0; scroll-padding-left: 1rem; -webkit-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; scrollbar-width: none; white-space: nowrap; width: 100%; height: 100%; & .ais-Hits-item { margin-left: 0; margin-bottom: 1rem; margin-right: .75rem; display: inline-block; } & .article-card { border-radius: 8px; width: 15em; padding: 15px; height: 100%; & a { height: 100%; } & .article-card--content { justify-content: space-between; height: 100%; margin-top: 0px; } & .article-card--content-title { width: 100%; font-weight: 600; text-align: left; text-transform: capitalize; font-size: 1.5rem; } & .article-card--content-text { text-overflow: ellipsis; text-wrap: wrap; text-align: left; width: 100%; } } }}@media(min-width:1200px){.skross-search-results .ais-Hits-list{grid-template-columns:1fr 1fr 1fr 1fr}.global-search__results .ais-Hits-list{grid-template-columns:1fr 1fr 1fr}}@media(min-width:820px) and (max-width:1200px){.skross-search-results .ais-Hits-list{grid-template-columns:1fr 1fr 1fr}}@media(min-width:430px) and (max-width:820px){.skross-search-results .ais-Hits-list{grid-template-columns:1fr 1fr}}@media(max-width:420px){.skross-search-results .ais-Hits-list{grid-template-columns:1fr}}@media only screen and (max-width:1024px){#filter{display:none}.skross-search-container-filters{border-radius:.5rem;bottom:10rem;left:20%;max-height:calc(100% - 1.5rem);max-width:45rem;overflow:hidden;pointer-events:none;position:fixed;top:9.5rem;transform:translateX(-20%);width:calc(100% - 2.5rem);z-index:999;box-shadow:0 0 100px 15px rgba(0,0,0,.2)}.filtering .skross-header{cursor:pointer}.filtering .skross-search-container-header{border-bottom:1px solid var(--skross-grey-color);padding:3rem}.filtering .header-title,.filtering .skross-search-results,.skross-container-filters-footer{display:none}.filtering .skross-search-container-filters{opacity:1}.filtering .skross-search-container-body{padding:0 3rem 6rem}.filtering .filters-content{opacity:1;pointer-events:all;transform:translateZ(0);transition:transform .3s ease-in-out .3s,opacity .4s ease-in-out .3s}}