section.portal-hero{position:relative}section.portal-hero .bg{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;left:0;pointer-events:none;position:absolute;right:0;top:-6rem;z-index:-1}section.portal-hero .bg .img-frame{height:32rem;width:32rem}section.portal-hero .content{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;padding-top:4.17rem}@media(max-width:480px){section.portal-hero .content{padding-top:8.53rem}}section.portal-hero .content .h05,section.portal-hero .content h1{color:#011635;max-width:50rem;text-align:center}@media(max-width:480px){section.portal-hero .content .h05,section.portal-hero .content h1{font-size:10.66667rem;max-width:83rem}}section.portal-hero .content .h05 span,section.portal-hero .content h1 span{background:#ffc72c;border-radius:1.17188rem;color:inherit;display:inline-block;font:inherit;line-height:100%;margin:0 .98rem;padding:.6rem .87891rem 0}@media(max-width:480px){section.portal-hero .content .h05 span,section.portal-hero .content h1 span{background:#1969ff;border-radius:3.2rem;color:#fff;font-size:7.46667rem;line-height:120%;margin:0 2.13rem;padding:1.2rem 1.87rem 0;vertical-align:top}}section.portal-integrations{position:relative}section.portal-integrations .anchor{height:1px;left:0;pointer-events:none;position:absolute;-webkit-transform:translateY(-1.5rem);transform:translateY(-1.5rem);width:1px}@media(max-width:480px){section.portal-integrations .anchor{-webkit-transform:translateY(0);transform:translateY(0)}}section.portal-integrations .content{padding-top:6.25rem}@media(max-width:480px){section.portal-integrations .content{padding-top:21.33rem}}section.portal-integrations .content>.h1,section.portal-integrations .content>h2{text-align:center}section.portal-integrations .content>.top{background:#e8f0ff;border-radius:2.5rem;display:grid;gap:1.25rem;grid-template-columns:repeat(4,1fr);margin-top:3.75rem;padding:1.25rem;position:relative;z-index:1}@media(max-width:480px){section.portal-integrations .content>.top{border-radius:10.66667rem;gap:3.2rem;grid-template-columns:1fr;margin-top:8.53rem;padding:4.26667rem}}section.portal-integrations .content>.top:before{background-image:radial-gradient(#b6c9e7 .07rem,transparent 0);background-size:.55rem .55rem;border-radius:inherit;content:"";inset:.5rem;overflow:hidden;pointer-events:none;position:absolute;z-index:-1}@media(max-width:480px){section.portal-integrations .content>.top:before{background-image:radial-gradient(#b6c9e7 .3rem,transparent 0);background-size:2.5rem 2.5rem;inset:1rem}}section.portal-integrations .content>.top .integrations-card{position:relative}section.portal-integrations .content>.top .integrations-card .wrapper{background:#fff;-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}section.portal-integrations .content>.top .integrations-card .wrapper .tags .p{--icon-color:#c0c5cd;background:#f5f6f7}section.portal-integrations .content>.top .integrations-card:before{background:#a1c2ff;border-radius:1.20484rem;bottom:1px;content:"";left:0;opacity:0;position:absolute;right:1px;top:0;-webkit-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:opacity .3s ease,-webkit-transform .5s ease;transition:opacity .3s ease,-webkit-transform .5s ease;transition:transform .5s ease,opacity .3s ease;transition:transform .5s ease,opacity .3s ease,-webkit-transform .5s ease;z-index:-1}@media(max-width:480px){section.portal-integrations .content>.top .integrations-card:before{display:none}}section.portal-integrations .content>.top .integrations-card:hover .wrapper{-webkit-transform:scale(.96);transform:scale(.96)}section.portal-integrations .content>.top .integrations-card:hover:before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}section.portal-integrations .content .bottom{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;gap:3.12rem;margin-top:6.25rem}@media(max-width:480px){section.portal-integrations .content .bottom{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8.53rem;margin-top:21.33rem}}section.portal-integrations .content .bottom .aside{-ms-flex-negative:0;flex-shrink:0}section.portal-integrations .content .bottom .aside .data{gap:2.08rem;left:0;position:sticky;top:calc(7rem + var(--dyn-top-pad, 0px));width:19.58333rem}@media(max-width:480px){section.portal-integrations .content .bottom .aside .data{position:static;width:auto}section.portal-integrations .content .bottom .aside .data .h1{text-align:center}}section.portal-integrations .content .bottom .aside .data .group .search{-webkit-box-flex:1;-ms-flex-positive:1;background:#f5f6f7;border:1px solid #f5f6f7;border-radius:1.66667rem;flex-grow:1;overflow:hidden;position:relative;-webkit-transition:border-color .5s ease;transition:border-color .5s ease}@media(max-width:480px){section.portal-integrations .content .bottom .aside .data .group .search{border-radius:8.53333rem;margin-top:8.53rem}}section.portal-integrations .content .bottom .aside .data .group .search:before{background:#1969ff;content:"";height:1.04167rem;left:1.06rem;-webkit-mask-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/icon/search.svg);mask-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/icon/search.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1.04167rem}@media(max-width:480px){section.portal-integrations .content .bottom .aside .data .group .search:before{height:5.33333rem;left:5.33rem;width:5.33333rem}}section.portal-integrations .content .bottom .aside .data .group .search input{background:#f5f6f7;-webkit-box-sizing:border-box;box-sizing:border-box;color:#011635;font-family:Poppins;font-size:.83333rem;font-style:normal;font-weight:400;line-height:144%;padding:.975rem 2.62rem .975rem 2.92rem;width:100%}@media(max-width:480px){section.portal-integrations .content .bottom .aside .data .group .search input{font-size:clamp(16px,3.73333rem,3.73333rem);padding:3.5rem 10rem 3.5rem 14.9rem}}section.portal-integrations .content .bottom .aside .data .group .search input::-webkit-input-placeholder{color:#606366}section.portal-integrations .content .bottom .aside .data .group .search input::-moz-placeholder{color:#606366}section.portal-integrations .content .bottom .aside .data .group .search input:-ms-input-placeholder{color:#606366}section.portal-integrations .content .bottom .aside .data .group .search input::-ms-input-placeholder{color:#606366}section.portal-integrations .content .bottom .aside .data .group .search input::placeholder{color:#606366}section.portal-integrations .content .bottom .aside .data .group .search .clear{background:#0d0d0d;cursor:pointer;display:inline-block;height:.66292rem;-webkit-mask-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/icon/close.svg);mask-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/icon/close.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;opacity:0;pointer-events:none;position:absolute;right:1.34rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:.66292rem}@media(max-width:480px){section.portal-integrations .content .bottom .aside .data .group .search .clear{height:3.5rem;right:3.75rem;width:3.5rem}}section.portal-integrations .content .bottom .aside .data .group .search:has(input.not-empty) .clear{opacity:1;pointer-events:all}section.portal-integrations .content .bottom .aside .data .group .search:hover{border-color:#dee1e5}section.portal-integrations .content .bottom .aside .data .group .search:has(input:focus){border-color:#1969ff}section.portal-integrations .content .bottom .aside .data .group .btns{display:grid;gap:3.2rem;grid-template-columns:repeat(2,1fr);margin-top:3.2rem}section.portal-integrations .content .bottom .aside .data .group .btns span{-webkit-box-pack:center;-ms-flex-pack:center;--icon-pad:2.67rem;--icon-size:6.4rem;--icon-color:#1969ff;background:#f5f6f7;border-radius:26.66667rem;color:#011635;font-family:Poppins;font-size:4.26667rem;font-style:normal;font-weight:500;justify-content:center;line-height:148%;padding:3.2rem}section.portal-integrations .content .bottom .aside .data .group .btns span:before{-ms-flex-negative:0;flex-shrink:0}section.portal-integrations .content .bottom .aside .data .group .btns span:first-child:before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}section.portal-integrations .content .bottom .aside .data .filter .block{gap:2.08rem;max-height:34rem;overflow-y:auto;padding:.5rem 0}section.portal-integrations .content .bottom .aside .data .filter .block::-webkit-scrollbar{width:.175rem}section.portal-integrations .content .bottom .aside .data .filter .block::-webkit-scrollbar-track{background-color:#fff;margin:.65rem 0}section.portal-integrations .content .bottom .aside .data .filter .block::-webkit-scrollbar-thumb{background-color:#dee1e5;border-radius:7.8rem}section.portal-integrations .content .bottom .aside .data .filter .item.category .tags{max-height:var(--marker-h);min-height:min(var(--scrl-h,0px),7.35rem);overflow:hidden;position:relative;-webkit-transition:max-height 1s ease;transition:max-height 1s ease}section.portal-integrations .content .bottom .aside .data .filter .action{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.31rem;justify-content:center;margin-top:-1rem;opacity:1;padding-left:.3rem;position:relative;-webkit-transition:opacity .5s ease;transition:opacity .5s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}section.portal-integrations .content .bottom .aside .data .filter .action:hover:before{background:#ffc72c;width:100%}section.portal-integrations .content .bottom .aside .data .filter .action:before{background:#f5f6f7;border-radius:5.20833rem;bottom:0;content:"";position:absolute;right:0;top:0;-webkit-transition:width .3s ease,background .3s ease;transition:width .3s ease,background .3s ease;width:1.25rem;z-index:-1}section.portal-integrations .content .bottom .aside .data .filter .action span{color:#0d0d0d;font-family:Poppins;font-size:.72917rem;font-style:normal;font-weight:500;line-height:144%;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}section.portal-integrations .content .bottom .aside .data .filter .action span.more{left:0;opacity:1;padding-left:.3rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}section.portal-integrations .content .bottom .aside .data .filter .action span.less{opacity:0}section.portal-integrations .content .bottom .aside .data .filter .action.open span.less{opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s}section.portal-integrations .content .bottom .aside .data .filter .action.open span.more{opacity:0;-webkit-transition-delay:.2s;transition-delay:.2s}section.portal-integrations .content .bottom .aside .data .filter .action.open .arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition-delay:.2s;transition-delay:.2s}section.portal-integrations .content .bottom .aside .data .filter .action .arrow{-ms-flex-negative:0;flex-shrink:0;height:1.25rem;margin-left:.5rem;position:relative;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:1.25rem}section.portal-integrations .content .bottom .aside .data .filter .action .arrow:before{background-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/icon/down.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:.625rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:.625rem}section.portal-integrations .content .bottom .main{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;gap:2.08rem}section.portal-integrations .content .bottom .main .top{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;justify-content:space-between}section.portal-integrations .content .bottom .main .top .group{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-flex-negative:0;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;flex-shrink:0;gap:.833rem}section.portal-integrations .content .bottom .main .top .group .switch{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f5f6f7;border-radius:1.66667rem;display:-webkit-box;display:-ms-flexbox;display:flex;padding:.20833rem}section.portal-integrations .content .bottom .main .top .group .switch span{-ms-flex-negative:0;border-radius:50%;cursor:pointer;flex-shrink:0;height:2.39583rem;padding:0;position:relative;-webkit-transition:background .3s ease;transition:background .3s ease;width:2.39583rem}section.portal-integrations .content .bottom .main .top .group .switch span:hover{background:#ebecef}section.portal-integrations .content .bottom .main .top .group .switch span:before{background:#0d0d0d;content:"";height:1.25rem;left:50%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1.25rem}section.portal-integrations .content .bottom .main .top .group .switch span.grid:before{-webkit-mask-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/icon/grid.svg);mask-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/icon/grid.svg)}section.portal-integrations .content .bottom .main .top .group .switch span.list:before{-webkit-mask-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/icon/list.svg);mask-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/icon/list.svg)}section.portal-integrations .content .bottom .main .top .group .switch span.active{background:#1969ff;cursor:default}section.portal-integrations .content .bottom .main .top .group .switch span.active:before{background:#fff}section.portal-integrations .content .bottom .main .top .group .sort{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex}section.portal-integrations .content .bottom .main .top .group .sort [data-dropdown]{-webkit-box-align:center;-ms-flex-align:center;--icon-src:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/img/portal/sort.svg);--icon-pad:0.78rem;--icon-size:1.25rem;align-items:center;background:#f5f6f7;border-radius:1.66667rem;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;padding:.20833rem .83333rem;-webkit-transition:background .3s ease;transition:background .3s ease;width:12.76042rem;z-index:2}section.portal-integrations .content .bottom .main .top .group .sort [data-dropdown]:after{background-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/icon/back.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:1.04167rem;position:absolute;right:.83333rem;top:50%;-webkit-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:1.04167rem}section.portal-integrations .content .bottom .main .top .group .sort [data-dropdown]:hover{background:#ebecef}section.portal-integrations .content .bottom .main .top .group .sort [data-dropdown] span{color:#011635;display:inline-block;font-family:Poppins;font-size:.9375rem;font-style:normal;font-weight:500;line-height:normal;max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}section.portal-integrations .content .bottom .main .top .group .sort [data-dropdown] [data-dropdown-content]{left:0;opacity:0;overflow:visible;right:0;-webkit-transform:translateY(.5rem);transform:translateY(.5rem);-webkit-transition:opacity .3s linear,-webkit-transform .3s linear;transition:opacity .3s linear,-webkit-transform .3s linear;transition:transform .3s linear,opacity .3s linear;transition:transform .3s linear,opacity .3s linear,-webkit-transform .3s linear}section.portal-integrations .content .bottom .main .top .group .sort [data-dropdown] [data-dropdown-content]>div{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background:#ebecef;border-radius:1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.05208rem;padding:.625rem}section.portal-integrations .content .bottom .main .top .group .sort [data-dropdown] [data-dropdown-content]>div div{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border-radius:.625rem;color:#011635;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:Poppins;font-size:.83333rem;font-style:normal;font-weight:400;gap:.42rem;justify-content:space-between;line-height:148%;padding:.52rem .42rem;-webkit-transition:color .3s ease,background .3s ease;transition:color .3s ease,background .3s ease}section.portal-integrations .content .bottom .main .top .group .sort [data-dropdown] [data-dropdown-content]>div div:after{-ms-flex-item-align:start;-ms-flex-negative:0;align-self:flex-start;background:#fff;content:"";display:inline-block;flex-shrink:0;height:1.25rem;-webkit-mask-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/icon/check.svg);mask-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/icon/check.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:1.25rem}section.portal-integrations .content .bottom .main .top .group .sort [data-dropdown] [data-dropdown-content]>div div:hover{background:#f5f6f7;font-weight:500}section.portal-integrations .content .bottom .main .top .group .sort [data-dropdown] [data-dropdown-content]>div div.data-dropdown-select-selected,section.portal-integrations .content .bottom .main .top .group .sort [data-dropdown] [data-dropdown-content]>div div.marked{background:#1969ff;color:#fff;font-weight:500}section.portal-integrations .content .bottom .main .top .group .sort [data-dropdown] [data-dropdown-content]>div div.data-dropdown-select-selected:after,section.portal-integrations .content .bottom .main .top .group .sort [data-dropdown] [data-dropdown-content]>div div.marked:after{opacity:1}section.portal-integrations .content .bottom .main .top .group .sort [data-dropdown][data-dropdown-active]{background:#ebecef}section.portal-integrations .content .bottom .main .top .group .sort [data-dropdown][data-dropdown-active]:after{-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}section.portal-integrations .content .bottom .main .top .group .sort [data-dropdown][data-dropdown-active] .data-dropdown-select-items,section.portal-integrations .content .bottom .main .top .group .sort [data-dropdown][data-dropdown-active] [data-dropdown-content]{opacity:1;-webkit-transform:translateY(.21rem);transform:translateY(.21rem)}section.portal-integrations .content .bottom .main .block .data{display:grid;grid-template-columns:1fr}section.portal-integrations .content .bottom .main .block .data .integrations-card{max-height:var(--data-overflow-h,none);opacity:1;-webkit-transition:max-height .5s ease,opacity .5s ease;transition:max-height .5s ease,opacity .5s ease;will-change:max-height,opacity}section.portal-integrations .content .bottom .main .block .data .integrations-card:nth-child(n+2){margin-top:1.67rem}@media(max-width:480px){section.portal-integrations .content .bottom .main .block .data .integrations-card:nth-child(n+2){margin-top:4.27rem}}section.portal-integrations .content .bottom .main .block .data .integrations-card.hide{margin:0;max-height:0;opacity:0;overflow:hidden}section.portal-integrations .content .bottom .main .block>.btns{margin-top:3.75rem;-webkit-transition:opacity .3s ease,margin .5s ease .2s,max-height .3s linear .3s;transition:opacity .3s ease,margin .5s ease .2s,max-height .3s linear .3s}@media(max-width:480px){section.portal-integrations .content .bottom .main .block>.btns{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:10.67rem}section.portal-integrations .content .bottom .main .block>.btns .btn{--icon-start:-38%;--icon-end:-38%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}section.portal-integrations .content .bottom .main .block>.btns .btn .txt{border-bottom-right-radius:0;border-top-right-radius:0}section.portal-integrations .content .bottom .main .block>.btns .btn .icon{border-radius:var(--size);border-bottom-left-radius:0;border-top-left-radius:0}}section.portal-integrations .content .bottom .main .block>.btns:has(.ready){margin:0;max-height:0;opacity:0}@media(min-width:481px){section.portal-integrations .content .bottom .main.grid .block .data{-webkit-column-gap:1.67rem;-moz-column-gap:1.67rem;column-gap:1.67rem;grid-template-columns:repeat(3,1fr)}section.portal-integrations .content .bottom .main.grid .block .data .integrations-card{margin-top:0}section.portal-integrations .content .bottom .main.grid .block .data .integrations-card:nth-child(n+4){margin-top:1.67rem}section.portal-integrations .content .bottom .main.grid .block .data .integrations-card.hide{margin:0}section.portal-integrations .content .bottom .main:not(.grid) .block .data .integrations-card .wrapper{gap:.83rem;padding:2.03rem 1.25rem 2.03rem 8rem;position:relative}section.portal-integrations .content .bottom .main:not(.grid) .block .data .integrations-card .wrapper .group .img-frame{height:5.83333rem;left:1.25rem;position:absolute;top:1.25rem;width:5.83333rem}}section.portal-integrations:not(:has(.content>.top)) .content>.bottom{margin-top:0}[data-modal-name=filter] .content,[data-modal-name=sort] .content{-webkit-transform:translateX(110%);transform:translateX(110%);-webkit-transition:-webkit-transform .75s ease;transition:-webkit-transform .75s ease;transition:transform .75s ease;transition:transform .75s ease,-webkit-transform .75s ease}[data-modal-name=filter].modal-active.modal-view .content,[data-modal-name=sort].modal-active.modal-view .content{-webkit-transform:translateX(0);transform:translateX(0)}.modal-active-integration-filter .content .top .clear{background:#e8f0ff;border-radius:3.2rem;color:#1969ff;font-family:Poppins;font-size:3.73333rem;font-style:normal;font-weight:500;line-height:144%;padding:2.6rem 3.2rem}.modal-active-integration-filter .content .filter{margin-top:11.73rem;max-height:calc(100vh - 54.75rem);overflow-y:auto}.modal-active-sort .content .main{gap:8.53rem;margin-top:11.73rem}.modal-active-sort .content .main .subtitle{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:500;gap:4.27rem}.modal-active-sort .content .main .subtitle:before{-ms-flex-negative:0;background-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/img/portal/sort-def.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;content:"";display:inline-block;flex-shrink:0;height:5.33333rem;-webkit-transition:background-image .25s ease;transition:background-image .25s ease;width:5.33333rem}.modal-active-sort .content .main .subtitle.active:before{background-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/img/portal/sort-active.svg)}.modal-active-integration-filter,.modal-active-sort{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.modal-active-integration-filter,.modal-active-integration-filter .content,.modal-active-sort,.modal-active-sort .content{-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-box-pack:start;-ms-flex-pack:start;align-items:stretch;justify-content:flex-start}.modal-active-integration-filter .content,.modal-active-sort .content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-flex:1;-ms-flex-positive:1;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;flex-grow:1;padding:3.2rem 4.27rem 4.8rem;position:relative}.modal-active-integration-filter .content .top,.modal-active-sort .content .top{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;position:relative}.modal-active-integration-filter .content .top .close-btn,.modal-active-sort .content .top .close-btn{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-ms-flex-negative:0;align-items:center;background:#eaecf1;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;flex-shrink:0;height:12.8rem;justify-content:center;position:relative;width:12.8rem}.modal-active-integration-filter .content .top .close-btn:before,.modal-active-sort .content .top .close-btn:before{background:#0d0d0d;content:"";display:inline-block;height:6.4rem;left:50%;-webkit-mask-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/icon/back.svg);mask-image:url(https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/icon/back.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:6.4rem}.modal-active-integration-filter .content .top .h4,.modal-active-sort .content .top .h4{color:#011635;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modal-active-integration-filter .content .btns,.modal-active-sort .content .btns{margin-top:auto}.modal-active-integration-filter .content .filter,section.portal-integrations .content .bottom .aside .data .filter{gap:2.08rem}@media(max-width:480px){.modal-active-integration-filter .content .filter,section.portal-integrations .content .bottom .aside .data .filter{gap:8.53rem}}.modal-active-integration-filter .content .filter .item,section.portal-integrations .content .bottom .aside .data .filter .item{gap:1.25rem}@media(max-width:480px){.modal-active-integration-filter .content .filter .item,section.portal-integrations .content .bottom .aside .data .filter .item{gap:4.27rem}}.modal-active-integration-filter .content .filter .item .h3,.modal-active-integration-filter .content .filter .item .subtitle,section.portal-integrations .content .bottom .aside .data .filter .item .h3,section.portal-integrations .content .bottom .aside .data .filter .item .subtitle{color:#011635}@media(max-width:480px){.modal-active-integration-filter .content .filter .item .h3,.modal-active-integration-filter .content .filter .item .subtitle,section.portal-integrations .content .bottom .aside .data .filter .item .h3,section.portal-integrations .content .bottom .aside .data .filter .item .subtitle{--icon-pad:4.27rem;--icon-size:5.33333rem}.modal-active-integration-filter .content .filter .item .h3:before,.modal-active-integration-filter .content .filter .item .subtitle:before,section.portal-integrations .content .bottom .aside .data .filter .item .h3:before,section.portal-integrations .content .bottom .aside .data .filter .item .subtitle:before{-ms-flex-negative:0;flex-shrink:0}}.modal-active-integration-filter .content .filter .item .tags,section.portal-integrations .content .bottom .aside .data .filter .item .tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.833rem}@media(max-width:480px){.modal-active-integration-filter .content .filter .item .tags,section.portal-integrations .content .bottom .aside .data .filter .item .tags{gap:2.13rem}}.modal-active-integration-filter .content .filter .item .tags .p,section.portal-integrations .content .bottom .aside .data .filter .item .tags .p{--icon-pad:0.52rem;--icon-size:1.04167rem;--icon-color:#a4abb6;background:#f5f6f7;border-radius:.625rem;color:#011635;cursor:pointer;font-weight:500;padding:.3125rem .625rem;-webkit-transition:background .3s ease,color .3s ease;transition:background .3s ease,color .3s ease;white-space:nowrap}@media(max-width:480px){.modal-active-integration-filter .content .filter .item .tags .p,section.portal-integrations .content .bottom .aside .data .filter .item .tags .p{--icon-pad:2.67rem;--icon-size:5.33333rem;border-radius:3.2rem;padding:2rem 3.2rem}}.modal-active-integration-filter .content .filter .item .tags .p:before,section.portal-integrations .content .bottom .aside .data .filter .item .tags .p:before{-ms-flex-negative:0;display:var(--icon,none);flex-shrink:0;-webkit-transition:background .3s ease;transition:background .3s ease}.modal-active-integration-filter .content .filter .item .tags .p:hover,section.portal-integrations .content .bottom .aside .data .filter .item .tags .p:hover{background:#ebecef}.modal-active-integration-filter .content .filter .item .tags .p.active,section.portal-integrations .content .bottom .aside .data .filter .item .tags .p.active{--icon-color:#1969ff;background:#011635;color:#fff}body:has(.persistent-banner.show) section.portal-integrations .content .bottom .aside .data{top:calc(9rem + var(--dyn-top-pad, 0px))}