#Comps_app__80YWE{--xxs:420px;--xs:569px;--s:768px;--m:1024px;--l:1280px;--xl:1600px;--xxl:1920px;--layout-width:1920px;--quad-out:cubic-bezier(0.25,0.46,0.45,0.94);--cubic-out:cubic-bezier(0.215,0.61,0.355,1);--light:"Geologica Thin",sans-serif;--regular:"Geologica",sans-serif;--medium:"Geologica Medium",sans-serif;--bold:"Geologica Bold",sans-serif;--font:var(--regular);--font-scale:0.8}@media screen and (min-width:768px){#Comps_app__80YWE{--font-scale:0.9}}@media screen and (min-width:1024px){#Comps_app__80YWE{--font-scale:1}}#Comps_app__80YWE{--blue:#002751;--blue-1:#001641;--blue-2:#0071bc;--blue-2-rgb:0 113 188;--blue-3:#1fb6ff;--c-1:#2cb7b0;--medium-grey:#959fa9;--yellow:#fcea0d;--teak:#b27f5d}.Comps_CompHalfImage__b8vlH{position:relative;max-width:calc(var(--layout-width) - 12rem);margin:0 auto}.Comps_CompHalfImage__b8vlH .Comps_imageContainer__yhnND{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f6f6f6}.Comps_CompHalfImage__b8vlH .Comps_col__yWmqC{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:25rem}.Comps_CompHalfImage__b8vlH .Comps_col__yWmqC a .Comps_title__jUkfi{position:relative;display:inline-block;padding-bottom:2px;-webkit-text-decoration:2px rgba(0,0,0,0) underline;text-decoration:2px rgba(0,0,0,0) underline;transition:.1s var(--quad-out);transition-property:text-decoration-color}.Comps_CompHalfImage__b8vlH .Comps_col__yWmqC a .Comps_teaser__dEG91{transition:opacity .3s var(--quad-out)}.Comps_CompHalfImage__b8vlH .Comps_col__yWmqC a:hover .Comps_title__jUkfi{text-decoration-color:inherit}.Comps_CompHalfImage__b8vlH .Comps_col__yWmqC a:hover .Comps_teaser__dEG91{opacity:.8}.Comps_CompHalfImage__b8vlH .Comps_col__yWmqC:first-child .Comps_imageTitle__JCmZG{position:relative;font-family:var(--bold);font-size:3rem;margin-bottom:.25rem}.Comps_CompHalfImage__b8vlH .Comps_col__yWmqC:first-child .Comps_imageSubtitle__AZ2iv{position:relative;font-family:var(--light);font-size:1.0625rem;color:#1d1d1b}.Comps_CompHalfImage__b8vlH .Comps_col__yWmqC:last-child{padding-top:4rem;padding-bottom:4rem}.Comps_CompHalfImage__b8vlH .Comps_col__yWmqC:last-child>*{width:80%;max-width:30rem}.Comps_CompHalfImage__b8vlH .Comps_col__yWmqC:last-child .Comps_teaser__dEG91 a{opacity:.6;transition:opacity .3s var(--quad-out)}.Comps_CompHalfImage__b8vlH .Comps_col__yWmqC:last-child .Comps_teaser__dEG91 a:hover{opacity:.8}.Comps_CompHalfImage__b8vlH[data-variant=title-teaser] .Comps_title__jUkfi{font-family:var(--bold);font-size:1.0625rem;color:#fcea0d;margin-bottom:1.5rem}.Comps_CompHalfImage__b8vlH[data-variant=title-teaser] .Comps_teaser__dEG91{font-family:var(--medium);font-size:calc(2rem*var(--font-scale));line-height:1.2;color:#fff}.Comps_CompHalfImage__b8vlH[data-variant=title-subtitle-teaser] .Comps_title__jUkfi{font-family:var(--bold);font-size:calc(2.625rem*var(--font-scale));line-height:1.1;color:#fff;margin-bottom:1.5rem}.Comps_CompHalfImage__b8vlH[data-variant=title-subtitle-teaser] .Comps_subtitle__vL8Up{font-family:var(--medium);font-size:1.2rem;line-height:1.4;color:var(--yellow);margin-bottom:2rem}.Comps_CompHalfImage__b8vlH[data-variant=title-subtitle-teaser] .Comps_teaser__dEG91{font-size:1.2rem;line-height:1.4;color:#fff}.Comps_CompHalfImage__b8vlH[data-variant=title-subtitle-teaser] .Comps_teaser__dEG91 p:not(:last-child){margin-bottom:1rem}.Comps_CompHalfImage__b8vlH[data-layout=image-right] .Comps_col__yWmqC:first-child{order:2}@media screen and (min-width:1024px){.Comps_CompHalfImage__b8vlH{display:flex}.Comps_CompHalfImage__b8vlH .Comps_col__yWmqC{width:50%}}.Comps_CompFullImage__K0D2c{position:relative;background-color:#555;padding:4rem;max-width:calc(var(--layout-width) - 12rem);margin:0 auto;overflow:hidden;display:flex}.Comps_CompFullImage__K0D2c .Comps_imageContainer__yhnND{position:absolute;top:0;left:0;height:100%;width:200%}.Comps_CompFullImage__K0D2c .Comps_metaContainer__tOyAJ{position:relative;z-index:2;color:#fff;max-width:var(--layout-width);margin:0 auto}.Comps_CompFullImage__K0D2c .Comps_metaContainer__tOyAJ .Comps_title__jUkfi{font-family:var(--bold);font-size:1.0625rem;margin-bottom:2rem}.Comps_CompFullImage__K0D2c .Comps_metaContainer__tOyAJ .Comps_teaser__dEG91{font-family:var(--light);font-size:calc(2.25rem*var(--font-scale));line-height:1.3;margin-bottom:4rem;max-width:34rem;transform-origin:top left;transition:.6s var(--quad-out);transition-property:filter}.Comps_CompFullImage__K0D2c .Comps_metaContainer__tOyAJ .Comps_teaser__dEG91 p{margin-bottom:1rem}.Comps_CompFullImage__K0D2c .Comps_metaContainer__tOyAJ .Comps_icon__dD4GE{transition:.6s var(--quad-out);transition-property:opacity}.Comps_CompFullImage__K0D2c .Comps_metaContainer__tOyAJ .Comps_icon__dD4GE svg{width:1.75rem;height:1.75rem}.Comps_CompFullImage__K0D2c .Comps_metaContainer__tOyAJ a{display:inline-flex;flex-direction:column}@media(any-hover:hover){.Comps_CompFullImage__K0D2c .Comps_metaContainer__tOyAJ a:not([disabled]):hover .Comps_teaser__dEG91{filter:brightness(80%)}.Comps_CompFullImage__K0D2c .Comps_metaContainer__tOyAJ a:not([disabled]):hover .Comps_icon__dD4GE{opacity:.8}}.Comps_CompFullImage__K0D2c .Comps_metaContainer__tOyAJ a:not([disabled]):active .Comps_teaser__dEG91{filter:brightness(80%)}.Comps_CompFullImage__K0D2c .Comps_metaContainer__tOyAJ a:not([disabled]):active .Comps_icon__dD4GE{opacity:.8}@media screen and (min-width:768px){.Comps_CompFullImage__K0D2c{display:block}.Comps_CompFullImage__K0D2c .Comps_imageContainer__yhnND{width:100%}.Comps_CompFullImage__K0D2c .Comps_metaContainer__tOyAJ{padding-top:2rem;padding-bottom:2rem;padding-left:10vw}}@media screen and (min-width:1280px){.Comps_CompFullImage__K0D2c .Comps_metaContainer__tOyAJ .Comps_teaser__dEG91{max-width:38rem}}.Comps_CompColorbook__8SnfY{position:relative;padding:3rem 2rem 2rem;overflow:hidden}@keyframes Comps_spin__HnYEi{to{transform:rotate(1turn)}}.Comps_CompColorbookInner__bNXwb{max-width:70rem;margin:0 auto}.Comps_CompColorbookInner__bNXwb .Comps_col__yWmqC{display:flex;flex-direction:column;justify-content:center;padding:0 1rem}.Comps_CompColorbookInner__bNXwb .Comps_col__yWmqC:first-child{max-width:28rem;margin:0 auto 2rem}.Comps_CompColorbookInner__bNXwb .Comps_imageContainer__yhnND{position:relative;height:calc(100vw - 4rem);width:calc(100vw - 4rem);max-height:25rem;max-width:25rem;margin:0 auto;border-radius:50%;overflow:hidden;animation:Comps_spin__HnYEi 120s linear infinite forwards;animation-play-state:paused}.Comps_CompColorbookInner__bNXwb .Comps_link__U_g5w{width:100%;color:#009ee2;padding:1rem 0}.Comps_CompColorbookInner__bNXwb .Comps_link__U_g5w .Comps_text__WPLrJ{font-family:var(--bold);font-size:calc(2.5rem*var(--font-scale));line-height:1.2;color:var(--blue);max-width:45rem;margin-bottom:3rem;transition:filter .3s var(--quad-out)}.Comps_CompColorbookInner__bNXwb .Comps_link__U_g5w .Comps_linkText__A6qpk{display:flex;align-items:center;font-family:var(--bold);font-size:1.1875rem;transition:filter .3s var(--quad-out)}.Comps_CompColorbookInner__bNXwb .Comps_link__U_g5w svg{position:relative;top:-1px;height:.8rem;flex-shrink:0;padding-left:.75rem}@media(any-hover:hover){.Comps_CompColorbookInner__bNXwb .Comps_link__U_g5w:not([disabled]):hover .Comps_text__WPLrJ{filter:brightness(180%)}.Comps_CompColorbookInner__bNXwb .Comps_link__U_g5w:not([disabled]):hover .Comps_linkText__A6qpk{filter:brightness(130%)}}.Comps_CompColorbookInner__bNXwb .Comps_link__U_g5w:not([disabled]):active .Comps_text__WPLrJ{filter:brightness(180%)}.Comps_CompColorbookInner__bNXwb .Comps_link__U_g5w:not([disabled]):active .Comps_linkText__A6qpk{filter:brightness(130%)}@media screen and (min-width:768px){.Comps_CompColorbookInner__bNXwb{display:flex;justify-content:center}.Comps_CompColorbookInner__bNXwb .Comps_col__yWmqC{width:50%}.Comps_CompColorbookInner__bNXwb .Comps_col__yWmqC:first-child{margin-bottom:0;max-width:none}}@media screen and (min-width:1280px){.Comps_CompColorbookInner__bNXwb .Comps_text__WPLrJ{font-size:3.125rem}}@media(any-hover:hover){.Comps_CompColorbookInner__bNXwb:not([disabled]):hover .Comps_imageContainer__yhnND{animation-play-state:running}}.Comps_CompColorbookInner__bNXwb:not([disabled]):active .Comps_imageContainer__yhnND{animation-play-state:running}.Comps_CompDidYouKnow__YGTIx{position:relative;line-height:1.2;max-width:24.5rem;margin:0 auto}.Comps_CompDidYouKnow__YGTIx .Comps_col__yWmqC:last-child{padding:3rem 2rem;background-color:#ececee}.Comps_CompDidYouKnow__YGTIx .Comps_col__yWmqC:last-child>*{max-width:35rem;margin-left:auto;margin-right:auto}.Comps_CompDidYouKnow__YGTIx .Comps_imageContainer__yhnND{position:relative;height:24.5rem}.Comps_CompDidYouKnow__YGTIx .Comps_title__jUkfi{font-family:var(--bold);font-size:calc(2.375rem*var(--font-scale));color:var(--blue);margin-bottom:2rem}.Comps_CompDidYouKnow__YGTIx .Comps_subtitle__vL8Up{font-family:var(--bold);font-size:1.3125rem;color:#c00;margin-bottom:1rem}.Comps_CompDidYouKnow__YGTIx .Comps_description__EgAX5{font-family:var(--light);font-size:1.3125rem;line-height:1.3;color:var(--blue)}@media screen and (min-width:1024px){.Comps_CompDidYouKnow__YGTIx{display:flex;max-width:none}.Comps_CompDidYouKnow__YGTIx .Comps_col__yWmqC{width:50%}.Comps_CompDidYouKnow__YGTIx .Comps_imageContainer__yhnND{height:28rem}}@media screen and (min-width:1280px){.Comps_CompDidYouKnow__YGTIx .Comps_imageContainer__yhnND{height:30rem}}.Comps_CompContact__WLK7o{display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;background-color:var(--blue-1);color:#fff;text-align:center}.Comps_CompContact__WLK7o .Comps_title__jUkfi{font-family:var(--bold);font-size:calc(2rem*var(--font-scale));line-height:1.2;margin-bottom:1rem}.Comps_CompContact__WLK7o .Comps_teaser__dEG91{font-family:var(--light);font-size:calc(2rem*var(--font-scale));line-height:1.3;margin-bottom:3rem}.Comps_CompContact__WLK7o .button{--bg-color:#ffe428;--color:var(--blue-1);font-size:1.0625rem}@media(any-hover:hover){.Comps_CompContact__WLK7o .button:not([disabled]):not([disabled]):hover{--bg-color:white;--border-color:white}}.Comps_CompContact__WLK7o .button:not([disabled]):not([disabled]):active{--bg-color:white;--border-color:white}.Comps_CompColorbookRequest__lefZC{display:flex;flex-direction:column;align-items:center;background-color:var(--blue-1);padding:0 2rem;max-width:77rem;margin:4rem auto 8rem}.Comps_CompColorbookRequest__lefZC .Comps_metaContainer__tOyAJ{max-width:30rem;padding-top:4rem}.Comps_CompColorbookRequest__lefZC .Comps_metaContainer__tOyAJ .Comps_title__jUkfi{font-family:var(--bold);font-size:calc(2.375rem*var(--font-scale));line-height:1.1;color:#ffe428;margin-bottom:1rem;white-space:pre-wrap}.Comps_CompColorbookRequest__lefZC .Comps_metaContainer__tOyAJ .Comps_teaser__dEG91{font-size:1.0625rem;line-height:1.4;color:#fff;margin-bottom:2rem}@media(any-hover:hover){.Comps_CompColorbookRequest__lefZC .Comps_metaContainer__tOyAJ .button:not([disabled]):not([disabled]):hover{--bg-color:#ffe428;--border-color:#ffe428}}.Comps_CompColorbookRequest__lefZC .Comps_metaContainer__tOyAJ .button:not([disabled]):not([disabled]):active{--bg-color:#ffe428;--border-color:#ffe428}.Comps_CompColorbookRequest__lefZC .Comps_imageContainer__yhnND{position:relative;bottom:-4rem;width:21rem;height:21rem}@media screen and (min-width:1024px){.Comps_CompColorbookRequest__lefZC{flex-direction:row;justify-content:center;padding-bottom:4rem}.Comps_CompColorbookRequest__lefZC .Comps_metaContainer__tOyAJ{margin-right:4rem}.Comps_CompColorbookRequest__lefZC .Comps_imageContainer__yhnND{bottom:-8rem}}.Comps_CompProductSamples__wPkte{padding:3rem 0}.Comps_CompProductSamples__wPkte .Comps_sectionHeader__1unZ9{max-width:60rem;margin:0 auto 3rem;text-align:center}.Comps_CompProductSamples__wPkte .Comps_sectionHeader__1unZ9 .Comps_title__jUkfi{font-family:var(--medium);font-size:1.75rem;line-height:1.2;margin-bottom:.5rem}.Comps_CompProductSamples__wPkte .Comps_sectionHeader__1unZ9 .Comps_subtitle__vL8Up{font-size:1.1875rem;line-height:1.4}.Comps_CompProductSamples__wPkte .Comps_samplesSection_inner__IEk_r{max-width:40rem;margin:0 auto}.Comps_CompProductSamples__wPkte .Comps_samplesSection_inner__IEk_r .Comps_itemsGrid__av9pl{max-width:30rem;margin:0 auto}.Comps_CompProductSamples__wPkte .Comps_samplesSection_inner__IEk_r .Comps_gridItem__BFOzg{display:flex;flex-direction:column;margin-bottom:2rem;transition:.6s var(--cubic-out);transition-property:transform,filter}.Comps_CompProductSamples__wPkte .Comps_samplesSection_inner__IEk_r .Comps_gridItem__BFOzg .Comps_imageContainer__yhnND{height:60vw;max-height:19rem;overflow:hidden}.Comps_CompProductSamples__wPkte .Comps_samplesSection_inner__IEk_r .Comps_gridItem__BFOzg .Comps_imageContainer__yhnND img{transition-duration:.6s!important}.Comps_CompProductSamples__wPkte .Comps_samplesSection_inner__IEk_r .Comps_gridItem__BFOzg .Comps_textContainer__on6U7{background-color:#fff;padding:1rem;color:#afacaa;text-align:center;flex-grow:1}.Comps_CompProductSamples__wPkte .Comps_samplesSection_inner__IEk_r .Comps_gridItem__BFOzg .Comps_textContainer__on6U7 .Comps_title__jUkfi{font-size:1.3rem;line-height:1.2;transition:transform .6s var(--cubic-out)}.Comps_CompProductSamples__wPkte .Comps_samplesSection_inner__IEk_r .Comps_gridItem__BFOzg:hover img{transform:scaleY(1.1)}.Comps_CompProductSamples__wPkte .Comps_samplesSection_inner__IEk_r .Comps_gridItem__BFOzg:first-child{transform-origin:left}.Comps_CompProductSamples__wPkte .Comps_samplesSection_inner__IEk_r .Comps_gridItem__BFOzg:nth-child(3){transform-origin:right}@media screen and (min-width:1024px){.Comps_CompProductSamples__wPkte .Comps_samplesSection_inner__IEk_r{max-width:none}.Comps_CompProductSamples__wPkte .Comps_samplesSection_inner__IEk_r .Comps_itemsGrid__av9pl{max-width:none;display:flex;justify-content:space-between}.Comps_CompProductSamples__wPkte .Comps_samplesSection_inner__IEk_r .Comps_gridItem__BFOzg{width:calc(33.333% - 2rem)}.Comps_CompProductSamples__wPkte .Comps_samplesSection_inner__IEk_r .Comps_gridItem__BFOzg .Comps_imageContainer__yhnND{height:20vw;max-height:22rem}}.Comps_CompProductSamples__wPkte[data-variant=light]{background-color:#f8f8fa;color:var(--blue-1)}.Comps_CompProductSamples__wPkte[data-variant=dark]{background-color:#afacaa;color:#fff}.Comps_CompContent3Columns__drwiT{padding:6rem 0;background-color:#f8f8fa}.Comps_CompContent3Columns_inner__Egryy .Comps_title__jUkfi{font-family:var(--bold);font-size:1.3125rem;color:var(--blue-1);margin-bottom:3rem}.Comps_CompContent3Columns_inner__Egryy .Comps_threeCols__oumky{display:flex;flex-direction:column;font-family:var(--light);font-size:1.0625rem;line-height:1.6}.Comps_CompContent3Columns_inner__Egryy .Comps_threeCols__oumky h3{font-family:var(--bold);line-height:1.4;margin-bottom:.25rem}.Comps_CompContent3Columns_inner__Egryy .Comps_threeCols__oumky p{margin-bottom:1rem}.Comps_CompContent3Columns_inner__Egryy .Comps_threeCols__oumky .Comps_col__yWmqC{flex-shrink:0}.Comps_CompContent3Columns_inner__Egryy .Comps_threeCols__oumky .Comps_col__yWmqC.Comps_imageContainer__yhnND{order:0;height:60vw;max-height:24rem;max-width:40rem;margin-bottom:2rem}@media screen and (min-width:768px){.Comps_CompContent3Columns_inner__Egryy .Comps_twoCols__HKfiP{display:flex;justify-content:space-between}.Comps_CompContent3Columns_inner__Egryy .Comps_twoCols__HKfiP .Comps_col__yWmqC{width:calc(50% - 2rem)}}@media screen and (min-width:1280px){.Comps_CompContent3Columns_inner__Egryy .Comps_threeCols__oumky{flex-direction:row;justify-content:space-between}.Comps_CompContent3Columns_inner__Egryy .Comps_threeCols__oumky .Comps_col__yWmqC.Comps_imageContainer__yhnND{height:22vw;max-height:28rem;width:calc(40% - 2rem)}.Comps_CompContent3Columns_inner__Egryy .Comps_threeCols__oumky .Comps_twoCols__HKfiP{width:calc(60% - 2rem)}}.Comps_CompContent3Columns__drwiT[data-variant=image-right]{background-color:#fff}@media screen and (min-width:1280px){.Comps_CompContent3Columns__drwiT[data-variant=image-right] .Comps_col__yWmqC.Comps_imageContainer__yhnND{order:3}}#ColorChart_app__gSJ3x{--xxs:420px;--xs:569px;--s:768px;--m:1024px;--l:1280px;--xl:1600px;--xxl:1920px;--layout-width:1920px;--quad-out:cubic-bezier(0.25,0.46,0.45,0.94);--cubic-out:cubic-bezier(0.215,0.61,0.355,1);--light:"Geologica Thin",sans-serif;--regular:"Geologica",sans-serif;--medium:"Geologica Medium",sans-serif;--bold:"Geologica Bold",sans-serif;--font:var(--regular);--font-scale:0.8}@media screen and (min-width:768px){#ColorChart_app__gSJ3x{--font-scale:0.9}}@media screen and (min-width:1024px){#ColorChart_app__gSJ3x{--font-scale:1}}#ColorChart_app__gSJ3x{--blue:#002751;--blue-1:#001641;--blue-2:#0071bc;--blue-2-rgb:0 113 188;--blue-3:#1fb6ff;--c-1:#2cb7b0;--medium-grey:#959fa9;--yellow:#fcea0d;--teak:#b27f5d}.ColorChart_ColorChart_Header__ibotz{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:var(--blue-1);color:#fff;padding:3rem 2rem 1rem}.ColorChart_ColorChart_Header__ibotz .ColorChart_title__QyfBK{font-family:var(--bold);font-size:calc(2.375rem*var(--font-scale));margin-bottom:1rem}.ColorChart_ColorChart_Header__ibotz .ColorChart_subtitle__NLfJY{font-size:calc(1.5625rem*var(--font-scale));line-height:1.2;margin-bottom:1rem;max-width:50rem}.ColorChart_ColorChart_Toolbar__mcyfw{display:flex;justify-content:center;flex-wrap:wrap;padding:2rem;background-color:#1a3d62}.ColorChart_ColorChart_Toolbar__mcyfw[data-category=water-stains]{background-color:#b79c6c}.ColorChart_ColorChart_Toolbar__mcyfw[data-category=lacquer-stains]{background-color:#959fa9}.ColorChart_ColorChart_Toolbar__mcyfw[data-category=wood-stains]{background-color:#68a4aa}.ColorChart_ColorChart_Toolbar__mcyfw .button{--bg-color:var(--blue);--color:white;font-family:var(--regular);margin:.5rem}.ColorChart_ColorChart_Toolbar__mcyfw .button[disabled]{--bg-color:white;--color:var(--blue-1)}@media(any-hover:hover){.ColorChart_ColorChart_Toolbar__mcyfw .button:not([disabled]):not([disabled]):hover{--border-color:#2cb7b0}}.ColorChart_ColorChart_Toolbar__mcyfw .button:not([disabled]):not([disabled]):active{--border-color:#2cb7b0}.ColorChart_ColorChart_FamiliesIntro__GQGhX{display:flex;flex-direction:column;align-items:center;line-height:1.2;text-align:center;padding:2rem 2rem 1rem;background-color:#f8f8fa}.ColorChart_ColorChart_FamiliesIntro__GQGhX .ColorChart_FamiliesIntro_teaser__359Hn{max-width:35rem;font-size:1.1875rem;color:#62686b;margin:0 auto .5rem}.ColorChart_ColorChart_FamiliesIntro__GQGhX .ColorChart_FamiliesIntro_note__nzQbH{max-width:40rem;font-size:.875rem;color:#959fa9;margin:0 auto 1rem}.ColorChart_ColorChart_Families__DDz8C{background-color:#f8f8fa}.ColorChart_ColorChart_Families__DDz8C .ColorChart_Families_inner__VaVO6{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:0 2rem 2rem;max-width:60rem;margin:0 auto}.ColorChart_ColorChart_Families__DDz8C .ColorChart_Family___VV43{position:relative;display:flex;align-items:center;justify-content:center;width:10rem;height:10rem;border-radius:50%;cursor:pointer;transition:.4s var(--quad-out);transition-property:background-color,box-shadow}.ColorChart_ColorChart_Families__DDz8C .ColorChart_Family_inner__0_eTk{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:calc(100% - 36px);height:calc(100% - 36px);border-radius:50%;font-family:var(--bold);font-size:.95rem;line-height:1.2;transition:.4s var(--quad-out);transition-property:box-shadow,transform;background-size:cover;background-position:50%}@media(any-hover:hover){.ColorChart_ColorChart_Families__DDz8C .ColorChart_Family___VV43:not([disabled]):hover .ColorChart_Family_inner__0_eTk{box-shadow:0 4px 8px -1px #999;transform:scale(1.04)}}.ColorChart_ColorChart_Families__DDz8C .ColorChart_Family___VV43:not([disabled]):active .ColorChart_Family_inner__0_eTk{box-shadow:0 4px 8px -1px #999;transform:scale(1.04)}.ColorChart_ColorChart_Families__DDz8C .ColorChart_Family___VV43[disabled]{box-shadow:0 4px 8px -1px #999;cursor:default}.ColorChart_ColorChart_Families__DDz8C .ColorChart_Family___VV43[disabled] .ColorChart_Family_inner__0_eTk{box-shadow:none;transform:scale(1)}.ColorChart_ColorChart_Colors__PsQwS{position:relative;min-height:50rem}.ColorChart_backToTopContainer___kHHq{position:sticky;z-index:10;top:calc(100vh - 4rem);transition:opacity .4s var(--quad-out)}.ColorChart_backToTopButton__ZD2zF{position:absolute;left:calc(50% - 1.5rem);top:-6rem;width:3rem;height:3rem;border-radius:50%;transform:rotate(180deg);opacity:.6;transition:.3s var(--quad-out);transition-property:opacity,transform}.ColorChart_backToTopButton__ZD2zF svg{width:100%;height:100%;padding:25%;border-radius:50%}@media(any-hover:hover){.ColorChart_backToTopButton__ZD2zF:not([disabled]):hover{opacity:1;transform:rotate(180deg) scale(1.15)}}.ColorChart_backToTopButton__ZD2zF:not([disabled]):active{opacity:1;transform:rotate(180deg) scale(1.15)}.ColorChart_Colors_inner__z3Yqz{position:relative;z-index:1;height:100%;min-height:inherit;background-color:#fff;padding-bottom:8rem;padding-top:2rem}.ColorChart_Colors_grid__VWgU2{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;max-width:90rem;margin:0 auto;padding:0 2rem}.ColorChart_Colors_grid__VWgU2 .ColorChart_Color__2VrKI{position:relative;display:flex;align-items:center;justify-content:center;width:9rem;height:9rem;border-radius:50%;margin:1rem;cursor:pointer;opacity:0;transition:.4s var(--quad-out);transition-property:background-color,box-shadow}.ColorChart_Colors_grid__VWgU2 .ColorChart_Color__2VrKI[disabled]{cursor:default}.ColorChart_Colors_grid__VWgU2 .ColorChart_Color_inner__iolA_{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;overflow:hidden;font-family:var(--medium);font-size:calc(1.5rem*var(--font-scale));transition:transform .4s var(--quad-out);transition-property:box-shadow,transform}.ColorChart_Colors_grid__VWgU2 .ColorChart_Color_inner__iolA_ .Image{position:absolute!important;width:100%}.ColorChart_Colors_grid__VWgU2 .ColorChart_Color_inner__iolA_ span{position:relative}.ColorChart_Colors_grid__VWgU2 .ColorChart_Color__2VrKI[data-hex=false] .ColorChart_Color_inner__iolA_ span{color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.6)}@media(any-hover:hover){.ColorChart_Colors_grid__VWgU2 .ColorChart_Color__2VrKI:not([disabled]):hover .ColorChart_Color_inner__iolA_{box-shadow:0 4px 8px -1px #999;transform:translateY(0) scale(1.04)}}.ColorChart_Colors_grid__VWgU2 .ColorChart_Color__2VrKI:not([disabled]):active .ColorChart_Color_inner__iolA_{box-shadow:0 4px 8px -1px #999;transform:translateY(0) scale(1.04)}@media screen and (min-width:569px){.ColorChart_Colors_grid__VWgU2 .ColorChart_Color__2VrKI{width:12rem;height:12rem}}@media screen and (min-width:768px){.ColorChart_Colors_grid__VWgU2 .ColorChart_Color__2VrKI{width:13rem;height:13rem}}@media screen and (min-width:1024px){.ColorChart_Colors_grid__VWgU2 .ColorChart_Color__2VrKI{width:15rem;height:15rem}}.ColorChart_ColorDetail__37OlD{position:relative;background-color:#fff;padding-top:6rem}.ColorChart_ColorDetail__37OlD .Image{position:absolute!important;width:100%}.ColorChart_ColorDetail_main__MPQLU{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:3rem;min-width:calc(50vmin + 14rem)}@media screen and (min-width:1024px){.ColorChart_ColorDetail_main__MPQLU{min-width:calc(50vmin + 28rem)}}.ColorChart_ColorDetail_prevNext__baM_o{position:absolute;top:50%;transform:translateY(-50%);left:2rem;right:2rem;display:flex;justify-content:space-between}.ColorChart_ColorDetail_prevNext__baM_o button{display:flex;align-items:center;height:12rem;font-size:.875rem;color:#62686b;transition:opacity .3s var(--quad-out)}.ColorChart_ColorDetail_prevNext__baM_o button span{opacity:0}@media screen and (min-width:1024px){.ColorChart_ColorDetail_prevNext__baM_o button span{opacity:1}}.ColorChart_ColorDetail_prevNext__baM_o button svg{width:2rem;height:2rem;color:#efefef;transition:filter .3s var(--quad-out)}@media(any-hover:hover){.ColorChart_ColorDetail_prevNext__baM_o button:not([disabled]):hover svg{filter:brightness(90%)}}.ColorChart_ColorDetail_prevNext__baM_o button:not([disabled]):active svg{filter:brightness(90%)}.ColorChart_ColorDetail_prevNext__baM_o button[disabled]{opacity:0}.ColorChart_ColorDetail_prevNext__baM_o .ColorChart_prevButton__wpu8J svg{transform:rotate(180deg);margin-right:.5rem}.ColorChart_ColorDetail_prevNext__baM_o .ColorChart_nextButton__j__I5 svg{margin-left:.5rem}.ColorChart_ColorDetail_colorContainer__L6kHp{position:relative;z-index:1;width:50vmin;height:50vmin;max-width:46.25rem;max-height:46.25rem;border-radius:100rem;overflow:hidden;font-family:var(--medium);font-size:1.6rem;line-height:0}@media screen and (min-width:768px){.ColorChart_ColorDetail_colorContainer__L6kHp{font-size:2rem}}.ColorChart_ColorDetail_color__lwWiv{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ColorChart_ColorDetail_color__lwWiv span{position:relative;height:100%;transform:translateY(50%);transition:.6s var(--cubic-out);transition-property:transform}.ColorChart_ColorDetail_relatedColor__Xo74z{position:absolute;top:50%;width:100%;height:50%;border-radius:0 0 100rem 100rem;display:flex;align-items:center;justify-content:center;transform:translateY(100%);transition:.6s var(--cubic-out);transition-property:background-color,transform;transform-origin:bottom}.ColorChart_ColorDetail_relatedColor__Xo74z span{position:relative}.ColorChart_ColorDetail_relatedColors__VJ5zT{padding-bottom:3rem}.ColorChart_ColorDetail_relatedColors__VJ5zT .ColorChart_relatedColors_title__9Ha9V{font-family:var(--bold);font-size:1.3125rem;text-align:center;margin-bottom:1rem}.ColorChart_ColorDetail_relatedColors__VJ5zT .ColorChart_relatedColors_grid__PfEGr{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.ColorChart_ColorDetail_relatedColors__VJ5zT .ColorChart_Color__2VrKI{position:relative;display:flex;align-items:center;justify-content:center;width:7.875rem;height:7.875rem;border-radius:50%;cursor:pointer;transition:.3s var(--quad-out);transition-property:box-shadow}.ColorChart_ColorDetail_relatedColors__VJ5zT .ColorChart_Color_inner__iolA_{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:calc(100% - 28px);height:calc(100% - 28px);border-radius:50%;font-size:1rem;transition:.3s var(--quad-out);transition-property:transform,box-shadow;overflow:hidden}.ColorChart_ColorDetail_relatedColors__VJ5zT .ColorChart_Color_inner__iolA_ span{position:relative}@media(any-hover:hover){.ColorChart_ColorDetail_relatedColors__VJ5zT .ColorChart_Color__2VrKI:not([disabled]):hover .ColorChart_Color_inner__iolA_{box-shadow:0 4px 8px -1px #999;transform:scale(1.04)}}.ColorChart_ColorDetail_relatedColors__VJ5zT .ColorChart_Color__2VrKI:not([disabled]):active .ColorChart_Color_inner__iolA_{box-shadow:0 4px 8px -1px #999;transform:scale(1.04)}.ColorChart_ColorDetail_relatedColors__VJ5zT .ColorChart_Color__2VrKI[data-active=true]{box-shadow:0 4px 8px -1px #999}.ColorChart_ColorDetail_relatedColors__VJ5zT .ColorChart_Color__2VrKI[data-active=true] .ColorChart_Color_inner__iolA_{box-shadow:none;transform:scale(1)}.ColorChart_ColorDetail__37OlD[data-split=true] .ColorChart_ColorDetail_color__lwWiv span{transform:translateY(25%)}.ColorChart_ColorDetail__37OlD[data-split=true] .ColorChart_ColorDetail_relatedColor__Xo74z{transform:translateY(0)}.ColorChart_ColorDetail__37OlD[data-hex=false] .ColorChart_ColorDetail_color__lwWiv span,.ColorChart_ColorDetail__37OlD[data-hex=false] .ColorChart_ColorDetail_relatedColor__Xo74z span,.ColorChart_ColorDetail__37OlD[data-hex=false] .ColorChart_ColorDetail_relatedColors__VJ5zT .ColorChart_Color_inner__iolA_ span{color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.6)}