.wsp-b2b-material-library { position: relative; padding: 118px 0 124px; overflow: clip; color: var(--wsp-b2b-text,#10121a); background: #f5f7fa; }
.wsp-b2b-material-library * { box-sizing: border-box; }
.wsp-b2b-material-library [hidden] { display: none !important; }
.wsp-b2b-material-library::before { content: ''; position: absolute; right: -140px; top: -160px; width: 560px; height: 560px; border-radius: 50%; background: radial-gradient(circle,rgba(49,124,216,.14),transparent 68%); pointer-events: none; }
.wsp-b2b-material-library__heading { position: relative; margin-bottom: 58px; display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(56px,8vw,118px); align-items: end; }
.wsp-b2b-material-library__heading h2 { margin: 0; color: var(--wsp-b2b-text,#10121a); font-family: Anton,Impact,sans-serif; font-size: clamp(56px,5.8vw,82px); font-weight: 400; line-height: .98; letter-spacing: -.025em; text-transform: uppercase; }
.wsp-b2b-material-library__heading h2 span { color: var(--wsp-b2b-blue,#317cd8); }
.wsp-b2b-material-library__heading > div:last-child p { margin: 0 0 20px; color: var(--wsp-b2b-copy,#687080); font-size: 14px; line-height: 1.82; }
.wsp-b2b-material-library__heading > div:last-child a { color: var(--wsp-b2b-blue,#317cd8); font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.wsp-b2b-material-library__advisor { position: relative; z-index: 2; margin-bottom: 26px; padding: 25px 28px; display: grid; grid-template-columns: .7fr 1fr 1.25fr; gap: 24px; align-items: center; border: 1px solid rgba(91,205,251,.28); color: #fff; background: radial-gradient(circle at 92% 0,rgba(49,124,216,.35),transparent 34%),#0b0e1d; }
.wsp-b2b-material-library__advisor > div:first-child { display: grid; gap: 5px; }
.wsp-b2b-material-library__advisor > div:first-child small,
.wsp-b2b-material-library__recommendation span { color: var(--wsp-b2b-cyan,#5bcdfb); font-size: 7px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.wsp-b2b-material-library__advisor > div:first-child strong { color: #fff; font-family: Anton,Impact,sans-serif; font-size: 25px; font-weight: 400; line-height: 1.05; text-transform: uppercase; }
.wsp-b2b-material-library__advisor label span { margin-bottom: 7px; display: block; color: rgba(255,255,255,.46); font-size: 7px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.wsp-b2b-material-library__advisor select { width: 100%; min-height: 50px; padding: 0 14px; border: 1px solid rgba(255,255,255,.18); border-radius: 0; outline: 0; color: #fff; background: rgba(255,255,255,.07); font: 500 9px Poppins,Arial,sans-serif; }
.wsp-b2b-material-library__advisor select option { color: #111; background: #fff; }
.wsp-b2b-material-library__recommendation { min-height: 73px; padding: 15px 18px; display: flex; justify-content: center; flex-direction: column; border-left: 2px solid var(--wsp-b2b-cyan,#5bcdfb); background: rgba(255,255,255,.04); }
.wsp-b2b-material-library__recommendation p { margin: 5px 0 0; color: rgba(255,255,255,.7); font-size: 8px; line-height: 1.55; }
.wsp-b2b-material-library__filters { margin-bottom: 28px; display: grid; grid-template-columns: repeat(5,1fr); border-top: 1px solid var(--wsp-b2b-line,#dfe5ee); border-left: 1px solid var(--wsp-b2b-line,#dfe5ee); }
.wsp-b2b-material-library__filters button { min-height: 62px; padding: 0 17px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 0; border-right: 1px solid var(--wsp-b2b-line,#dfe5ee); border-bottom: 1px solid var(--wsp-b2b-line,#dfe5ee); border-radius: 0; color: #6f7886; background: #fff; font: 700 8px Poppins,Arial,sans-serif; letter-spacing: .07em; text-transform: uppercase; cursor: pointer; transition: color .2s ease,background .2s ease; }
.wsp-b2b-material-library__filters button b { min-width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; color: #8b94a2; background: #f0f3f7; font-size: 7px; }
.wsp-b2b-material-library__filters button.is-active { color: #fff; background: var(--wsp-b2b-blue,#317cd8); }
.wsp-b2b-material-library__filters button.is-active b { color: var(--wsp-b2b-deep,#090b18); background: var(--wsp-b2b-cyan,#5bcdfb); }
.wsp-b2b-material-library__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.wsp-b2b-material-card { min-width: 0; display: flex; flex-direction: column; border: 1px solid var(--wsp-b2b-line,#dfe5ee); background: #fff; transition: border-color .24s ease,box-shadow .24s ease; }
.wsp-b2b-material-card.is-selected { border-color: var(--wsp-b2b-blue,#317cd8); box-shadow: 0 0 0 2px rgba(49,124,216,.1); }
.wsp-b2b-material-card.is-recommended { border-color: var(--wsp-b2b-cyan,#5bcdfb); box-shadow: inset 0 0 0 2px rgba(91,205,251,.26),0 12px 28px rgba(18,46,82,.08); }
.wsp-b2b-material-card__texture { position: relative; aspect-ratio: 1.72/1; overflow: hidden; border-bottom: 1px solid var(--wsp-b2b-line,#dfe5ee); background-color: #18223a; }
.wsp-b2b-material-card__texture::before,
.wsp-b2b-material-card__texture::after { content: ''; position: absolute; inset: 0; pointer-events: none; }
.wsp-b2b-material-card__texture::after { opacity: .32; background-image: linear-gradient(110deg,rgba(255,255,255,.17),transparent 32%,rgba(0,0,0,.22) 72%),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 3px); mix-blend-mode: screen; }
.wsp-b2b-material-card__texture[data-texture="cowhide"] { background: radial-gradient(ellipse at 15% 20%,rgba(255,255,255,.12),transparent 24%),radial-gradient(ellipse at 78% 70%,rgba(0,0,0,.34),transparent 35%),linear-gradient(130deg,#1c263f,#0e1424 62%,#243654); }
.wsp-b2b-material-card__texture[data-texture="cowhide"]::before { opacity: .45; background-image: repeating-radial-gradient(ellipse at 30% 40%,transparent 0 3px,rgba(255,255,255,.05) 3px 4px); background-size: 17px 13px; }
.wsp-b2b-material-card__texture[data-texture="microfiber"] { background: linear-gradient(130deg,#234d74,#101d32 65%,#317cd8); }
.wsp-b2b-material-card__texture[data-texture="microfiber"]::before { opacity: .32; background-image: repeating-linear-gradient(35deg,rgba(255,255,255,.1) 0 1px,transparent 1px 4px); }
.wsp-b2b-material-card__texture[data-texture="pu"] { background: linear-gradient(145deg,#27324a,#101625 58%,#202b45); }
.wsp-b2b-material-card__texture[data-texture="pu"]::before { background: radial-gradient(circle at 28% 34%,rgba(255,255,255,.16),transparent 4%),radial-gradient(circle at 65% 70%,rgba(255,255,255,.08),transparent 3%); background-size: 33px 29px; }
.wsp-b2b-material-card__texture[data-texture="neoprene"] { background: linear-gradient(120deg,#10121a,#26334d); }
.wsp-b2b-material-card__texture[data-texture="neoprene"]::before { opacity: .48; background-image: radial-gradient(rgba(91,205,251,.23) 1px,transparent 1.3px); background-size: 8px 8px; }
.wsp-b2b-material-card__texture[data-texture="pearl"] { background: linear-gradient(135deg,#f3f0e9,#cbc7bd 65%,#fff); }
.wsp-b2b-material-card__texture[data-texture="pearl"]::before { background-image: radial-gradient(ellipse,#d0ccc2 35%,transparent 37%); background-size: 10px 7px; opacity: .74; }
.wsp-b2b-material-card__texture[data-texture="canvas"] { background: linear-gradient(135deg,#e7e1d5,#bbb2a1); }
.wsp-b2b-material-card__texture[data-texture="canvas"]::before { opacity: .76; background-image: repeating-linear-gradient(0deg,rgba(90,76,56,.2) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,rgba(90,76,56,.16) 0 1px,transparent 1px 5px); }
.wsp-b2b-material-card__texture[data-texture="ripstop"] { background: linear-gradient(130deg,#3c4a5d,#172333); }
.wsp-b2b-material-card__texture[data-texture="ripstop"]::before { opacity: .52; background-image: linear-gradient(rgba(91,205,251,.26) 1px,transparent 1px),linear-gradient(90deg,rgba(91,205,251,.26) 1px,transparent 1px); background-size: 13px 13px; }
.wsp-b2b-material-card__texture[data-texture="interlock"] { background: linear-gradient(135deg,#14366b,#317cd8 62%,#5bcdfb); }
.wsp-b2b-material-card__texture[data-texture="interlock"]::before { opacity: .42; background-image: repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,transparent 1px 4px); }
.wsp-b2b-material-card__texture[data-texture="mesh"] { background: #16253d; }
.wsp-b2b-material-card__texture[data-texture="mesh"]::before { opacity: .82; background-image: radial-gradient(circle,transparent 0 2px,rgba(91,205,251,.32) 2.4px 3px,transparent 3.2px); background-size: 11px 11px; }
.wsp-b2b-material-card__texture[data-texture="nylon"] { background: linear-gradient(135deg,#343b73,#11183a 70%,#5b67b8); }
.wsp-b2b-material-card__texture[data-texture="nylon"]::before { opacity: .35; background-image: repeating-linear-gradient(25deg,rgba(255,255,255,.14) 0 1px,transparent 1px 5px); }
.wsp-b2b-material-card__texture[data-texture="poly"] { background: linear-gradient(140deg,#163f56,#10202f 65%,#37a2b8); }
.wsp-b2b-material-card__texture[data-texture="poly"]::before { opacity: .38; background-image: repeating-linear-gradient(65deg,rgba(255,255,255,.13) 0 1px,transparent 1px 4px); }
.wsp-b2b-material-card__texture[data-texture="seamless"] { background: linear-gradient(145deg,#233c54,#101723); }
.wsp-b2b-material-card__texture[data-texture="seamless"]::before { opacity: .74; background-image: radial-gradient(ellipse at center,rgba(91,205,251,.3) 0 1px,transparent 1.5px); background-size: 8px 5px; }
.wsp-b2b-material-card__texture > small,
.wsp-b2b-material-card__texture > b { position: absolute; z-index: 2; top: 16px; color: rgba(255,255,255,.75); font-size: 7px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.wsp-b2b-material-card__texture[data-texture="pearl"] > small,
.wsp-b2b-material-card__texture[data-texture="pearl"] > b,
.wsp-b2b-material-card__texture[data-texture="canvas"] > small,
.wsp-b2b-material-card__texture[data-texture="canvas"] > b { color: rgba(16,18,26,.68); }
.wsp-b2b-material-card__texture > small { left: 16px; }
.wsp-b2b-material-card__texture > b { right: 16px; }
.wsp-b2b-material-card__texture > span { position: absolute; z-index: 2; left: 16px; bottom: 16px; width: 42px; height: 2px; background: var(--wsp-b2b-cyan,#5bcdfb); }
.wsp-b2b-material-card__body { padding: 24px 22px 22px; display: flex; flex: 1; flex-direction: column; }
.wsp-b2b-material-card__body > small { color: var(--wsp-b2b-blue,#317cd8); font-size: 7px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.wsp-b2b-material-card__body h3 { margin: 8px 0 10px; color: var(--wsp-b2b-text,#10121a); font-family: Poppins,Arial,sans-serif; font-size: 16px; line-height: 1.35; text-transform: uppercase; }
.wsp-b2b-material-card__body > p { min-height: 68px; margin: 0 0 20px; color: var(--wsp-b2b-copy,#687080); font-size: 9px; line-height: 1.72; }
.wsp-b2b-material-card__body dl { margin: 0 0 20px; display: grid; grid-template-columns: .65fr 1.35fr; border-top: 1px solid var(--wsp-b2b-line,#dfe5ee); }
.wsp-b2b-material-card__body dl div { padding: 13px 0; border-bottom: 1px solid var(--wsp-b2b-line,#dfe5ee); }
.wsp-b2b-material-card__body dt { margin-bottom: 4px; color: #9aa3af; font-size: 6px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.wsp-b2b-material-card__body dd { margin: 0; color: #505967; font-size: 8px; line-height: 1.5; }
.wsp-b2b-material-card__scores { display: grid; gap: 10px; }
.wsp-b2b-material-card__score { display: grid; grid-template-columns: 88px 1fr 28px; gap: 8px; align-items: center; }
.wsp-b2b-material-card__score > span { color: #687181; font-size: 7px; font-weight: 600; }
.wsp-b2b-material-card__score i { display: grid; grid-template-columns: repeat(5,1fr); gap: 3px; }
.wsp-b2b-material-card__score i b { height: 3px; background: #e4e8ee; }
.wsp-b2b-material-card__score i b.is-filled { background: linear-gradient(90deg,var(--wsp-b2b-blue,#317cd8),var(--wsp-b2b-cyan,#5bcdfb)); }
.wsp-b2b-material-card__score em { color: #8b94a2; font-size: 6px; font-style: normal; text-align: right; }
.wsp-b2b-material-card__best { min-height: 70px; margin-top: 20px; padding: 14px 15px; border-left: 2px solid var(--wsp-b2b-cyan,#5bcdfb); background: #f5f8fb; }
.wsp-b2b-material-card__best span { color: var(--wsp-b2b-blue,#317cd8); font-size: 6px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.wsp-b2b-material-card__best p { margin: 5px 0 0; color: #505967; font-size: 8px; line-height: 1.55; }
.wsp-b2b-material-card__body > button { min-height: 44px; margin-top: 18px; padding: 0 14px; display: flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid var(--wsp-b2b-line,#dfe5ee); border-radius: 0; color: var(--wsp-b2b-blue,#317cd8); background: #fff; font: 700 7px Poppins,Arial,sans-serif; letter-spacing: .07em; text-transform: uppercase; cursor: pointer; }
.wsp-b2b-material-card__body > button i { position: relative; width: 12px; height: 12px; border: 1px solid #aeb7c5; }
.wsp-b2b-material-card__body > button i::before,
.wsp-b2b-material-card__body > button i::after { content: ''; position: absolute; left: 2px; right: 2px; top: 5px; height: 1px; background: var(--wsp-b2b-blue,#317cd8); }
.wsp-b2b-material-card__body > button i::after { transform: rotate(90deg); }
.wsp-b2b-material-card.is-selected .wsp-b2b-material-card__body > button { color: #fff; border-color: var(--wsp-b2b-blue,#317cd8); background: var(--wsp-b2b-blue,#317cd8); }
.wsp-b2b-material-card.is-selected .wsp-b2b-material-card__body > button i { border-color: rgba(255,255,255,.7); }
.wsp-b2b-material-card.is-selected .wsp-b2b-material-card__body > button i::after { display: none; }
.wsp-b2b-material-card.is-selected .wsp-b2b-material-card__body > button i::before { background: #fff; }
.wsp-b2b-material-library__empty { padding: 50px; color: var(--wsp-b2b-copy,#687080); border: 1px solid var(--wsp-b2b-line,#dfe5ee); background: #fff; text-align: center; font-size: 11px; }
.wsp-b2b-material-compare { margin-top: 42px; border: 1px solid rgba(91,205,251,.3); color: #fff; background: #0b0e1d; scroll-margin-top: 120px; }
.wsp-b2b-material-compare > header { padding: 26px 28px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid rgba(255,255,255,.12); }
.wsp-b2b-material-compare > header small { color: var(--wsp-b2b-cyan,#5bcdfb); font-size: 7px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.wsp-b2b-material-compare > header h3 { margin: 4px 0 0; color: #fff; font-family: Anton,Impact,sans-serif; font-size: 36px; font-weight: 400; text-transform: uppercase; }
.wsp-b2b-material-compare > header button { padding: 0; border: 0; color: rgba(255,255,255,.6); background: transparent; font: 700 7px Poppins,Arial,sans-serif; letter-spacing: .07em; text-transform: uppercase; cursor: pointer; }
.wsp-b2b-material-compare__table { overflow-x: auto; }
.wsp-b2b-material-compare table { width: 100%; min-width: 800px; border-collapse: collapse; table-layout: fixed; }
.wsp-b2b-material-compare th,
.wsp-b2b-material-compare td { padding: 18px 20px; border-right: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); text-align: left; vertical-align: top; }
.wsp-b2b-material-compare thead th { color: #fff; background: rgba(49,124,216,.1); font-size: 11px; line-height: 1.45; text-transform: uppercase; }
.wsp-b2b-material-compare thead th:first-child { width: 190px; color: var(--wsp-b2b-cyan,#5bcdfb); font-size: 7px; letter-spacing: .1em; }
.wsp-b2b-material-compare thead small { margin-top: 4px; display: block; color: rgba(255,255,255,.38); font-size: 6px; }
.wsp-b2b-material-compare tbody th { color: rgba(255,255,255,.42); font-size: 7px; letter-spacing: .1em; text-transform: uppercase; }
.wsp-b2b-material-compare tbody td { color: rgba(255,255,255,.72); font-size: 8px; line-height: 1.62; }
.wsp-b2b-material-compare tbody td.is-score { color: var(--wsp-b2b-cyan,#5bcdfb); letter-spacing: .05em; }
.wsp-b2b-material-compare > footer { padding: 24px 28px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.wsp-b2b-material-compare > footer span { max-width: 620px; color: rgba(255,255,255,.46); font-size: 7px; line-height: 1.6; }
.wsp-b2b-material-compare > footer a { color: var(--wsp-b2b-cyan,#5bcdfb); font-size: 7px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.wsp-b2b-material-library__cta { margin-top: 34px; padding: 30px 34px; display: flex; align-items: center; justify-content: space-between; gap: 38px; border: 1px solid var(--wsp-b2b-line,#dfe5ee); background: #fff; }
.wsp-b2b-material-library__cta > div { display: grid; gap: 6px; }
.wsp-b2b-material-library__cta small { color: var(--wsp-b2b-blue,#317cd8); font-size: 7px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.wsp-b2b-material-library__cta strong { color: var(--wsp-b2b-text,#10121a); font-size: 14px; line-height: 1.5; }
.wsp-b2b-material-library__cta > a { min-height: 50px; padding: 0 21px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; color: #fff; background: var(--wsp-b2b-deep,#090b18); font-size: 7px; font-weight: 700; letter-spacing: .07em; text-align: center; text-transform: uppercase; }
.wsp-b2b-material-tray { position: fixed; z-index: 72; left: 0; right: 0; bottom: 0; border-top: 1px solid rgba(91,205,251,.32); color: #fff; background: rgba(9,11,24,.97); box-shadow: 0 -18px 44px rgba(0,0,0,.22); backdrop-filter: blur(16px); }
.wsp-b2b-material-tray > div { min-height: 76px; display: grid; grid-template-columns: 1fr auto auto; gap: 24px; align-items: center; }
.wsp-b2b-material-tray > div > div { min-width: 0; display: flex; align-items: center; gap: 10px; }
.wsp-b2b-material-tray small { color: var(--wsp-b2b-cyan,#5bcdfb); font-size: 7px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.wsp-b2b-material-tray [data-material-selected] { min-width: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.wsp-b2b-material-tray [data-material-selected] button { min-height: 28px; padding: 0 9px; border: 1px solid rgba(255,255,255,.16); border-radius: 0; color: rgba(255,255,255,.76); background: rgba(255,255,255,.05); font: 600 6px Poppins,Arial,sans-serif; cursor: pointer; }
.wsp-b2b-material-tray p { margin: 0; color: rgba(255,255,255,.45); font-size: 7px; }
.wsp-b2b-material-tray.is-at-limit p { color: #ffb7bf; }
.wsp-b2b-material-tray > div > button { min-height: 44px; padding: 0 18px; border: 0; border-radius: 0; color: var(--wsp-b2b-deep,#090b18); background: var(--wsp-b2b-cyan,#5bcdfb); font: 700 7px Poppins,Arial,sans-serif; letter-spacing: .07em; text-transform: uppercase; cursor: pointer; }
.wsp-b2b-material-tray > div > button:disabled { color: rgba(255,255,255,.38); background: rgba(255,255,255,.08); cursor: default; }
.wsp-b2b-material-library.has-material-tray { padding-bottom: 190px; }

@media (max-width: 980px) {
    .wsp-b2b-material-library__advisor { grid-template-columns: 1fr 1.2fr; }
    .wsp-b2b-material-library__recommendation { grid-column: 1/-1; }
    .wsp-b2b-material-library__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 780px) {
    .wsp-b2b-material-library { padding: 86px 0 104px; }
    .wsp-b2b-material-library__heading { grid-template-columns: 1fr; gap: 28px; }
    .wsp-b2b-material-library__filters { grid-template-columns: repeat(2,1fr); }
    .wsp-b2b-material-library__filters button:first-child { grid-column: 1/-1; }
    .wsp-b2b-material-library__grid { grid-template-columns: 1fr; }
    .wsp-b2b-material-card { display: grid; grid-template-columns: minmax(180px,.78fr) minmax(0,1.22fr); }
    .wsp-b2b-material-card__texture { aspect-ratio: auto; min-height: 100%; border-right: 1px solid var(--wsp-b2b-line,#dfe5ee); border-bottom: 0; }
    .wsp-b2b-material-compare > footer,
    .wsp-b2b-material-library__cta { align-items: flex-start; flex-direction: column; }
    .wsp-b2b-material-tray { bottom: 64px; }
    .wsp-b2b-material-tray > div { padding: 12px 0; grid-template-columns: 1fr auto; }
    .wsp-b2b-material-tray > div > div { align-items: flex-start; flex-direction: column; }
    .wsp-b2b-material-tray p { display: none; }
}

@media (max-width: 560px) {
    .wsp-b2b-material-library { padding: 74px 0 96px; }
    .wsp-b2b-material-library .wsp-b2b-shell-container { width: min(100% - 24px,1240px); }
    .wsp-b2b-material-library__heading { margin-bottom: 38px; }
    .wsp-b2b-material-library__heading h2 { font-size: clamp(45px,14vw,62px); }
    .wsp-b2b-material-library__advisor { padding: 22px 18px; grid-template-columns: 1fr; gap: 18px; }
    .wsp-b2b-material-library__recommendation { grid-column: auto; }
    .wsp-b2b-material-library__filters button { min-height: 54px; padding-inline: 12px; }
    .wsp-b2b-material-card { display: flex; }
    .wsp-b2b-material-card__texture { aspect-ratio: 1.72/1; min-height: 0; border-right: 0; border-bottom: 1px solid var(--wsp-b2b-line,#dfe5ee); }
    .wsp-b2b-material-card__body { padding: 22px 18px; }
    .wsp-b2b-material-card__body > p { min-height: 0; }
    .wsp-b2b-material-library__cta { padding: 24px 20px; }
    .wsp-b2b-material-tray > div { grid-template-columns: 1fr; gap: 10px; }
    .wsp-b2b-material-tray > div > button { width: 100%; }
    .wsp-b2b-material-library.has-material-tray { padding-bottom: 250px; }
}

@media (prefers-reduced-motion: reduce) {
    .wsp-b2b-material-library *,
    .wsp-b2b-material-library *::before,
    .wsp-b2b-material-library *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}