.color-archive__header{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}@media(max-width: 767px){.color-archive__header{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.color-archive__header-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;margin-left:2.5%;padding-right:8rem}@media(max-width: 1024px){.color-archive__header-wrap{padding-right:2.5%}}@media(min-width: 1460px){.color-archive__header-wrap{margin-left:calc((100vw - (144rem + 2rem))*.5)}}.color-archive__header-content{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;background-color:#e2eff7}.color-archive__header-content .title{margin-top:6rem}.color-archive__header-bg{-webkit-box-flex:0;-ms-flex:0 0 35%;flex:0 0 35%;max-height:45rem}@media(max-width: 767px){.color-archive__header-bg{height:15rem;-webkit-box-flex:inherit;-ms-flex:inherit;flex:inherit}}.color-archive__header-bg img,.color-archive__header-bg picture{display:block;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.color-archive__tabs{margin-top:auto}@media(max-width: 1024px){.color-archive__tabs{overflow-y:hidden}}.color-archive__tabs>a{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;-webkit-transition:background-color .2s,color .2s;transition:background-color .2s,color .2s}.color-archive__tabs>a:hover,.color-archive__tabs>a:focus{background-color:#bad9ec}.color-archive .breadcrumbs__row{-webkit-box-flex:inherit;-ms-flex:inherit;flex:inherit;margin-block:1rem}@media(max-width: 767px){.color-archive .breadcrumbs__row{position:absolute;z-index:5;padding-top:1rem;margin-top:0;top:0;width:95%;background:-webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 80%, transparent)}.color-archive .breadcrumbs__row span,.color-archive .breadcrumbs__row a{color:#fff}}.color-archive .intro{max-width:85ch;margin-bottom:4rem}.color-archive .intro>p{font-weight:400}.color-archive__colorgroups .colorgroups__list{display:grid;gap:2rem;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;grid-template-columns:repeat(4, 1fr)}@media(max-width: 549px){.color-archive__colorgroups .colorgroups__list{grid-template-columns:1fr}}@media(min-width: 550px)and (max-width: 767px){.color-archive__colorgroups .colorgroups__list{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 768px)and (max-width: 1024px){.color-archive__colorgroups .colorgroups__list{grid-template-columns:repeat(3, 1fr)}}.color-archive__colorgroups .colorgroups__list>.twz-card{height:25rem}.color-archive__content{display:grid;grid-template-columns:[full-start] var(--full) [content-start] var(--content) [content-end] var(--full) [full-end];margin-block:6rem;gap:6rem 0}.color-archive__content:has(>*:last-child:where([class*="--fullbg"],.row--fullwidth)){margin-bottom:0}.color-archive__content>*{grid-column:content}.color-archive__content>*.row--fullwidth{grid-column:full}.color-archive__content>.woocommerce{padding-top:0}.color-archive__content>.woocommerce>h3{margin-bottom:3rem}.color-archive__content .twz-element-colorlist__filter form input{background-color:#f3f3f3}.color-archive__content .twz-inspiration{max-width:144rem;margin-inline:auto;padding-block:6rem}
.twz-element-colorlist__color-decline,.twz-element-colorlist__color-choose{position:relative;font-weight:700;font-size:1.6rem;border-radius:8px;border-width:1px;border-style:solid;display:inline-flex;align-items:center;gap:.5em;text-decoration:none;line-height:1.25;cursor:pointer;transition:.3s ease-in-out;text-align:center;color:#fff;border-color:var(--btn-theme-color, transparent);padding:var(--btn-pd, 0.75em 1.5em)}.twz-element-colorlist__color-decline:hover,.twz-element-colorlist__color-choose:hover{background-color:var(--btn-theme-color--darkened, #103147);border-color:var(--btn-theme-color--darkened, #103147)}@media(max-width: 399px){.twz-element-colorlist__color-decline,.twz-element-colorlist__color-choose{display:flex;justify-content:center}}.twz-element-colorlist{display:flex;flex-direction:column;height:100%;align-items:stretch;border-radius:var(--border-radius);overflow:hidden}.twz-element-colorlist__header{background-color:var(--grey-350);font-size:var(--fs-l);padding:2rem 2rem .5rem;flex:0 1 auto;margin:0;display:flex;justify-content:space-between}@media(max-width: 767px){.twz-element-colorlist__header{font-size:var(--fs-m);padding:2rem 2rem .5rem}}.twz-element-colorlist__header span{padding-right:2rem;display:inline-block}.twz-element-colorlist__filters{display:flex;flex-direction:row;justify-content:space-between;flex:0 0 auto;gap:4rem}@media(max-width: 767px){.twz-element-colorlist__filters{padding:1rem 2rem;flex-direction:column}}.twz-element-colorlist__filter{position:relative;flex:0 1 50%}.twz-element-colorlist__filter form{display:flex;align-items:center;flex-wrap:wrap}.twz-element-colorlist__filter form label{display:block;flex:1 1 100%;font-weight:bold;margin-bottom:.5rem}.twz-element-colorlist__filter form .form-row{display:flex;align-items:center;width:100%;margin:0;padding:0}.twz-element-colorlist__filter form input{border-top-right-radius:0;border-bottom-right-radius:0}.twz-element-colorlist__filter form input,.twz-element-colorlist__filter form select,.twz-element-colorlist__filter form .twz-select{background-color:var(--white-color);flex:1 1 auto;border:none;height:5rem;margin:0}.twz-element-colorlist__filter form button[type=submit]{background:var(--blue-800);display:flex;align-items:center;justify-content:center;border:2px solid var(--blue-800);border-radius:0 var(--border-radius) var(--border-radius) 0;height:5rem}.twz-element-colorlist__colors{container-type:inline-size;container-name:colorlist}.twz-element-colorlist__colors__title h2,.twz-element-colorlist__colors__title h3,.twz-element-colorlist__colors__title h4{margin-block:1.5rem}.twz-element-colorlist__colors__wrap{width:100%;margin-bottom:2rem;display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));gap:1rem}@container colorlist (max-width: 768px){.twz-element-colorlist__colors__wrap{grid-template-columns:repeat(2, minmax(0, 1fr));gap:.5rem}}@container colorlist (min-width: 769px) and (max-width: 1120px){.twz-element-colorlist__colors__wrap{grid-template-columns:repeat(4, 1fr)}}.twz-element-colorlist__color .twz-card{padding:0}.twz-element-colorlist__color__wrap{position:relative;cursor:pointer;height:100%;border-radius:3px;padding:1rem;transition:.3s ease transform}.twz-element-colorlist__color__wrap .twz-icon{--icon-size: 1.6rem;--icon-fill: var(--white);position:absolute;right:1rem;bottom:1rem;opacity:1;scale:.7;transition:.4s ease opacity,.4s ease transform}.twz-element-colorlist__color__wrap.dark .twz-icon{--icon-fill: var(--black)}@media(max-width: 399.99){.twz-element-colorlist__color__wrap{font-size:var(--fs-xxs)}}.twz-element-colorlist__color:not(.active):hover .twz-element-colorpicker__color__wrap .twz-icon{opacity:1;scale:1}.twz-element-colorlist__color.active{transform-origin:center;transition:.4s;position:fixed;top:21rem;left:0;width:100%;height:calc(100% - 21rem);z-index:10000;margin:0;padding:0;cursor:auto}.twz-element-colorlist__color.active .twz-element-colorpicker__color__wrap{border-top-left-radius:0;border-top-right-radius:0}.twz-element-colorlist__color.active .twz-element-colorpicker__color-decline,.twz-element-colorlist__color.active .twz-element-colorpicker__color-choose{opacity:1;transform:translateY(0)}.twz-element-colorlist__color.active:hover{transform:none}.twz-element-colorlist__color.active:hover::after{opacity:0}.twz-element-colorlist__color-cat{display:block}.twz-element-colorlist__color-title{display:block}.twz-element-colorlist__color-decline{--btn-theme-color: #143D59;opacity:0;position:absolute;bottom:10px;left:10px;margin:0;transform-origin:left bottom;transform:translateY(4rem)}.twz-element-colorlist__color-choose{--btn-theme-color: #143D59;opacity:0;position:absolute;bottom:10px;right:10px;margin:0;transform-origin:right bottom;transform:translateY(4rem)}.twz-element-colorlist__close{cursor:pointer;padding:1rem}.twz-element-colorlist+.twz-overlay{cursor:pointer}