.common-directory-table.section-look-fourth{container-type:inline-size;margin:24px 0}.common-directory-table.section-look-fourth figure{margin:0;padding:0}.common-directory-table.section-look-fourth em,.common-directory-table.section-look-fourth i{font-style:inherit}.common-directory-table.section-look-fourth small{font-size:inherit}.common-directory-table.section-look-fourth b{font-weight:inherit}.common-directory-table.section-look-fourth .kit-logos{display:flex;flex-direction:row;align-items:center;gap:20px;padding:18px 24px;border-radius:12px;background:#fff;box-shadow:0 1px 6px 0 rgba(0,0,0,.08);border:1px solid #eee;transition:all .3s ease;animation:rb-s4-fadeIn ease .6s}.common-directory-table.section-look-fourth .kit-logos:hover{box-shadow:0 4px 16px 0 rgba(0,0,0,.12);border-color:#ddd}.common-directory-table.section-look-fourth .kit-logos+.kit-logos{margin-top:10px}.common-directory-table.section-look-fourth .kit-logos .core-symbol{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:180px;position:relative}.common-directory-table.section-look-fourth .kit-logos .core-symbol .bundle-frame{position:absolute;top:0;left:0;box-shadow:0 4px 13px 0 rgba(0,0,0,.25);display:flex;width:27px;height:27px;padding:3px 0;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;color:#fff;border-radius:0 0 6px 0;background:hsla(0,0%,100%,.5);font-size:18px;font-family:var(--rb-font-family);font-weight:600;line-height:normal;text-shadow:0 0 2px #222}.common-directory-table.section-look-fourth .kit-logos .core-symbol .module-insignia{width:180px;height:90px;border-radius:8px;object-fit:cover;background-color:#333}.common-directory-table.section-look-fourth .kit-logos .core-symbol .layout-label{color:#1a1a2e;text-align:center;font-size:13px;font-family:var(--rb-font-family);font-weight:600;margin-top:8px;line-height:1.3}.common-directory-table.section-look-fourth .kit-logos .section-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;border:3px solid var(--color-primary, #35B3DB);flex-shrink:0;margin-left:auto}.common-directory-table.section-look-fourth .kit-logos .section-mark .lib-stars{color:#1a1a2e;font-size:22px;font-family:var(--rb-font-family);font-weight:800;line-height:1}.common-directory-table.section-look-fourth .kit-logos .section-mark .primary-points{color:var(--color-primary, #35B3DB);font-size:9px;font-family:var(--rb-font-family);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.common-directory-table.section-look-fourth .kit-logos>.pro-rewards{flex:1;text-align:center;padding:16px 20px;border-radius:10px;background:#f4f6fa;color:#1a1a2e;font-size:17px;font-family:var(--rb-font-family);font-weight:700;line-height:1.4}.common-directory-table.section-look-fourth .kit-logos>.vendor-action-buttons{flex-shrink:0;width:180px;margin-left:auto}.common-directory-table.section-look-fourth .kit-logos>.vendor-action-buttons .root-cell{display:block;background:var(--color-primary, #35B3DB);padding:18px 20px;color:#fff !important;text-align:center;font-family:var(--rb-font-family);font-size:16px;font-weight:800;line-height:1;text-decoration:none;border-radius:30px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;white-space:nowrap}.common-directory-table.section-look-fourth .kit-logos>.vendor-action-buttons .root-cell:hover{background:var(--color-primary-hover, var(--color-primary, #35B3DB));transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.common-directory-table.section-look-fourth .kit-logos>.vendor-action-buttons .root-cell:focus{outline:1px dashed var(--color-primary-hover, var(--color-primary, #35B3DB));outline-offset:2px}.common-directory-table.section-look-fourth .kit-logos>.vendor-action-buttons .root-cell:active{background:var(--color-primary-active, var(--color-primary, #35B3DB));transform:translateY(0)}@container (max-width: 900px){.common-directory-table.section-look-fourth .kit-logos{flex-wrap:wrap;padding:16px;gap:14px}.common-directory-table.section-look-fourth .kit-logos .core-symbol{flex-direction:row;width:auto;gap:12px}.common-directory-table.section-look-fourth .kit-logos .core-symbol .layout-label{margin-top:0}.common-directory-table.section-look-fourth .kit-logos>.pro-rewards{width:100%;flex:auto}.common-directory-table.section-look-fourth .kit-logos>.vendor-action-buttons{width:100%}.common-directory-table.section-look-fourth .kit-logos>.vendor-action-buttons .root-cell{width:100%}}@container (max-width: 500px){.common-directory-table.section-look-fourth .kit-logos .core-symbol{flex-direction:column;align-items:stretch;width:100%}.common-directory-table.section-look-fourth .kit-logos .core-symbol .module-insignia{width:100%;height:auto}.common-directory-table.section-look-fourth .kit-logos .core-symbol .layout-label{text-align:center}.common-directory-table.section-look-fourth .kit-logos .section-mark{width:60px;height:60px;margin:0 auto}}.common-directory-table.section-look-fourth .lib-data-tables{display:flex;justify-content:center;padding:30px 0}.common-directory-table.section-look-fourth .lib-data-tables .core-entry{background:var(--color-primary, #35B3DB);border-radius:30px;border:none;box-shadow:0 4px 23px 0 rgba(0,0,0,.15);padding:15px 40px;color:#fff;text-align:center;font-size:16px;font-family:var(--rb-font-family);font-weight:700;line-height:1;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.common-directory-table.section-look-fourth .lib-data-tables .core-entry:hover{background:var(--color-primary-hover, var(--color-primary, #35B3DB))}.common-directory-table.section-look-fourth .lib-data-tables .core-entry:focus{outline:1px dashed var(--color-primary-hover, var(--color-primary, #35B3DB));outline-offset:1px}.common-directory-table.section-look-fourth .lib-data-tables .core-entry:active{background:var(--color-primary-active, var(--color-primary, #35B3DB))}.common-directory-table.section-look-fourth .lib-data-tables .core-entry.max-syncing{background-size:200% 100%;background-image:linear-gradient(to right, var(--color-primary, #35B3DB) 50%, var(--color-primary-hover, var(--color-primary, #35B3DB)) 50%);animation:rb-s4-progress 2s linear infinite;pointer-events:none}@keyframes rb-s4-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes rb-s4-progress{0%{background-position:100% 0}100%{background-position:-100% 0}}
