.Paints-module__lfIkYa__paint__card{border:1px solid #000;width:-webkit-fill-available;width:-moz-available;width:stretch;padding:8px;position:relative}.Paints-module__lfIkYa__paint__card>img{width:100%;height:auto}.Paints-module__lfIkYa__paint__name{text-transform:uppercase}.Paints-module__lfIkYa__jp_name{font-size:.85rem}.Paints-module__lfIkYa__paint__properties{align-items:center;gap:8px;padding-top:8px;font-size:14px;display:flex}.Paints-module__lfIkYa__paint__box{border:1px solid #000;padding:4px}.Paints-module__lfIkYa__pigments>span{margin-left:1ch}.Paints-module__lfIkYa__series{margin-left:auto}.Paints-module__lfIkYa__seriesBox{border:1px solid #000;align-items:center;gap:4px;padding:2px 1px;font-size:18px}.Paints-module__lfIkYa__paints__gallery{grid-template-columns:repeat(auto-fill,minmax(39ch,1fr));gap:18px;display:grid}.Paints-module__lfIkYa__paints__filter{border:1px solid #000;flex-wrap:wrap;gap:12px;width:-webkit-fill-available;width:-moz-available;width:stretch;margin-bottom:18px;padding:8px 12px;display:flex}.Paints-module__lfIkYa__paints__filter__group{align-items:center;gap:8px;display:flex;position:relative}.Paints-module__lfIkYa__paint__codes{align-items:center;display:flex}.Paints-module__lfIkYa__stockDot{background-color:#22c55e;border-radius:50%;width:8px;height:8px;margin-left:auto;animation:2s ease-in-out infinite Paints-module__lfIkYa__breathe;display:inline-block}.Paints-module__lfIkYa__stockSizes{color:#fff;letter-spacing:.02em;text-shadow:1px 1px 1px #0009,-1px -1px 1px #0009,1px -1px 1px #0009,-1px 1px 1px #0009;font-size:.85em;font-weight:400;position:absolute;top:16px;right:16px}@keyframes Paints-module__lfIkYa__breathe{0%{opacity:.6;transform:scale(.85);box-shadow:0 0 #22c55e99}50%{opacity:1;transform:scale(1);box-shadow:0 0 0 6px #22c55e00}to{opacity:.6;transform:scale(.85);box-shadow:0 0 #22c55e00}}.Paints-module__lfIkYa__dropdown__btn{cursor:pointer;width:100%;background-color:#ddd!important}.Paints-module__lfIkYa__dropdown__menu{z-index:10;border:1px solid #ccc;border-radius:4px;flex-direction:column;min-width:20ch;margin-top:4px;display:flex;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 2px 8px #0000001a}.Paints-module__lfIkYa__dropdown__menu button{padding-top:4px;padding-bottom:4px}.Paints-module__lfIkYa__star{cursor:pointer;background:0 0;border:none}.Paints-module__lfIkYa__star:hover{color:#00f}.Paints-module__lfIkYa__star__active{text-shadow:0 1px 0 var(--hb-red);color:var(--hb-red)}.Paints-module__lfIkYa__op__btn{cursor:pointer;background:0 0;border:none}.Paints-module__lfIkYa__op__btn__active{text-shadow:0 1px #000}.Paints-module__lfIkYa__filter__btn{cursor:pointer;background-color:#fff;border:1px solid #000;height:100%;padding:2px 8px;transition:background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .1s ease-in-out,border .1s ease-in-out}.Paints-module__lfIkYa__filter__btn:hover,.Paints-module__lfIkYa__search__bar:focus{box-shadow:0 0 0 1px var(--hb-red);border:1px solid var(--hb-red);outline:none}.Paints-module__lfIkYa__clear__btn{color:#fff;background-color:var(--hb-red)}.Paints-module__lfIkYa__search__bar{box-sizing:border-box;height:100%;padding:2px 8px}.Paints-module__lfIkYa__filter__strike{text-decoration:line-through}.Paints-module__lfIkYa__filter__selected{background-color:var(--hb-red);color:#fff}.Paints-module__lfIkYa__paint__pigments{flex-direction:row;justify-content:flex-end;gap:8px;display:flex}
:root{--hb-red:#cd1b2f;--hb-grey:#727272}header{color:var(--hb-grey);margin-bottom:12px}p{margin:5px 0}
.paints__subtitle{gap:24px;display:flex}.offlineBanner{color:#fff;text-align:center;z-index:1000;border-bottom:2px solid #ffca2c;width:100%;padding:10px 16px;font-size:.85rem;font-weight:600;position:sticky;top:0}h1,h3{margin:0}h1{font-size:3rem}h3{font-size:1.25rem}.paints-page{padding:15px}