.swatch-families{display:block}.swatch-family{margin:0 0 1.6rem}.swatch-family__name{margin:0;font-weight:600;font-size:1.4rem;letter-spacing:.04rem}.swatch-family__descriptor{margin:.2rem 0 .8rem;color:rgba(var(--color-foreground),.75);white-space:normal;overflow-wrap:anywhere}.swatch-family__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:1rem}.swatch-tile{position:relative;display:flex;flex-direction:column;gap:.4rem;min-width:0}.swatch-tile .swatch-input__input{position:absolute;opacity:0;width:1px;height:1px}.swatch-tile__label{display:flex;flex-direction:column;gap:.4rem;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.swatch-tile__chip{display:block;aspect-ratio:1 / 1;width:100%;background:var(--swatch--background, rgba(var(--color-foreground), .08)) center / cover no-repeat;border-radius:var(--variant-pills-radius, .4rem);box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.15);transition:box-shadow var(--duration-short, .1s) ease}.swatch-tile__label:hover .swatch-tile__chip{box-shadow:0 0 0 .2rem rgba(var(--color-foreground),.4)}.swatch-tile .swatch-input__input:checked+.swatch-tile__label .swatch-tile__chip{box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .4rem rgb(var(--color-foreground))}.swatch-tile .swatch-input__input:focus-visible+.swatch-tile__label .swatch-tile__chip{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.5rem}.swatch-tile .visually-disabled+.swatch-tile__label .swatch-tile__chip{opacity:.4}.swatch-tile__name{font-size:1.3rem;line-height:1.3;overflow-wrap:anywhere}.swatch-tile__descriptor{display:block;margin-top:-.2rem;font-size:1.15rem;line-height:1.3;color:rgba(var(--color-foreground),.75);white-space:normal;overflow-wrap:anywhere}.swatch-tile__zoom{position:absolute;top:.4rem;right:.4rem;width:3.2rem;height:3.2rem;padding:.7rem;border:0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-background),.85);color:rgb(var(--color-foreground))}.swatch-tile__zoom .svg-wrapper,.swatch-tile__zoom svg{width:1.6rem;height:1.6rem}.swatch-tile__projects{font-size:1.2rem;line-height:1.35;overflow-wrap:anywhere}.swatch-tile__projects[hidden]{display:none}.swatch-modal{border:0;padding:0;max-width:min(110rem,92vw);width:100%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:var(--popup-corner-radius, 0);box-shadow:0 1rem 4rem #0000004d}.swatch-modal::backdrop{background:rgba(var(--color-foreground),.6)}.swatch-modal__inner{padding:2.4rem}.swatch-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.6rem;margin-bottom:1.6rem}.swatch-modal__title{margin:0}.swatch-modal__family{margin:.2rem 0 0}.swatch-modal__close{flex:none;width:4.4rem;height:4.4rem;border:0;background:none;color:inherit;cursor:pointer;padding:1.2rem}.swatch-modal__close svg{width:100%;height:100%}.swatch-modal__body{display:grid;grid-template-columns:minmax(0,1fr);gap:2.4rem;max-width:min(60rem,calc(100vh - 24rem));max-width:min(60rem,calc(100dvh - 24rem));margin:0 auto}.swatch-modal--with-projects .swatch-modal__body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:none}.swatch-modal__figure{margin:0}.swatch-modal__figure img,.swatch-modal__placeholder{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;background:rgba(var(--color-foreground),.06)}.swatch-modal__placeholder{display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;box-sizing:border-box}.swatch-modal__figure figcaption{margin-top:.6rem}@media screen and (min-width:750px){.swatch-modal:not(.swatch-modal--with-projects){width:fit-content}.swatch-modal:not(.swatch-modal--with-projects) .swatch-modal__body{width:min(60rem,calc(100vh - 24rem));width:min(60rem,calc(100dvh - 24rem))}}.swatch-modal__projects{min-width:0;display:flex;flex-direction:column}.swatch-modal__projects-title{margin:0 0 .8rem}.swatch-modal__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;list-style:none;margin:0;padding:0;align-content:start}@media screen and (min-width:750px){.swatch-modal__grid{max-height:min(56rem,70vh);overflow-y:auto;overscroll-behavior:contain;padding-right:.2rem}}.swatch-modal__all{align-self:flex-start;margin-top:1.2rem}.swatch-photo-note{margin:.8rem 0 0;color:rgba(var(--color-foreground),.75)}.swatch-modal__thumb{display:block;width:100%;padding:0;border:0;background:rgba(var(--color-foreground),.06);aspect-ratio:1 / 1;overflow:hidden;cursor:zoom-in;border-radius:var(--media-radius, 0)}.swatch-modal__thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}@media(hover:hover){.swatch-modal__thumb:hover img{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.swatch-modal__thumb img{transition:none}.swatch-modal__thumb:hover img{transform:none}}.swatch-modal__thumb:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.6);outline-offset:.2rem}@media screen and (max-width:749px){.swatch-modal{max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;margin:0;border-radius:0}.swatch-modal__inner{padding:1.6rem;height:100%;box-sizing:border-box;overflow-y:auto}.swatch-modal__body{max-width:none}.swatch-modal--with-projects .swatch-modal__body{grid-template-columns:minmax(0,1fr)}.swatch-modal__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}html.swatch-gallery-open{overflow:hidden}.swatch-gallery-modal{border:0;padding:0;width:min(110rem,92vw);max-width:92vw;max-height:90dvh;overflow-y:auto;overscroll-behavior:contain;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:var(--popup-corner-radius, 0);box-shadow:0 1rem 4rem #0000004d}.swatch-gallery-modal::backdrop{background:rgba(var(--color-foreground),.6)}.swatch-gallery-modal__bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:.4rem .4rem .4rem 2.4rem;background:rgb(var(--color-background));border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.swatch-gallery-modal__title{margin:0}.swatch-gallery-modal__body{padding:2rem 2.4rem 2.8rem}@media screen and (max-width:749px){.swatch-gallery-modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.swatch-gallery-modal__bar{padding-left:1.6rem}.swatch-gallery-modal__body{padding:1.6rem 1.6rem 2.4rem}}.project-gallery__filters{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.6rem 0 2.4rem}.project-gallery__filters[hidden]{display:none}.project-gallery__filter[aria-pressed=true]{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.project-gallery__grid{display:grid;grid-template-columns:repeat(var(--pg-columns, 3),1fr);gap:1.2rem;list-style:none;padding:0;margin:0}@media screen and (max-width:749px){.project-gallery__grid{grid-template-columns:repeat(2,1fr)}}.project-gallery__item[hidden]{display:none}.project-gallery__item figure{margin:0}.project-gallery__item img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.project-gallery__item figcaption{margin-top:.6rem}.project-gallery__empty{padding:3rem 0;text-align:center}.swatch-tiles--small{--swatch-tile-min: 8rem;--swatch-texture-min: 13rem}.swatch-tiles--medium{--swatch-tile-min: 10.5rem;--swatch-texture-min: 16rem}.swatch-tiles--large{--swatch-tile-min: 14rem;--swatch-texture-min: 20rem}.swatch-tiles--square{--swatch-tile-radius: 0}.swatch-tiles--rounded{--swatch-tile-radius: 1rem}.swatch-tiles--circle{--swatch-tile-radius: 50%}.swatch-family__grid{grid-template-columns:repeat(auto-fill,minmax(min(var(--swatch-tile-min, 10.5rem),100%),1fr))}.swatch-tile__chip{border-radius:var(--swatch-tile-radius, var(--variant-pills-radius, .4rem))}.swatch-tile[hidden]{display:none}.swatch-tile .swatch-input__input:disabled+.swatch-tile__label{cursor:default}.swatch-texture-picker{display:block;max-width:100%;min-width:0}.swatch-step,.swatch-step.product-form__input--swatch{display:block;min-width:0;max-width:100%}.swatch-step__legend{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem 1rem}.swatch-step__label{font-weight:600}.swatch-step__current{color:rgba(var(--color-foreground),.75)}.swatch-step__hint{margin:0 0 .8rem;color:rgba(var(--color-foreground),.75)}.swatch-step__hint:empty{display:none}.swatch-texture-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--swatch-texture-min, 16rem),100%),1fr));gap:.8rem}.swatch-texture-tile{position:relative;display:flex;flex-direction:column;gap:.4rem;min-width:0}.swatch-texture-tile .swatch-input__input{position:absolute;opacity:0;width:1px;height:1px}.swatch-texture-tile__label{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;cursor:pointer;height:100%;box-sizing:border-box;border-radius:var(--variant-pills-radius, .4rem);box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.2);transition:box-shadow var(--duration-short, .1s) ease}.swatch-tiles--square .swatch-texture-tile__label{border-radius:0}.swatch-tiles--rounded .swatch-texture-tile__label,.swatch-tiles--circle .swatch-texture-tile__label{border-radius:1rem}.swatch-texture-tile__label:hover{box-shadow:0 0 0 .2rem rgba(var(--color-foreground),.45)}.swatch-texture-tile .swatch-input__input:checked+.swatch-texture-tile__label{box-shadow:0 0 0 .2rem rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}.swatch-texture-tile .swatch-input__input:focus-visible+.swatch-texture-tile__label{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.swatch-texture-tile .visually-disabled+.swatch-texture-tile__label{opacity:.55}.swatch-texture-tile__chip{flex:none;width:4.4rem;height:4.4rem;border-radius:var(--swatch-tile-radius, .4rem);background:var(--swatch--background) center / cover no-repeat;box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.15)}.swatch-tiles--small .swatch-texture-tile__chip{width:3.2rem;height:3.2rem}.swatch-tiles--large .swatch-texture-tile__chip{width:5.6rem;height:5.6rem}.swatch-texture-tile__text{display:flex;flex-direction:column;min-width:0}.swatch-texture-tile__name{font-weight:600;font-size:1.4rem;line-height:1.3;overflow-wrap:anywhere}.swatch-texture-tile__descriptor{margin-top:.2rem;line-height:1.35;color:rgba(var(--color-foreground),.75);white-space:normal;overflow-wrap:anywhere}.swatch-texture-tile .swatch-tile__projects{padding-left:.2rem}.project-gallery__item{border-radius:.2rem;transition:box-shadow .3s ease}.project-gallery__item.is-highlighted{box-shadow:0 0 0 .3rem rgb(var(--color-foreground));animation:swatch-pg-pulse .9s ease 2}@keyframes swatch-pg-pulse{50%{box-shadow:0 0 0 .6rem rgba(var(--color-foreground),.35)}}@media(prefers-reduced-motion:reduce){.project-gallery__item.is-highlighted{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-swatch-families.css.map */