.d030-tools-strip { --d030-section-gap: 90px; margin: 90px 0 0; max-width: none; background: #f6f6f8; }
.d030-tools-strip .wp-block-group > * { margin-block-start: 0; margin-block-end: 0; }
.d030-tools-strip-shell { background: #111112; border-radius: 0 0 96px 96px; padding-bottom: 90px; }
.d030-tools-strip-inner { max-width: 1140px; margin-inline: auto; }
.d030-tools-strip .d030-tools-strip-heading { font: 600 16px/1.3 'Work Sans',sans-serif; text-align: center; color: #fff; margin: 0 0 42px; }
.d030-tools-strip-window { --tools-per-view: 3; position: relative; }
.d030-tools-strip-window::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(90deg,#111112 0%,rgba(17,17,18,.3) 10%,rgba(17,17,18,0) 20%,rgba(17,17,18,0) 80%,rgba(17,17,18,.3) 90%,#111112 100%); }
.d030-tools-strip-track { display: flex; gap: 42px; overflow-x: auto; scrollbar-width: none; }
.d030-tools-strip-track::-webkit-scrollbar { display: none; }
.d030-tools-strip .d030-tools-strip-track > .wp-block-image { flex: 0 0 140px; width: 140px; height: 40px; margin: 0; }
.d030-tools-strip .d030-tools-strip-track img { display: block; width: 140px; max-width: 100%; height: 40px; margin-inline: auto; object-fit: contain; }
.d030-tools-strip-viewport { overflow: hidden; }
.d030-tools-strip-window[data-ready] .d030-tools-strip-track { overflow: visible; }
.d030-tools-strip-window[data-ready] .d030-tools-strip-track > .wp-block-image { flex-basis: var(--tools-item-width); width: var(--tools-item-width); }
.d030-tools-pause:focus-visible { position: absolute; z-index: 2; top: 48px; left: 50%; transform: translateX(-50%); width: auto; height: auto; padding: 8px 16px; margin: 0; clip-path: none; background: #fff; color: #111112; border-radius: 8px; }
@media(min-width:990px) { .d030-tools-strip-window { --tools-per-view: 5; } }
@media(min-width:1024px) { .d030-tools-strip-window { --tools-per-view: 6; } }
@media(max-width:1024px) {
  .d030-tools-strip { --d030-section-gap: 0px; margin-top: 0; padding-bottom: 62px; }
  .d030-tools-strip .d030-tools-strip-heading { margin-bottom: 32px; }
}
@media(max-width:767px) {
  .d030-tools-strip { --d030-section-gap: 62px; margin-top: 62px; }
  .d030-tools-strip-shell { border-radius: 0 0 48px 48px; }
}
