.paint-finder{display:grid}@media only screen and (min-width:769px){.paint-finder{grid-template-columns:minmax(0,4fr) minmax(0,3fr)}}.paint-selector-container{padding:5px;max-width:100%;overflow:hidden}.paint-container{white-space:nowrap;overflow-x:scroll;display:grid;grid-template-rows:repeat(5,50px);grid-gap:3px;grid-auto-flow:column;grid-auto-columns:50px 50px;padding:15px 3px 10px}.paint-container .color-swatch{display:inline-block;padding:2px;height:50px;min-width:50px;border-radius:3px;cursor:pointer;position:relative;transition:all .15s ease-out}.paint-container .color-swatch .color-swatch-label{pointer-events:none;position:absolute;left:50%;transform:translate(-50%);background:#000;color:#fff;top:-50%;z-index:100;transition:all .25s;opacity:0;padding:5px 10px 3px;line-height:1;border-radius:5px;display:flex;justify-content:center;align-items:center;font-size:14px}.paint-container .color-swatch .color-swatch-label:after{content:"";position:absolute;left:50%;transform:translate(-50%) translatey(-50%) rotate(45deg);background:linear-gradient(-45deg,black 50%,transparent 55%);bottom:-10px;transition:all .25s;border-bottom-right-radius:1px;width:10px;height:10px}.paint-container .color-swatch:hover .color-swatch-label{opacity:1}.paint-container .color-swatch:hover{box-shadow:inset 0 0 0 2px #fffc,0 0 7px #00000073;-webkit-transform:scale(1.2,1.2);transform:scale(1.2);border-radius:5px;z-index:2}.paint-container .color-swatch.dampen-opacity{opacity:.2;transform:none;-webkit-transform:none;box-shadow:none}.paint-container .color-swatch.dampen-opacity .color-swatch-label{display:none}.paint-container .color-swatch.selected{border:1px solid #000}.paint-container .color-swatch.selected.invert-ui:after{-webkit-filter:invert(100%);filter:invert(100%)}.paint-container .color-swatch.selected:after{content:"";position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%;height:14px;width:14px;background-image:url(https://m.media-amazon.com/images/G/01/hix/test/check-circle-solid.svg)}@media only screen and (max-width:768px){.paint-container{white-space:nowrap;overflow-x:scroll;display:grid;grid-template-rows:repeat(5,50px);grid-gap:3px;grid-auto-flow:column;grid-auto-columns:50px 50px;padding-left:3px;padding-right:3px;padding-top:15px}}.image-container{position:relative;height:65vh}.image-container .image{position:absolute;height:100%;width:100%;display:block;object-fit:contain}.image-container .image .background-container{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;display:flex}.image-container .image .background-container .selected-color{width:100%}.image-container .image .paint-image{display:flex;pointer-events:none;min-height:100%;min-width:100%;overflow:hidden;position:absolute;transition:opacity .3s ease-in-out}.image-container .image .paint-image.hide-image{opacity:0}.image-container .image .paint-image img{height:100%;min-width:100%;object-fit:cover;object-position:bottom;bottom:0;position:absolute;max-width:unset;left:50%;width:auto;transform:translate(-50%)}@media only screen and (min-width:769px){.image-container{display:inline-block;grid-column:1;-ms-grid-column:1;border-bottom:4px solid #d5dbdb;border-right:4px solid #d5dbdb;height:65vh}}.image-selector{display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);gap:10px}.image-selector__alternative{background:#f7f7f7;padding:5px 10px;border-radius:15px;box-shadow:inset 0 0 6px #fff;display:flex;align-items:center;line-height:1;cursor:pointer;white-space:nowrap;font-size:14px;font-weight:400;transition:all .1s cubic-bezier(.42,0,.1,.99)}.image-selector__alternative:hover{box-shadow:inset 0 0 23px #fff;transform:scale(1.05)}.image-selector__alternative-text,.image-selector__icon{opacity:.8;pointer-events:none}.image-selector__icon{display:inline-block;margin-inline-end:8px;height:14px;width:fit-content}.image-selector__icon img{height:100%;width:auto}.brand-filter select{padding:6px 22px;border:none;border-radius:5px;background:#e9e3e3;cursor:pointer}.color-filter{display:flex;gap:20px;font-size:13px;color:#3d3d3d;width:100%;overflow:scroll;font-weight:600;padding-bottom:6px;overflow-x:hidden;overflow-y:auto}.color-filter-option{padding-top:10px;cursor:pointer;line-height:1}@media screen and (max-width:769px){.color-filter{gap:15px}}.selected-container{padding:10px;max-width:100%;overflow:hidden}.selected-container .variant-header{font-size:18px;font-weight:400;margin-bottom:10px}.variant-header .deselect-all{font-size:13px;color:#007185}.variant-header>span{margin-inline-start:5px}.variant-header .deselect-all:hover{text-decoration:underline;cursor:pointer;color:#c7511f}.variant-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));column-gap:40px;row-gap:25px}.color-selected,.color-variant{display:grid;grid-template-columns:1fr 3fr;column-gap:20px;padding:9px;border-radius:5px;position:relative;height:fit-content}.color-variant__remove-color{position:absolute;right:0;top:0;padding:7px;cursor:pointer;pointer-events:all}.color-variant__remove-color>svg{pointer-events:none}.color-variant__content{display:flex;flex-direction:column}@media only screen and (min-width:769px){.selected-container{grid-column:span 2;padding:40px}}.color-variant__image{width:120px;height:120px;max-width:unset;object-fit:contain;border-radius:8px}.color-variant__title{margin-top:0;margin-bottom:2px;margin-right:16px;font-weight:600;font-size:24px;color:#666363}.color-variant .color-variant__title{font-size:16px}.color-variant__color-code{font-size:16px;color:#666363;margin-bottom:8px;font-weight:400;letter-spacing:.5px}.color-variant__product-count{display:flex;gap:5px;font-size:13px;align-items:flex-end;margin-top:10px;font-weight:400;line-height:1}.color-variant__product-count>svg{width:16px;height:auto}.color-variant__show-products{cursor:pointer;line-height:1;font-size:15px;font-weight:400}.color-variant__show-products>svg{color:var(--paint-color);position:relative;top:4px;transition:all .1s ease-in-out;transform:rotate(0);margin-top:-4px;height:auto;width:17px}.color-variant__show-products[open]>svg{transform:rotate(90deg)}.color-variant__color{font-size:13px;opacity:.6}.color-variant__color:after{content:"";display:inline-block;border-radius:50%;width:1em;height:1em;border:1px solid rgba(0,0,0,.118);align-self:center;position:relative;top:2px;margin-inline-start:4px;background-color:var(--paint-color)}.color-variant__price{margin-top:5px}.color-variant__price_compare{opacity:.6;font-size:13px;margin-inline-start:4px;text-decoration:line-through}.color-variant__atc{display:block;width:100%;padding:8px;margin-top:auto;position:relative;overflow:hidden}.color-variant__atc.disabled,.color-variant__atc.loading{pointer-events:none}.color-variant__atc.loading:after,.color-variant__atc:before{content:"";position:absolute;opacity:0;transition:opacity .1s}.color-variant__atc.loading:before{width:100%;height:100%;background:buttonface;left:0;top:0;opacity:1}.color-variant__atc.loading:after{left:calc(50% - 12.5px);top:calc(50% - 12.5px);width:25px;height:25px;animation:spinner .6s linear infinite;border:2px solid #bcbcbc;border-radius:50%;border-top-color:#707070;opacity:70%}@keyframes spinner{to{transform:rotate(360deg)}}.color-selected a:has(.color-variant__image){display:flex}.color-selected .color-variant__image{background:var(--paint-color)}.color-selected{border:solid 2px #eaeded}.pixel-notice{font-size:10px;color:#a9a9a9;margin-bottom:-14px;display:block}
/*# sourceMappingURL=/cdn/shop/t/197/assets/paint-finder.css.map */