.integrations-container{display:flex;gap:var(--spacing-10x)}.integrations__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}}.integrations__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)}}.integrations__filter-options{padding-top:var(--spacing-3x)}.integrations__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)}}}.integrations__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}.integrations__body{flex:1}.integrations__search{margin-bottom:var(--spacing-8x);padding:0}.integrations__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].integrations__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}}.integrations__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);.integrations__search-bar:not(:placeholder-shown)+&{opacity:1;pointer-events:all}& svg{height:14px;width:14px}& svg path{fill:var(--blue-base)}}.integrations-mobile-filter-wrapper{display:none;@media (max-width:820px){display:block;margin-top:var(--spacing-6x)}}.input:has(.integrations-mobile-filter){position:relative}.input:has(.integrations-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.integrations-mobile-filter:focus):after{transform:translateY(-50%) rotate(-180deg)}.integrations{margin-right:-24px;&[data-has-filter-match=false]{height:auto!important}@media (max-width:640px){margin-right:0}}.integrations-no-match{background:var(--background-blue);border-radius:var(--radius-lg);display:none;padding:var(--spacing-10x);text-align:center;width:100%;.integrations[data-has-filter-match=false] &{display:block}}.integrations-no-match__title{margin-bottom:var(--spacing-4x)}.integrations-no-match__description{color:var(--text-light);margin:0 auto;max-width:650px}.integrations-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){width:100%}}.integrations-card-inner-wrapper{background:var(--white-base);border:1px solid var(--border);border-radius:var(--radius-lg);min-height:100%;transition:var(--transition);&:hover{border-color:var(--blue-base);box-shadow:var(--box-shadow-md)}}.integrations-card{display:flex;flex-direction:column;gap:var(--spacing-6x);padding:var(--spacing-5x)}.integrations-card__header{align-items:center;display:flex;gap:var(--spacing-4x);justify-content:space-between}.integrations-card__logo{max-height:40px;max-width:130px;object-fit:contain;object-position:left}.integrations-card__tag{background:var(--tag-background);border:1px solid var(--tag-border);border-radius:var(--radius-xl);color:var(--tag-color);font-size:.7222rem;font-weight:600;letter-spacing:-.39px;line-height:1.2;padding:var(--spacing-2x) var(--spacing-4x);&.integrations-card__tag--featured{--tag-color:var(--blue-600);--tag-border:var(--blue-base);--tag-background:var(--blue-50)}&.integrations-card__tag--coming_soon{--tag-color:var(--teal-800);--tag-border:var(--teal-600);--tag-background:var(--teal-50)}}.integrations-card__title{font-size:1rem;margin-bottom:var(--spacing-3x)}.integrations-card__description{color:var(--text-light);font-size:var(--text-sm)}