#viz-swatch-gallery-app{margin:0 auto;max-width:none;width:95%}.viz-swatch-gallery{--viz-border: #000000;--viz-text: #333333;--viz-muted: #707070;--viz-surface: #ffffff;--viz-soft: #f5f5f5;--viz-accent: #333333;color:var(--viz-text);display:grid;gap:25px;grid-template-columns:minmax(220px,20%) minmax(0,80%);margin:0 auto;max-width:none;width:100%}.viz-swatch-gallery *,.viz-swatch-gallery *:before,.viz-swatch-gallery *:after{box-sizing:border-box}.viz-swatch-gallery__filters{height:fit-content;position:sticky;top:15px;z-index:99}.viz-swatch-gallery__main{min-width:0}.viz-swatch-gallery__grid{display:grid;gap:25px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}.viz-swatch-gallery__message{background:#fff;border:0;border-radius:0;margin:25px 0 0;padding:14px 16px;text-align:center}.viz-swatch-gallery__message--error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.viz-swatch-gallery__initial-loader,.viz-swatch-gallery__inline-loader{display:flex;justify-content:center;padding:32px 0}.viz-swatch-gallery__load-more{height:1px}.viz-swatch-filters{background-color:#fff;border:1px solid #000000;display:grid;gap:14px;padding:20px 20px 12px}.viz-swatch-search__label{display:none}.viz-swatch-search input{border:1px solid var(--viz-border);border-radius:0;color:var(--viz-text);font:inherit;width:100%}.viz-swatch-search{display:grid;gap:8px;margin-bottom:25px}.viz-swatch-search input{min-height:0;padding:7.5px}.viz-swatch-filters__empty{color:var(--viz-muted);font-size:.9rem;margin:0}.viz-swatch-filters__dropdown{border-bottom:1px solid #000000;padding-bottom:8px}.viz-swatch-filters__dropdown:last-of-type{border-bottom:0;padding-bottom:8px}.viz-swatch-filters__summary{align-items:center;color:var(--viz-text);cursor:pointer;display:flex;font-size:1.17em;font-weight:700;justify-content:space-between;line-height:1.3;list-style:none}.viz-swatch-filters__summary:focus,.viz-swatch-filters__summary:focus-visible{outline:0}.viz-swatch-filters__summary::-webkit-details-marker{display:none}.viz-swatch-filters__summary:after{border-bottom:2px solid #000000;border-right:2px solid #000000;content:"";height:8px;margin-left:12px;transform:rotate(45deg);width:8px}.viz-swatch-filters__dropdown[open] .viz-swatch-filters__summary:after{transform:rotate(225deg)}.viz-swatch-filters__checkboxes{display:grid;gap:0;margin-top:8px}.viz-swatch-filters__checkbox{align-items:flex-start;color:var(--viz-text);cursor:pointer;display:flex;font-size:16px;gap:5px;line-height:1.5}.viz-swatch-filters__checkbox input{flex:0 0 auto;margin-top:2px}.viz-swatch-filters__checkbox input:focus,.viz-swatch-filters__checkbox input:focus-visible{outline:0}.viz-swatch-card{min-width:0;text-align:center}.viz-swatch-card__image-wrap{-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1 / 1;background:var(--viz-soft);border:0;border-radius:0;cursor:pointer;display:block;font:inherit;overflow:hidden;padding:0;position:relative;text-align:inherit;width:100%}.viz-swatch-card__image-wrap:disabled{cursor:default}.viz-swatch-card__image,.viz-swatch-card__fallback{display:block;height:100%;object-fit:cover;width:100%}.viz-swatch-card__fallback{background:linear-gradient(135deg,#2563eb29,#14b8a629),repeating-linear-gradient(45deg,#eef2f7 0,#eef2f7 10px,#fff 10px,#fff 20px)}.viz-swatch-card__overlay{align-items:flex-end;background:transparent;color:#fff;display:flex;top:0;right:0;bottom:0;left:0;opacity:0;padding:0;position:absolute;transition:opacity .16s ease}.viz-swatch-card:hover .viz-swatch-card__overlay,.viz-swatch-card:focus-within .viz-swatch-card__overlay{opacity:1}.viz-swatch-card__overlay span{background-color:#00000080;display:block;font-size:16px;font-weight:400;line-height:1.4;padding:0 7px;text-align:center;width:100%}.viz-swatch-card__compare{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:#000;cursor:pointer;display:inline-block;font:inherit;margin-top:8px;padding:0;text-align:center}.viz-swatch-card__compare:hover{text-decoration:underline}.viz-swatch-card__compare:disabled{cursor:default;opacity:.48}.viz-swatch-compare-bar{background:#d3d3d3;display:grid;gap:12px;margin-bottom:20px;margin-top:0;min-height:136px;padding:25px;position:sticky;top:0;z-index:99}.viz-swatch-compare-bar__items{display:grid;gap:8px;grid-template-columns:repeat(8,minmax(0,1fr));padding-right:112px;width:100%}.viz-swatch-compare-bar__item{aspect-ratio:1 / 1;background:#f3f4f6;cursor:grab;min-height:0;min-width:0;position:relative;width:100%}.viz-swatch-compare-bar__item:active{cursor:grabbing}.viz-swatch-compare-bar__image,.viz-swatch-compare-bar__fallback{display:block;height:100%;object-fit:cover;width:100%}.viz-swatch-compare-bar__fallback,.viz-swatch-compare-lightbox__fallback{background:linear-gradient(135deg,#2563eb29,#14b8a629),repeating-linear-gradient(45deg,#eef2f7 0,#eef2f7 10px,#fff 10px,#fff 20px)}.viz-swatch-compare-bar__remove,.viz-swatch-compare-lightbox__remove{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:0;border-radius:50%;color:#000;cursor:pointer;display:flex;font:inherit;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:10px;top:10px;width:24px}.viz-swatch-compare-bar__actions{align-items:center;bottom:0;display:inline-flex;gap:14px;position:absolute;right:12px}.viz-swatch-filters__clear,.viz-swatch-compare-bar__clear,.viz-swatch-compare-bar__enlarge{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:transparent;color:#000;cursor:pointer;display:inline-flex;font:inherit;font-size:13px;gap:6px;justify-content:center;padding:0}.viz-swatch-filters__clear,.viz-swatch-compare-bar__clear{color:red}.viz-swatch-filters__clear{justify-self:start;margin-top:10px}.viz-swatch-filters__clear:focus,.viz-swatch-filters__clear:focus-visible,.viz-swatch-compare-bar__clear:focus,.viz-swatch-compare-bar__clear:focus-visible,.viz-swatch-compare-bar__enlarge:focus,.viz-swatch-compare-bar__enlarge:focus-visible{outline:0}.viz-swatch-lightbox{align-items:center;background:#000000b3;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:64px 24px;position:fixed;z-index:9999}.viz-swatch-lightbox__close{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:2px solid #000000;border-radius:50px;color:#000;cursor:pointer;display:flex;font:inherit;font-size:20px;height:30px;justify-content:center;line-height:1;padding:0;position:fixed;right:24px;top:24px;width:30px}.viz-swatch-lightbox__image{display:block;height:auto;max-height:700px;max-width:min(800px,50vw);min-width:min(800px,50vw);object-fit:contain;width:auto}.viz-swatch-lightbox--compare{align-items:stretch;overflow-y:auto}.viz-swatch-compare-lightbox__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:auto;max-width:min(1100px,90vw);width:100%}.viz-swatch-compare-lightbox__item{aspect-ratio:1 / 1;background:#f3f4f6;min-width:0;position:relative}.viz-swatch-compare-lightbox__image,.viz-swatch-compare-lightbox__fallback{display:block;height:100%;object-fit:cover;width:100%}.viz-swatch-spinner{align-items:center;display:flex;justify-content:center}.swatch-loader{--c: no-repeat linear-gradient(#000 0 0);animation:l1 1s infinite linear;aspect-ratio:1;background:var(--c) 0% 50%,var(--c) 50% 50%,var(--c) 100% 50%;background-size:20% 100%;width:45px}.viz-swatch-spinner--small .swatch-loader{width:45px}@keyframes l1{0%{background-size:20% 100%,20% 100%,20% 100%}33%{background-size:20% 10%,20% 100%,20% 100%}50%{background-size:20% 100%,20% 10%,20% 100%}66%{background-size:20% 100%,20% 100%,20% 10%}to{background-size:20% 100%,20% 100%,20% 100%}}@media(max-width:1040px){.viz-swatch-gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.viz-swatch-compare-bar__items{gap:6px;grid-template-columns:repeat(4,minmax(0,1fr));padding-right:0}}@media(max-width:760px){.viz-swatch-gallery{grid-template-columns:1fr}.viz-swatch-gallery__filters{position:sticky;top:0}.viz-swatch-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.viz-swatch-compare-bar{min-height:116px;padding:12px}.viz-swatch-compare-bar__enlarge{justify-self:end;position:static}.viz-swatch-compare-lightbox__grid{max-width:100%}.viz-swatch-lightbox__image{max-height:70vh;max-width:min(500px,88vw);min-width:min(500px,88vw)}}@media(max-width:480px){.viz-swatch-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}