.color-listing-page{max-width:1440px;overflow:hidden;margin:auto}@media(max-width:768px){.color-listing-page .content-wrapper{padding:0}.color-listing-page .color-carousel{overflow:hidden}}.color-carousel{position:relative;width:100%}.color-carousel .carousel-control-container{display:flex;justify-content:center;align-items:center}.color-carousel .carousel-control{width:100%;height:auto;display:flex;justify-content:space-between;align-items:center;opacity:1;padding-bottom:16px}@media(max-width:768px){.color-carousel .carousel-control{justify-content:center}.color-carousel .carousel-control akzo-progress-dot{display:none}}.color-carousel--slides{display:flex;gap:16px;height:auto;transition-property:transform;transition-duration:.16s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.color-carousel--slides .color-wall-slide{flex-shrink:0;width:80%;box-sizing:border-box;transition:all .16s ease;transform:scale(1)}.color-carousel--slides .color-wall-slide .mobile-carousel-control{display:none}@media(max-width:768px){.color-carousel--slides .color-wall-slide{width:80%;transform:none;position:relative}.color-carousel--slides .color-wall-slide .mobile-carousel-control{display:block;width:calc(120% + 14px);margin-left:-2.3rem;top:5rem;position:absolute;z-index:9}.color-carousel--slides .color-wall-slide .mobile-carousel-control akzo-progress-dot::part(progress-dot-container){justify-content:space-between}.color-carousel--slides .color-wall-slide .mobile-carousel-control akzo-progress-dot::part(arrow-left),.color-carousel--slides .color-wall-slide .mobile-carousel-control akzo-progress-dot::part(arrow-right){background-color:#fff;max-height:48px;min-height:48px;width:48px;display:flex;align-items:center;justify-content:center}}@media(min-width:1200px){.color-carousel--slides .color-wall-slide{width:792px}}.color-carousel--slides .color-wall-slide .color-image{position:relative;width:100%;padding-top:33.3333333333%;height:0;overflow:hidden}.color-carousel--slides .color-wall-slide .color-image>*{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media(max-width:768px){.color-carousel--slides .color-wall-slide .color-image{padding-top:calc(100%*2/3)}}.color-carousel--slides .color-wall-slide .color-swatch{display:inline-block;width:calc(33.3333333333% - 2px);height:9rem;margin:1px}.color-carousel--slides .color-wall-slide .color-swatch.row-1:not(.active){margin-top:64px}@media(max-width:768px){.color-carousel--slides .color-wall-slide .color-swatch.row-1:not(.active){margin-top:40px}.color-carousel--slides .color-wall-slide .color-swatch{height:3.5rem;width:5.6rem;margin-right:2px;margin-left:4px}}.color-carousel--slides .color-wall-slide akzo-color-grid-item::part(color-grid-item){width:100%;height:100%}@media(max-width:600px){.color-carousel--slides .color-wall-slide akzo-color-grid-item::part(color-grid-item){width:5.6rem}}.color-carousel .color-detail-container{position:absolute;display:none;left:0;width:100%;transition:top .3s ease;z-index:2}.color-carousel .color-detail-container.active{display:block}.color-carousel .color-detail-container akzo-preview::part(akzo-preview){background-color:rgba(0,0,0,0)}@media(min-width:1120px){.color-carousel .carousel-control{width:792px;height:64px}.color-carousel--slides{gap:48px}}.notificationContainer{position:fixed;z-index:1000;width:100%;top:0}.colour-block{background-color:#fff}.colour-block .info{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem;align-self:stretch;padding-top:5rem}.colour-block .color-wall{background-color:#fff}.colour-block .color-widget{background-color:rgba(0,0,0,0)}.colour-block akzo-half-banner::part(akzo-half-banner){margin:3rem auto}.colour-block akzo-color-combinations::part(parent-wrapper){padding:0}.colour-block akzo-rich-text-block::part(h3){color:#000;font-weight:400;margin-bottom:20px}.colour-block akzo-rich-text-block::part(h5){color:#000;font-weight:400;margin-top:15px;margin-bottom:15px;float:left;width:100%}.colour-block akzo-rich-text-block::part(p){color:#333;line-height:normal;margin-bottom:20px}.colour-block akzo-rich-text-block::part(a){margin-bottom:4px}@media screen and (min-width:904px){.colour-block akzo-rich-text-block::part(rich-block){padding-top:0}}