.material-library{--material-library-gap: var(--gap-xl);--material-library-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-15));--material-library-tab-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-25));--material-library-tab-active-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-60));--material-library-radius: var(--style-border-radius-lg);--material-library-tab-radius: var(--style-border-radius-pills);--material-library-tab-padding-block: var(--gap-xs);--material-library-tab-padding-inline: var(--gap-lg);--material-library-card-padding: var(--gap-lg);--material-library-actions-gap: var(--gap-sm);--material-library-image-ratio: 1 / 1;--material-library-card-shadow: 0 0 0 1px rgb(var(--color-foreground-rgb) / var(--opacity-10));--material-library-card-shadow-hover: 0 0 0 1px rgb(var(--color-foreground-rgb) / var(--opacity-25));--material-library-text-color: rgb(255 255 255);--material-library-text-muted: rgb(255 255 255 / .7);--material-library-pill-bg: rgb(255 255 255 / .06);--material-library-pill-border: rgb(255 255 255 / .14);--material-library-accent: rgb(0 210 230);--material-library-accent-glow: rgb(0 210 230 / .3);--material-library-tab-min-height: 44px;--material-library-neon-border: rgb(0 210 230 / .7);--material-library-neon-glow: rgb(0 210 230 / .22);--material-library-media-bg: rgb(255 255 255)}.material-library{color:var(--material-library-text-color)}.material-library :is(h1,h2,h3,h4,h5,h6,p,span,small,li){color:var(--material-library-text-color)}.material-library a:not(.button):not(.button-secondary){color:var(--material-library-text-color)}.material-library__inner{padding-block:var(--gap-4xl)}@media screen and (min-width:750px){.material-library__inner{padding-block:var(--gap-5xl)}}.material-library__heading{margin:0 0 var(--material-library-gap);text-align:center;font-size:var(--material-library-heading-size, var(--font-h2--size))}@media screen and (max-width:749px){.material-library__heading{font-size:var(--material-library-heading-size-mobile, var(--font-h3--size))}}.material-library__tabs{display:flex;flex-wrap:nowrap;gap:var(--gap-md);overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin-bottom:var(--material-library-gap);padding-bottom:var(--gap-xs);padding-inline:var(--gap-xs);padding-block:var(--gap-sm);justify-content:flex-start;scrollbar-width:none;width:100%;max-width:100%;scroll-snap-type:x proximity;scroll-padding-inline:var(--gap-xs)}.material-library__tabs::-webkit-scrollbar{width:0;height:0}.material-library__tab{-webkit-appearance:none;appearance:none;background-color:var(--material-library-pill-bg);color:var(--material-library-text-color);border:1px solid var(--material-library-pill-border);border-radius:9999px;min-height:var(--material-library-tab-min-height);padding-block:10px;padding-inline:clamp(14px,3.8vw,26px);font-family:var(--font-paragraph--family);font-style:var(--font-paragraph--style);font-weight:var(--font-h6--weight);font-size:var(--material-library-tab-size, var(--font-h6--size));line-height:1;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scroll-snap-align:start;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--animation-speed) var(--animation-easing),border-color var(--animation-speed) var(--animation-easing),color var(--animation-speed) var(--animation-easing),box-shadow var(--animation-speed) var(--animation-easing)}.material-library__tab[aria-selected=true]{color:var(--material-library-text-color);background-color:var(--material-library-accent);border-color:var(--material-library-accent);box-shadow:0 0 0 1px var(--material-library-accent),0 0 14px var(--material-library-accent-glow)}.material-library__tab:focus-visible{outline:var(--focus-outline-width) solid var(--material-library-text-color);outline-offset:var(--focus-outline-offset)}@media screen and (min-width:768px){.material-library__tabs{overflow:visible;padding-block:var(--gap-md);justify-content:center}}.material-library__actions .button,.material-library__actions .button-secondary{min-width:0}.material-library__panel[hidden]{display:none}.material-library__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--material-library-gap)}@media screen and (min-width:768px){.material-library__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:1280px){.material-library__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.material-library__card{position:relative;display:grid;gap:var(--gap-md);border:1px solid rgb(255 255 255 / .06);border-radius:var(--material-library-radius);padding:var(--material-library-card-padding);background-color:transparent;box-shadow:var(--material-library-card-shadow),0 0 0 1px #00d2e62e;transition:box-shadow var(--animation-speed) var(--animation-easing),border-color var(--animation-speed) var(--animation-easing),transform var(--animation-speed) var(--animation-easing)}.material-library__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 1px var(--material-library-neon-border),0 0 22px var(--material-library-neon-glow);opacity:.85}.material-library__card:hover{border-color:#00d2e659;box-shadow:var(--material-library-card-shadow-hover),0 0 0 1px #00d2e640}.material-library__media{display:block;width:100%;aspect-ratio:var(--material-library-image-ratio);overflow:hidden;border-radius:calc(var(--material-library-radius) - var(--gap-xs));background-color:var(--material-library-media-bg);display:flex;align-items:center;justify-content:center;padding:var(--gap-md)}.material-library__image{width:100%;height:100%;display:block;object-fit:contain}.material-library__title{margin:0;font-family:var(--font-heading--family, var(--font-paragraph--family));font-size:var(--material-library-title-size, var(--font-h6--size));font-weight:var(--font-h6--weight);line-height:var(--font-paragraph--line-height)}.material-library__actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--material-library-actions-gap)}.material-library__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media screen and (max-width:749px){.material-library__tab{font-size:var(--material-library-tab-size-mobile, var(--material-library-tab-size, var(--font-h6--size)));min-height:40px;padding-inline:clamp(12px,3.8vw,18px)}.material-library__grid{grid-template-columns:repeat(var(--material-library-mobile-columns, 1),minmax(0,1fr))}.material-library__actions{grid-template-columns:1fr}.material-library__title{font-size:var(--material-library-title-size-mobile, var(--material-library-title-size, var(--font-h6--size)))}}.material-library__actions .button.material-library__button{--button-color: var(--material-library-view-text, var(--material-library-text-color));--button-background-color: var(--material-library-view-bg, transparent);--button-border-color: var(--material-library-view-border, rgb(255 255 255 / .18))}.material-library__actions .button.material-library__button:hover{--button-color: var(--material-library-view-text-hover, var(--material-library-text-color));--button-background-color: var(--material-library-view-bg-hover, var(--material-library-accent));--button-border-color: var(--material-library-view-border-hover, var(--material-library-accent))}.material-library__actions .button-secondary.material-library__button{--button-color: var(--material-library-download-text, var(--material-library-text-color));--button-background-color: var(--material-library-download-bg, transparent);--button-border-color: var(--material-library-download-border, rgb(255 255 255 / .18))}.material-library__actions .button-secondary.material-library__button:hover{--button-color: var(--material-library-download-text-hover, var(--material-library-text-color));--button-background-color: var(--material-library-download-bg-hover, var(--material-library-accent));--button-border-color: var(--material-library-download-border-hover, var(--material-library-accent))}.material-library__button{width:100%;white-space:nowrap}.material-library__empty{margin:0;color:var(--material-library-text-muted)}
/*# sourceMappingURL=/cdn/shop/t/1/assets/material-library.css.map */