.ui-button{--button-primary:#9fff24;--button-primary-gradient:linear-gradient(90deg, #96ff10 0%, #a7ff38 40%, #a7ff38 60%, #96ff10 100%);--button-primary-hover:#91eb1d;--button-primary-active:#82d516;--button-secondary:#222;--button-secondary-hover:#2b2b2b;--button-secondary-active:#333;--button-alert:#ff4646;--button-alert-hover:#eb3d3d;--button-alert-active:#d63535;--button-stock-in:#22c55e;--button-stock-in-hover:#20b858;--button-stock-in-active:#1da64f;--button-black:#0a0a0a;--button-black-hover:#171717;--button-black-active:#242424;--button-disabled-bg:#222;--button-disabled-content:#444;--button-content-dark:#0a0a0a;--button-content-light:#ddd;border-radius:var(--button-radius);min-width:0;padding:0 var(--button-padding-inline);color:var(--button-content-dark);font-family:var(--button-font-family,"SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif);font-size:var(--button-font-size);font-weight:510;line-height:var(--button-line-height);white-space:nowrap;cursor:pointer;appearance:none;background:0 0;border:0;flex:none;justify-content:center;align-items:center;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.ui-button--large{--button-height:40px;--button-padding-inline:20px;--button-gap:8px;--button-radius:8px;--button-icon-size:20px;--button-font-size:15px;--button-line-height:21px;height:var(--button-height)}.ui-button--medium{--button-height:32px;--button-padding-inline:12px;--button-gap:6px;--button-radius:4px;--button-icon-size:16px;--button-font-size:13px;--button-line-height:18px;height:var(--button-height)}.ui-button--small{--button-height:24px;--button-padding-inline:8px;--button-gap:4px;--button-radius:4px;--button-icon-size:12px;--button-font-size:10px;--button-line-height:14px;height:var(--button-height)}.ui-button--with-icon{gap:var(--button-gap)}.ui-button__icon{width:var(--button-icon-size);height:var(--button-icon-size);flex:0 0 var(--button-icon-size);justify-content:center;align-items:center;display:inline-flex}.ui-button__label{justify-content:center;align-items:center;min-width:0;display:inline-flex}.ui-button--primary{background:var(--button-primary-gradient) var(--button-primary)}.ui-button--small.ui-button--primary{background:var(--button-primary)}.ui-button--secondary{color:var(--button-content-light);background:var(--button-secondary);font-weight:400}.ui-button--alert,.ui-button--stock-out{color:#fff;background:var(--button-alert)}.ui-button--stock-in{background:var(--button-stock-in)}.ui-button--stroke{border:.5px solid var(--button-content-light);color:var(--button-content-light)}.ui-button--text{color:var(--button-content-light);padding-left:0;padding-right:0;font-weight:400}.ui-button--black{color:var(--button-content-light);background:var(--button-black);font-weight:400}.ui-button--block{width:100%}.ui-button--icon-only:not(.ui-button--text){width:var(--button-height);padding-left:0;padding-right:0}.ui-button--small.ui-button--icon-only:not(.ui-button--text){width:22px;height:22px}.ui-button--primary:hover:not(:disabled){background:var(--button-primary-hover)}.ui-button--primary:active:not(:disabled){background:var(--button-primary-active)}.ui-button--secondary:hover:not(:disabled){background:var(--button-secondary-hover)}.ui-button--secondary:active:not(:disabled){background:var(--button-secondary-active)}.ui-button--alert:hover:not(:disabled),.ui-button--stock-out:hover:not(:disabled){background:var(--button-alert-hover)}.ui-button--alert:active:not(:disabled),.ui-button--stock-out:active:not(:disabled){background:var(--button-alert-active)}.ui-button--stock-in:hover:not(:disabled){background:var(--button-stock-in-hover)}.ui-button--stock-in:active:not(:disabled){background:var(--button-stock-in-active)}.ui-button--stroke:hover:not(:disabled){background:#ffffff0f}.ui-button--stroke:active:not(:disabled){background:#ffffff1f}.ui-button--black:hover:not(:disabled){background:var(--button-black-hover)}.ui-button--black:active:not(:disabled){background:var(--button-black-active)}.ui-button:disabled:not(.ui-button--loading){color:var(--button-disabled-content);background:var(--button-disabled-bg);cursor:not-allowed;border-color:#0000;font-weight:400}.ui-button--loading{cursor:progress}.ui-button--loading .ui-button__icon,.ui-button--loading .ui-button__label{opacity:.5}.ui-button--stroke.ui-button--loading{border-color:#dddddd80}.ui-button__spinner{border:1px solid;border-top-color:#0000;border-radius:50%;width:81.25%;height:81.25%;animation:.8s linear infinite ui-button-spin}.ui-button:focus-visible{outline:2px solid var(--button-focus-color,currentColor);outline-offset:2px}@keyframes ui-button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ui-button{transition:none}.ui-button__spinner{animation:none}}.brand-materials-page{background:var(--site-dark-panel);min-height:100svh;color:var(--site-dark-text);padding:130px 24px 40px}.brand-materials-page__container{width:min(100%,1200px);margin-inline:auto}.brand-materials-page h1{color:#fff;margin:0 0 40px;font-size:24px;font-weight:600;line-height:34px}.brand-materials-grid{grid-template-columns:repeat(auto-fill,285px);justify-items:start;gap:30px 20px;margin:0;padding:0;list-style:none;display:grid}.brand-materials-grid[data-layout=adaptive]{--card-track-min:clamp(160px, 20vw, 285px);grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--card-track-min)), 1fr))}.brand-materials-grid[data-layout=adaptive] .brand-material-card{max-width:300px}.brand-material-card{background:var(--site-dark-surface);border:1px solid #333;border-radius:12px;flex-direction:column;width:100%;min-width:0;display:flex;overflow:hidden}.brand-material-card__cover{aspect-ratio:5/3;background:var(--site-dark-panel);color:var(--site-dark-muted);text-align:center;border-radius:0 0 8px 8px;flex-shrink:0;place-items:center;font-size:12px;display:grid;overflow:hidden}.brand-material-card__cover img{object-fit:cover;width:100%;height:100%;display:block}.brand-material-card__body{flex-direction:column;flex:1;gap:12px;min-width:0;padding:16px;display:flex}.brand-material-card h2{color:var(--site-dark-text);overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:600;line-height:21px}.brand-material-card__details{flex-direction:column;gap:10px;margin:0;font-size:12px;line-height:16px;display:flex}.brand-material-card__details div{flex-wrap:wrap;justify-content:space-between;gap:2px 8px;display:flex}.brand-material-card__details dt{color:#666}.brand-material-card__details dd{color:#bbb;text-align:right;overflow-wrap:anywhere;min-width:0;margin:0 0 0 auto}.brand-material-card__download.ui-button{--button-font-family:var(--site-font);--button-focus-color:#fff;height:auto;min-height:var(--button-height);white-space:normal;margin-top:auto;padding:9px 16px}.brand-material-card__download span{overflow-wrap:anywhere}.brand-material-card__download-icon{background:currentColor;width:100%;height:100%;display:block;-webkit-mask:url(/assets/download-desktop-DWeYEpa7.svg) 50%/contain no-repeat;mask:url(/assets/download-desktop-DWeYEpa7.svg) 50%/contain no-repeat}.brand-materials-page__state{min-height:280px;color:var(--site-dark-text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}@media (width<=960px){.brand-materials-page{padding:68px 16px 40px}.brand-materials-page h1{text-align:center;margin-bottom:20px;font-size:17px;font-weight:500;line-height:24px}.brand-materials-grid{grid-template-columns:min(100%,300px);gap:16px 8px}.brand-materials-grid[data-layout=fixed]{justify-content:center}.brand-material-card{border-width:.5px;border-radius:8px}.brand-material-card__cover{border-radius:0 0 6px 6px}.brand-material-card__body{gap:10px;padding:8px 12px 12px}.brand-material-card h2{font-size:13px;font-weight:500;line-height:18px}.brand-material-card__details{gap:4px;font-size:10px;line-height:14px}.brand-material-card__download.ui-button{--button-height:32px;--button-gap:6px;--button-radius:4px;--button-icon-size:16px;--button-font-size:13px;--button-line-height:18px;padding:7px 12px}.brand-material-card__download-icon{-webkit-mask-image:url(/assets/download-mobile-lTxLi6_9.svg);mask-image:url(/assets/download-mobile-lTxLi6_9.svg)}}
