.success-stories-container{display:flex;gap:var(--spacing-10x)}.success-stories__filter{background:var(--white-base);border:1px solid var(--border);border-radius:var(--radius-lg);flex:0 0 270px;height:fit-content;padding-block:var(--spacing-4x);position:relative;@media (max-width:820px){display:none}}.success-stories__filter-section-title{align-items:center;border-top:1px solid var(--border);cursor:pointer;display:flex;font-size:.8889rem;font-weight:600;gap:var(--spacing-4x);justify-content:space-between;letter-spacing:-.48px;margin:var(--spacing-5x) var(--spacing-6x) 0;padding-top:var(--spacing-5x);width:-webkit-fill-available;width:-moz-available;& svg{transition:var(--transition)}& svg path{fill:var(--text-base)}[aria-expanded=false] & svg{transform:rotate(-180deg)}}.success-stories__filter-options{padding-top:var(--spacing-3x)}.success-stories__filter-option{align-items:center;cursor:pointer;display:flex;font-size:.8889rem;gap:var(--spacing-3x);justify-content:space-between;margin-bottom:0;padding:var(--spacing-2x) var(--spacing-6x)!important;position:relative;transition:var(--transition);&:after{background:transparent;content:"";height:100%;inset:0 auto auto 0;position:absolute;transition:var(--transition);width:4px}&[data-state=active]{background:var(--blue-50);color:var(--blue-600);&:after{background:var(--blue-600)}}@media (hover:hover){&:hover{background:var(--blue-50);color:var(--blue-600)}}}.success-stories__filter-clear-btn{align-items:center;color:var(--red-600);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--spacing-2x);inset:calc(100% + var(--spacing-4x)) auto auto 0;position:absolute}.success-stories__body{flex:1}.success-stories__search{margin-bottom:var(--spacing-8x);padding:0}.success-stories__search.form fieldset{align-items:center;border:1px solid var(--text-base);border-radius:var(--radius-md);display:flex;gap:var(--spacing-3x);margin:0;padding:var(--spacing-4x);position:relative}.form input[type=search].success-stories__search-bar{border:none;border-radius:0;flex:1;font-size:1rem;margin:0;outline:none;padding:0;&::-webkit-search-cancel-button{display:none}&:is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active){-webkit-box-shadow:inset 0 0 0 30px #fff!important}}.success-stories__search-clear-btn{cursor:pointer;inset:50% var(--spacing-4x) auto auto;opacity:0;pointer-events:none;position:absolute;transform:translateY(-50%);transition:var(--transition);.success-stories__search-bar:not(:placeholder-shown)+&{opacity:1;pointer-events:all}& svg{height:14px;width:14px}& svg path{fill:var(--blue-base)}}.success-stories-mobile-filter-wrapper{display:none;@media (max-width:820px){display:block;margin-top:var(--spacing-6x)}}.input:has(.success-stories-mobile-filter){position:relative}.input:has(.success-stories-mobile-filter):after{content:var(--select-icon);inset:50% 16px auto auto;line-height:1;pointer-events:none;position:absolute;transform:translateY(-50%);transition:all .3s ease-in-out;z-index:1}.input:has(select.success-stories-mobile-filter:focus):after{transform:translateY(-50%) rotate(-180deg)}.success-stories{margin-right:-24px;&[data-has-filter-match=false]{height:auto!important}@media (max-width:640px){margin-right:0}}.success-stories-no-match{background:var(--background-blue);border-radius:var(--radius-lg);display:none;padding:var(--spacing-10x);text-align:center;width:100%;.success-stories[data-has-filter-match=false] &{display:block}}.success-stories-no-match__title{margin-bottom:var(--spacing-4x)}.success-stories-no-match__description{color:var(--text-light);margin:0 auto;max-width:650px}.success-story-card-wrapper{--width:33.33%;margin-bottom:var(--spacing-8x);width:calc(var(--width) - 24px);&:nth-last-child(-n+3){margin-bottom:0}@media (max-width:1024px){--width:50%}@media (max-width:640px){height:auto!important;width:100%}}.success-story-card-inner-wrapper{height:100%}.success-story-card{background:var(--white-base);border-radius:var(--radius-lg);box-shadow:var(--box-shadow-md);display:flex;flex-direction:column;gap:var(--spacing-6x);height:100%;padding:var(--spacing-6x);transition:var(--transition);& .btn{font-size:var(--text-sm);letter-spacing:-.45px}@media (hover:hover){&:hover{box-shadow:var(--box-shadow-lg)}}}.success-story-card__image-wrapper{border-radius:var(--radius-lg);height:175px;overflow:clip;position:relative;width:100%}.success-story-card__image{height:100%;object-fit:cover;width:100%}.success-story-card__content{display:flex;flex:1;flex-direction:column;gap:var(--spacing-6x);justify-content:space-between}.success-story-card__title{font-size:1.1111rem;line-height:1.2}.success-story-card__footer{align-items:center;display:flex;gap:var(--spacing-4x);justify-content:space-between}.success-story-card__tag{background:var(--gray-200);border-radius:var(--radius-xl);color:var(--text-light);font-size:var(--text-xs);line-height:1.2;padding:var(--spacing-1x) var(--spacing-3x)}