.devtoolpartners{.devtool-partners__loading{margin:20px 42px;padding:20px;color:#65727d;text-align:center;font-size:14px}
.devtool-partners__error,.devtool-partners__empty{margin:20px 42px;padding:25px;background:#fff;color:#da291c;font-size:14px;text-align:center;font-weight:600}
.devtool-partners__results{margin-top:10px;.devtool-partners__results-count{border-bottom:1px solid #dce2e7;padding:20px 0 3px 0;font-size:12px}
.devtool-partners__table{border-collapse:collapse;border-spacing:0;thead{display:none}
tr.is-load-more-hidden{display:none}
}
.devtool-partners__load-more-container{text-align:center;margin:30px 0}
.devtool-partner{display:grid;grid-template-columns:67px minmax(0,1fr) 200px;column-gap:25px;min-height:126px;padding:20px 2px 20px;border-bottom:1px solid #dce2e7;background:#fff;@media only screen and (max-width:991px){grid-template-columns:67px minmax(0,1fr)}
@media only screen and (max-width:600px){display:flex;flex-direction:column;gap:10px}
.devtool-partner__logo-wrapper{width:67px;max-height:67px;@media only screen and (max-width:600px){width:100%;text-align:center}
.devtool-partner__logo{font-size:12px;width:67px;height:100%;object-fit:contain;border:1px solid #e2e9f0}
}
.devtool-partner__contact{display:flex;flex-direction:column;gap:6px;flex-wrap:wrap;font-size:12px;@media only screen and (max-width:991px){grid-column:2 / -1;margin-top:15px;flex-direction:row;gap:30px;flex-wrap:wrap}
@media only screen and (max-width:600px){margin-top:0}
.devtool-partner__phone,.devtool-partner__website{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#157EAC;max-width:100%;i{margin-right:5px;color:#666;font-size:12px}
&:hover{color:#1c355e;text-decoration:none}
@media only screen and (max-width:991px){max-width:65%}
@media only screen and (max-width:600px){max-width:50%}
}
}
}
}
.devtool-partners-header{padding:24px 0 27px;background:#fff;border-bottom:1.5px solid #c8cdd5;box-shadow:0 2px 4px rgba(0,0,0,0.08);.devtool-partner-header-container{max-width:1270px !important;margin-left:auto !important;margin-right:auto !important;@media only screen and (max-width:1440px) and (min-width:1200px){padding-right:85px !important;padding-left:85px !important}
@media only screen and (max-width:1199px){max-width:95% !important}
@media only screen and (max-width:991px){max-width:90% !important}
.devtool-partners-title{color:#182029;font-size:36px;line-height:44px;font-weight:600;letter-spacing:0;margin:0;@media only screen and (max-width:991px){font-size:26px;line-height:34px}
}
.devtool-partners-sub-title{color:#182029;font-size:16px;line-height:26px;font-weight:400;letter-spacing:0;margin:10px 0;p{margin:0}
@media only screen and (max-width:991px){font-size:14px;line-height:120%}
}
}
}
.devtool-partner-content-container{max-width:1270px !important;margin-left:auto !important;margin-right:auto !important;@media only screen and (max-width:1440px) and (min-width:1200px){padding-right:85px !important;padding-left:85px !important}
@media only screen and (max-width:1199px){max-width:95% !important}
@media only screen and (max-width:991px){max-width:90% !important}
.devtool-partners__filter-bar{display:flex;align-items:center;gap:10px;margin:18px 0 0;padding:12px;min-height:40px;background:#fff;border:1px solid #d6dde3;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,0.12);@media only screen and (max-width:991px){flex-direction:column;padding:12px 24px}
.devtool-partners__search{display:flex;align-items:stretch;flex:.7 1 auto;min-width:0;height:36px;position:relative;width:100%;.devtool-partners__search-input{width:100%;height:36px;padding:0 10px;border:1px solid #cfd9e2;border-right:0;border-radius:2px 0 0 2px;background:#fff;color:#586674;font-size:14px;line-height:150%}
.devtool-partners__clear-search{position:absolute;right:38px;top:51%;transform:translateY(-50%);background:0;border:0;cursor:pointer;padding:4px 6px;color:#999;font-size:13px;line-height:1;z-index:2;transition:color .15s;&:hover{color:#333}
}
.devtool-partners__search-button{width:36px;height:36px;margin:0;border:0;border-radius:0 4px 4px 0;font-size:15px;display:flex;align-items:center;justify-content:center;background:#14274e;color:#fff;cursor:pointer;transition:background .15s;&:hover{background:#157eac}
}
}
.devtool-partners__dropdown-container{display:flex;gap:10px;width:100%;@media only screen and (max-width:600px){flex-direction:column}
}
.devtool-partners__dropdown-button{height:36px;min-width:75px;padding:6px 32px 6px 16px;position:relative;border:1px solid #C3D1DE;border-radius:4px;background:#fff;color:#586674;font-size:14px;font-weight:400;text-align:left;cursor:pointer;@media only screen and (max-width:600px){width:100%}
.devtool-partners__dropdown-arrow{position:absolute;width:7px;height:7px;right:14px;top:12px;border-right:1px solid #4e5b65;border-bottom:1px solid #4e5b65;transform:rotate(45deg)}
}
.devtool-partners__dropdown-button:hover,.devtool-partners__dropdown.is-open .devtool-partners__dropdown-button{border-color:#8090a0;color:#263b4d;background:#f6fafd}
.devtool-partners__dropdown.is-open .devtool-partners__dropdown-arrow{top:15px;transform:rotate(225deg);border-color:#263b4d}
.devtool-partners__dropdown{position:relative;flex:0 0 auto;.devtool-partners__dropdown-menu{position:absolute;top:calc(100% + 2px);min-width:150px;max-height:400px;padding:7px 0;background:#fff;border:1px solid #D1DBE6;border-radius:4px;box-shadow:0 3px 8px rgba(0,0,0,0.16);z-index:100;.devtool-partners__dropdown-options{max-height:400px;overflow-y:auto;.devtool-partners__dropdown-option{display:flex;align-items:center;min-height:25px;padding:5px 12px;color:#09232B;font-size:14px;line-height:20px;cursor:pointer;white-space:nowrap;&:hover{background:#f2f6f9}
input{margin:0 12px 0 0;position:relative;cursor:pointer}
}
}
}
}
}
.devtool-partners__selected-filters{display:flex;flex-wrap:wrap;align-content:center;gap:4px;padding:12px 0 6px 0;font-size:12px;&[hidden]{display:none}
.devtool-partners__reset{background-color:transparent;border:0;cursor:pointer;color:#157eac;font-size:12px;padding:.15em .6em;&:hover{color:#1c355e}
}
.devtool-partners__filter-chips{display:flex;flex-wrap:wrap;align-content:center;gap:5px;.devtool-partners__selected-filter{--color-chip-hue:218;--color-text:#666;--color-chip-background:hsl(var(--color-chip-hue),100%,97%);--color-chip-background-alt:hsl(var(--color-chip-hue),100%,98%);--color-chip-border:hsl(var(--color-chip-hue),100%,90%);--chip-max-width:200px;flex:0 1 auto;align-items:baseline;cursor:default;display:flex;gap:6px;color:var(--color-text);background:var(--color-chip-background);border:1px solid var(--color-chip-border);border-radius:30px;font-size:10px;padding:3px 6px;i{cursor:pointer}
}
}
}
.devtool-partner__main{display:flex;flex-direction:column;gap:9px;.devtool-partner__company-name{color:#157eac;font-size:16px;line-height:120%;font-weight:600;&:hover{color:#1c355e;text-decoration:none}
}
.devtool-partner__location-container{display:flex;gap:20px;font-size:12px;line-height:120%;font-weight:400;color:#182029;@media only screen and (max-width:600px){flex-direction:column;gap:10px}
.devtool-partner__premier i{color:#f68d2e;margin-right:5px}
.devtool-partner__location i{margin-right:5px;color:#586674}
}
.devtool-partner__description{font-weight:400;font-size:14px;line-height:18px;letter-spacing:0;.devtool-partner__description-text.truncate{overflow:hidden;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box !important;mask-image:linear-gradient(to bottom,#000 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent 100%)}
.devtool-partner__description-text p{margin:0}
.devtool-partner__more{font-size:12px;cursor:pointer;background-color:transparent;color:#157EAC;border:0;margin-left:75%;&:hover{color:#1c355e}
}
}
.devtool-partner__categories{margin-top:5px;display:flex;flex-direction:column;gap:8px;.devtool-partner__category-row{display:flex;flex-wrap:wrap;gap:4px;align-items:center;.devtool-partner__category-label{font-weight:600;font-size:12px;line-height:120%;letter-spacing:0;vertical-align:middle;color:#586674}
.devtool-partner-tooltip-label{font-weight:400;font-size:10px;line-height:100%;letter-spacing:0;color:#182029;margin-left:5px}
}
}
}
}
.devtool-filter-limit-modal{position:fixed;inset:0;z-index:99999}
.devtool-filter-limit-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,0.45)}
.devtool-filter-limit-modal__dialog{border:0;width:min(90%,725px);background:#fff;border-radius:14px;padding:48px 55px 35px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,0.25)}
.devtool-filter-limit-modal__dialog h2{margin:0 0 22px;font-size:28px;line-height:1.2;font-weight:700;color:#222}
.devtool-filter-limit-modal__dialog p{margin:0 auto 38px;max-width:620px;font-size:22px;line-height:1.6;color:#555}
.devtool-filter-limit-modal__dialog p strong{color:#17315f;font-weight:700}
.devtool-filter-limit-modal__button{min-width:155px;padding:15px 35px;border:0;border-radius:6px;background:#172f5f;color:#fff;font-size:20px;font-weight:700;cursor:pointer}
.devtool-filter-limit-modal__button:hover{background:#10244a}
.devtool-filter-limit-modal__button:focus-visible{outline:3px solid #4d90fe;outline-offset:3px}
body.devtool-filter-limit-modal-open{overflow:hidden}
input[type="checkbox"]:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}
input[type="checkbox"]:disabled,input[type="checkbox"]:disabled+span{cursor:not-allowed;opacity:.4}
}
.devtool-partner__tag{flex:0 1 auto;align-items:baseline;cursor:default;display:flex;gap:6px;border-radius:30px;font-size:10px;padding:.15em .6em;.dtp-hardware-software-label{flex:0 1 auto;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}
}
.devtool-partner__tag--hardware{color:#1c355e;background:#f6f9fe;border:.5px solid #bdd4f8}
.devtool-partner__tag--software{color:#5a2d02;background:#fff5ec;border:.5px solid #ffbe86}
.tooltip:has(.devtool-partner-tooltip-container-software){border:.5px solid #F68D2E;border-bottom:3px solid #F68D2E;background-color:#FFFFFF;padding:12px 10px;.devtool-partner-tooltip-container-software{display:flex;gap:6px;flex-wrap:wrap}
.tooltip-arrow{border-color:#f68d2e transparent transparent transparent}
}
.tooltip:has(.devtool-partner-tooltip-container-hardware){border:.5px solid #5578AD;border-bottom:3px solid #5578AD;background-color:#FFFFFF;padding:12px 10px;.devtool-partner-tooltip-container-hardware{display:flex;gap:6px;flex-wrap:wrap}
.tooltip-arrow{border-color:#5578ad transparent transparent transparent}
}