.library-section{--library-surface-color: rgb(var(--color-background-rgb));--library-border-color: rgb(var(--color-foreground-rgb) / .08);--library-text-color: rgb(var(--color-foreground-rgb));--library-subdued-color: rgb(var(--color-foreground-rgb) / .55);--library-focus-ring: rgb(var(--color-foreground-rgb) / .14);--library-item-width: 13.125rem;--library-item-height: 13.625rem;--library-item-product-width: 21.25rem;--library-item-product-height: 16.875rem;padding-block-start:calc(var(--library-section-padding-top-px, 36) * .75 / 16 * 1rem);padding-block-end:calc(var(--library-section-padding-bottom-px, 36) * .75 / 16 * 1rem)}.library-search-container,.library-grid-stage,.library-grid,.library-grid-loading{width:100%}.library-search-container{max-width:125ch;margin-block-end:4rem;margin-inline:auto;position:relative}.library-vehicle-filter{margin-block-end:1rem}.library-vehicle-filter__buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem}.library-vehicle-filter__button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding-block:.625rem;padding-inline:1rem;border:1px solid var(--library-border-color);border-radius:.5rem;background-color:var(--library-surface-color);color:var(--library-text-color);font-family:Biennale,sans-serif;font-size:1rem;font-weight:600;line-height:1.2;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}.library-vehicle-filter__button:hover{border-color:var(--color-primary)}.library-vehicle-filter__button[aria-pressed=true]{border-color:var(--color-primary);background-color:var(--color-primary);color:rgb(var(--color-background-rgb))}.library-vehicle-filter__button:focus-visible{outline:2px solid rgb(var(--color-foreground-rgb));outline-offset:2px;box-shadow:0 0 0 2px var(--library-focus-ring)}.library-search-wrapper{display:flex;align-items:center;gap:.4rem;padding-block:.5rem;padding-inline:1.25rem;background-color:var(--library-surface-color);border:1px solid var(--library-border-color);border-radius:.5rem;transition:box-shadow .2s ease}.library-search-wrapper:focus-within{box-shadow:0 0 0 2px var(--library-focus-ring)}.library-search-icon{width:1.5rem;height:1.5rem;color:var(--library-subdued-color);flex-shrink:0}.library-search-input{width:100%;padding:0;border:none;background:transparent;color:var(--library-subdued-color);font-family:Biennale,sans-serif;font-size:1rem;font-weight:400;line-height:2rem;text-indent:.5rem;outline:none;-webkit-appearance:none;appearance:none}.library-search-input::placeholder{color:var(--library-subdued-color);opacity:1}.library-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.library-grid-loading__items{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;contain:layout paint}.library-grid-loading__item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;width:var(--library-item-width);min-width:0;height:var(--library-item-height);padding-block:1rem;padding-inline:1rem;background-color:var(--library-surface-color);border:1px solid var(--library-border-color);border-radius:.3125rem}.library-grid-loading__item--product{width:var(--library-item-product-width);height:var(--library-item-product-height)}.library-grid-loading__media{--metaobject-grid-loading-placeholder-background: rgb(var(--color-foreground-rgb) / .12);--metaobject-grid-loading-placeholder-highlight: rgb(var(--color-foreground-rgb) / .24);--metaobject-grid-loading-placeholder-opacity: 1;--metaobject-grid-loading-placeholder-radius: .75rem;width:72%;height:62%;margin-block-start:auto}.library-grid-loading__item--product .library-grid-loading__media{width:82%}.library-grid-loading__text{--metaobject-grid-loading-placeholder-background: rgb(var(--color-foreground-rgb) / .12);--metaobject-grid-loading-placeholder-highlight: rgb(var(--color-foreground-rgb) / .24);--metaobject-grid-loading-placeholder-opacity: 1;--metaobject-grid-loading-placeholder-radius: 999px;width:72%;height:1.125rem;margin-block-end:.25rem}.library-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:var(--library-item-width);min-width:0;height:var(--library-item-height);padding-block:1rem;background-color:var(--library-surface-color);border:1px solid var(--library-border-color);border-radius:.3125rem;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease}.library-item--product{width:var(--library-item-product-width);height:var(--library-item-product-height)}.library-item:hover{border-color:var(--color-primary)}.library-item:focus-visible{outline:2px solid rgb(var(--color-foreground-rgb));outline-offset:2px;border-color:var(--color-primary)}.library-item__copy{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%;max-width:100%;margin-top:auto;min-width:0}.library-item__eyebrow{color:var(--library-subdued-color);font-family:var(--font-heading--family);font-size:var(--font-size--sub-sm);font-weight:var(--font-weight-medium);line-height:1.2;text-align:center}.library-item--highlighted{order:-1}.library-item--highlighted .library-text{margin-top:0}.library-logo-container{width:100%;min-height:0;flex-grow:1;padding-inline:.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.library-text{max-width:100%;margin-top:auto;padding-inline:.75rem;color:var(--library-text-color);font-family:Biennale,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.2;text-align:center;overflow-wrap:anywhere}.library-logo{width:100%;max-width:100%;height:auto;max-height:100%;display:block;object-fit:contain}.library-message,.library-search-empty{width:100%;margin-top:3rem;color:rgb(var(--color-foreground-rgb) / .75);text-align:center}.library-message{padding:1rem}.library-item[data-library-source=voyant] .library-logo-container img{max-width:140px}@media screen and (min-width:750px){.library-section{padding-block-start:calc(var(--library-section-padding-top-px, 36) / 16 * 1rem);padding-block-end:calc(var(--library-section-padding-bottom-px, 36) / 16 * 1rem)}}@media screen and (max-width:749px){.library-vehicle-filter__buttons{gap:.5rem}.library-vehicle-filter__button{flex:1 1 auto}.library-item,.library-grid-loading__item{width:46%;height:auto;aspect-ratio:210 / 218}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-library-grid.css.map */