:root{--modal-cross-color: inherit;--cgb-navy: #0b1f3e;--cgb-navy-dark: #0b1f3e;--cgb-white: #fff;--cgb-focus: #94c2ff}.mobile-section-content{display:none}.color-guide-buttons{display:flex;gap:.8rem;justify-content:flex-start;margin-top:15px;flex-direction:column;align-items:flex-start}.cgb-btn{font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.5rem 1rem;border-radius:9999px;font-size:14px;text-decoration:none;transition:all .2s ease;-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;font-weight:500}.cgb-btn--filled{display:none;background-color:var(--cgb-navy);color:var(--cgb-white);border:2px solid var(--cgb-navy)}.cgb-btn--filled:hover{background-color:var(--cgb-navy-dark);border-color:var(--cgb-navy-dark)}.cgb-btn--filled:active{transform:translateY(1px)}.cgb-btn--outline{background-color:transparent;color:var(--cgb-navy);border:2px solid var(--cgb-navy)}.cgb-btn--outline:hover{background-color:var(--cgb-navy);color:var(--cgb-white)}.cgb-btn--outline:active{transform:translateY(1px)}.cgb-icon{width:18px;height:18px;flex:0 0 18px}.cgb-btn:focus{outline:none;box-shadow:0 0 0 3px var(--cgb-focus)}.section-colour-chart__header{width:100%;display:flex;border-bottom:1px solid #c1c1c1;padding-bottom:20px;gap:20px;justify-content:space-between}.section-colour-chart__header .left-content{width:50%;display:flex;flex-direction:column;gap:20px;max-width:410px}.section-colour-chart__header .left-content .section-colour-chart__content{font-size:12px}.section-colour-chart__header .left-content .colour-chart-tabs{width:100%;display:flex;gap:10px}.section-colour-chart__header .left-content .colour-chart-tabs .colour-chart-tab{padding:5px 20px;border:2px solid #0B1F3E;background:transparent;color:#0b1f3e;-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.5rem 1rem;border-radius:9999px;font-size:12px;text-decoration:none;transition:all .2s ease}.section-colour-chart__header .left-content .colour-chart-tabs .colour-chart-tab:hover{background:#0b1f3e;color:#fff}.section-colour-chart__header .left-content .colour-chart-tabs .colour-chart-tab.active{background:#0b1f3e}.section-colour-chart__header .left-content .colour-chart-tabs .colour-chart-tab.active span{color:#f1f1f1}.section-colour-chart__header .left-content .colour-chart-tabs .colour-chart-tab span{font-size:14px;font-weight:500}.section-colour-chart__header .right-content{display:flex;gap:15px}.section-colour-chart__header .right-content .product-image{max-height:300px;max-width:300px}.section-colour-chart__header .right-content .product-image img{width:100%;height:100%;object-fit:cover}.section-colour-chart__header .right-content .product-info{display:flex;flex-direction:column;gap:10px}.section-colour-chart__header .right-content .product-info .product-title{font-weight:700}.section-colour-chart__header .right-content .product-info .product-description{font-size:12px}.section-colour-chart__header .right-content .product-info .product-link{text-decoration:underline}.tab-content-wrapper{width:100%}.tab-content-wrapper .tab-content{display:none;padding-top:30px}.tab-content-wrapper .tab-content.active{display:block}.meta-colour-tile{position:relative;width:250px;height:200px;overflow:hidden;border:1px solid #ccc;transition:all .3s ease}.tile-footer{position:absolute;bottom:0;width:100%;background:linear-gradient(to right,#0b1d3a,#3e599c,#1a0d3a);color:#fff;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;font-weight:700}.tile-number{background-color:#0b1d3a;padding:5px 10px;clip-path:polygon(0 0,100% 0,85% 100%,0% 100%)}.tile-label{flex:1;text-align:right}.icons-grid{display:grid;grid-template-columns:repeat(4,1fr);position:absolute;top:0;left:0;width:100%;height:100%;padding:5px;gap:5px;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:2}.meta-colour-tile:hover .icons-grid,.meta-colour-tile:hover .central-box{opacity:1;pointer-events:auto}.grid-with-next-row-sec,.grid-with-next-row-sec .content{display:grid;grid-template-columns:repeat(5,1fr);width:100%;row-gap:clamp(20px,3vw,30px);column-gap:clamp(25px,3.5vw,40px)}.grid-with-next-row-sec .grid-item{width:100%;display:block;cursor:pointer}.grid-item-preview{grid-column:1 / -1;padding:30px 0;margin-bottom:30px;display:none}.grid-item-preview.active{display:block}.grid-item-preview .preview-header{gap:20px;width:100%;display:flex;margin-bottom:40px;align-items:center;justify-content:space-between}.grid-item-preview .preview-header .colorGroup-title{font-size:40px;font-weight:200}.grid-item-preview .preview-header .close-preview-btn{position:relative;height:30px;width:30px;color:transparent;font-size:0}.grid-item-preview .preview-header .close-preview-btn:after,.grid-item-preview .preview-header .close-preview-btn:before{content:"";width:100%;height:2px;display:block;background-color:#000;transform:rotate(45deg);position:absolute}.grid-item-preview .preview-header .close-preview-btn:before{transform:rotate(-45deg)}.preview-items-sec{display:grid;grid-template-columns:repeat(5,1fr);width:100%;gap:clamp(15px,3vw,25px)}.colorGroup{position:relative;display:flex;border-radius:10px;overflow:hidden;background:#d3d3d3;width:100%;text-align:left}.colorGroup .colorGroup-color{width:100%;min-height:150px}.colorGroup .colorGroup-text{position:absolute;bottom:15px;left:0;right:0;width:100%;color:#fff;font-size:clamp(18px,2vw,22px);padding-left:15px;padding-right:clamp(40px,30%,55px);text-transform:uppercase;line-height:120%}.colorGroup .colorGroup-text svg{height:clamp(20px,3vw,30px);position:absolute;bottom:-2px;right:clamp(10px,2vw,15px)}.colorGroup .colorGroup-text svg .fill-color{fill:currentColor}.color-item{display:flex;min-height:170px;flex-direction:column;cursor:pointer;box-shadow:0 0 10px 1px #00000026}.color-item .color-details{display:flex;margin-top:auto;align-items:flex-end}.color-item .color-details .color-number{font-size:14px;font-weight:600;color:#fff;background-color:#0b1f3e;padding:0 5px;width:40px;line-height:20px;text-align:center;position:relative;display:block}.color-item .color-details .color-number:after,.color-item .color-details .color-number:before{content:"";left:0;width:100%;bottom:100%;position:absolute;border-bottom:13px solid #0b1f3e;border-left:20px solid transparent;border-right:20px solid transparent}.color-item .color-details .color-number:after{transform:rotateX(180deg);top:100%;bottom:unset}.color-item .color-details .color-text{color:#fff;flex:1 0 0;text-align:right;padding:0 8px 0 0;font-size:14px;text-transform:uppercase;font-weight:500;line-height:20px;letter-spacing:0px;background:#7297c8;background:linear-gradient(90deg,#7297c8,#202554)}.color-item .colors-icon-options{flex:1 0 0;display:grid;grid-template-columns:repeat(10,1fr);opacity:0;transition:.5s;visibility:hidden}.color-item .colors-icon-options .left,.color-item .colors-icon-options .right{display:grid;background:#fff;grid-template-rows:repeat(7,1fr);border-left:1px solid #dadde1;border-right:1px solid #dadde1}:is(.color-item .colors-icon-options .left,.color-item .colors-icon-options .right)>*{border-top:1px solid #dadde1}:is(.color-item .colors-icon-options .left,.color-item .colors-icon-options .right)>*:last-child{border-bottom:1px solid #dadde1}.color-item .colors-icon-options .center{display:grid;grid-column:2 / -2;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(8,1fr);border-top:1px solid #dadde1}.color-item .colors-icon-options .center>.colors-icon{border-bottom:1px solid #dadde1}.color-item .colors-icon-options .center>.colors-icon:not(:first-child){border-left:1px solid #dadde1}.color-item .colors-icon-options .colors-icon{display:flex;align-items:center;justify-content:center;background:#fff;padding:1px;transition:.3s;position:relative}.color-item .colors-icon-options .colors-icon *{position:relative;z-index:2}.color-item .colors-icon-options .colors-icon.blue-bg{background:#7298cd}.color-item .colors-icon-options .colors-icon.half-blue-bg:after{content:"";left:50%;right:0;top:0;bottom:0;position:absolute;z-index:1;background:#7298cd}.color-item .colors-icon-options .colors-icon:hover{background:#e3e3e2}.color-item .colors-icon-options .colors-icon.h-box-2{padding:1px 2px;grid-column:span 2;justify-content:space-between}.color-item .colors-icon-options .colors-icon.v-box-2{padding:2px 1px;grid-row:span 2;flex-direction:column;gap:3px}.color-item .colors-icon-options .colors-icon.v-box-2.top{justify-content:flex-start}.color-item .colors-icon-options .colors-icon img{display:block;max-width:min(85%,18px);max-height:min(85%,18px)}.color-item .colors-icon-options .colors-icon.single-img img{max-height:min(90%,30px)}.color-item .colors-icon-options .colors-info{grid-column:1 / -1;grid-row:2 / -1;display:flex;align-items:center;justify-content:center;cursor:pointer}.color-item .colors-icon-options .colors-info .color-info-text{background:#0b1f3e;border-radius:100px;color:#fff;padding:7px 10px;min-width:100px;text-align:center;max-width:80%;display:flex;column-gap:10px;align-items:center;font-size:13px}.color-item .colors-icon-options .colors-info .color-info-text svg{fill:currentColor}.color-item .colors-icon-options .colors-info .color-available-in,.color-item .colors-icon-options .colors-info.active .color-info-text{display:none}.color-item .colors-icon-options .colors-info.active .color-available-in{background:#0b1f3e;border-radius:100px;color:#fff;padding:7px 12px;min-width:100px;text-align:center;max-width:80%;display:flex;flex-direction:column;column-gap:10px;align-items:center;font-size:13px}.color-item .colors-icon-options .colors-info.active .color-available-in svg{fill:currentColor}.color-item .colors-icon-options .colors-info.active .color-available-in .available-in-text{font-size:9px}.color-item .colors-icon-options .colors-info.active .color-available-in .available-product-text{font-size:12px}.color-item:hover .colors-icon-options{opacity:1;visibility:visible}.color-item .plus-icon{display:none}.colorProduct{display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;position:relative;gap:10px}.colorProduct .colorProduct-img{display:flex;align-items:center;justify-content:center;height:200px}.colorProduct .colorProduct-img img{max-width:100%;max-height:100%;object-fit:contain}.colorProduct .colorProduct-name{color:#0b1f3e;font-size:14px;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-text-transform)}.colorProduct .view-btn{text-transform:uppercase;font-size:11px;line-height:unset;margin-top:7px!important}.colorProduct .product-icon{position:absolute;right:0;top:0;width:25px;display:flex;flex-direction:column;gap:3px}.colorProduct .product-icon *{margin:0}.colorProduct-variations-wpr .preview-items-sec{gap:20px;grid-template-columns:repeat(4,1fr)}.colorProduct-variations-wpr .preview-items-sec .color-item,.colorProduct-variations-wpr .preview-items-sec .colorProduct-variations{flex-direction:column}:is(.colorProduct-variations-wpr .preview-items-sec .color-item,.colorProduct-variations-wpr .preview-items-sec .colorProduct-variations) .color-details{gap:10px;width:100%;display:flex;text-align:right;justify-content:space-between}:is(.colorProduct-variations-wpr .preview-items-sec .color-item,.colorProduct-variations-wpr .preview-items-sec .colorProduct-variations) .color-details .color-text{flex:unset;font-size:20px;line-height:normal}:is(.colorProduct-variations-wpr .preview-items-sec .color-item,.colorProduct-variations-wpr .preview-items-sec .colorProduct-variations) .color-details .color-number{font-size:20px}:is(.colorProduct-variations-wpr .preview-items-sec .color-item,.colorProduct-variations-wpr .preview-items-sec .colorProduct-variations) .plus-icon{height:40px;width:40px;font-size:24px}.colorProduct-variations{gap:10px;display:flex;text-align:left;min-height:150px;padding:10px 15px;align-items:flex-end;justify-content:space-between;box-shadow:0 0 10px 1px #00000026}.colorProduct-variations .color-details{font-weight:500;text-transform:uppercase;flex:1 0 0}.colorProduct-variations .color-details .color-number{font-size:35px}.colorProduct-variations .color-details .color-text{font-size:18px}.plus-icon{height:50px;width:50px;display:flex;align-items:center;justify-content:center;border:2px solid currentColor;border-radius:50%;font-size:28px;padding-bottom:4px}.colorProduct-modal::part(base){place-items:center!important}.colorProduct-modal::part(header){padding:0!important;border:0}.colorProduct-modal::part(close-button){position:absolute;top:30px;right:30px;opacity:1;transform:scale(1.5);color:var(--modal-cross-color)}.colorProduct-modal::part(content){max-height:unset;overflow:hidden;border-radius:10px;max-width:min(920px,90%);margin-top:10dvh;background:transparent}.colorProduct-modal::part(body){padding:clamp(15px,3%,25px)!important;padding-bottom:0!important;background:#fff}.colorProduct-modal .main-modal-header{position:relative;height:23dvh;display:flex;flex-direction:column}.colorProduct-modal .main-modal-header .colorBG{flex:1 0 0;background:#ece5ce}.colorProduct-modal .main-modal-header .color-info{position:relative;text-align:left;display:flex}.colorProduct-modal .main-modal-header .color-info .colorNumber{width:clamp(61px,10vw,80px);font-size:clamp(20px,4vw,33px);font-weight:600;color:#fff;background-color:#0b1f3e;padding:0 5px;margin-left:10px;line-height:40px;text-align:center;position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center}.colorProduct-modal .main-modal-header .color-info .colorNumber:after,.colorProduct-modal .main-modal-header .color-info .colorNumber:before{content:"";left:-1px;width:100%;bottom:calc(100% - 1px);position:absolute;border-bottom:calc(clamp(56px,10vw,80px) / 3) solid #0b1f3e;border-left:calc(clamp(61px,10vw,80px)/2 + 2px) solid transparent;border-right:calc(clamp(61px,10vw,80px)/2 + 1px) solid transparent}.colorProduct-modal .main-modal-header .color-info .colorNumber:after{transform:rotateX(180deg);top:calc(100% - 1px);bottom:unset}.colorProduct-modal .main-modal-header .color-info #color-tile__name{width:100%;color:#fff;font-size:clamp(18px,3vw,25px);font-weight:700;line-height:100%;display:flex;padding:7px calc(clamp(61px,10vw,80px) + 25px) 5px;align-items:center;justify-content:center;text-align:center;background:#7297c8;background:linear-gradient(90deg,#7297c8,#202554);min-height:35px}.colorProduct-modal .main-modal-body .prose{padding-bottom:30px}.colorProduct-modal .main-modal-body .available-text{font-size:16px;font-weight:500}.colorProduct-modal .main-modal-body .colour-tile__products{max-height:50dvh;overflow:auto;display:grid;grid-template-columns:repeat(3,1fr);column-gap:20px;row-gap:40px;margin:30px 0 0;padding-bottom:30px;padding-right:25px}.colorProduct-modal .main-modal-body .colour-tile__products::-webkit-scrollbar{width:10px}.colorProduct-modal .main-modal-body .colour-tile__products::-webkit-scrollbar-track{background:#e6e7e7;border-radius:10px}.colorProduct-modal .main-modal-body .colour-tile__products::-webkit-scrollbar-thumb{background:#b3b3b3;border-radius:10px;transition:.3s}.colorProduct-modal .main-modal-body .colour-tile__products::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.colorProduct-modal .main-modal-body .colorProduct{margin:0;padding:0 20px}.colorProduct-modal .main-modal-body .colorProduct>*{margin:0}@media only screen and (min-width: 992px){.color-item .color-details{color:#fff!important}}@media only screen and (max-width: 1080px){.grid-with-next-row-sec,.preview-items-sec{grid-template-columns:repeat(4,1fr)}.colorProduct-variations-wpr .preview-items-sec{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width: 991px){.colorProduct-modal::part(content){margin-top:0}.colorProduct-modal .main-modal-body .prose{padding-bottom:10px}.grid-with-next-row-sec,.preview-items-sec,.colorProduct-variations-wpr .preview-items-sec{grid-template-columns:repeat(3,1fr)}.section-colour-chart__header .left-content{width:100%;margin:0 auto;max-width:500px;text-align:center}.section-colour-chart__header .left-content .colour-chart-tabs{justify-content:center}.mobile-section-content{display:flex;margin-top:40px;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;text-align:center}.mobile-section-content .product-image{max-width:400px}.section-colour-chart__header .right-content{display:none}.color-item{gap:10px;display:flex;text-align:left;min-height:150px;padding:10px 15px;align-items:flex-end;flex-direction:row;justify-content:space-between}.color-item .color-details{display:unset;margin-top:unset;align-items:unset;font-weight:500;text-transform:uppercase;text-align:left;flex:1 0 0}.color-item .color-details .color-number{font-size:35px;background:unset;font-weight:inherit;color:inherit;padding:0;width:unset;display:unset;line-height:unset}.color-item .color-details .color-number:after,.color-item .color-details .color-number:before{content:none}.color-item .color-details .color-text{font-size:18px;padding:0;font-weight:inherit;background:unset;line-height:unset;text-align:unset;letter-spacing:inherit;color:inherit}.color-item .plus-icon{display:flex}.color-item .colors-icon-options{display:none}}@media only screen and (max-width: 699px){html[lang=fr] .section-colour-chart__header .left-content .colour-chart-tabs,html[lang=fr] .color-guide-buttons{justify-content:center;flex-wrap:wrap}.mobile-section-content .product-info{text-align:center}.colorProduct-modal .main-modal-body .colour-tile__products{grid-template-columns:repeat(2,1fr)}.section-colour-chart__header .left-content .colour-chart-tabs .colour-chart-tab{padding:2px 8px}.colorProduct-variations-wpr .preview-items-sec{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width: 624px){.grid-with-next-row-sec,.preview-items-sec{grid-template-columns:repeat(2,1fr)}.colorGroup .colorGroup-color{min-height:150px}.colorProduct-modal .main-modal-body .colorProduct{padding:0}.colorProduct-modal .main-modal-body .colour-tile__products::-webkit-scrollbar{width:7px}.colorProduct-modal .main-modal-header .color-info #color-tile__name{padding-right:10px;text-align:left;justify-content:flex-start}}@media only screen and (max-width: 480px){.plus-icon{height:40px;width:40px;font-size:24px}.color-guide-buttons{gap:.6rem}.cgb-btn{width:auto;justify-content:center}}@media only screen and (max-width: 418px){.preview-items-sec{grid-template-columns:repeat(1,1fr)!important}.preview-items-sec .color-item,.preview-items-sec .colorProduct-variations{flex-direction:column}:is(.preview-items-sec .color-item,.preview-items-sec .colorProduct-variations) .color-details{gap:10px;width:100%;display:flex;justify-content:space-between}:is(.preview-items-sec .color-item,.preview-items-sec .colorProduct-variations) .color-details .color-text{flex:unset;font-size:20px}:is(.preview-items-sec .color-item,.preview-items-sec .colorProduct-variations) .color-details .color-number{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/main-colour-chart.css.map */