/* The checkerboard represents a clear finish, rather than a solid colour. */
.swatch[data-kind="incolores"] .color-tile,.paint-sample.clear{background-color:#e0e5e9;background-image:conic-gradient(#c4ccd2 25%,#e9edf0 0 50%,#c4ccd2 0 75%,#e9edf0 0);background-size:20px 20px}
.swatch[data-kind="incolores"] .color-tile{position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #65738230}
.swatch[data-kind="incolores"] .color-tile:after{content:'';position:absolute;inset:0;pointer-events:none}
.swatch[data-kind="incolores"][data-finish="brilhante"] .color-tile:after{background:linear-gradient(120deg,transparent 20%,#ffffffdd 37%,#ffffff20 52%,transparent 65%)}
.swatch[data-kind="incolores"][data-finish="fosco"] .color-tile:after{background:#e4e9ed80}
.swatch[data-kind="incolores"] .tile-check{z-index:2}
.paint-sample.clear{color:#17212a;background-size:32px 32px}
.paint-sample.clear .sample-label,.paint-sample.clear>span:first-child,.paint-sample.clear .sample-index{z-index:2}
.paint-sample.clear:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0}
.paint-sample.clear.glossy:after{background:linear-gradient(120deg,transparent 14%,#ffffffd9 35%,#ffffff24 51%,transparent 70%)}
.paint-sample.clear.matte:after{background:linear-gradient(130deg,#eef2f4c9,#dde5e999)}
.paint-sample.clear .sample-sheen{opacity:0}
.paint-sample.clear .sample-label strong{font-size:clamp(27px,2.2vw,36px)}
.color-family[data-family="incolores"] .swatches{grid-template-columns:repeat(6,minmax(0,1fr))}
.color-filters{flex-wrap:wrap;gap:18px 24px}
@media(max-width:1150px){.color-filters{gap:17px 19px}}
@media(max-width:850px){.color-family[data-family="incolores"] .swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.color-filters{gap:15px}}
@media(max-width:700px){.color-filters{flex-wrap:wrap;justify-content:flex-start;gap:18px 24px;row-gap:18px}.paint-sample.clear .sample-label strong{font-size:34px}.color-filter.active:after{bottom:-8px}}
@media(max-width:390px){.color-filters{gap:16px 20px}.paint-sample.clear .sample-label strong{font-size:30px}}