.outer-container{max-height:480px;overflow-y:auto;border-radius:15px;position:relative}.outer-container .outer-container::-webkit-scrollbar{width:0;display:none!important}.outer-container .outer-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.outer-container .outer-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.outer-container .outer-container::-webkit-scrollbar-thumb:hover{background:#555}.outer-container .card-container-families{display:flex;flex-direction:column;align-items:center;position:relative}.outer-container .card-container-families .card{position:sticky;width:328px;height:180px;margin-bottom:-34px;border-radius:25px 25px 0 0;border:none;overflow:hidden;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:all .3s ease;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-left:15px;font-size:14px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.outer-container .card-container-families .card p{margin:0;position:relative;z-index:12;padding-left:5px;padding-top:10px;font-size:14px;line-height:1.2em;font-weight:700}.outer-container .card-container-families .card:first-child{z-index:1;top:0}.outer-container .card-container-families .card:nth-child(2){z-index:2;top:30px}.outer-container .card-container-families .card:nth-child(3){z-index:3;top:60px}.outer-container .card-container-families .card:nth-child(4){z-index:4;top:90px}.outer-container .card-container-families .card:nth-child(5){z-index:5;top:120px}.outer-container .card-container-families .card:nth-child(6){z-index:6;top:150px}.outer-container .card-container-families .card:nth-child(7){z-index:7;top:180px}.outer-container .card-container-families .card:nth-child(8){z-index:8;top:210px}.outer-container .card-container-families .card:nth-child(9){z-index:9;top:240px}.outer-container .card-container-families .card:nth-child(10){z-index:10;top:270px}.outer-container .card-container-families .card:nth-child(11){z-index:11;top:300px}.outer-container .card-container-families .card-link{position:absolute;top:0;left:0;width:100%;height:100%;margin-top:0}.outer-container .card-container-families .card-link img{width:100%;height:auto;object-fit:fill;position:relative;z-index:1}.outer-container .card-container-families .grey-card{background-color:#808791}.outer-container .card-container-families .white-card{background-color:#f5f5f4}.outer-container .card-container-families .blue-card{background-color:#004c83}.outer-container .card-container-families .purple-card{background-color:#7c4d73}.outer-container .card-container-families .orange-card{background-color:#e27b31}.outer-container .card-container-families .green-card{background-color:#1f8544}.outer-container .card-container-families .red-card{background-color:#ee4946}.outer-container .card-container-families .yellow-card{background-color:#f9e046}.outer-container .card-container-families .brown-card{background-color:#94765e}.outer-container .card-container-families .beige-card{background-color:#decbb2}.outer-container .card-container-families .pink-card{background-color:#f07083}#colour-picker #colour-picker-canvas{border:10px solid #fff;border-radius:50%;box-shadow:0 8px 24px rgba(0,0,0,.09)}#colour-picker #colour-picker-cursor{position:absolute;width:50px;height:50px;top:20%;left:40%;border-radius:50%;border:17px solid #fff;pointer-events:none;display:block;z-index:10;box-shadow:0 0 4px 0 #00000040}#colour-picker .color-picker-button-section{display:flex;justify-content:center;gap:14px;width:100%}#colour-picker .color-picker-button-section .apply-button,#colour-picker .color-picker-button-section .cancel-button{flex:1;border-radius:45px}#colour-picker .color-picker-button-section .apply-button a,#colour-picker .color-picker-button-section .cancel-button a{width:100%;justify-content:center;cursor:pointer;font-size:16px;line-height:24px;padding:14px 20px;align-items:center;font-size:14px;font-weight:700;display:inline-flex;gap:10px;height:38px;cursor:pointer!important}@media (min-width:320px) and (max-width:991px){#colour-picker .color-picker-button-section .apply-button a,#colour-picker .color-picker-button-section .cancel-button a{font-size:14px;line-height:21px}}#colour-picker .color-picker-button-section .apply-button.apply-button,#colour-picker .color-picker-button-section .cancel-button.apply-button{color:#fff;background:#000}#colour-picker .color-picker-button-section .apply-button.apply-button:focus,#colour-picker .color-picker-button-section .apply-button.apply-button:hover,#colour-picker .color-picker-button-section .cancel-button.apply-button:focus,#colour-picker .color-picker-button-section .cancel-button.apply-button:hover{color:#000!important;background:#fdbf45!important;border:none!important}#colour-picker .color-picker-button-section .apply-button.cancel-button,#colour-picker .color-picker-button-section .cancel-button.cancel-button{color:#000;background:#fff;border:1px solid #000}#colour-picker .color-picker-button-section .apply-button.cancel-button:focus,#colour-picker .color-picker-button-section .apply-button.cancel-button:hover,#colour-picker .color-picker-button-section .cancel-button.cancel-button:focus,#colour-picker .color-picker-button-section .cancel-button.cancel-button:hover{background:#f7f2e7;border:1px solid currentColor;color:#000}.tone-slider-wrapper{background-color:#fff;border-radius:16px;padding:15px;box-shadow:0 2px 8px rgba(0,0,0,.05);width:430px;margin-bottom:10px}@media screen and (max-width:991px){.tone-slider-wrapper{width:100%}}.tone-slider-wrapper .tone-slider-container{width:320px;margin:0 auto;text-align:center}.tone-slider-wrapper .tone-slider-container .heading-shade{text-align:center;font-size:20px;font-weight:700;margin-bottom:15px}.tone-slider-wrapper .tone-slider-container .slider-labels{display:flex;justify-content:space-between;font-size:10px;font-weight:400;margin-bottom:8px;margin-right:7px}.tone-slider-wrapper .tone-slider-container .slider-labels .label-shade{flex:1;text-align:center}.tone-slider-wrapper .tone-slider-container .slider-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.tone-slider-wrapper .tone-slider-container .slider-buttons div{font-size:16px;font-weight:700;transition:all .2s ease;line-height:24px;width:150px;border-radius:45px;padding:10px 45px}.tone-slider-wrapper .tone-slider-container .slider-buttons div:hover{opacity:.85}.tone-slider-wrapper .tone-slider-container .slider-buttons div.cancel-button{background-color:#fff;color:#000;border:1px solid #000;border-radius:45px;cursor:pointer}.tone-slider-wrapper .tone-slider-container .slider-buttons div.cancel-button:hover{background:#f7f2e7;border:1px solid currentColor;color:#000}.tone-slider-wrapper .tone-slider-container .slider-buttons div.apply-button{background-color:#000;color:#fff;border:none}.tone-slider-wrapper .tone-slider-container .slider-buttons div.apply-button:hover{color:#000;background:#fdbf45;border:none}.tone-slider-wrapper .tone-slider-container .slider-buttons div a[href="javascript:void(0)"]{cursor:pointer!important}.tone-slider-wrapper .tone-slider-container .segmented-slider{width:100%;display:flex;justify-content:center;position:relative;height:32px}.tone-slider-wrapper .tone-slider-container .segmented-slider .slider-track{display:flex;height:100%;position:relative;justify-content:center}.tone-slider-wrapper .tone-slider-container .segmented-slider .slider-track .segment{width:80px;border:1px solid #fff;border-radius:18px;flex:none;transition:background .3s ease;position:relative}.tone-slider-wrapper .tone-slider-container .segmented-slider .slider-track .segment:not(:first-child){margin-left:-20px}.tone-slider-wrapper .tone-slider-container .segmented-slider .slider-track .segment.ultra-light{background:linear-gradient(90deg,#fffdf9,#f4f3f3);z-index:1}.tone-slider-wrapper .tone-slider-container .segmented-slider .slider-track .segment.pastel{background:linear-gradient(90deg,#f4f3f3,#e3e0e0);z-index:2}.tone-slider-wrapper .tone-slider-container .segmented-slider .slider-track .segment.medium{background:linear-gradient(90deg,#d7dade,#aaabac);z-index:3}.tone-slider-wrapper .tone-slider-container .segmented-slider .slider-track .segment.dark{background:linear-gradient(90deg,#aaabac,#29292a);z-index:4}.tone-slider-wrapper .tone-slider-container .segmented-slider .slider-track .segment.ultra-dark{background:linear-gradient(90deg,#29292a,#000);z-index:5}.tone-slider-wrapper .tone-slider-container .segmented-slider .slider-track .segment.ultra-light.active{background:linear-gradient(90deg,#fffdeb,#fff9d6)}.tone-slider-wrapper .tone-slider-container .segmented-slider .slider-track .segment.pastel.active{background:linear-gradient(90deg,#fff5c2,#ffed99)}.tone-slider-wrapper .tone-slider-container .segmented-slider .slider-track .segment.medium.active{background:linear-gradient(90deg,#ffe280,#ffd24d)}.tone-slider-wrapper .tone-slider-container .segmented-slider .slider-track .segment.dark.active{background:linear-gradient(90deg,#ffc34d,#fa0)}.tone-slider-wrapper .tone-slider-container .segmented-slider .slider-track .segment.ultra-dark.active{background:linear-gradient(90deg,#ffb300,#ff8c00)}.tone-slider-wrapper .tone-slider-container .segmented-slider .custom-thumb{position:absolute;top:50%;cursor:pointer;transform:translate(-20%,-50%);width:32px;height:32px;border-radius:50%;background:linear-gradient(#ff8c20,#da291c,#b71d74);transition:all .3s ease;z-index:20}.tone-slider-wrapper .tone-slider-container .segmented-slider .custom-thumb.active{width:23px;height:23px;box-shadow:0 0 6px 3px hsla(0,0%,100%,.3)}.tone-slider-wrapper .tone-slider-container .segmented-slider .custom-thumb.active:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:1px solid #fff;pointer-events:none}.tone-slider-wrapper .tone-slider-container .segmented-slider .custom-thumb.active:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;border:1px solid #fff;pointer-events:none;box-shadow:0 0 8px 0 #00000040}#shades-by-vibe{background:#fff;width:328px;height:auto;padding:5px 18px 13px 13px;border-radius:15px;box-shadow:0 8px 24px rgba(0,0,0,.09);margin-bottom:10px}@media (min-width:320px) and (max-width:991px){#shades-by-vibe{margin:auto;margin-bottom:10px}}#shades-by-vibe .vibe-title{text-align:center;font-weight:700;font-size:14px;padding:1px 0 8px}#shades-by-vibe .vibe-options{display:flex;flex-wrap:wrap;justify-content:space-between}#shades-by-vibe .vibe-options .vibe-category{width:48%;text-align:center;padding-bottom:10px;cursor:pointer}#shades-by-vibe .vibe-options .vibe-category.selected .img-wrapper{border:2px solid blue}#shades-by-vibe .vibe-options .vibe-category .img-wrapper{width:147px;height:59px;border-radius:5px}#shades-by-vibe .vibe-options .vibe-category .img-wrapper img{width:100%;height:100%}#shades-by-vibe .vibe-options .vibe-category .label{font-weight:500;font-size:12px}#shades-by-vibe .vibe-button-section{display:flex;justify-content:center;gap:14px;width:100%}#shades-by-vibe .vibe-button-section .apply-button,#shades-by-vibe .vibe-button-section .cancel-button{flex:1;border-radius:45px}#shades-by-vibe .vibe-button-section .apply-button a,#shades-by-vibe .vibe-button-section .cancel-button a{width:100%;justify-content:center;cursor:pointer;font-size:16px;line-height:24px;padding:14px 20px;align-items:center;font-size:14px;font-weight:700;display:inline-flex;gap:10px;height:38px;cursor:pointer!important}@media (min-width:320px) and (max-width:991px){#shades-by-vibe .vibe-button-section .apply-button a,#shades-by-vibe .vibe-button-section .cancel-button a{font-size:14px;line-height:21px}}#shades-by-vibe .vibe-button-section .apply-button.apply-button,#shades-by-vibe .vibe-button-section .cancel-button.apply-button{color:#fff;background:#000}#shades-by-vibe .vibe-button-section .apply-button.apply-button:focus,#shades-by-vibe .vibe-button-section .apply-button.apply-button:hover,#shades-by-vibe .vibe-button-section .cancel-button.apply-button:focus,#shades-by-vibe .vibe-button-section .cancel-button.apply-button:hover{color:#000!important;background:#fdbf45!important;border:none!important}#shades-by-vibe .vibe-button-section .apply-button.cancel-button,#shades-by-vibe .vibe-button-section .cancel-button.cancel-button{color:#000;background:#fff;border:1px solid #000}#shades-by-vibe .vibe-button-section .apply-button.cancel-button:focus,#shades-by-vibe .vibe-button-section .apply-button.cancel-button:hover,#shades-by-vibe .vibe-button-section .cancel-button.cancel-button:focus,#shades-by-vibe .vibe-button-section .cancel-button.cancel-button:hover{background:#f7f2e7;border:1px solid currentColor;color:#000}.filter-tools-parent-container{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:auto;display:flex;flex-direction:column;align-items:center;z-index:1040;display:none}@media (min-width:320px) and (max-width:991px){.filter-tools-parent-container{bottom:15px;left:0;transform:translateX(0);padding:0 15px;width:100%;align-items:center}}.filter-tools-parent-container .filter-content{position:relative;z-index:1}.filter-tools-parent-container .filter-content#shade-tone{padding:15px 18px 30px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.09);border-radius:10px;width:328px}.filter-tools-parent-container .filter-content#shade-tone .heading-shade{text-align:center;font-weight:700;font-size:20px;line-height:28px;letter-spacing:0;margin-bottom:25px}.filter-tools-parent-container .filter-content#shade-tone .slider-labels{display:flex;justify-content:space-between;font-weight:400;font-size:12px;line-height:16.8px;letter-spacing:0;margin-bottom:6px;width:95%;position:relative;left:100%;transform:translateX(-100%)}.filter-tools-parent-container .filter-content#shade-tone .slider-labels .label-shade{flex:1;text-align:center;transform:translateY(-2px);font-size:8px;font-weight:400}.filter-tools-parent-container .filter-content#shade-tone .segmented-slider{position:relative;width:100%;height:32px}.filter-tools-parent-container .filter-content#shade-tone .segmented-slider .slider-track{display:flex;height:28px;gap:0;border-radius:20px;overflow:hidden;position:relative}.filter-tools-parent-container .filter-content#shade-tone .segmented-slider .slider-track .segment{flex:1;height:100%;border:1px solid #fff;position:relative;transition:background .3s ease}.filter-tools-parent-container .filter-content#shade-tone .segmented-slider .slider-track .segment.rounded-left{border-top-left-radius:20px;border-bottom-left-radius:20px}.filter-tools-parent-container .filter-content#shade-tone .segmented-slider .slider-track .segment.rounded-right{border-top-right-radius:20px;border-bottom-right-radius:20px}.filter-tools-parent-container .filter-content#shade-tone .segmented-slider .slider-track .segment.ultra-light{background:linear-gradient(90deg,#fffdf9,#f4f3f3)}.filter-tools-parent-container .filter-content#shade-tone .segmented-slider .slider-track .segment.pastel{background:linear-gradient(90deg,#f4f3f3,#e3e0e0)}.filter-tools-parent-container .filter-content#shade-tone .segmented-slider .slider-track .segment.medium{background:linear-gradient(90deg,#d7dade,#aaabac)}.filter-tools-parent-container .filter-content#shade-tone .segmented-slider .slider-track .segment.dark{background:linear-gradient(90deg,#aaabac,#29292a)}.filter-tools-parent-container .filter-content#shade-tone .segmented-slider .slider-track .segment.ultra-dark{background:linear-gradient(90deg,#29292a,#000)}.filter-tools-parent-container .filter-content#shade-tone .segmented-slider input[type=range]{position:absolute;top:0;left:-20px;width:calc(100% + 40px);height:32px;opacity:.01;z-index:3;cursor:pointer;appearance:none}.filter-tools-parent-container .filter-content#shade-tone .segmented-slider .custom-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:linear-gradient(#ff8c20,#da291c,#b71d74);display:flex;justify-content:center;align-items:center;pointer-events:none;transition:left .3s ease;z-index:2}.filter-tools-parent-container .filter-content#shade-tone .segmented-slider .custom-thumb:before{content:"";width:12px;height:12px;background-image:repeating-linear-gradient(90deg,#fff 0,#fff 2px,transparent 0,transparent 4px)}.filter-tools-parent-container .filter-content#shade-tone .segmented-slider .custom-thumb:after{content:attr(data-label);position:absolute;top:100%;left:50%;transform:translate(-50%,4px);font-size:.7rem;color:#333;white-space:nowrap}.filter-tools-parent-container .filter-content .button-section{display:flex;justify-content:center;gap:14px;margin-top:25px;width:100%}.filter-tools-parent-container .filter-content .button-section .cta{flex:1}.filter-tools-parent-container .filter-content .button-section .cta a.animated-arrow-button{width:100%!important;justify-content:center;cursor:pointer!important;font-size:16px;line-height:24px}@media (min-width:320px) and (max-width:991px){.filter-tools-parent-container .filter-content .button-section .cta a.animated-arrow-button{font-size:14px;line-height:21px}}.filter-tools-parent-container .filter-content .button-section .cta.apply-button a.animated-arrow-button:focus,.filter-tools-parent-container .filter-content .button-section .cta.apply-button a.animated-arrow-button:hover{color:#000!important;background:#fdbf45!important;border:none!important}.filter-tools-parent-container .filter-compare-container{display:flex;gap:20px;position:relative;justify-content:center}@media (min-width:320px) and (max-width:991px){.filter-tools-parent-container .filter-compare-container{flex-direction:column;gap:10px}}.filter-tools-parent-container .filter-compare-container .compare-shade-container,.filter-tools-parent-container .filter-compare-container .filter-tools-container{background:#3b3d40;display:flex;align-items:center;justify-content:center;border-radius:20px;height:80px}@media (min-width:320px) and (max-width:991px){.filter-tools-parent-container .filter-compare-container .compare-shade-container,.filter-tools-parent-container .filter-compare-container .filter-tools-container{border-radius:15px;width:100%;height:60px}}.filter-tools-parent-container .filter-compare-container .compare-shade-container{box-shadow:0 8px 12px 0 #0000000F;width:78px;flex-direction:column;gap:5px;cursor:pointer;position:relative}@media (min-width:320px) and (max-width:991px){.filter-tools-parent-container .filter-compare-container .compare-shade-container{width:60px;position:absolute;bottom:80px}}.filter-tools-parent-container .filter-compare-container .compare-shade-container img{width:23px;height:20px;object-fit:contain}@media (min-width:320px) and (max-width:991px){.filter-tools-parent-container .filter-compare-container .compare-shade-container img{width:31px;height:28px}}.filter-tools-parent-container .filter-compare-container .compare-shade-container .shade-item-count{display:flex;width:15px;height:15px;border-radius:50%;background-color:#fdc964;color:#000;font-weight:600;font-size:10px;line-height:6.05px;position:absolute;top:10px;right:20px;justify-content:center;align-items:center}@media (min-width:320px) and (max-width:991px){.filter-tools-parent-container .filter-compare-container .compare-shade-container .shade-item-count{top:11px;right:7px}}.filter-tools-parent-container .filter-compare-container .compare-shade-container .compare-shade-title{font-weight:400;font-size:10px;line-height:10px;text-align:center;color:#b0b1b3}@media (min-width:320px) and (max-width:991px){.filter-tools-parent-container .filter-compare-container .compare-shade-container .compare-shade-title{display:none}}.filter-tools-parent-container .filter-compare-container .filter-tools-container{background:#3b3d40;gap:16px;padding:14px}@media (min-width:320px) and (max-width:991px){.filter-tools-parent-container .filter-compare-container .filter-tools-container{gap:25px;padding:0 20px 0 0;justify-content:space-between}}@media (min-width:320px) and (max-width:991px) and (min-width:320px) and (max-width:399px){.filter-tools-parent-container .filter-compare-container .filter-tools-container{gap:20px}}.filter-tools-parent-container .filter-compare-container .filter-tools-container .filter-close{display:none;padding:16px;cursor:pointer}@media (min-width:320px) and (max-width:991px){.filter-tools-parent-container .filter-compare-container .filter-tools-container .filter-close{height:100%;border-right:1px solid #75787b}}.filter-tools-parent-container .filter-compare-container .filter-tools-container .filter-close img{width:32px;height:32px}.filter-tools-parent-container .filter-compare-container .filter-tools-container .filter-tool{width:54px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;margin:0;border-radius:10px}.filter-tools-parent-container .filter-compare-container .filter-tools-container .filter-tool.filter-select,.filter-tools-parent-container .filter-compare-container .filter-tools-container .filter-tool:active,.filter-tools-parent-container .filter-compare-container .filter-tools-container .filter-tool:hover{background-color:#53565a}@media (min-width:320px) and (max-width:991px){.filter-tools-parent-container .filter-compare-container .filter-tools-container .filter-tool.filter-select,.filter-tools-parent-container .filter-compare-container .filter-tools-container .filter-tool:active,.filter-tools-parent-container .filter-compare-container .filter-tools-container .filter-tool:hover{padding:25px}}@media (min-width:320px) and (max-width:991px){.filter-tools-parent-container .filter-compare-container .filter-tools-container .filter-tool{width:40px;height:40px}}.filter-tools-parent-container .filter-compare-container .filter-tools-container .filter-tool img{width:20.46px;height:20.46px;margin-bottom:5px}@media (min-width:320px) and (max-width:991px){.filter-tools-parent-container .filter-compare-container .filter-tools-container .filter-tool img{width:16px;height:16px}}.filter-tools-parent-container .filter-compare-container .filter-tools-container .filter-tool figcaption{color:#b0b1b3;font-weight:400;font-size:10px;line-height:10px;letter-spacing:0;text-align:center}.filter-tools-parent-container .filter-compare-container .filter-tools-container .filter-tool.red-dot{position:relative}.filter-tools-parent-container .filter-compare-container .filter-tools-container .filter-tool.red-dot:after{content:"";position:absolute;top:5px;right:5px;width:8px;height:8px;background-color:#ed1c24;border-radius:50%;box-shadow:0 0 2px rgba(0,0,0,.3)}.filter-tools-parent-container .filter-toggle{background:#3b3d40;padding:16px;cursor:pointer;border-radius:15px;margin-top:10px}@media (min-width:320px) and (max-width:991px){.filter-tools-parent-container .filter-toggle{position:absolute;bottom:0;padding:14px;left:12px}}.filter-tools-parent-container .filter-toggle img{width:32px;height:32px}.filter-tools-parent-container.is-visible{display:block}#compare-shades-modal{bottom:unset;top:50%;transform:translateY(-50%);height:auto;overflow:hidden;width:100%}#compare-shades-modal .modal-dialog{max-width:unset;height:auto;margin:0}#compare-shades-modal .modal-dialog .modal-content{border:none;border-radius:10px;width:fit-content;margin:0 auto;min-width:302px;min-height:434px}@media (min-width:320px) and (max-width:991px){#compare-shades-modal .modal-dialog .modal-content{width:395px;max-width:90%;min-width:unset;min-height:384px}}#compare-shades-modal .modal-dialog .modal-content .modal-body{gap:1rem}@media (min-width:320px) and (max-width:991px){#compare-shades-modal .modal-dialog .modal-content .modal-body{padding:1rem 0 1rem 1rem}}#compare-shades-modal .modal-dialog .modal-content .modal-body .modal-heading-section .modal-body-heading{font-weight:700;font-size:16px;line-height:24px;text-align:center;color:#000}@media (min-width:320px) and (max-width:991px){#compare-shades-modal .modal-dialog .modal-content .modal-body .modal-heading-section .compare-shades-close-icon{margin:0 1rem 0 0}}#compare-shades-modal .modal-dialog .modal-content .modal-body .modal-heading-section .compare-shades-close-icon:before{background:100%/contain no-repeat url(clientlibs/resources/images/swatch-popup-close-icon.svg)}#compare-shades-modal .modal-dialog .modal-content .modal-body .selected-shade-container{gap:5px}@media (min-width:320px) and (max-width:991px){#compare-shades-modal .modal-dialog .modal-content .modal-body .selected-shade-container{flex-wrap:nowrap;overflow-x:auto;gap:10px;padding-right:1rem}#compare-shades-modal .modal-dialog .modal-content .modal-body .selected-shade-container::-webkit-scrollbar{width:0}}#compare-shades-modal .modal-dialog .modal-content .modal-body .selected-shade-container .selected-shade-item{width:274px;height:auto;gap:2px}@media (min-width:320px) and (max-width:991px){#compare-shades-modal .modal-dialog .modal-content .modal-body .selected-shade-container .selected-shade-item{width:182px;gap:0;flex:0 0 auto}}#compare-shades-modal .modal-dialog .modal-content .modal-body .selected-shade-container .selected-shade-item .top-section{height:161px;padding:6px 8px 12px;border-radius:5px}@media (min-width:320px) and (max-width:991px){#compare-shades-modal .modal-dialog .modal-content .modal-body .selected-shade-container .selected-shade-item .top-section{height:182px;padding:10px 8px 12px;border-radius:0 30px 0 0}}#compare-shades-modal .modal-dialog .modal-content .modal-body .selected-shade-container .selected-shade-item .top-section .shade-name-title-wrapper{font-size:16px;line-height:24px}@media (min-width:320px) and (max-width:991px){#compare-shades-modal .modal-dialog .modal-content .modal-body .selected-shade-container .selected-shade-item .top-section .shade-name-title-wrapper{font-size:14px;line-height:100%}}#compare-shades-modal .modal-dialog .modal-content .modal-body .selected-shade-container .selected-shade-item .top-section .shade-name-title-wrapper .shade-name{font-weight:500;color:#fff}@media (min-width:320px) and (max-width:991px){#compare-shades-modal .modal-dialog .modal-content .modal-body .selected-shade-container .selected-shade-item .top-section .shade-name-title-wrapper .shade-name{margin-bottom:5px}}#compare-shades-modal .modal-dialog .modal-content .modal-body .selected-shade-container .selected-shade-item .top-section .shade-name-title-wrapper .shade-code{font-weight:400;color:#eeeeef}#compare-shades-modal .modal-dialog .modal-content .modal-body .selected-shade-container .selected-shade-item .top-section .delete-icon:before{background:100%/contain no-repeat url(clientlibs/resources/images/compare-delete-icon.svg)}#compare-shades-modal .modal-dialog .modal-content .modal-body .selected-shade-container .selected-shade-item .top-section #wishlist-opt{background:none}#compare-shades-modal .modal-dialog .modal-content .modal-body .selected-shade-container .selected-shade-item .top-section #wishlist-opt:before{background:100%/contain no-repeat url(clientlibs/resources/images/compare-wishlist-icon.svg)}#compare-shades-modal .modal-dialog .modal-content .modal-body .selected-shade-container .selected-shade-item .top-section #wishlist-opt.favouriteIcon-selected:before{background:100%/contain no-repeat url(clientlibs/resources/images/compare-wishlisted-icon.svg)}#compare-shades-modal .modal-dialog .modal-content .modal-body .selected-shade-container .selected-shade-item .top-section.dark-icon #wishlist-opt:before,#compare-shades-modal .modal-dialog .modal-content .modal-body .selected-shade-container .selected-shade-item .top-section.dark-icon .delete-icon:before{filter:invert(1)}#compare-shades-modal .modal-dialog .modal-content .modal-body .selected-shade-container .selected-shade-item .top-section.dark-icon .shade-name{color:#232426}#compare-shades-modal .modal-dialog .modal-content .modal-body .selected-shade-container .selected-shade-item .top-section.dark-icon .shade-code{color:#3b3d40}#compare-shades-modal .modal-dialog .modal-content .modal-body .selected-shade-container .selected-shade-item .bottom-section{height:205px}@media (min-width:320px) and (max-width:991px){#compare-shades-modal .modal-dialog .modal-content .modal-body .selected-shade-container .selected-shade-item .bottom-section{height:136px}}#compare-shades-modal button{background:none;border:none;cursor:pointer;padding:0}#compare-shades-modal #wishlist-opt:before,#compare-shades-modal .compare-shades-close-icon:before,#compare-shades-modal .delete-icon:before{content:"";display:block;width:24px;height:24px}.colourcataloguelisting-block{position:relative}.colourcataloguelisting-block .top-sticky-filter-wrapper{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding-top:8px;padding-left:2.6%;padding-right:1.6%}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block .top-sticky-filter-wrapper{padding:0;flex-direction:column;align-items:flex-start}}.colourcataloguelisting-block .top-sticky-filter-wrapper.sticky{background-color:#fff;padding-bottom:14px;position:fixed;top:100px;z-index:2;width:100%}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block .top-sticky-filter-wrapper.sticky{top:55px}}.colourcataloguelisting-block .top-sticky-filter-wrapper h2{font-size:20px;font-weight:400;line-height:28px;color:#232426;margin-top:15px}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block .top-sticky-filter-wrapper h2{font-size:18px;font-weight:400;line-height:28.8px;margin-bottom:6px}}.colourcataloguelisting-block .top-sticky-filter-wrapper .filter-container{display:flex;gap:10px}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block .top-sticky-filter-wrapper .filter-container{flex-wrap:nowrap;overflow:auto;width:100%;gap:5px;padding:10px}.colourcataloguelisting-block .top-sticky-filter-wrapper .filter-container::-webkit-scrollbar{display:none}}.colourcataloguelisting-block .top-sticky-filter-wrapper .filter-container .image-with-shadow{box-shadow:0 0 8px 0 #9F9D9D40;display:block;border-radius:6px;cursor:pointer;position:relative}.colourcataloguelisting-block .top-sticky-filter-wrapper .filter-container .image-with-shadow img{object-fit:contain}.colourcataloguelisting-block .top-sticky-filter-wrapper .filter-container .image-with-shadow.active:after{content:"";border:1px solid #000;bottom:-7px;position:absolute;width:20px;left:60px;border-radius:10px;display:block}.colourcataloguelisting-block .top-sticky-filter-wrapper .breadcrumb-title-wraper{display:block}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block .top-sticky-filter-wrapper .breadcrumb-title-wraper{padding-left:15px}}.colourcataloguelisting-block .compare-shade-success{font-weight:500;font-size:16px;line-height:24px;color:#fff;border-radius:8px;background-color:#2ba45b;padding:16px;display:flex;gap:12px;width:max-content;position:absolute;top:11px;left:50%;transform:translateX(-50%);z-index:1051}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block .compare-shade-success{top:-75px}}.colourcataloguelisting-block .compare-shade-success:before{content:"";display:block;width:24px;height:24px;background-image:url(clientlibs/resources/images/compare-right-icon.svg)}.colourcataloguelisting-block .grp-section{display:flex;justify-content:space-between}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block .grp-section{align-items:center;padding:0 14px}}.colourcataloguelisting-block .grp-section .total-shades-info{font-size:14px;font-weight:500;line-height:21px;margin:25px 0 10px;color:#53565a6b;padding-left:2.6%;padding-right:1.6%}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block .grp-section .total-shades-info{padding:0;margin:10px 0}}.colourcataloguelisting-block .grp-section .total-shades-info span{font-weight:700;color:#53565a}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block .grp-section .total-shades-info span{font-size:12px}}.colourcataloguelisting-block .grp-section .reset-button{margin:25px 0 10px;padding-right:4%;font-weight:700;font-size:14px;cursor:pointer;display:flex;gap:6px;align-items:center}.colourcataloguelisting-block .grp-section .reset-button:after{content:"";background-image:url(clientlibs/resources/images/reset.svg);width:14px;height:14px;background-repeat:no-repeat}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block .grp-section .reset-button{margin:10px 0}}.colourcataloguelisting-block .no-result-text{text-align:center;font-size:16px;line-height:24px;font-weight:500}.colourcataloguelisting-block .colourcataloguelisting-allshades{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%;gap:10px;padding-left:2.6%;padding-right:1.6%}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block .colourcataloguelisting-allshades{flex-wrap:wrap;justify-content:left;gap:2px;overflow-x:hidden;padding:0}}.colourcataloguelisting-block .colourcataloguelisting-allshades .row-swatch{display:none}.colourcataloguelisting-block .colourcataloguelisting-allshades .colourcataloguelisting-card{display:flex;flex:0 0 calc(100% / 8 - 10px);height:auto;text-align:left;flex-direction:column;justify-content:flex-end;aspect-ratio:1/1;transition:all .2s;cursor:pointer;display:block;position:relative}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block .colourcataloguelisting-allshades .colourcataloguelisting-card{height:unset;flex:0 0 calc(100% / 8 - 2px)}}.colourcataloguelisting-block .colourcataloguelisting-allshades .colourcataloguelisting-card .colourcataloguelisting-card-swatch{width:100%;aspect-ratio:1/1;border-top-right-radius:30px}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block .colourcataloguelisting-allshades .colourcataloguelisting-card .colourcataloguelisting-card-swatch{height:unset;border-top-right-radius:15px}}.colourcataloguelisting-block .colourcataloguelisting-allshades .colourcataloguelisting-card .swatch-detail{display:none}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block .colourcataloguelisting-allshades .colourcataloguelisting-card .swatch-detail{display:none}}.colourcataloguelisting-block .colourcataloguelisting-allshades .colourcataloguelisting-card .swatch-detail .title{font-size:12px;font-weight:400;line-height:16.8px;color:#53565a;text-transform:capitalize}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block .colourcataloguelisting-allshades .colourcataloguelisting-card .swatch-detail .title{font-size:9px;line-height:10px;color:#000;width:80%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transform:translate(9px,4px);margin-bottom:4px}}.colourcataloguelisting-block .colourcataloguelisting-allshades .colourcataloguelisting-card .swatch-detail .colorcode-icon-wraper{display:flex;justify-content:space-between;align-items:center}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block .colourcataloguelisting-allshades .colourcataloguelisting-card .swatch-detail .colorcode-icon-wraper{justify-content:center}}.colourcataloguelisting-block .colourcataloguelisting-allshades .colourcataloguelisting-card .swatch-detail .colorcode-icon-wraper span{font-size:14px;font-weight:400;line-height:28px;color:#53565a}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block .colourcataloguelisting-allshades .colourcataloguelisting-card .swatch-detail .colorcode-icon-wraper span{font-size:9px;line-height:12px;color:#000}}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block .colourcataloguelisting-allshades .colourcataloguelisting-card .swatch-detail .colorcode-icon-wraper img{display:none}}@media (min-width:992px){.colourcataloguelisting-block .colourcataloguelisting-allshades .colourcataloguelisting-card:hover{padding:10px;border-radius:0 30px 0 0;box-shadow:0 3px 8px 0 #0000001A}.colourcataloguelisting-block .colourcataloguelisting-allshades .colourcataloguelisting-card:hover .colourcataloguelisting-card-swatch{border-top-right-radius:20px;aspect-ratio:2/1.3}.colourcataloguelisting-block .colourcataloguelisting-allshades .colourcataloguelisting-card:hover .swatch-detail{display:block}.colourcataloguelisting-block .colourcataloguelisting-allshades .colourcataloguelisting-card:hover .swatch-detail .title{transform:translateY(7px)}}.colourcataloguelisting-block .colourcataloguelisting-allshades .colourcataloguelisting-card.active{padding:5px}.colourcataloguelisting-block #show-more-swatches{width:fit-content;padding:14px 80px;font-size:16px;font-weight:700;gap:8px;cursor:pointer;background:transparent;line-height:24px;color:#232426;border-radius:45px;border:1px solid #232426;display:block;margin:20px auto}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block #show-more-swatches{padding:5px 30px;font-size:12px}}.colourcataloguelisting-block #show-more-swatches:hover{background:#fff7e8}.colourcataloguelisting-block #show-more-swatches img{transform:translate(4px,-1px)}.colourcataloguelisting-block .colourcataloguelisting-footer-note{background:#eeeeef;padding:9px 0 6px;text-align:center;font-size:16px;font-weight:700;line-height:24px;color:#000;margin:40px 1.6% 40px 2.6%}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block .colourcataloguelisting-footer-note{padding:6px 0;font-size:11px;margin:20px 0;line-height:14px}}.colourcataloguelisting-block .breadcrumb{background:transparent;padding:0;width:fit-content;margin-bottom:0;transform:translateY(-8px)}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block .breadcrumb{transform:translateY(4px)}}.colourcataloguelisting-block .breadcrumb ul{display:flex;gap:8px}.colourcataloguelisting-block .breadcrumb ul li{color:#000;font-size:14px;line-height:21px;font-weight:500}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block .breadcrumb ul li{font-size:12px;line-height:16.8px;font-weight:400;line-height:14px}}.colourcataloguelisting-block .breadcrumb.slash-icon li:not(:last-child):after{content:"/";font-size:12px;font-weight:400;line-height:16px;color:#000;margin-left:8px}.colourcataloguelisting-block .fixed-color-of-the-year{bottom:50px;transform:scale(1);cursor:pointer;position:sticky;margin-left:2.4%;width:fit-content}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block .fixed-color-of-the-year{margin-left:0;bottom:80px;left:12px}}.colourcataloguelisting-block .fixed-color-of-the-year img{object-fit:cover}.colourcataloguelisting-block .fixed-color-of-the-year a{position:absolute;bottom:50px;display:block;width:0;height:0}.colourcataloguelisting-block .fixed-color-of-the-year a.open{width:367px;height:385px}.colourcataloguelisting-block .fixed-color-of-the-year .animate-image{left:-425px;top:0;transform:none;transition:left .8s ease-in-out;z-index:1000;position:absolute}.colourcataloguelisting-block .fixed-color-of-the-year .animate-image.show{left:3px}.colourcataloguelisting-block .fixed-color-of-the-year .fixed-img-close{position:absolute;top:20px;right:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;z-index:1002;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transition:right .8s ease-in-out,opacity .25s ease-in-out;box-shadow:0 3px 8px 0 #0000001A}.colourcataloguelisting-block .fixed-color-of-the-year .fixed-img-close.show{right:52px;opacity:1;visibility:visible;pointer-events:auto}.colourcataloguelisting-block .fixed-color-of-the-year .fixed-img-close:before{content:"";display:block;width:24px;height:24px;background:50%/24px 24px no-repeat url(clientlibs/resources/images/swatch-popup-close-icon.svg)}.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content{height:auto;min-height:570px;background:#fff;border-radius:20px;width:467px;box-shadow:0 18px 32px rgba(80,80,80,.04);position:absolute;top:50%;transform:translate(-50%,-50%);left:50%;margin:0}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content{width:370px;min-height:425px;padding:0 0 10px;max-width:90%}}.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content #swatch-detail-popup-closeicon{position:absolute;right:25px;top:30px;cursor:pointer;opacity:1}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content #swatch-detail-popup-closeicon{right:15px;top:30px}}.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content #swatch-detail-popup-closeicon:before{content:"";background:50%/contain no-repeat url(clientlibs/resources/images/swatch-popup-close-icon.svg);display:block;width:24px;height:24px}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content #swatch-detail-popup-closeicon:before{width:20px;height:20px}}.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .title-icon-section{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 65px 10px 25px}.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .title-icon-section .color-title{width:max-content}.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .title-icon-section .color-title .color-name{font-size:16px;font-weight:700;line-height:24px;color:#4c4c4c;margin-bottom:0;text-transform:capitalize}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .title-icon-section .color-title .color-name{font-size:14px;line-height:21px}}.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .title-icon-section .color-title .color-code{color:#8c8e90;font-size:16px;line-height:24px;font-weight:500}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .title-icon-section .color-title .color-code{font-size:14px;line-height:21px}}.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .title-icon-section .icon-wishlist{cursor:pointer;width:30px;height:30px;transition:all .2s;background:50%/contain no-repeat url(clientlibs/resources/images/wishlist-transparent-icon.svg)}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .title-icon-section .icon-wishlist{width:25px;height:25px}}.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .title-icon-section .icon-wishlist.favouriteIcon-selected{background:50%/contain no-repeat url(clientlibs/resources/images/wishlist-red-icon.svg)}.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .image-container{height:324px;margin-bottom:10px;background:#f3f3f3}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .image-container{height:210px}}.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .image-container img{width:100%;height:100%;object-fit:cover}.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .shades-section{padding:0 18px;margin-bottom:18px}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .shades-section{padding:0 13px 13px;margin-bottom:14px}}.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .shades-section .closest-shades-title{display:block;font-size:12px;font-weight:400;line-height:16.8px;color:#000;padding-left:5px;margin-bottom:8px}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .shades-section .closest-shades-title{padding-left:0;margin-bottom:5px}}.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .shades-section .shades-row{display:flex;gap:5px;align-items:flex-start}.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .shades-section .shades-row .shade-thumb{border-radius:0 15px 0 0;border:5px solid transparent;width:auto;max-width:50px;flex:0 1 50px;min-width:0;aspect-ratio:1/1;height:auto;align-self:flex-start;overflow:hidden;cursor:pointer;transition:border .18s;background:#f6f6f6;display:flex}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .shades-section .shades-row .shade-thumb{border-width:4px;max-width:40px;flex:0 1 40px}}.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .shades-section .shades-row .shade-thumb.selected{border-color:#fff}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .shades-section .shades-row .shade-thumb.selected{border-color:#fff}}.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .cta-icon-wraper{display:flex;justify-content:space-between;padding:0 18px 18px;align-items:center}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .cta-icon-wraper{padding:0 13px}}.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .cta-icon-wraper .compare-icon-wrapper,.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .cta-icon-wraper .shortlisted-icon-wrapper{position:relative;display:inline-flex;width:48px;height:48px;border-radius:50%;justify-content:center;align-items:center;cursor:pointer;z-index:1}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .cta-icon-wraper .compare-icon-wrapper,.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .cta-icon-wraper .shortlisted-icon-wrapper{width:45px;height:45px}}.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .cta-icon-wraper .compare-icon-wrapper:before,.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .cta-icon-wraper .shortlisted-icon-wrapper:before{content:attr(data-tip);position:absolute;left:-7px;bottom:calc(100% + 15px);padding:5px;background:#2e2f32;border-radius:10px;opacity:0;visibility:hidden;pointer-events:none;transition:visibility .14s ease;box-shadow:0 8px 12px 0 #0000000F;font-weight:500;font-size:14px;line-height:21px;color:#eeeeef;width:max-content;max-width:190px}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .cta-icon-wraper .compare-icon-wrapper:before,.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .cta-icon-wraper .shortlisted-icon-wrapper:before{font-weight:400;font-size:12px;line-height:16.8px;max-width:165px;bottom:calc(100% + 13px)}}.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .cta-icon-wraper .compare-icon-wrapper:after,.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .cta-icon-wraper .shortlisted-icon-wrapper:after{content:"";position:absolute;left:10px;top:-18px;border-left:14px solid transparent;border-right:14px solid transparent;border-top:16px solid #2e2f32;opacity:0;visibility:hidden;transition:visibility .14s ease}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .cta-icon-wraper .compare-icon-wrapper:after,.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .cta-icon-wraper .shortlisted-icon-wrapper:after{left:8px}}.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .cta-icon-wraper .compare-icon-wrapper[data-tip]:focus:after,.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .cta-icon-wraper .compare-icon-wrapper[data-tip]:focus:before,.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .cta-icon-wraper .compare-icon-wrapper[data-tip]:hover:after,.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .cta-icon-wraper .compare-icon-wrapper[data-tip]:hover:before,.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .cta-icon-wraper .shortlisted-icon-wrapper[data-tip]:focus:after,.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .cta-icon-wraper .shortlisted-icon-wrapper[data-tip]:focus:before,.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .cta-icon-wraper .shortlisted-icon-wrapper[data-tip]:hover:after,.colourcataloguelisting-block #swatch-detail-popup .swatch-detail-popup-content .swatch-detail-popup-body .cta-icon-wraper .shortlisted-icon-wrapper[data-tip]:hover:before{opacity:1;visibility:visible}.colourcataloguelisting .no-result-api-error{display:flex;flex-direction:column;align-items:center;padding:clamp(30px,3vw,40px) 0 clamp(80px,16vw,140px)}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting .no-result-api-error{gap:10px;padding:clamp(30px,11vw,40px) 12px clamp(60px,22vw,80px)}}.colourcataloguelisting .no-result-api-error img{width:429px;height:281px;object-fit:contain}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting .no-result-api-error img{width:100%;height:auto;max-width:335px;max-height:220px}}.colourcataloguelisting .no-result-api-error .error-msg{font-weight:800;font-size:30px;line-height:56.4px;text-align:center;color:#a8141a;padding-left:16px}@media (min-width:320px) and (max-width:991px){.colourcataloguelisting .no-result-api-error .error-msg{font-size:20px}}.colourcataloguelisting .no-result-api-error .go-back-cta{font-size:16px;line-height:24px;font-weight:700;color:#232426;padding:13px 25px;border:1px solid #232426;border-radius:99px;margin-top:15px;display:inline-flex;gap:10px}.colourcataloguelisting .no-result-api-error .go-back-cta:hover{background:#fff7e8}.colourcataloguelisting .no-result-api-error .go-back-cta .common-arrow-prev-icon:before{color:unset!important}