.colorpage .table-of-contents,.colorpage__relatedcolors,.colorpage__content,.colorpage__head-wrap{width:100%;margin-inline:auto}.colorpage .table-of-contents>*,.colorpage__relatedcolors>*,.colorpage__content>*,.colorpage__head-wrap>*{width:min(var(--block-width, 95%),144rem);margin-inline:auto}.colorpage{--block-screen-gap: 2.5vw}.colorpage .twz-color-texture{width:100%;aspect-ratio:1;border-radius:1.5rem;overflow:clip;background-color:var(--theme)}@media(min-width: 1025px){.colorpage .twz-color-texture{block-size:min(49rem,70vh);aspect-ratio:unset}}.colorpage .twz-color-texture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;mix-blend-mode:overlay}.colorpage .breadcrumbs,.colorpage .breadcrumbs span{color:var(--theme-text)}.colorpage[text-color=black],.colorpage[text-color^="#000"]{--theme-text: #000}.colorpage[text-color=white],.colorpage[text-color^="#fff"]{--theme-text: #ffffff}.colorpage>.grid:nth-child(1),.colorpage>.grid:nth-child(1):after{background-color:color-mix(in srgb, var(--theme, #F3F3F3), #fff 10%)}.colorpage__head{background:-webkit-gradient(linear, left top, left bottom, color-stop(60%, color-mix(in srgb, var(--theme, #F3F3F3), #fff 10%)), color-stop(60%, white), to(white));background:linear-gradient(to bottom, color-mix(in srgb, var(--theme, #F3F3F3), #fff 10%) 60%, white 60%, white 100%)}.colorpage__head-wrap{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width: 767px){.colorpage__head-wrap{grid-template-columns:1fr}}@media(min-width: 1300px){.colorpage__head-wrap{gap:2rem 6rem}}.colorpage__head__gallery{--block-width: 97.5%;margin-right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media(min-width: 1460px){.colorpage__head__gallery{--block-width: 100%;margin-left:calc((100vw - 144rem)*.5);margin-right:0;width:auto}}.colorpage__head__info{background:#fff;border-radius:1.5rem;padding:2rem}@media(min-width: 1460px){.colorpage__head__info{--block-width: 100%;border-top-right-radius:0;padding-right:calc((100vw - 144rem)*.5)}}.colorpage__head__info::after{content:"";position:absolute;inset:0 0 0 100%;background-color:#fff;width:calc((100vw - 144rem)*.5)}.colorpage__head__info-wrap{position:sticky;top:calc(var(--nav-offset, 8rem) + 2rem)}.colorpage__head__options{margin-block:3rem}@media(min-width: 1025px){.colorpage__head .gallery--vertical{position:sticky;top:calc(var(--nav-offset, 8rem) + 2rem)}.colorpage__head .gallery--vertical .gallery__rail{display:block}.colorpage__head .gallery--vertical .gallery__thumbs{display:-webkit-box;display:-ms-flexbox;display:flex}}.colorpage__head :is(.gallery__slide,.gallery__thumb) img[src*=".png"]{background-color:var(--theme)}.colorpage__head__actions{display:grid;margin-bottom:3rem;gap:1rem;max-width:35rem}.colorpage__head__actions .btn{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:left;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.colorpage__head__actions .btn+.btn{margin:0}.colorpage__head__actions .price{-ms-flex-wrap:wrap;flex-wrap:wrap}.colorpage__head__actions .price .discountprice{-ms-flex-preferred-size:100%;flex-basis:100%}.colorpage__head--extended .colorinfo-titlewrap{margin-bottom:1.2rem;grid-template-columns:minmax(0, 1fr);gap:0}.colorpage__head--extended .colorpage__head__colorinfo>p{margin-block:0}.colorpage__head--extended .colorpage__head__options{-webkit-margin-before:1.2rem;margin-block-start:1.2rem}.colorpage__head--extended .colorpage__head__actions .btn--green{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.colorpage__head--extended .colorpage__head__actions .btn--icon--waaier{display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.colorpage__head--extended .colorpage__head__actions .btn--icon--waaier>:is(svg,img){position:absolute;inset-inline-start:1.5em;inset-block-start:50%;translate:0 -50%}.colorpage__head--extended .colorpage__head__actions .btn--icon--waaier:is(:hover,:focus-visible){border-color:#1d3a5f;background-color:#1d3a5f;color:var(--white, #ffffff)}@media(min-width: 1300px){.colorpage__head--extended{--head-content: min(100vw, 144rem);--head-bleed: max(0px, calc((100vw - var(--head-content)) / 2));--head-gallery: calc((var(--head-content) - 4rem) * 817 / 1240);position:relative;background:rgba(0,0,0,0)}.colorpage__head--extended::before{content:"";position:absolute;z-index:0;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:90%;background-color:color-mix(in srgb, var(--theme, #F3F3F3), #fff 10%);pointer-events:none}.colorpage__head--extended .colorpage__head-wrap{position:relative;z-index:1;width:min(100%,144rem);margin-inline:auto;grid-template-columns:minmax(0, 81.7fr) minmax(0, 42.3fr);-webkit-column-gap:4rem;-moz-column-gap:4rem;column-gap:4rem;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.colorpage__head--extended .colorpage__head__gallery,.colorpage__head--extended .colorpage__head__info{width:auto;max-width:none;margin:0}.colorpage__head--extended .colorpage__head__info{-ms-flex-item-align:stretch;align-self:stretch;background:rgba(0,0,0,0);border-radius:0;padding:0;inline-size:auto}.colorpage__head--extended .colorpage__head__info::after{content:none;background:rgba(0,0,0,0);inline-size:0}.colorpage__head--extended .colorpage__head__info-wrap{position:sticky;inset-block-start:calc(var(--nav-offset, 8rem) + 2rem);inline-size:min(100%,42.3rem);background:#ffffff;border-radius:1.5rem;padding:2rem}.colorpage__head--extended .colorpage__head__options:has(.twz-color-specs){-webkit-margin-after:0;margin-block-end:0}}.colorpage__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;--colorpage-stack-gap: 6rem;gap:var(--colorpage-stack-gap)}@media(max-width: 549px){.colorpage__content{--colorpage-stack-gap: 2rem}}@media(min-width: 550px){.colorpage__content>.colorpage__combinations:first-child{margin-top:1rem}}.colorpage__relatedcolors{margin-block:4rem}.colorpage__relatedcolors .twz-color-overview__title{-webkit-margin-after:2rem;margin-block-end:2rem}.colorpage__relatedcolors .twz-color-overview{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:.5rem;margin-top:1rem}@container twz_color_category_list (width > 800px){.colorpage__relatedcolors .twz-color-overview{grid-template-columns:repeat(4, minmax(0, 1fr));gap:1rem}}@container twz_color_category_list (width > 1024px){.colorpage__relatedcolors .twz-color-overview{grid-template-columns:repeat(6, minmax(0, 1fr))}}.colorpage__relatedcolors .twz-color-category-list__all-link{-ms-flex-item-align:center;align-self:center;-webkit-margin-before:2rem;margin-block-start:2rem}.colorpage__ctablock .twz-element-images{margin-block:4rem}.colorpage__ctablock .twz-element-images img{max-height:50rem;background-color:var(--theme)}@media(max-width: 1024px){.colorpage__ctablock .twz-element-images{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.colorpage__ctablock .twz-element-images img{width:75%;scroll-snap-align:start}}.colorpage__ctablock .twz-element-buttonrow{text-align:center;margin-block:2rem}@media(max-width: 1024px){.colorpage__ctablock .twz-element-buttonrow{margin-block:1rem}}.colorpage .twz-inspiration{padding-block:4.5rem;position:relative}.colorpage .twz-inspiration:after{content:"";contain:paint;position:absolute;top:0;bottom:0;z-index:-1;width:100vw;margin-left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:var(--fullbg-color, #F7F7F7)}.colorpage .table-of-contents{margin-block:4rem}@media(max-width: 767px){.colorpage .table-of-contents{width:100%;margin-block:4rem}}.colorpage:has(.colorpage__head--extended) .table-of-contents{display:block;width:100%;max-width:100%;margin-block:4rem 2rem;margin-inline:auto}@media(max-width: 767px){.colorpage:has(.colorpage__head--extended) .table-of-contents{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%}}.colorpage:has(.colorpage__head--extended) .table-of-contents .table-of-contents-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:none;flex:none;gap:0;width:100%;max-width:100%;margin:0;padding:0;overflow-x:auto;background:#fff;border:.1rem solid #1f3d57;border-radius:.8rem}@media(max-width: 767px){.colorpage:has(.colorpage__head--extended) .table-of-contents .table-of-contents-wrap{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}}.colorpage:has(.colorpage__head--extended) .table-of-contents .table-of-contents-wrap>a{color:#1f3d57;background:rgba(0,0,0,0);font-size:1.6rem;font-weight:400;line-height:1.6;text-decoration:underline;padding:1.5rem 1rem}.colorpage:has(.colorpage__head--extended) .table-of-contents .table-of-contents-wrap>a:first-child{-webkit-padding-start:2rem;padding-inline-start:2rem}.colorpage:has(.colorpage__head--extended) .table-of-contents .table-of-contents-wrap>a:last-child{-webkit-padding-end:1rem;padding-inline-end:1rem}.colorpage:has(.colorpage__head--extended) .table-of-contents .table-of-contents-wrap>a:hover{color:#1d3a5f;text-decoration:underline}.colorpage:has(.colorpage__head--extended) .table-of-contents :where(.current,.anchorlist-title){background:rgba(0,0,0,0);font-weight:400}.colorpage:has(.colorpage__head--extended) :is(.colorpage__combinations .title-wrap>.title,.colorpage__colorshades>.title,.colorpage__relatedcolors .twz-color-overview__title){text-align:start;font-size:calc(3.2rem + .4rem);line-height:1.3}.colorpage:has(.colorpage__head--extended) #colorpage_faq .h3{text-align:start;font-size:calc(2.4rem + .4rem);line-height:1.25}.colorpage__combinations{width:100%}.colorpage__combinations .title-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:2.5%}@media(min-width: 1460px){.colorpage__combinations .title-wrap{padding-left:calc((100vw - 144rem)*.5)}}.colorpage__combinations .title-wrap .title{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.colorpage__combinations .controls{margin-right:2.5%}@media(max-width: 1024px){.colorpage__combinations .controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}}@media(min-width: 1460px){.colorpage__combinations .controls{margin-right:calc((100vw - 144rem)*.5)}}.colorpage__combinations .controls .btn--slider{--btn-theme-color: transparent;border:1px solid var(--grey-500);border-radius:4px;height:4.8rem;aspect-ratio:1;padding:0;place-content:center}@media(max-width: 1024px){.colorpage__combinations .controls .btn--slider{-webkit-box-flex:0;-ms-flex:0 0 3.8rem;flex:0 0 3.8rem;height:3.8rem}}.colorpage__combinations .controls .btn--slider:hover svg path{fill:#fff}.colorpage__combinations .controls .btn--slider svg path{fill:#143D59}.colorpage__combinations .controls .disabled{opacity:.3;pointer-events:none}.colorpage__combinations-list{position:relative}.colorpage__combinations-list::before{content:"";contain:paint;position:absolute;top:0;height:12rem;z-index:-1;width:120vw;margin-left:50%;translate:-50% 0;background-color:var(--theme);-webkit-filter:none;filter:none}.btn--icon--waaier .twz-color-fan{inline-size:1.6rem;block-size:1.6rem;color:currentColor}.btn--icon--waaier .twz-color-fan path{fill:none;stroke:currentColor;stroke-width:1.04;stroke-linejoin:round}.gallery-dialog__body img{background-color:var(--theme)}.colorinfo-titlewrap{display:grid;grid-template-columns:8rem 1fr;gap:2rem;margin-bottom:3rem}.colorinfo-titlewrap .colorinfo-color{position:relative;height:auto;aspect-ratio:4/3;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:var(--theme);border-radius:4px;overflow:clip}.colorinfo-titlewrap .colorinfo-color .twz-color-texture{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:unset;border-radius:inherit;-o-object-fit:cover;object-fit:cover;mix-blend-mode:overlay;background-color:rgba(0,0,0,0)}@media(min-width: 1025px){.colorinfo-titlewrap .colorinfo-color .twz-color-texture{block-size:auto}}.colorinfo-titlewrap .title{margin:0}.colorinfo-titlewrap .titlewrap{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.colorinfo-titlewrap .info{grid-column:1/-1}.colorinfo-titlewrap .category{color:#5789ac}.savedcolor-cta .savedcolor__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:1rem}.savedcolor-cta .savedcolor__body .btn{margin:0}.colorpage:has(.colorpage__head--extended) #colorpage_content .twz-container--lightblue,.colorpage:has(.colorpage__head--extended) #colorpage_faq .twz-component-woocommerce__productdetail__info-faq>.twz-container--white{background-color:rgba(0,0,0,0);border-radius:0;padding:0}.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion{background-color:rgba(0,0,0,0);border:0;border-radius:0;border-bottom:.1rem solid var(--grey-350, #e3e3e3);margin-top:0;overflow:clip;-webkit-transition:none;transition:none}.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion::after,.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion:last-of-type::after{content:none}.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion:first-of-type{margin-top:0}.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion+.twz-element-accordion{margin-top:.5rem}.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion:has(>[aria-expanded=true]){gap:1rem;padding-bottom:2rem}.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion__panel{-webkit-transition:opacity .2s ease;transition:opacity .2s ease}@media(prefers-reduced-motion: reduce){.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion__panel{-webkit-transition:none;transition:none}}.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion__heading{padding-block:2rem;padding-inline:0;background-color:rgba(0,0,0,0);--icon-fill: var(--blue-800);-webkit-transition:none;transition:none}.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion__heading .title{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-inline-size:0;margin:0;-webkit-margin-end:1.6rem;margin-inline-end:1.6rem;color:var(--blue-800);font-size:1.8rem;font-weight:500;line-height:2.25rem;-webkit-transition:none;transition:none}.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion__heading .twz-icon--chevron{-ms-flex-negative:0;flex-shrink:0;--icon-size: 1.2rem;inline-size:var(--icon-size);block-size:var(--icon-size);rotate:90deg;color:currentColor;fill:currentColor;-webkit-transition:rotate .2s ease;transition:rotate .2s ease}@media(prefers-reduced-motion: reduce){.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion__heading .twz-icon--chevron{-webkit-transition:none;transition:none}}.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion__heading[aria-expanded=true]{padding-block:2rem;padding-inline:0;background-color:rgba(0,0,0,0);-webkit-transition:none;transition:none}.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion__heading[aria-expanded=true] .title{font-size:1.8rem;font-weight:500;line-height:2.25rem;text-decoration:underline;text-underline-offset:.2rem;-webkit-transition:none;transition:none}.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion__heading[aria-expanded=true] .twz-icon--chevron{--icon-size: 1.2rem;inline-size:var(--icon-size);block-size:var(--icon-size);rotate:-90deg;color:currentColor;fill:currentColor}.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion__heading[aria-expanded=true]+.twz-element-accordion__panel{inline-size:100%;width:100%;margin:0;padding:0 0 0 2rem;opacity:.9;color:var(--blue-500);font-size:1.5rem;font-weight:400;line-height:1.6;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}@media(prefers-reduced-motion: reduce){.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion__heading[aria-expanded=true]+.twz-element-accordion__panel{-webkit-transition:none;transition:none}}.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion__heading[aria-expanded=true]+.twz-element-accordion__panel :where(p){margin-block:0 1rem;color:inherit;font-size:inherit;line-height:inherit}.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion__heading[aria-expanded=true]+.twz-element-accordion__panel :where(p):last-child{-webkit-margin-after:0;margin-block-end:0}.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion__heading[aria-expanded=true]+.twz-element-accordion__panel :where(h2,h3,h4){margin-block:1.6rem .6rem;color:var(--blue-800);font-size:1.6rem;font-weight:500;line-height:1.4}.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion__heading[aria-expanded=true]+.twz-element-accordion__panel :where(ul,ol){margin-block:0 1rem;-webkit-padding-start:1.6rem;padding-inline-start:1.6rem}.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion__heading[aria-expanded=true]+.twz-element-accordion__panel a{color:var(--blue-800);text-decoration:underline}.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion__heading:is(:hover,:focus-visible){background-color:rgba(0,0,0,0);--icon-fill: var(--blue-800);color:var(--blue-800)}.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion__heading:is(:hover,:focus-visible) .title{color:var(--blue-800);text-decoration:underline;text-underline-offset:.2rem}.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion__heading:is(:hover,:focus-visible) .twz-icon--chevron{color:var(--blue-800)}.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion__heading:is(:hover,:focus-visible) .twz-icon--chevron,.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion__heading:is(:hover,:focus-visible) .twz-icon--chevron use{fill:currentColor}.colorpage:has(.colorpage__head--extended) :is(#colorpage_content,#colorpage_faq) .twz-element-accordion__heading:focus-visible{outline:.2rem solid var(--blue-800);outline-offset:.2rem}.colorpage:has(.colorpage__head--extended) .twz-color-info{--color-info-hover: #1d3a5f;container-type:inline-size;container-name:twz_color_info;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6rem}.colorpage:has(.colorpage__head--extended) .twz-color-info__main{display:grid;grid-template-columns:minmax(0, 1fr);gap:3.2rem;-webkit-box-align:start;-ms-flex-align:start;align-items:start;position:relative;padding-block:4rem}.colorpage:has(.colorpage__head--extended) .twz-color-info__main::before{content:"";position:absolute;z-index:-1;inset-block:0;inset-inline-start:50%;inline-size:100vw;translate:-50% 0;background-color:var(--grey-200, #F7F7F7)}@container twz_color_info (width > 768px){.colorpage:has(.colorpage__head--extended) .twz-color-info__main{padding-block:8rem}.colorpage:has(.colorpage__head--extended) .twz-color-info__main:has(.twz-color-info__accordions){grid-template-columns:repeat(2, minmax(0, 1fr));-webkit-column-gap:6.4rem;-moz-column-gap:6.4rem;column-gap:6.4rem}}.colorpage:has(.colorpage__head--extended) .twz-color-info__intro{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:1.6rem;min-inline-size:0}.colorpage:has(.colorpage__head--extended) .twz-color-info__intro .twz-ysa-cta{inline-size:100%;margin:0}.colorpage:has(.colorpage__head--extended) .twz-color-info__intro .twz-ysa-cta:is(:hover,:focus-within){background-color:var(--color-info-hover);color:#ffffff}.colorpage:has(.colorpage__head--extended) .twz-color-info__intro .twz-ysa-cta:is(:hover,:focus-within) .twz-ysa-cta__title,.colorpage:has(.colorpage__head--extended) .twz-color-info__intro .twz-ysa-cta:is(:hover,:focus-within) .twz-ysa-cta__subtitle{color:#ffffff}.colorpage:has(.colorpage__head--extended) .twz-color-info__title{margin:0;color:var(--blue-800, #143D59);font-size:calc(3.2rem + .4rem);font-weight:700;line-height:1.3;text-align:start}.colorpage:has(.colorpage__head--extended) .twz-color-info__text{color:var(--blue-800, #143D59);font-size:1.6rem;line-height:1.6}.colorpage:has(.colorpage__head--extended) .twz-color-info__text>:where(p){margin:0;color:inherit;font-size:inherit;line-height:inherit}.colorpage:has(.colorpage__head--extended) .twz-color-info__text>:where(p):last-of-type{display:inline}.colorpage:has(.colorpage__head--extended) .twz-color-info__text>:where(p) a{color:inherit;text-decoration:underline}.colorpage:has(.colorpage__head--extended) .twz-color-info__more{display:inline;margin:0;vertical-align:baseline}.colorpage:has(.colorpage__head--extended) .twz-color-info__toggle{display:inline;margin:0;-webkit-margin-start:.35em;margin-inline-start:.35em;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font:inherit;font-weight:400;line-height:inherit;text-decoration:underline;text-underline-offset:.12em;cursor:pointer;list-style:none}.colorpage:has(.colorpage__head--extended) .twz-color-info__toggle::-webkit-details-marker{display:none}.colorpage:has(.colorpage__head--extended) .twz-color-info__toggle::marker{content:""}.colorpage:has(.colorpage__head--extended) .twz-color-info__toggle:is(:hover,:focus-visible){background:rgba(0,0,0,0);color:inherit;text-decoration:underline}.colorpage:has(.colorpage__head--extended) .twz-color-info__toggle:focus-visible{outline:.2rem solid var(--blue-800, #143D59);outline-offset:.2rem}.colorpage:has(.colorpage__head--extended) .twz-color-info__accordions{min-inline-size:0}.colorpage:has(.colorpage__head--extended) .twz-color-info#colorpage_content .twz-color-info__accordions .twz-element-accordion:first-of-type>.twz-element-accordion__heading{-webkit-padding-before:0;padding-block-start:0}.colorpage:has(.colorpage__head--extended) .twz-color-info__more:not([open])>.twz-color-info__seo{display:none}.colorpage:has(.colorpage__head--extended) .twz-color-info__seo{inline-size:100%;-webkit-margin-before:1.6rem;margin-block-start:1.6rem}
.twz-color-3d{--color-3d-ink: var(--blue-800, #143D59);container-type:inline-size;container-name:twz_color_3d;display:flex;flex-direction:column;align-items:center;gap:2.5rem;padding-block:5rem 4.8rem;scroll-margin-block-start:calc(var(--nav-height, 8rem) + 2rem)}.colorpage__content>.twz-color-3d:has(+.twz-color-brand){padding-block-end:0;margin-block-end:calc(-1*var(--colorpage-stack-gap, 6rem))}.colorpage__content>.twz-color-3d{inline-size:100%;max-inline-size:none;width:100%;max-width:none}.twz-color-3d__title{margin:0;color:var(--color-3d-ink);text-align:start;width:min(95%,144rem);font-size:calc(3.2rem + .4rem);line-height:1.3}@media(max-width: 767px){.twz-color-3d__title{font-size:3rem}}.twz-color-3d__stage{position:relative;flex:none;inline-size:min(100vw,192rem);max-inline-size:192rem;width:min(100vw,192rem);max-width:192rem;margin-inline:calc(50% - min(50vw,96rem));aspect-ratio:4/3;overflow:clip;background-color:#d9d4cc}@container twz_color_3d (width > 700px){.twz-color-3d__stage{aspect-ratio:1440/654}}.twz-color-3d__canvas{position:absolute;inset:0;inline-size:100%;block-size:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:0;transition:opacity .55s ease}@media(prefers-reduced-motion: reduce){.twz-color-3d__canvas{transition:none}}.twz-color-3d__status{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;margin:0;color:rgba(0,0,0,.55);font-size:1.4rem;pointer-events:none;transition:opacity .3s ease}@media(prefers-reduced-motion: reduce){.twz-color-3d__status{transition:none}}.twz-color-3d__stage.is-ready .twz-color-3d__status{opacity:0}.twz-color-3d__picker{position:absolute;z-index:2;inset-block-end:2.5rem;inset-inline:1.6rem;display:flex;justify-content:center;pointer-events:none}@container twz_color_3d (width > 700px){.twz-color-3d__picker{inset-inline:2.5rem}}.twz-color-3d__panel{pointer-events:auto;width:min(100%,75.7rem);padding:1.5rem;border:.1rem solid rgba(255,255,255,.4);border-radius:1.5rem;background-color:rgba(255,255,255,.2);box-shadow:0 .6rem 2.4rem rgba(13,33,51,.18);-webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem)}.twz-color-3d__moments{position:relative;display:flex;align-items:flex-start}.twz-color-3d__day{display:flex;flex:1 1 auto;justify-content:space-between;align-items:flex-start;min-inline-size:0;margin-inline-end:2.4rem}@container twz_color_3d (width > 700px){.twz-color-3d__day{margin-inline-end:6.4rem}}.twz-color-3d__rail{position:absolute;z-index:0;inset-block-start:.6rem;block-size:.6rem;pointer-events:none}.twz-color-3d__line{display:block;box-sizing:border-box;block-size:.6rem;border:.1rem solid #fff;border-radius:.2rem;background-color:#c3c3c3;overflow:clip}.twz-color-3d__fill{display:block;block-size:100%;inline-size:0;background-color:#fff}.twz-color-3d__moment{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:0;padding:0;border:0;background-color:rgba(0,0,0,0);color:#fff;cursor:pointer}.twz-color-3d__moment:hover{border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#fff}.twz-color-3d__moment:focus-visible{outline:.2rem solid #fff;outline-offset:.2rem;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#fff}.twz-color-3d__mark{display:flex;align-items:center;justify-content:center;inline-size:1.8rem;block-size:1.8rem}.twz-color-3d__dot{position:relative;z-index:1;inline-size:1rem;block-size:1rem;border-radius:50%;background-color:#fff;box-shadow:0 .2rem .4rem rgba(0,0,0,.15)}.twz-color-3d__moment[aria-pressed=true] .twz-color-3d__dot{box-sizing:border-box;inline-size:1.8rem;block-size:1.8rem;border:.3rem solid #fff;background-color:#143d59}.twz-color-3d__label{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .4rem;border-radius:.6rem;color:#fff;font-size:1.3rem;font-weight:700;line-height:1.2;white-space:nowrap}.twz-color-3d__icon{display:block;flex:0 0 auto}
.twz-color-brand{--brand-bg: #1d3a5f;container-type:inline-size;container-name:twz_color_brand;display:flex;flex-direction:column;align-items:center;gap:2rem;box-sizing:border-box;padding-block:2rem;padding-inline:2rem;background-color:var(--brand-bg);color:var(--white, #fff);scroll-margin-block-start:calc(var(--nav-height, 8rem) + 2rem)}.colorpage__content>.twz-color-brand{inline-size:100vw;max-inline-size:100vw;width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw)}@media(min-width: 1025px){.twz-color-brand{padding-block:6.4rem;padding-inline:8rem}}.twz-color-brand__intro{display:flex;flex-direction:column;align-items:center;gap:.6rem;inline-size:min(100%,144rem);text-align:center}.twz-color-brand__logo{display:block;inline-size:auto;max-inline-size:34rem;block-size:5rem;-o-object-fit:contain;object-fit:contain}.twz-color-brand__mark{position:relative;display:block;inline-size:min(100%,28rem);aspect-ratio:544/304;overflow:clip}.twz-color-brand__logo--padded{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:124.6323529412%;max-inline-size:none;block-size:auto;aspect-ratio:678/586;-o-object-fit:fill;object-fit:fill;translate:-9.4395280236% -24.5733788396%}.twz-color-brand__intro .twz-color-brand__text{margin-block:0}.twz-color-brand__text{margin:0;inline-size:min(100%,64.6rem);font-size:1.6rem;font-weight:400;line-height:1.6}.twz-color-brand__links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.6rem 3.2rem}.twz-color-brand__link{display:inline-flex;align-items:center;gap:.6rem;color:var(--white, #fff);font-size:1.6rem;font-weight:700;line-height:normal;text-decoration:underline;text-underline-offset:.2rem}.twz-color-brand__link:hover{color:var(--white, #fff)}.twz-color-brand__arrow{flex:none;inline-size:2rem;block-size:2rem}.twz-color-brand__cards{display:grid;grid-template-columns:1fr;gap:2rem;inline-size:min(100%,144rem);margin:0;padding:0;list-style:none}@container twz_color_brand (width > 760px){.twz-color-brand__cards{grid-template-columns:repeat(3, minmax(0, 1fr))}}.twz-color-brand__card{display:flex;flex-direction:column;overflow:clip;border:.1rem solid var(--blue-400, #5789ac);border-radius:.9rem}.twz-color-brand__photo{display:block;inline-size:100%;block-size:22rem;-o-object-fit:cover;object-fit:cover}.twz-color-brand__copy{display:flex;flex-direction:column;gap:.6rem;padding:2rem 2.4rem}.twz-color-brand__card-title{margin:0;font-size:2rem;font-weight:700;line-height:normal}.twz-color-brand__card-text{margin:0;font-size:1.4rem;font-weight:400;line-height:1.55;opacity:.85}.twz-color-brand__dealer{inline-size:min(100%,79.6rem)}
.colorlist{--group-gap: 5rem;position:relative;container-type:inline-size;container-name:colorlist;display:flex;padding-top:4rem;overflow-x:scroll;scroll-snap-type:x mandatory;padding-right:2.5%}@media(min-width: 1460px){.colorlist{padding-right:calc((100vw - var(--row-maxwidth))*.5)}}@media(min-width: 1025px){.colorlist{scrollbar-width:none}.colorlist::-webkit-scrollbar{display:none}}@media(max-width: 767px){.colorlist{--group-gap: 4rem;grid-template-columns:1fr}}.colorlist__list{gap:1.5rem;display:flex}@media(max-width: 1024px){.colorlist__list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.colorlist__list>.twz-card{flex:0 0 19.5rem;scroll-snap-align:start}}@media(max-width: 1024px)and (min-width: 768px)and (max-width: 1024px){.colorlist__list>.twz-card{flex-shrink:1}}.colorlist__list-wrap:first-of-type{padding-left:2.5%}@media(min-width: 1460px){.colorlist__list-wrap:first-of-type{padding-left:calc((100vw - var(--row-maxwidth))*.5)}}.colorlist__list-wrap:not(:last-child){margin-right:var(--group-gap)}:is([text-color^="#fff"],[text-color=white]) .colorlist__list-wrap .title{color:var(--theme-text)}.colorlist__list-wrap .title{margin-bottom:1rem;text-wrap:nowrap}.colorlist__list-wrap .twz-card{width:20rem}
.twz-color-header{--header-gap: 1rem;--header-radius: 0.9rem;--header-ink: var(--blue-800, #143D59);display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:var(--header-gap);inline-size:100%;container-type:inline-size;container-name:twz_color_header}@media(max-width: 767px){.twz-color-header{gap:.5rem}}.twz-color-header__col{display:flex;flex-direction:column;gap:var(--header-gap);min-inline-size:0}.twz-color-header__tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;flex:0 0 auto;inline-size:100%;border:.1rem solid rgba(255,255,255,.5);border-radius:var(--header-radius);background-color:var(--theme, #F3F3F3);color:var(--header-ink);overflow:clip}.twz-color-header__tile--swatch{aspect-ratio:403.5/214;border-radius:.8rem;isolation:isolate;container-type:inline-size;container-name:twz_color_header_swatch}.twz-color-header__tile--door{aspect-ratio:403.5/260;border-radius:.8rem}.twz-color-header__tile--frame{aspect-ratio:403.5/232.61;border-color:rgba(255,255,255,.4)}.twz-color-header__tile--brand{align-items:center;justify-content:center;min-block-size:0;block-size:calc((100cqi - var(--header-gap))/2*109.61/403.5);padding:1.6rem 2.9rem;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0)}.twz-color-header__tile--combos{justify-content:flex-end;aspect-ratio:403.5/263;padding:1.6rem;container-type:inline-size;container-name:twz_color_header_combos}.twz-color-header__tile--slider{aspect-ratio:403.5/340;padding:0;background-color:var(--theme, #F3F3F3)}.twz-color-header__tile--preview{grid-column:1/-1;justify-content:space-between;aspect-ratio:817/360;padding:1.6rem;text-decoration:none}.twz-color-header__tile--preview:is(a):is(:hover,:focus,:focus-visible){color:var(--header-ink);text-decoration:none;background-color:var(--theme, #F3F3F3)}.twz-color-header__tile--preview:focus-visible{outline:.2rem solid #1d3a5f;outline-offset:-0.3rem}@container twz_color_header (width < 56rem){.twz-color-header__tile--preview{aspect-ratio:4/3}}.twz-color-header__texture,.twz-color-header__image{position:absolute;inset:0;inline-size:100%;block-size:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center bottom;object-position:center bottom}.twz-color-header__texture{mix-blend-mode:overlay}.twz-color-header__dot{position:absolute;z-index:1;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;inline-size:auto;block-size:62%;max-block-size:16.8rem;aspect-ratio:486/558;-o-object-fit:contain;object-fit:contain;filter:brightness(1.75);mix-blend-mode:luminosity;pointer-events:none}@container twz_color_header_swatch (width > 28rem){.twz-color-header__dot{block-size:78%}}.twz-color-header__label{position:absolute;inset-block-start:1.5rem;inset-inline-start:1.5rem;z-index:2;padding:.4rem 1.2rem;border-radius:.4rem;background-color:var(--blue-300, #e2eff7);color:var(--header-ink);font-size:1.3rem;font-weight:700;line-height:2.08rem}.twz-color-header__brand-link{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%}.twz-color-header__logo{inline-size:100%;block-size:100%;-o-object-fit:contain;object-fit:contain}.twz-color-header__testers{position:absolute;inset-block-start:12.77%;inset-inline:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:3.79cqw;margin:0;padding:0;list-style:none}.twz-color-header__tester{position:relative;margin:0;padding:1.62cqw 1.62cqw 2.17cqw;border-radius:.81cqw;background-color:#fff;box-shadow:0 .81cqw 2.17cqw rgba(0,0,0,.18);color:#1a1a1a;font-size:.9rem;font-weight:500;line-height:1.4;transition:scale .2s ease}@media(prefers-reduced-motion: reduce){.twz-color-header__tester{transition:none}}.twz-color-header__tester--left{rotate:4deg}.twz-color-header__tester--right{rotate:-4deg}@media(prefers-reduced-motion: no-preference){.twz-color-header__tester:has(>a):where(:hover,:focus-within){z-index:1;scale:1.06}}.twz-color-header__swatch-link{display:flex;flex-direction:column;gap:.6rem;background-color:rgba(0,0,0,0);color:inherit;text-decoration:none}.twz-color-header__swatch-link:where(:hover,:focus,:focus-visible){background-color:rgba(0,0,0,0);color:inherit;text-decoration:none}.twz-color-header__swatch-link:focus-visible{outline:.2rem solid var(--header-ink);outline-offset:.2rem}.twz-color-header__chip{inline-size:20.57cqw;aspect-ratio:76/96;background-color:var(--header-swatch, var(--theme, #F3F3F3))}.twz-color-header__name{max-inline-size:20.57cqw;overflow-wrap:anywhere}.twz-color-header__slide{position:absolute;inset:0}.twz-color-header__slide[hidden]{display:none}.twz-color-header__badge{position:absolute;inset-block-start:1.5rem;inset-inline-start:1.5rem;z-index:1;display:inline-flex;align-items:center;gap:.4rem;max-inline-size:calc(100% - 3rem);block-size:3.2rem;margin:0;padding:.6rem 1rem;border-radius:.6rem;background-color:rgba(255,255,255,.3);color:#fff;font-size:1.4rem;font-weight:700;line-height:1;white-space:nowrap}.twz-color-header__slide .twz-color-header__badge{display:-webkit-box;inline-size:-moz-fit-content;inline-size:fit-content;max-inline-size:calc(100% - 3rem);min-inline-size:0;block-size:auto;max-block-size:calc(2lh + 1.2rem);overflow:hidden;white-space:normal;overflow-wrap:break-word;line-height:1.3;text-align:start;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;background-color:rgba(255,255,255,.75);color:var(--header-ink)}.twz-color-header__tile--preview .twz-color-header__badge{position:static}.twz-color-header__tile--preview .twz-color-header__badges,.twz-color-header__tile--preview .twz-color-header__more{position:relative;z-index:1}.twz-color-header__preview{position:absolute;inset:0;z-index:0;inline-size:100%;block-size:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:0}.twz-color-header__preview.is-ready{opacity:1}.twz-color-header__tile--preview:is(a):is(:hover,:focus-visible) .twz-color-header__more{border-color:#1d3a5f;background-color:#1d3a5f;color:#fff}.twz-color-header__tile--preview:is(a):is(:hover,:focus-visible) .twz-color-header__more svg,.twz-color-header__tile--preview:is(a):is(:hover,:focus-visible) .twz-color-header__more svg path{stroke:currentColor}.twz-color-header__badges{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none}.twz-color-header__controls{position:absolute;inset-block-end:1.6rem;inset-inline-start:1.6rem;z-index:1;display:flex;align-items:center;gap:.7rem}.twz-color-header__arrow{display:inline-flex;align-items:center;justify-content:center;inline-size:3rem;block-size:3rem;padding:0;border:0;border-radius:.8rem;background-color:#fff;color:var(--header-ink);cursor:pointer}.twz-color-header__arrow:hover,.twz-color-header__arrow:focus-visible{border-color:#1d3a5f;background-color:#1d3a5f;color:#fff}.twz-color-header__arrow:hover svg,.twz-color-header__arrow:hover svg path,.twz-color-header__arrow:focus-visible svg,.twz-color-header__arrow:focus-visible svg path{stroke:currentColor}.twz-color-header__arrow:hover .twz-color-header__chevron path,.twz-color-header__arrow:focus-visible .twz-color-header__chevron path{fill:currentColor;stroke:currentColor}.twz-color-header__arrow:focus-visible{outline:.2rem solid var(--header-ink);outline-offset:.2rem}.twz-color-header__chevron path{fill:currentColor;stroke:currentColor;stroke-width:0}.twz-color-header__arrow--prev .twz-color-header__chevron{rotate:90deg}.twz-color-header__arrow:not(.twz-color-header__arrow--prev) .twz-color-header__chevron{rotate:-90deg}.twz-color-header__more{display:inline-flex;align-items:center;gap:.4rem;margin:0;padding:.5rem .7rem .5rem 1rem;border-radius:.6rem;background-color:#fff;box-shadow:0 .2rem .4rem rgba(0,0,0,.12);color:var(--header-ink);font-size:1.4rem;font-weight:500;line-height:1.2;text-decoration:none}.twz-color-header__more:is(a):hover,.twz-color-header__more:is(a):focus-visible{border-color:#1d3a5f;background-color:#1d3a5f;color:#fff}.twz-color-header__more:is(a):hover svg,.twz-color-header__more:is(a):hover svg path,.twz-color-header__more:is(a):focus-visible svg,.twz-color-header__more:is(a):focus-visible svg path{stroke:currentColor}.twz-color-header__more:focus-visible{outline:.2rem solid var(--header-ink);outline-offset:.2rem}.twz-color-header__icon{flex:0 0 auto}@container twz_color_header (width < 56rem){.twz-color-header{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}.twz-color-header .twz-color-header__col{display:contents}.twz-color-header .twz-color-header__tile--swatch{grid-column:1;grid-row:1}.twz-color-header .twz-color-header__tile--door{grid-column:2;grid-row:1}.twz-color-header .twz-color-header__tile--frame{grid-column:1;grid-row:2}.twz-color-header .twz-color-header__tile--slider{grid-column:2;grid-row:2}.twz-color-header .twz-color-header__tile--brand{grid-column:1/-1;grid-row:3;block-size:clamp(7.2rem,24cqi,11rem);min-block-size:0;padding-block:1.2rem}.twz-color-header .twz-color-header__tile--combos{grid-column:1/-1;grid-row:4}.twz-color-header .twz-color-header__tile--preview{grid-column:1/-1;grid-row:5}.twz-color-header .twz-color-header__tile--swatch,.twz-color-header .twz-color-header__tile--door,.twz-color-header .twz-color-header__tile--frame,.twz-color-header .twz-color-header__tile--slider{aspect-ratio:1}.twz-color-header .twz-color-header__tile--combos,.twz-color-header .twz-color-header__tile--preview{aspect-ratio:360/175}}
.twz-color-specs{--specs-ink: var(--blue-800, #143D59);--specs-label: var(--blue-400, #578aac);--specs-line: #e3e3e3;margin-block-start:1.5rem}.twz-color-specs__toggle{display:flex;align-items:center;justify-content:space-between;inline-size:100%;margin:0;padding-block:1rem;padding-inline:0 1rem;border:0;border-block-start:.1rem solid var(--specs-line);background:rgba(0,0,0,0);color:var(--specs-ink);font-size:1.8rem;font-weight:500;line-height:2.5rem;text-align:start;cursor:pointer}.twz-color-specs__toggle:hover{background-color:rgba(0,0,0,0);border-color:var(--specs-line);color:var(--specs-ink)}.twz-color-specs__toggle:focus-visible{outline:.2rem solid var(--specs-ink);outline-offset:.2rem;background-color:rgba(0,0,0,0);border-color:var(--specs-line);color:var(--specs-ink)}.twz-color-specs__toggle[aria-expanded=true]{padding-block-end:0}.twz-color-specs__toggle[aria-expanded=true] .twz-color-specs__chevron{rotate:-90deg}.twz-color-specs__chevron{display:inline-flex;flex:0 0 auto;inline-size:1.2rem;block-size:1.2rem;rotate:90deg}@media(prefers-reduced-motion: reduce){.twz-color-specs__chevron{transition:none}}.twz-color-specs__chevron svg{inline-size:1.2rem;block-size:1.2rem}.twz-color-specs__panel[hidden]{display:none}.twz-color-specs__list{margin:0}.twz-color-specs__row{display:flex;align-items:baseline;gap:1.6rem;margin:0;padding-block:1.2rem;border-block-end:.1rem solid var(--specs-line)}.twz-color-specs__label{flex:0 0 17rem;margin:0;color:var(--specs-label);font-size:1.4rem;font-weight:400;line-height:1.6rem}.twz-color-specs__value{margin:0;color:var(--specs-ink);font-size:1.4rem;font-weight:700;line-height:1.6rem}.colorpage .twz-favorites--pdp:has(.twz-favorites__count){aspect-ratio:auto;inline-size:auto;min-inline-size:0;gap:.6rem;padding-inline:1.2rem;color:var(--blue-700, #1f3d57);font-size:1.4rem;font-weight:700;line-height:1.6rem}
.twz-stickybar.twz-stickybar--color{inset-block-end:auto;inset-block-start:var(--nav-offset, 8rem);inset-inline:auto;inset-inline-end:max(2rem,(100% - 144rem)/2);inline-size:min(60rem,100% - 4rem);max-inline-size:none;margin:0;padding-block-end:0;border:0;border-block-start:0;box-shadow:inset 0 .1rem 0 #e3e3e3;border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:1.5rem;border-end-end-radius:1.5rem;background-color:#fff}.twz-stickybar.twz-stickybar--color.is-hidden{translate:0 calc(-100% - var(--nav-offset, 8rem));opacity:0;pointer-events:none}@media(prefers-reduced-motion: reduce){.twz-stickybar.twz-stickybar--color.is-hidden{translate:none;opacity:0}}@media(max-width: 767px){.twz-stickybar.twz-stickybar--color{inset-inline:0;inline-size:100%}}.twz-color-sticky{display:flex;align-items:center;gap:1.2rem;min-block-size:7.2rem;padding:1.2rem}@media(max-width: 767px){.twz-color-sticky{gap:.8rem;padding:1.2rem 1.5rem 1.6rem}}.twz-color-sticky__swatch{flex:0 0 auto;align-self:stretch;inline-size:5.7rem;border:.1rem solid rgba(0,0,0,.08);border-radius:.8rem}@media(max-width: 767px){.twz-color-sticky__swatch{align-self:center;inline-size:3.6rem;block-size:3.6rem}}.twz-color-sticky__meta{display:flex;flex:1 1 auto;flex-direction:column;gap:.2rem;min-inline-size:0}.twz-color-sticky__title{margin:0;overflow:clip;color:#143d59;font-size:1.6rem;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}@media(max-width: 767px){.twz-color-sticky__title{font-size:1.5rem}}.twz-color-sticky__price{display:flex;align-items:baseline;gap:.4rem;margin:0;color:#143d59;line-height:1.25;white-space:nowrap}.twz-color-sticky__from{font-size:1.2rem;font-weight:400}.twz-color-sticky__amount{font-size:1.6rem;font-weight:700}.twz-color-sticky__amount :where(.amount,bdi,.woocommerce-Price-amount,ins){color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration:none}.twz-color-sticky__amount .woocommerce-Price-currencySymbol,.twz-color-sticky__amount del,.twz-color-sticky__amount .screen-reader-text{display:none}.twz-color-sticky__actions{display:flex;flex:0 0 auto;align-items:center;gap:.8rem}@media(max-width: 767px){.twz-color-sticky__actions{gap:.6rem}}.twz-color-sticky__buy,.twz-color-sticky__tester{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;border-radius:.8rem;font-family:inherit;font-size:1.6rem;font-weight:700;line-height:2rem;white-space:nowrap;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.twz-color-sticky__buy:focus-visible,.twz-color-sticky__tester:focus-visible{outline:.2rem solid #143d59;outline-offset:.2rem}.twz-color-sticky__buy:where(:hover,:focus-visible),.twz-color-sticky__tester:where(:hover,:focus-visible){border-color:#1d3a5f;background-color:#1d3a5f;color:#fff}.twz-color-sticky__buy{flex:0 0 auto;inline-size:16.9rem;block-size:4.6rem;padding:1.2rem 2.4rem;border:.1rem solid #11a24a;background-color:#11a24a;color:#fff}@media(max-width: 767px){.twz-color-sticky__buy{inline-size:auto;block-size:4.4rem;padding-inline:2rem}}.twz-color-sticky__tester{position:relative;flex:0 0 auto;gap:.8rem;block-size:4.6rem;padding:1.2rem 1.6rem 1.2rem 1.4rem;border:.1rem solid #143d59;background-color:#fff;color:#143d59}@media(max-width: 767px){.twz-color-sticky__tester{inline-size:4.4rem;block-size:4.4rem;padding:1.2rem}}.twz-color-sticky__tester:is(:hover,:focus-visible){border-color:#1d3a5f;background-color:#1d3a5f;color:#fff}.twz-color-sticky__tester:is(:hover,:focus-visible) .twz-color-sticky__icon,.twz-color-sticky__tester:is(:hover,:focus-visible) .twz-color-sticky__tester-label{color:currentColor}.twz-color-sticky__icon,.twz-color-sticky__fan{flex:0 0 auto;inline-size:2.4rem;block-size:2.4rem;-o-object-fit:contain;object-fit:contain;color:currentColor}.twz-color-sticky__icon{inline-size:1.6rem;block-size:1.6rem;color:currentColor}.twz-color-sticky__icon path{fill:none;stroke:currentColor;stroke-width:1.04;stroke-linejoin:round}@media(max-width: 767px){.twz-color-sticky__tester-label{position:absolute;inline-size:.1rem;block-size:.1rem;margin:-0.1rem;padding:0;overflow:clip;clip-path:inset(50%);white-space:nowrap;border:0}}.twz-color-sticky .twz-favorites--pdp{position:relative;inset:auto;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:.6rem;box-sizing:border-box;inline-size:auto;block-size:4.6rem;min-inline-size:0;padding-inline:1.2rem;border:.1rem solid #143d59;border-radius:.8rem;background-color:#fff;--fav-size: auto;--fav-icon: 1.8rem;--fav-bg: #ffffff;--fav-stroke: #1f3d57;color:#1f3d57;font-size:1.4rem;font-weight:700;line-height:1.6rem}@media(max-width: 767px){.twz-color-sticky .twz-favorites--pdp{display:none}}.twz-color-sticky .twz-favorites--pdp .twz-favorites__count{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.twz-color-sticky .twz-favorites--pdp:where(:hover,:focus-visible){--fav-bg: #1d3a5f;--fav-stroke: #ffffff;border-color:#1d3a5f;background-color:#1d3a5f;color:#fff}.twz-color-sticky .twz-favorites--pdp:where(:hover,:focus-visible) svg{scale:1;color:currentColor}.twz-color-sticky .twz-favorites--pdp:focus-visible{outline:.2rem solid #143d59;outline-offset:.2rem}body:has(.twz-stickybar.twz-stickybar--color) .footer .footer__absolutebottom{padding-block-end:1.6rem}
.twz-color-inspiration{container-type:inline-size;container-name:twz_color_inspiration;display:flex;flex-direction:column;align-items:stretch;gap:2.4rem;padding-block:4.8rem}.twz-color-inspiration__header{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;text-align:start;width:100%}.twz-color-inspiration__title{margin:0;color:var(--blue-800, #143D59);font-size:calc(3.2rem + .4rem);line-height:1.3}@container twz_color_inspiration (width < 640px){.twz-color-inspiration__title{font-size:3rem;line-height:1.15}}.twz-color-inspiration__intro{margin:0;color:var(--blue-500, #2c4e6d)}@container twz_color_inspiration (width < 640px){.twz-color-inspiration__intro{color:#1f3d57;font-size:1.6rem;line-height:2.56rem}}.twz-color-inspiration__toolbar{display:flex;justify-content:center;width:100%}.twz-color-inspiration__toolbar[data-toolbar=page]{justify-content:flex-start}.twz-color-inspiration__filters{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:.6rem;max-inline-size:100%;overflow-x:auto;scrollbar-width:none}.twz-color-inspiration__toolbar[data-toolbar=page] .twz-color-inspiration__filters{justify-content:flex-start;inline-size:100%}.twz-color-inspiration__filters::-webkit-scrollbar{display:none}@container twz_color_inspiration (width > 640px){.twz-color-inspiration__filters{flex-wrap:wrap;justify-content:center;overflow:visible}.twz-color-inspiration__toolbar[data-toolbar=page] .twz-color-inspiration__filters{justify-content:flex-start}}.twz-color-inspiration__filter{--inspiration-chip-bg: #fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;gap:.4rem;margin:0;padding:.9rem 1.6rem;border:.1rem solid var(--blue-700, #1f3d57);border-radius:.8rem;background:var(--inspiration-chip-bg);color:#1d3a5f;font-size:1.4rem;line-height:1.3;font-weight:700;cursor:pointer}.twz-color-inspiration__filter svg{display:block;inline-size:1.6rem;block-size:1.6rem;flex-shrink:0;color:inherit}.twz-color-inspiration__filter:is(:hover,:focus-visible),.twz-color-inspiration__filter.is-active{--inspiration-chip-bg: #1d3a5f;background-color:#1d3a5f;border-color:#1d3a5f;color:#fff}.twz-color-inspiration__grid{display:flex;gap:1rem;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.twz-color-inspiration__grid::-webkit-scrollbar{display:none}@container twz_color_inspiration (width > 640px){.twz-color-inspiration__grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.5rem;overflow:visible;scroll-snap-type:none}}@container twz_color_inspiration (width > 1100px){.twz-color-inspiration__grid{grid-template-columns:repeat(4, minmax(0, 1fr))}}.twz-color-inspiration__card{display:flex;flex:0 0 86%;flex-direction:column;gap:0;min-width:0;scroll-snap-align:start}.twz-color-inspiration__card[hidden]{display:none}@container twz_color_inspiration (width > 640px){.twz-color-inspiration__card{flex:unset;scroll-snap-align:unset}}.twz-color-inspiration__media{position:relative;display:block;inline-size:100%;min-inline-size:0;margin:0;padding:0;border:0;overflow:clip;border-radius:1.2rem;background-color:var(--blue-200, #f4fbff);color:inherit;font:inherit;line-height:0;text-align:start;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.twz-color-inspiration__media:is(:hover,:focus-visible){border-color:rgba(0,0,0,0);background-color:var(--blue-200, #f4fbff);color:inherit}.twz-color-inspiration__media:focus-visible{outline:.2rem solid #1d3a5f;outline-offset:.2rem}.twz-color-inspiration__image{display:block;width:100%;aspect-ratio:308.75/329;-o-object-fit:cover;object-fit:cover}.twz-color-inspiration__expand,.twz-color-inspiration__nav{display:grid;place-items:center;padding:0;border:0;background:var(--white, #fff);color:var(--blue-900, #0c2636);cursor:pointer;line-height:0}.twz-color-inspiration__expand{position:absolute;inset-block-start:1.2rem;inset-inline-end:1.2rem;z-index:1;inline-size:3.6rem;block-size:3.6rem;padding:0;border-radius:.4rem;background-color:var(--white, #fff);box-shadow:0 .2rem .6rem rgba(0,0,0,.15)}.twz-color-inspiration__expand svg{display:block;flex-shrink:0;color:currentColor}.twz-color-inspiration__expand svg path{fill:currentColor;stroke:none}.twz-color-inspiration__expand:is(:hover,:focus-visible),.twz-color-inspiration__media:focus-visible .twz-color-inspiration__expand{border-color:#1d3a5f;background-color:#1d3a5f;color:#fff}.twz-color-inspiration__expand:is(:hover,:focus-visible) svg,.twz-color-inspiration__expand:is(:hover,:focus-visible) svg path,.twz-color-inspiration__media:focus-visible .twz-color-inspiration__expand svg,.twz-color-inspiration__media:focus-visible .twz-color-inspiration__expand svg path{color:currentColor;fill:currentColor;stroke:none}.twz-color-inspiration__empty{margin:0;color:var(--blue-500, #2c4e6d)}.twz-color-inspiration__more{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;align-self:center;block-size:4.5rem;margin:0;padding-inline:2.4rem;border:.1rem solid #1f3d57;border-radius:.8rem;background:var(--white, #fff);color:#1f3d57;font-size:1.6rem;line-height:1.2;font-weight:700;cursor:pointer}.twz-color-inspiration__more:is(:hover,:focus-visible){border-color:#1d3a5f;background-color:#1d3a5f;color:#fff}.twz-color-inspiration__more:is(:hover,:focus-visible) svg,.twz-color-inspiration__more:is(:hover,:focus-visible) svg path{color:currentColor;stroke:currentColor}.twz-color-inspiration__more[hidden]{display:none}.twz-color-inspiration__empty[hidden]{display:none}.twz-color-inspiration__viewer[open]{display:flex;flex-direction:column}.twz-color-inspiration__viewer{inline-size:calc(100vw - 2.4rem);block-size:calc(100dvh - 2.4rem);max-inline-size:calc(100vw - 2.4rem);max-block-size:calc(100dvh - 2.4rem);margin:auto;padding:1.2rem 1.6rem;border:0;border-radius:1.6rem;background:var(--white, #fff);color:var(--blue-900, #0c2636);overflow:clip}.twz-color-inspiration__viewer:has(.is-single){inline-size:-moz-max-content;inline-size:max-content}.twz-color-inspiration__viewer::backdrop{background:rgba(12,38,54,.46)}.twz-color-inspiration__viewer-top{display:flex;align-items:flex-start;gap:1.6rem;padding-inline-end:4.8rem}.twz-color-inspiration__viewer .twz-color-inspiration__toolbar{flex:1;min-inline-size:0}.twz-color-inspiration__close{position:absolute;inset-block-start:1.2rem;inset-inline-end:1.2rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;inline-size:3.6rem;block-size:3.6rem;margin:0;padding:0;border:0;border-radius:.4rem;background:rgba(0,0,0,0);color:var(--primary-color, #143d59);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:0}.twz-color-inspiration__close svg{inline-size:1.8rem;block-size:1.8rem;fill:none;stroke:currentColor}.twz-color-inspiration__close:is(:hover,:focus-visible){background:rgba(0,0,0,0)}.twz-color-inspiration__stage{display:grid;grid-template-columns:auto minmax(0, 1fr) auto;align-items:center;gap:.8rem;flex:1;margin-block-start:1.2rem;min-block-size:0;min-inline-size:0}.twz-color-inspiration__viewer:has(.is-single) .twz-color-inspiration__stage{grid-template-columns:minmax(0, 1fr)}.twz-color-inspiration__viewer:has(.is-single) .twz-color-inspiration__nav{display:none}.twz-color-inspiration__nav{inline-size:3rem;block-size:3rem;padding:0;border:0;border-radius:.8rem;box-shadow:0 .2rem .4rem rgba(0,0,0,.12)}.twz-color-inspiration__nav svg{display:block;inline-size:1.6rem;block-size:1.6rem}.twz-color-inspiration__nav:disabled{opacity:.35;cursor:default}.twz-color-inspiration__track{--lead: 12%;--tail: 12%;--gutter: 1.6rem;container-type:size;container-name:twz_inspiration_track;display:flex;align-items:center;gap:var(--gutter);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding-inline:0;block-size:100%;overscroll-behavior-x:contain;scrollbar-width:none}.twz-color-inspiration__track::before,.twz-color-inspiration__track::after{content:"";flex:0 0 var(--lead)}.twz-color-inspiration__track::after{flex-basis:var(--tail)}.twz-color-inspiration__track::-webkit-scrollbar{display:none}.twz-color-inspiration__track.is-single{justify-content:center;gap:0}.twz-color-inspiration__track.is-single::before,.twz-color-inspiration__track.is-single::after{content:none}.twz-color-inspiration__track.is-single .twz-color-inspiration__slide{flex:0 0 auto;inline-size:auto;max-inline-size:120rem}@media(prefers-reduced-motion: reduce){.twz-color-inspiration__track{scroll-behavior:auto}}.twz-color-inspiration__slide{position:relative;flex:0 0 auto;inline-size:min(76%,120rem);max-inline-size:120rem;scroll-snap-align:center;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;min-width:0;margin:0}.twz-color-inspiration__slide[hidden]{display:none}.twz-color-inspiration__slide img{display:block;inline-size:100%;block-size:auto;max-inline-size:120rem;max-block-size:100cqb;-o-object-fit:contain;object-fit:contain;border-radius:1.2rem}.twz-color-inspiration__slide:not(.is-current) img{opacity:.55}
@media(prefers-reduced-motion: no-preference){.twz-color-inspiration__card[data-color-motion=wait] .twz-color-inspiration__media{opacity:0;visibility:hidden;translate:0 1.2rem}.twz-color-inspiration__card[data-color-motion=in] .twz-color-inspiration__media{opacity:1;visibility:visible;translate:0 0;transition:opacity .42s ease-out,translate .42s ease-out,visibility 0s linear;transition-delay:calc(var(--motion-i, 0)*.06s)}.twz-color-3d__picker[data-color-motion=wait]{opacity:0;visibility:hidden;translate:0 .8rem}.twz-color-3d__picker[data-color-motion=in]{opacity:1;visibility:visible;translate:0 0;transition:opacity .5s ease-out,translate .5s ease-out,visibility 0s linear}}@media(prefers-reduced-motion: reduce){:is(.twz-color-inspiration__card[data-color-motion] .twz-color-inspiration__media,.twz-color-3d__picker[data-color-motion]){opacity:1;visibility:visible;translate:none;transition:none}}
.twz-color-products{margin-block-start:-1rem;container-type:inline-size;container-name:twz_color_products}@media(max-width: 549px){.twz-color-products{margin-block-start:0}}.twz-color-products .twz-cta-product{min-block-size:50rem;border-radius:1.5rem}@container twz_color_products (width > 90rem){.twz-color-products .twz-cta-product{inline-size:min(100%,max(113rem,min(83%,100% - 20rem)));margin-inline:auto}.twz-color-products .twz-cta-product .twz-cta-product__layout{grid-template-columns:minmax(0, 54.2rem) minmax(0, 1fr)}}.twz-color-products .twz-cta-product__cart{flex-shrink:0;white-space:nowrap}
.twz-color-similar{--similar-ink: var(--blue-800, #143D59);--similar-line: var(--blue-700, #1f3d57);--similar-hover: #1d3a5f;container-type:inline-size;container-name:twz_color_similar;box-sizing:border-box;scroll-margin-block-start:calc(var(--nav-height, 8rem) + 2rem)}.colorpage__content>.twz-color-similar{width:min(var(--block-width, 95%),144rem);max-width:none;margin-inline:auto;margin-block:calc(-1*var(--colorpage-stack-gap, 6rem))}.twz-color-similar__frame{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;box-sizing:border-box;padding:4rem 2rem}@container twz_color_similar (width > 700px){.twz-color-similar__frame{align-items:stretch;gap:2.5rem;padding:5rem 0 6rem}}.twz-color-similar__title{margin:0;width:100%;color:var(--similar-ink);font-size:calc(3.2rem + .4rem);font-weight:700;line-height:1.3;text-align:start}.twz-color-similar__compare{position:relative;display:flex;flex-direction:column;gap:1.6rem;width:100%}@container twz_color_similar (width > 700px){.twz-color-similar__compare{gap:0;width:100%}}.twz-color-similar__panes{display:flex;flex-direction:column;gap:.8rem;width:100%}@container twz_color_similar (width > 700px){.twz-color-similar__panes{flex-direction:row;gap:1.5rem}}.twz-color-similar h2.twz-color-similar__title{margin:0}.twz-color-similar__pane{position:relative;overflow:clip;width:100%;margin:0;block-size:24rem;border-radius:1rem;background-color:var(--pane-color, #c9b1a8)}@container twz_color_similar (width > 700px){.twz-color-similar__pane{flex:1 1 0;width:auto;min-inline-size:0;block-size:47.6rem;border-radius:.8rem}}@media(prefers-reduced-motion: reduce){.twz-color-similar__pane{transition:none}}.twz-color-similar__room{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center bottom;object-position:center bottom;pointer-events:none}.twz-color-similar__badge{position:absolute;z-index:1;inset-block-start:1rem;inset-inline-start:1rem;display:inline-flex;align-items:center;block-size:3.2rem;padding-inline:1rem;border-radius:.6rem;background:rgba(255,255,255,.3);color:var(--white, #fff);font-size:1.4rem;font-weight:700;line-height:1;white-space:nowrap}@container twz_color_similar (width > 700px){.twz-color-similar__badge{inset-block-start:2.02rem;inset-inline-start:2rem}}.twz-color-similar__badge--light{background:rgba(12,38,54,.7)}.twz-color-similar__label{position:absolute;z-index:1;inset-block-start:1rem;inset-inline-start:1rem;display:inline-flex;align-items:center;padding-block:.5rem;padding-inline:1rem .4rem;border-radius:.6rem;background:var(--white, #fff);box-shadow:0 .2rem .4rem rgba(0,0,0,.12);color:var(--similar-ink);font-size:1.4rem;font-weight:500;line-height:1.2;text-decoration:none;white-space:nowrap}@container twz_color_similar (width > 700px){.twz-color-similar__label{inset-block-start:2.02rem;inset-inline-start:2rem}}.twz-color-similar__label:hover{background:var(--similar-hover);color:var(--white, #fff)}.twz-color-similar__name{color:inherit}.twz-color-similar__bar{display:flex;align-items:center;gap:.8rem;width:100%}@container twz_color_similar (width > 700px){.twz-color-similar__bar{position:absolute;inset-block-end:0;inset-inline-start:calc(50% + .75rem);width:auto;max-width:calc(50% - .75rem);gap:1rem;padding-block-start:1rem;padding-inline-end:1rem;background:var(--white, #fff);border-start-end-radius:1.2rem}}.twz-color-similar__nav{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:.6rem;box-sizing:border-box;min-block-size:4.4rem;padding-block:1rem;padding-inline:1.2rem 1.5rem;border:.1rem solid var(--similar-line);border-radius:.8rem;background:var(--white, #fff);color:var(--similar-line);font-family:inherit;font-size:1.5rem;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer}@container twz_color_similar (width > 700px){.twz-color-similar__nav{min-block-size:0;padding-inline:1.2rem 1.8rem}}.twz-color-similar__nav:is(:hover,:focus-visible){background:var(--white, #fff);border-color:var(--similar-line);color:var(--similar-line)}.twz-color-similar__nav:focus-visible{outline:.2rem solid var(--similar-line);outline-offset:.2rem}.twz-color-similar__nav:is([aria-disabled=true],:disabled){border-color:var(--grey-600, #969696);background-color:var(--white, #fff);color:var(--grey-700, #4B4B4B);opacity:.72;cursor:default}.twz-color-similar__nav:is([aria-disabled=true],:disabled):is(:hover,:focus-visible){border-color:var(--grey-600, #969696);background-color:var(--white, #fff);color:var(--grey-700, #4B4B4B);opacity:.72}.twz-color-similar__nav .twz-color-similar__icon{color:currentColor}.twz-color-similar__nav .twz-color-similar__icon path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.twz-color-similar__nav--darker{flex:1 1 auto;padding-inline:1.5rem 1.2rem}@container twz_color_similar (width > 700px){.twz-color-similar__nav--darker{flex:none;padding-inline:1.8rem 1.2rem}}.twz-color-similar__label .twz-color-similar__icon{rotate:-90deg}.twz-color-similar__label:hover .twz-color-similar__icon{filter:brightness(0) invert(1)}.twz-color-similar__icon{display:block;flex:none;inline-size:2rem;block-size:2rem}.twz-color-similar__swatches{display:flex;flex:none;align-items:center;gap:.5rem}.twz-color-similar__swatch{position:relative;flex:none;inline-size:3.5rem;block-size:3.5rem;padding:0;border:0;border-radius:.4rem;background-color:var(--swatch, #ccc);cursor:pointer}.twz-color-similar__swatch[hidden]{display:none}.twz-color-similar__swatch:focus-visible{outline:.2rem solid var(--similar-line);outline-offset:.2rem}.twz-color-similar__swatch:is(:hover,:focus-visible),.twz-color-similar__swatch[aria-pressed=true]{background-color:var(--swatch, #ccc);border-color:rgba(0,0,0,0)}.twz-color-similar__swatch:is(:hover,:focus-visible)::after{content:"";position:absolute;inset:-0.25rem;border:.2rem solid var(--similar-line);border-radius:.4rem;pointer-events:none}.twz-color-similar__swatch[aria-pressed=true]::after{content:"";position:absolute;inset:-0.25rem;border:.2rem solid var(--similar-line);border-radius:.4rem;box-shadow:inset 0 0 0 .4rem var(--white, #fff);pointer-events:none}.twz-color-similar__check{position:absolute;z-index:1;inset-block-start:50%;inset-inline-start:50%;inline-size:1.4rem;block-size:1.4rem;opacity:0;pointer-events:none;translate:-50% -50%}.twz-color-similar__swatch[aria-pressed=true] .twz-color-similar__check{opacity:1}.twz-color-similar__corner{display:none;pointer-events:none}@container twz_color_similar (width > 700px){.twz-color-similar__corner{display:block;position:absolute;inline-size:1.9rem;block-size:1.6rem}}@container twz_color_similar (width > 700px){.twz-color-similar__corner--top{inset-block-start:-1.6rem;inset-inline-start:0}}@container twz_color_similar (width > 700px){.twz-color-similar__corner--end{inset-block-end:0;inset-inline-end:-1.9rem}}@container twz_color_similar (width <= 700px){.twz-color-similar:not([data-managed]) .twz-color-similar__swatch:nth-child(n+4){display:none}}