.acs{margin-top:35px}@media (max-width:767px){.acs{margin-top:30px}}.acs h2{font-size:2rem;padding-bottom:2rem}@media (max-width:767px){.acs h2{font-size:var(--mz-20);padding-bottom:var(--mz-30)}}.acs{scroll-margin-top:250px}@media (max-width:1170px){.acs{scroll-margin-top:190px}}@media (max-width:768px){.acs{scroll-margin-top:180px}}.acs#seeInMyRoom{scroll-margin-top:230px}body.scrolling .acs{scroll-margin-top:220px}@media (max-width:1170px){body.scrolling .acs{scroll-margin-top:140px}}body.scrolling .acs#seeInMyRoom{scroll-margin-top:250px}.header-tps{margin-top:35px}.header-tps .logo{max-width:28.5%;margin:35px auto}@media (max-width:767px){.header-tps .logo{max-width:100%;margin-inline:1rem}}.header-tps .logo:has(+.sticky){margin-bottom:135px}.header-tps .nav{position:relative;border-bottom:1px solid #DDDDDD;background-color:rgba(255,255,255,0.94);z-index:9;backdrop-filter:blur(5px);width:100vw;left:calc(-1 * (100vw - 100%) / 2)}.header-tps .nav.sticky{position:fixed;border-top:1px solid #DDDDDD;z-index:9;transform:translateY(-1px);width:100%}@media (max-width:1170px){.header-tps .nav.sticky{top:75px}}@media (min-width:1171px){.header-tps .nav.sticky{top:155px}}.header-tps .nav ul{list-style-type:none;display:flex;grid-template-columns:repeat(8,minmax(0,1fr));justify-content:center;font-size:1rem;margin:auto;margin-bottom:-1px;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;container-type:inline-size}@media (max-width:767px){.header-tps .nav ul{max-width:unset;justify-content:flex-start;padding:0}}@media (min-width:768px){.header-tps .nav ul{justify-content:flex-start;padding:0}}@media (min-width:1024px){.header-tps .nav ul{max-width:1520px;justify-content:center}}.header-tps .nav ul li{padding:0 1rem;box-sizing:border-box}@media (min-width:768px){.header-tps .nav ul li{font-size:clamp(0.875rem,0.8333333333vw,1rem);font-size:clamp(0.875rem,1.0526315789cqw,1rem)}}.header-tps .nav ul li a{position:relative;display:inline-flex;flex-direction:column;align-items:center;white-space:nowrap;padding:calc(1rem - 4px) 0;box-sizing:border-box;border-bottom:4px solid transparent}.header-tps .nav ul li a:after{content:attr(data-text);font-weight:800;opacity:0;visibility:hidden;height:0;-webkit-user-select:none;user-select:none;pointer-events:none}@media speech{.header-tps .nav ul li a:after{display:none}}@media (hover:hover) and (pointer:fine){.header-tps .nav ul li a:hover{border-bottom:4px solid #d40029;font-weight:800}}.colorsHeader{display:grid;grid-template-columns:1fr 1fr 1fr auto;grid-template-rows:auto auto;gap:2rem 1rem;grid-template-areas:"brands . search search" "colors colors colors palettes"}@media (max-width:767px){.colorsHeader{margin-inline:1rem;grid-template-rows:repeat(4,auto);grid-template-columns:1fr;gap:1.5rem;grid-template-areas:"search" "brands" "palettes" "colors"}}.colorsHeader .allColorsSearch{grid-area:search}.colorsHeader .nav-tabs.brands{grid-area:brands}.colorsHeader .tpsDropDown{grid-area:palettes}.colorsHeader .colorGroupSelectorWrapper{grid-area:colors}.colorsPage{font-family:Roboto,sans-serif}.colorsPage svg:not(:root){overflow:hidden}.colorsPage .nav{margin-bottom:0;padding-left:0;list-style:none}.colorsPage .nav>li{position:relative;display:block}.colorsPage .nav-tabs{margin:0;font-size:0}.colorsPage .nav-tabs>li{display:inline-block;cursor:pointer}.colorsPage .allColorsSearch{color:#000;position:relative;place-self:end;width:100%}.colorsPage .allColorsSearch .colorSearchContainer{display:flex;justify-content:flex-end;gap:8%;position:relative}.colorsPage .allColorsSearch .colorSearchContainer .content{font-size:clamp(12px,1.04vw,20px)}.colorsPage .allColorsSearch .colorSearchContainer .content .headline{font-size:clamp(18px,1.3vw,25px);font-weight:700}.colorsPage .allColorsSearch .inputContainer{display:inline-block;max-width:386px;width:100%;position:relative;border:1px solid #7e7e7e;border-radius:4px;overflow:clip}@media (max-width:767px){.colorsPage .allColorsSearch .inputContainer{max-width:unset}}.colorsPage .allColorsSearch .inputContainer input{width:100%;height:48px;border:none;background-color:#fff;padding:0 60px 0 15px;font-size:15px;color:#333;margin:0}.colorsPage .allColorsSearch .inputContainer button{position:absolute;right:0;top:0;height:100%;width:48px;border:none;color:rgba(0,0,0,0);padding:0;background-color:#f7f7f7;background-image:url(https://cdn-tp3.mozu.com/24645-m1/cms/files/251010-tps-search.svg);background-repeat:no-repeat;background-size:23px;background-position:center}.colorsPage .allColorsSearch input[type=text]::placeholder{opacity:1;color:#5f5f5f}.colorsPage .nav-tabs.brands{border:1px solid #B1B1B1;border-radius:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:0.5rem;width:100%;padding:0.5rem 0.25rem}.colorsPage .nav-tabs.brands>li.active,.colorsPage .nav-tabs.brands>li:hover{background-color:#E1E1E1;border-radius:8px}.colorsPage .nav-tabs.brands>li>button{line-height:1;text-transform:uppercase;font-size:16px;padding:5px 12% 5px!important;text-align:center;width:100%;height:100%;place-content:center;background:none;border:0}.colorsPage .nav-tabs.brands>li>button img{max-width:100%;height:auto}.colorsPage .gridCollectionWrap{padding-bottom:20px;clear:both}@media (max-width:767px){.colorsPage .gridCollectionWrap{margin:0 20px}}.colorsPage .gridCollectionWrap.loading:after{content:"";display:block;position:absolute;inset:0;background-image:url("https://cdn-tp3.mozu.com/24645-m1/cms/files/251023-tps-loading.png");background-size:7%;background-repeat:no-repeat;background-position:center;animation:rotation 1s infinite linear;z-index:1}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@media (max-width:767px){.colorsPage .gridCollectionWrap.loading:after{z-index:11;position:fixed}}.colorsPage .gridCollectionWrap.loading:before{content:"";position:absolute;inset:0;background-color:#FFF;opacity:0.75;z-index:1}.colorsPage #gridCollection{margin:0 auto;padding:0 0 40px}.colorsPage #gridCollection h2{text-align:left;font-weight:400;padding-left:3%;display:inline-block;margin:0 0 10px 0;font-size:34px}.colorsPage #gridCollection .items{margin:0 auto;text-align:left}.colorsPage #gridCollection .item{margin:2px;width:calc((100% - 16px) / 4);background-color:#999;cursor:pointer;display:inline-block;box-sizing:border-box;color:#000;font-weight:400;font-size:9px;line-height:1.1;z-index:0;position:relative;vertical-align:top;text-align:left;overflow:hidden;border:0;aspect-ratio:1/1}.colorsPage #gridCollection .item .arrow{display:none;width:45%;height:auto;margin:0 auto;left:0;right:0;transform:translateY(-50%) rotate(90deg);position:absolute;transition:all 0.3s;top:50%}.colorsPage #gridCollection .item .heading{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;display:inline-block;opacity:0;transition:all 0.2s;position:absolute;top:20px;left:5px}.colorsPage #gridCollection .item .heading .itemBrand{text-transform:uppercase;font-weight:800;font-size:67%;line-height:1;margin-bottom:2px}@media (hover:hover){.colorsPage #gridCollection .item:focus-visible,.colorsPage #gridCollection .item:hover{transform:matrix(1.45,0,0,1.45,0,0);z-index:1}.colorsPage #gridCollection .item:focus-visible .heading,.colorsPage #gridCollection .item:hover .heading{opacity:1;top:5px;left:5px}.colorsPage #gridCollection .item:focus-visible .arrow,.colorsPage #gridCollection .item:hover .arrow{top:-40%}}body.showColorChipNames #gridCollection .item .heading{top:5px;opacity:1}body.showColorChipNames #gridCollection .item .arrow{opacity:0.4}.colorsPage #gridCollection .item.selected .arrow{display:block}.colorsPage #gridCollection .itemView{background-color:#F1F1F1;display:block;float:left;height:370px;position:relative;margin:2px;width:calc(100% - 4px)}.colorsPage #gridCollection .itemView>a{display:block;position:absolute;left:0;right:0;top:0;bottom:0}.colorsPage #gridCollection .itemView[data-item*="Benjamin Moore"] .imgWrapper.brand_benjaminmoore,.colorsPage #gridCollection .itemView[data-item*="Clark+Kensington"] .imgWrapper.brand_clarkkensington,.colorsPage #gridCollection .itemView[data-item*="Magnolia Home"] .imgWrapper.brand_magnoliahome{display:grid;grid-template-areas:"stack"}.colorsPage #gridCollection .itemView .infoBox{background-color:#FFFFFF;top:20px;left:20px;padding:20px 16px;position:absolute;width:260px;border-radius:10px}.colorsPage #gridCollection .itemView .infoBox .brand{font-size:1.25rem;font-weight:800;margin:0 0 10px;line-height:0.9}.colorsPage #gridCollection .itemView .infoBox .title{border-bottom:solid 1px #efefef;font-size:1rem;font-weight:400;line-height:1.1;padding-bottom:10px;margin:0 0 10px;position:relative}@media (max-width:767px){.colorsPage #gridCollection .itemView .infoBox .title{padding-bottom:14px;margin-bottom:14px}}.colorsPage #gridCollection .itemView .infoBox .btn_tps{width:100%;box-sizing:border-box;border:1px solid #CDCDCD;text-align:center;color:#333;background-color:#fff;font-size:0.875rem;padding:10px 12px;font-weight:400;line-height:1;border-radius:100px;transition:none}@media (max-width:767px){.colorsPage #gridCollection .itemView .infoBox .btn_tps{background:transparent}}.itemView[data-item*="Benjamin Moore"] .btn_tps.brand_benjaminmoore,.itemView[data-item*="Clark+Kensington"] .btn_tps.brand_clarkkensington,.itemView[data-item*="Magnolia Home"] .btn_tps.brand_magnoliahome{display:block!important}.colorsPage #gridCollection .itemView .infoBox .btn_tps:focus-visible,.colorsPage #gridCollection .itemView .infoBox .btn_tps:hover{outline:2px solid #333!important;border:1px solid #333;box-shadow:0 0 0 1px #333}.colorsPage #gridCollection .itemView .infoBox .btn_tps.selected{background-color:#333;color:#fff;border:1px solid #333}@media (max-width:768px){.colorsPage #gridCollection .itemView .infoBox .btn_tps{white-space:nowrap;width:max-content}}.colorsPage #gridCollection .itemView .infoBox .selectCompareBtns{position:relative}@media (min-width:768px){.colorsPage #gridCollection .itemView .infoBox .selectCompareBtns .btn_tps:first-child{margin-bottom:10px}}@media (max-width:767px){.colorsPage #gridCollection .itemView .infoBox .selectCompareBtns{display:flex;gap:10px;flex-wrap:wrap}.colorsPage #gridCollection .itemView .infoBox .selectCompareBtns .btn_tps{display:flex!important;align-items:center;justify-content:center}}.colorsPage #gridCollection .itemView .infoBox .viewInRoomBtns{padding-bottom:10px;margin-bottom:10px;border-bottom:solid 1px #efefef;line-height:1}.colorsPage #gridCollection .itemView .infoBox .viewInRoomBtns .btn_tps{display:none;scroll-snap-align:start;scroll-margin:52px}.colorsPage #gridCollection .itemView .infoBox .viewInRoomBtns .head{grid-area:1/3/2/1;font-weight:700;font-size:1rem;margin-bottom:10px}.colorsPage #gridCollection .itemView .infoBox .viewInRoomBtns .btnWrap{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:767px){.colorsPage #gridCollection .itemView .infoBox .viewInRoomBtns .btnWrap{position:relative;display:flex;justify-content:flex-start;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;gap:0.625rem;padding:2px;max-height:100%;overflow:auto;background:linear-gradient(to right,rgb(255,255,255) 0%,rgba(255,255,255,0) 100%) left center,linear-gradient(to right,rgba(255,255,255,0) 0%,rgb(255,255,255) 100%) right center,radial-gradient(farthest-side at 0% 50%,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%) left center,radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%) right center;background-repeat:no-repeat;background-size:40px 100%,40px 100%,15px 200%,15px 200%;background-attachment:local,local,scroll,scroll}}@media (max-width:767px){.colorsPage #gridCollection .itemView .infoBox .viewInRoomBtns{padding-bottom:14px;margin-bottom:14px}}@media (max-width:767px){.colorsPage #gridCollection .itemView .infoBox{position:static;width:100%;border-top-left-radius:0;border-top-right-radius:0;padding:20px}}.colorsPage #gridCollection .itemView .imgWrapper{width:clamp(330px,45%,462px);top:20px;left:calc(280px + min(3.3%, 50px));position:absolute;border-radius:10px;overflow:clip;aspect-ratio:462/329;display:none}.colorsPage #gridCollection .itemView .imgWrapper .roomImg{width:100%;height:100%;grid-area:stack;object-fit:cover;display:none}.colorsPage #gridCollection .itemView .imgWrapper .roomImg.selected{display:block}@media (max-width:767px){.colorsPage #gridCollection .itemView .imgWrapper{position:static;width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (max-width:767px){.colorsPage #gridCollection .itemView{padding:70px 10px 60px;height:auto}}.colorsPage #gridCollection .tpsDropDown{margin-top:5px;width:100%}@media (min-width:380px){.colorsPage #gridCollection .item{width:calc((100% - 24px) / 6)}}@media (min-width:550px){.colorsPage #gridCollection .item{width:calc((100% - 32px) / 8)}}@media (min-width:768px){.colorsPage #gridCollection .item{width:calc((100% - 40px) / 10)}}@media (min-width:992px){.colorsPage #gridCollection .item{width:calc((100% - 48px) / 12)}}@media (min-width:1200px){.colorsPage #gridCollection .item{width:calc((100% - 56px) / 14)}}@media (min-width:1500px){.colorsPage #gridCollection .item{width:calc((100% - 72px) / 18)}}.colorsPage #gridCollection .btn_tps-close{cursor:pointer;display:block;width:40px;height:40px;position:absolute;top:20px;right:20px;background:transparent;border:solid 2px currentColor;font-size:45px;line-height:0px;color:#fff;font-weight:400;padding:0;border-radius:100vw}.colorsPage #gridCollection .btn_tps-close:focus-visible,.colorsPage #gridCollection .btn_tps-close:hover{outline:2px solid currentColor!important;box-shadow:0 0 0 2px currentColor}.colorsPage .resultsAndRefinements{margin-block:2rem;transition:0.5s all;display:flex;justify-content:center;gap:1rem;scroll-margin-top:200px}@media (max-width:767px){.colorsPage .resultsAndRefinements{margin-inline:1rem;flex-wrap:wrap}}.colorsPage .resultsAndRefinements .tpsDropDown{display:flex;align-items:center;gap:0.625rem}.colorsPage .resultsAndRefinements .tpsDropDown>span{font-weight:800;color:rgba(18,18,18,0.66)}@media (max-width:767px){.colorsPage .resultsAndRefinements .tpsDropDown>span{display:none}}@media (max-width:767px){.colorsPage .resultsAndRefinements .tpsDropDown{width:100%}}.colorsPage .resultsAndRefinements .reset{padding:0;color:#d40029;text-decoration:underline;border:none;background-color:transparent;font-weight:400}.colorsPage .resultsAndRefinements.closed{max-height:0;margin-block:1rem;overflow:hidden}.colorsPage .resultsAndRefinements .numberOfResults{display:block;font-size:2rem;font-weight:700}.colorsPage .resultsAndRefinements .numberOfResults .number{display:inline-block;transition:all 2s;white-space:nowrap}.colorsPage .allColors__colorGroupMain{text-align:center;font-size:0;width:100%;display:grid;grid-template-columns:repeat(6,1fr);gap:15px;justify-content:center;margin:0 auto}.colorsPage .allColors__colorGroupMain .colorGroupSecondary{width:100%}@media (max-width:767px){.colorsPage .allColors__colorGroupMain{grid-template-columns:repeat(3,1fr);justify-content:flex-start}}.colorsPage .allColors__colorGroupMain h3{text-align:left;font-weight:400;font-size:30px;font-family:Roboto Slab,serif;line-height:1;margin:20px 0 10px}.colorsPage .allColors__colorGroupMain .label{display:block;color:#606060;padding-top:15%;padding-bottom:calc(15% - 25px);text-transform:uppercase;font-size:0.875rem;letter-spacing:1.25px;font-weight:500}@media (max-width:767px){.colorsPage .allColors__colorGroupMain .label{font-size:var(--mz-14);padding-bottom:15%}}@media (max-width:620px){.colorsPage .allColors__colorGroupMain{width:100%!important}}.colorsPage .colorGroupMainCol{margin-left:2%}.colorsPage .colorGroupMainNeutrals{text-align:left;margin-left:0}.colorsPage .colorGroupSecondary{display:inline-block;cursor:pointer;position:relative;background:none;border:none;padding:0!important;width:calc(20% - 15px)}.colorsPage .colorGroupSecondary img{width:100%;height:auto;border-radius:10px;overflow:clip}@media (max-width:767px){.colorsPage .colorGroupSecondary img{border-radius:6px}}@media (max-width:991px){.colorsPage .colorGroupSecondary{width:31%}}@media (max-width:767px){.colorsPage .colorGroupSecondary{width:calc(33.3333333333% - 10px)}}.colorsPage .paintProductSelector{border-bottom:solid 3px #424242;margin-top:10px}.colorsPage .colorGroupSelectorWrapper{position:relative;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;position:relative}@media (min-width:768px){.colorsPage .colorGroupSelectorWrapper{--overlay-width:60px}.colorsPage .colorGroupSelectorWrapper:has(.scrolling):before{content:"";position:absolute;width:var(--overlay-width);top:0;bottom:0;right:-1px;background:linear-gradient(to right,transparent 0%,#fff 75%);pointer-events:none;z-index:1}}.colorsPage .colorGroupSelectorWrapper .colorGroupSelector{overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;position:relative}@media (min-width:768px){.colorsPage .colorGroupSelectorWrapper .colorGroupSelector.scrolling .nav-tabs{padding-right:var(--overlay-width)}}.colorsPage .colorGroupSelectorWrapper .colorGroupSelector menu{display:inline;white-space:nowrap}@media (max-width:767px){.colorsPage .colorGroupSelectorWrapper .colorGroupSelector menu{padding-inline:1rem;width:fit-content}}.colorsPage .colorGroupSelectorWrapper .colorGroupSelector .nav-tabs>li{display:inline-block;text-align:center;vertical-align:top;position:relative;cursor:pointer;border-radius:8px;overflow:clip;border:1px solid #B1B1B1;margin-right:10px}.colorsPage .colorGroupSelectorWrapper .colorGroupSelector .nav-tabs>li:last-child{margin-right:0}.colorsPage .colorGroupSelectorWrapper .colorGroupSelector .nav-tabs>li>button{font-size:1rem;line-height:1rem;font-weight:400;cursor:pointer;width:100%;height:100%;color:#333;display:block;border:none;background:none;padding:1rem;transition:none;white-space:nowrap}.colorsPage .colorGroupSelectorWrapper .colorGroupSelector .nav-tabs>li:first-child>button{color:#5c6670}.colorsPage .colorGroupSelectorWrapper .colorGroupSelector .nav-tabs>li.active,.colorsPage .colorGroupSelectorWrapper .colorGroupSelector .nav-tabs>li.active>button{cursor:default}.colorsPage .colorGroupSelectorWrapper .colorGroupSelector .nav-tabs>li.active>button,.colorsPage .colorGroupSelectorWrapper .colorGroupSelector .nav-tabs>li:hover>button{color:#fff}@media (max-width:767px){.colorsPage .colorGroupSelectorWrapper .colorGroupSelector{margin-inline:-1rem}}.colorsPage .colorGroupSelector .nav-tabs>li:first-child button:focus-visible,.colorsPage .colorGroupSelector .nav-tabs>li:first-child button:hover,.colorsPage .colorGroupSelector .nav-tabs>li:first-child.active button{background:#424242}.colorsPage .colorGroupSelector .nav-tabs>li[data-family=red] button:focus-visible,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=red] button:hover,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=red].active button{background:#cd2c4d}.colorsPage .colorGroupSelector .nav-tabs>li[data-family=pinkred] button:focus-visible,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=pinkred] button:hover,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=pinkred].active button{background:#cd2c4d}.colorsPage .colorGroupSelector .nav-tabs>li[data-family=pink] button:focus-visible,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=pink] button:hover,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=pink].active button{background:#F08095}.colorsPage .colorGroupSelector .nav-tabs>li[data-family=orange] button:focus-visible,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=orange] button:hover,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=orange].active button{background:#ef8d3b}.colorsPage .colorGroupSelector .nav-tabs>li[data-family=peachorange] button:focus-visible,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=peachorange] button:hover,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=peachorange].active button{background:#ef8d3b}.colorsPage .colorGroupSelector .nav-tabs>li[data-family=yellow] button:focus-visible,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=yellow] button:hover,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=yellow].active button{color:#333;background:#fbd22e}.colorsPage .colorGroupSelector .nav-tabs>li[data-family=yellowgold] button:focus-visible,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=yellowgold] button:hover,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=yellowgold].active button{color:#333;background:#fbd22e}.colorsPage .colorGroupSelector .nav-tabs>li[data-family=green] button:focus-visible,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=green] button:hover,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=green].active button{background:#b2d14d}.colorsPage .colorGroupSelector .nav-tabs>li[data-family=blue] button:focus-visible,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=blue] button:hover,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=blue].active button{background:#28caea}.colorsPage .colorGroupSelector .nav-tabs>li[data-family=purple] button:focus-visible,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=purple] button:hover,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=purple].active button{background:#ae6ab1}.colorsPage .colorGroupSelector .nav-tabs>li[data-family=brown] button:focus-visible,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=brown] button:hover,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=brown].active button{background:#7b584a}.colorsPage .colorGroupSelector .nav-tabs>li[data-family=tanbrown] button:focus-visible,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=tanbrown] button:hover,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=tanbrown].active button{background:#7b584a}.colorsPage .colorGroupSelector .nav-tabs>li[data-family=neutral] button:focus-visible,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=neutral] button:hover,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=neutral].active button{background:#b7aaa8}.colorsPage .colorGroupSelector .nav-tabs>li[data-family=creambeige] button:focus-visible,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=creambeige] button:hover,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=creambeige].active button{background:#b7aaa8}.colorsPage .colorGroupSelector .nav-tabs>li[data-family=white] button:focus-visible,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=white] button:hover,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=white].active button{color:#333;background:#e8ebed}.colorsPage .colorGroupSelector .nav-tabs>li[data-family=gray] button:focus-visible,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=gray] button:hover,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=gray].active button{background:#767c83}.colorsPage .colorGroupSelector .nav-tabs>li[data-family=grayblack] button:focus-visible,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=grayblack] button:hover,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=grayblack].active button{background:#767c83}.colorsPage .colorGroupSelector .nav-tabs>li[data-family=black] button:focus-visible,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=black] button:hover,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=black].active button{background:#343435}.colorsPage .colorGroupSelector .nav-tabs>li[data-family=coolneutral] button:focus-visible,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=coolneutral] button:hover,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=coolneutral].active button{background:#9595A2}.colorsPage .colorGroupSelector .nav-tabs>li[data-family=classicwhite] button:focus-visible,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=classicwhite] button:hover,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=classicwhite].active button{background:#CBD1D7}.colorsPage .colorGroupSelector .nav-tabs>li[data-family=warmneutral] button:focus-visible,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=warmneutral] button:hover,.colorsPage .colorGroupSelector .nav-tabs>li[data-family=warmneutral].active button{background:#958B8B}@media (max-width:991px){.colorsPage .colorGroupMainCol{margin:0}.colorsPage .numberOfResults{font-size:30px;line-height:47px;display:inline-block}.colorsPage .maryDebSearchWrapper{clear:both}}.colorsPage .tpsDropDown{justify-self:end}@media (max-width:767px){.colorsPage .tpsDropDown{width:100%}}.colorsPage .tpsDropDown .tpsDropDownTitle{color:rgba(18,18,18,0.66);font-size:1rem;line-height:1rem;font-weight:400;padding:1rem;cursor:pointer;border:1px solid #7E7E7E;border-radius:4px;overflow:clip;text-align:left;background-color:transparent;display:flex;gap:1rem}@media (max-width:767px){.colorsPage .tpsDropDown .tpsDropDownTitle{width:100%;justify-content:space-between}}.colorsPage .tpsDropDown .tpsDropDownTitleArrow{transition:all 0.2s}.colorsPage .tpsDropDown.open .tpsDropDownTitleArrow{transform:rotate(-90deg)}.colorsPage .tpsDropDownItemsWrapper{overflow:auto;max-height:300px;box-shadow:inset 0 5px 5px -5px rgba(0,0,0,0.5),inset 0 -5px 5px -5px rgba(0,0,0,0.5)}.colorsPage .tpsDropDownItems{border:solid 0 #333;width:270px;color:#333;overflow:auto;transition:all 0.35s cubic-bezier(1,0,0,1);position:fixed;margin:0 auto;left:50%;top:50%;transform:translateX(-50%) translateY(-50%) scale(1,0);opacity:0;filter:blur(0px);box-shadow:0 10px 20px rgba(0,0,0,0.4);z-index:999;visibility:hidden;opacity:0}.colorsPage .tpsDropDown.open .tpsDropDownItems{background:#fff;z-index:999;transform:translateX(-50%) translateY(-50%) scale(1,1);visibility:visible;opacity:1;border-radius:10px;overflow:clip}.colorsPage .tpsDropDownItemsTitle{font-weight:900;position:relative;padding:12px 15px!important;cursor:pointer;color:#333;width:100%;text-align:left;box-sizing:border-box;border:none}.colorsPage .tpsDropDownItemsTitle .cls-1{fill:currentColor}.colorsPage .tpsDropDownItemsTitleExit{position:absolute;right:15px;top:13px}.colorsPage .tpsDropDownItem{border:0;padding:0 15px;cursor:pointer;position:relative;min-height:44px;width:100%;color:#333;text-align:left;background:none;display:grid;grid-template-columns:1fr 24px;gap:15px;align-items:center}.colorsPage .tpsDropDownItem:nth-child(2n of .tpsDropDownItem:not(.hidden)){background-color:rgba(222,222,222,0.431372549)}.colorsPage .tpsDropDownItem:after{content:"";padding:0;left:15px;right:15px;width:auto}.colorsPage .tpsDropDownItem:last-child{border-bottom:none}.colorsPage .tpsDropDownItemText{font-size:14px;font-weight:400;line-height:15px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.colorsPage .tpsDropDownItemsSwitch{width:24px;background:#fff;border:solid 1px #B1B1B1;border-radius:4px;overflow:clip;height:24px;transition:all 0.3s;right:15px;top:50%;box-sizing:border-box}.colorsPage .tpsDropDownItemsSlider{border:none;left:0;right:0;margin:0 auto;width:0;height:0;top:50%;transform:rotate(-45deg) scale(0);transition:all 0.3s;box-sizing:border-box}.colorsPage .tpsDropDownItem.selected .tpsDropDownItemsSlider{left:0px;top:0px;border-bottom:solid 4px #333;border-right:solid 4px #333;width:9px;height:16px;transform:rotate(45deg) scale(1);border-radius:0}.menuPageOverlay{background:rgba(18,18,18,0.55);width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;cursor:pointer}.menuPageOverlay.visible{display:block}.color_compare{width:100%;position:fixed;bottom:-2px;max-height:0;background-color:#737373;color:#fff;z-index:997;overflow:auto;transition:all 0.3s;left:0;visibility:hidden;box-shadow:0 0 15px rgba(0,0,0,0.6);font-size:1rem}.color_compare.color_compare__addMore{max-height:48px;overflow:hidden;visibility:visible}.color_compare.color_compare__open{height:auto;max-height:90%;visibility:visible}.color_compare.color_compare__open .color_compare_bottomArea{opacity:1;visibility:visible;transition-delay:0s}.color_compare.color_compare__open .color_compare_min img{transform:rotate(90deg)}.color_compare .color_compare_bottomArea,.color_compare .color_compare_topArea{position:relative;clear:both}.color_compare .color_compare_topArea{padding:8px 15px 8px;cursor:pointer;overflow:hidden;display:flex;flex-direction:row;flex-wrap:wrap}.color_compare .color_compare_bottomArea{display:flex;gap:15px;padding:8px 15px 15px;overflow:scroll;border-top:solid 1px #fff;visibility:hidden;opacity:0;transition-delay:0.3s}.color_compare .compare_text{font-weight:800;margin-right:10px;color:#fff;align-self:center}.color_compare .large_chip_add,.color_compare .large_chip_buy,.color_compare .large_chip_remove{display:block;width:100%}.color_compare .large_chip_remove:focus{color:#333;background:#fff}.color_compare .large_chip_buy{margin-bottom:10px}.color_compare .large_chip_buy:visited{color:#fff}.color_compare .large_chip_buy:hover{color:#333}.color_compare .large_chip_buy:focus{color:#333;background:#fff}.color_compare .small_chip_wrapper{margin:0 15px 2px 0}.color_compare .small_chip_color_area{width:30px;height:30px;border:solid 1px #fff;display:inline-block;vertical-align:middle;margin-right:7px}.color_compare .small_chip_color_area__filled{border-color:#222}.color_compare .small_chip_code{display:inline-block}.color_compare .color_compare_add_text{position:absolute;font-weight:600;right:100px;top:50%;transform:translateY(-50%);line-height:1;width:38%;text-align:right}@media (max-width:767px){.color_compare .color_compare_add_text{position:static;clear:both;width:100%;text-align:center;font-size:0.875rem;transform:none}}.color_compare .color_compare_exit{position:absolute;top:0;right:0;cursor:pointer;background:none;border:none;padding:11px 11px!important}.color_compare .color_compare_min{position:absolute;top:0;right:48px;cursor:pointer;background:none;border:none;padding:11px 11px!important}.color_compare .color_compare_exit,.color_compare .color_compare_min{width:48px;height:48px}.color_compare .color_compare_exit:focus-visible,.color_compare .color_compare_min:focus-visible{outline:2px solid currentColor!important;box-shadow:0 0 0 2px currentColor}.color_compare .color_compare_min img{transition:all 0.3s;transform:rotate(-90deg)}.color_compare .large_chip_wrapper{width:clamp(96px,33.3333333333% - 6.6666666667px,240px);display:flex;transition:all 0.3s;flex-direction:column}.color_compare .large_chip_wrapper:last-child{margin-right:0}.color_compare .large_chip_color_area{aspect-ratio:236/100;min-height:70px;border:solid 1px #fff;margin-bottom:12px;background:#424242;width:100%}.color_compare .large_chip_color_area__filled{border-color:#222;transition:all 0.3s;border-radius:0vw;background-position:100% 100%}.color_compare .large_chip_code{padding-bottom:7px;margin-bottom:20px;border-bottom:solid 1px #fff}.color_compare .large_chip_brand{line-height:20px;font-weight:600;font-size:clamp(0.625rem,1.3vw,0.75rem);font-size:clamp(0.625rem,1.3cqw,0.75rem);margin-bottom:3px}.color_compare .large_chip_brand,.color_compare .large_chip_code,.color_compare .large_chip_name{line-height:1.1}.color_compare .large_chip_code,.color_compare .large_chip_name{font-weight:400;font-size:clamp(0.8125rem,1.3vw,1.125rem);font-size:clamp(0.8125rem,1.8cqw,1.125rem)}.color_compare .large_chip_bottomArea{flex:1;display:flex;flex-direction:column;justify-content:flex-end}@media (max-width:767px){.color_compare.color_compare__addMore{max-height:70px}.color_compare.color_compare__open{height:auto;max-height:90%}.color_compare .color_compare_bottomArea{max-height:260px;overflow:auto;padding:15px;gap:10px}.color_compare .large_chip_code{margin-bottom:10px}.color_compare .small_chip_code{font-size:0.875rem}.color_compare .compare_text{width:100%}.color_compare .small_chip_wrapper.color1{clear:both}.color_compare .small_chip_wrapper{margin:10px 10px 9px 0}.color_compare .large_chip_color_area{margin-bottom:8px}.color_compare .large_chip_wrapper .btn_tps{font-size:0.75rem;padding:10px}.color_compare.color_compare__addMore .color_compare_topArea{font-size:0.875rem}.color_compare .small_chip_color_area{width:15px;height:15px}}@media (max-width:767px){.videoFAQgroup{margin-inline:1rem}}.videoFAQgroup .tabs:has([role=tab][aria-selected=true]:first-child) [role=tabpanel][tabindex="0"]{border-start-start-radius:0}.videoFAQgroup [role=tablist]{display:flex;gap:0.875rem;position:relative;margin-block-end:-1px;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.videoFAQgroup [role=tab]{font-family:inherit;width:143px;white-space:nowrap;cursor:pointer;position:relative;font-weight:400;border:1px solid #B1B1B1;border-radius:10px;padding:1rem;color:#333;background:transparent}.videoFAQgroup [role=tab]:focus-visible{box-shadow:0px 0px 0px 2px #5E9ED6}.videoFAQgroup [role=tab][aria-selected=true]{background-color:#222;color:#fff;z-index:2}.videoFAQgroup [role=tabpanel]{border:1px solid var(--color-ui);border-radius:var(--radius-minimal);background-color:var(--color-light);padding:var(--spacing-md) var(--spacing-lg);margin:0;position:relative;z-index:1}.videoFAQgroup [role=tabpanel]:not([tabindex]){display:none}.videoFAQgroup{}.videoFAQgroup .videoRow{margin-block:2rem}.videoFAQgroup .video-col{text-decoration:none;box-shadow:0px 2px 3px 0px rgba(0,0,0,0.24);display:grid;grid-template-areas:"stack";border-radius:10px;overflow:clip;flex-shrink:0}.videoFAQgroup .video-col>*{grid-area:stack}.videoFAQgroup .video-col .img-wrap{position:relative;display:flex;justify-content:center;align-items:center}.videoFAQgroup .video-col .img-wrap picture{width:100%;height:100%;background-color:#efefef}.videoFAQgroup .video-col .img-wrap picture img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:all 125ms ease-in;aspect-ratio:730/380}@media (max-width:767px){.videoFAQgroup .video-col .img-wrap picture img{aspect-ratio:334/220}}.videoFAQgroup .video-col .description{padding:3.5% 5%;font-size:clamp(0.625rem,0.8333333333vw,0.875rem);font-size:clamp(0.625rem,1.0526315789cqw,0.875rem);line-height:1;align-self:end;background-color:rgba(0,0,0,0.7);position:relative;color:#fff;display:flex;align-items:center}.videoFAQgroup .video-col .description .title{font-weight:700;width:calc(100% - min(11%, 38px));text-wrap:balance;text-wrap:pretty;text-transform:capitalize}.videoFAQgroup .video-col .description:after{content:"";background-image:url(https://cdn-tp3.mozu.com/24645-m1/cms/files/240101-pp-play-btn.svg);background-repeat:no-repeat;background-size:100%;background-position:97% 95%;width:clamp(25px,1.9791666667vw,38px);aspect-ratio:38/38;display:block;position:absolute;right:5px;top:-1vw;transform:scale(1);transition:all 125ms ease-in}@media (hover:hover){.videoFAQgroup .video-col[href]:hover .description:after,.videoFAQgroup .video-col[href]:hover .img-wrap picture img{transform:scale(1.1);cursor:pointer!important}}@media (max-width:767px){.videoFAQgroup .video-col{border-radius:6px;width:auto;box-shadow:0px 1.373px 3.662px 0px rgba(0,0,0,0.24)}.videoFAQgroup .video-col .title{font-size:3.7333333333vw;line-height:1}.videoFAQgroup .video-col .description{font-size:var(--mz-14);padding:3%}.videoFAQgroup .video-col .description:after{top:-2.25vw;width:5.3333333333vw}.swiper .videoFAQgroup .video-col .description{font-size:2.6666666667vw;height:5.3333333333vw}}@media (max-width:767px){.videoFAQgroup .video-wrap:not(.swiper-initialized) .swiper-wrapper{display:grid;grid-template-columns:1fr 1fr 0.25fr;gap:15px}.videoFAQgroup .video-wrap:not(.swiper-initialized) .swiper-wrapper>:last-child:nth-child(odd){grid-column:span 2}.videoFAQgroup .video-wrap:not(.swiper-initialized) .swiper-wrapper>:last-child:nth-child(odd) img{aspect-ratio:686/284}}@media (min-width:768px){.videoFAQgroup .video-wrap:not(.swiper-initialized) .swiper-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.videoFAQgroup .video-wrap:not(.swiper-initialized) .swiper-controls{display:none}}.videoFAQgroup .swiper .swiper-wrapper>*{flex-shrink:0}@media (min-width:768px){.videoFAQgroup .swiper .swiper-wrapper:has(+.swiper-controls .swiper-pagination){padding-bottom:40px}}@media (max-width:767px){.videoFAQgroup .swiper .swiper-wrapper:has(+.swiper-controls .swiper-pagination){padding-bottom:32px}}.videoFAQgroup .swiper .swiper-controls{display:grid;grid-template-columns:5% auto 5%;align-items:center}.videoFAQgroup .swiper .swiper-controls .swiper-nav{height:100%;min-height:24px;pointer-events:all}@media (max-width:767px){.videoFAQgroup .swiper .swiper-controls .swiper-nav{display:none}}.videoFAQgroup .swiper .swiper-controls .swiper-nav:before{content:"";background-image:url("https://cdn-tp3.mozu.com/24645-m1/cms/files/122624-bSpotNav-arrow.svg");background-size:100%;background-repeat:no-repeat;display:block;aspect-ratio:1;width:100%;height:100%}.videoFAQgroup .swiper .swiper-controls .swiper-nav.next{place-self:end;grid-area:2/3}.videoFAQgroup .swiper .swiper-controls .swiper-nav.previous{place-self:start;transform:rotate(180deg);grid-area:2/1}.videoFAQgroup .swiper .swiper-controls .swiper-pagination{display:flex;align-items:center;justify-content:center;grid-area:2/2/3/3}.videoFAQgroup .swiper .swiper-controls .swiper-pagination .swiper-pagination-bullet{background-color:#333;opacity:1;transition:all 300ms ease;height:12px;width:12px}.videoFAQgroup .swiper .swiper-controls .swiper-pagination .swiper-pagination-bullet-active{background-color:#d40029;width:40px;border-radius:10px}.videoFAQgroup details{font-size:clamp(1rem,1.0416666667vw,1.25rem);font-size:clamp(1rem,1.3157894737cqw,1.25rem);margin-bottom:1.5rem;font-weight:400}.videoFAQgroup details summary{list-style-type:none;font-weight:800;cursor:pointer;display:grid;grid-template-columns:22px 1fr;gap:2rem}.videoFAQgroup details summary::-webkit-details-marker{display:none}.videoFAQgroup details summary:before{content:"";display:inline-block;width:22px;height:24px;background-image:url("https://cdn-tp3.mozu.com/24645-m1/cms/files/251010-tps-faq-open.svg");background-repeat:no-repeat;background-position:center;background-size:100%;vertical-align:middle}.videoFAQgroup details summary:focus-visible{box-shadow:0px 0px 0px 2px #5E9ED6}@media (max-width:767px){.videoFAQgroup details summary{font-size:var(--mz-14);font-weight:400;gap:16px}}.videoFAQgroup details[open] summary:before{background-image:url("https://cdn-tp3.mozu.com/24645-m1/cms/files/251010-tps-faq-close.svg")}.videoFAQgroup details>:not(summary){margin-left:54px}@media (max-width:767px){.videoFAQgroup details>:not(summary){margin-left:38px}}@media (max-width:767px){.videoFAQgroup details{font-size:var(--mz-14)}}.videoFAQgroup details a:link,.videoFAQgroup details a:visited{color:#d40029;text-decoration:underline}
/*# sourceMappingURL=tps_style.css.map */