:root{--cromacatalogue-button-size:1.25rem;--cromacatalogue-mini-swatch-size:calc(var(--mp) * 2);}.chromacatalogue{width:stretch;display:flex;padding:calc(var(--mp) * 2);contain:content !important;min-height:30rem;}.chromacatalogue,.chromacatalogue *{text-transform:initial;}.chromacatalogue h1{font-size:2.0rem !important;border-bottom:1pt dotted var(--bg-dependent-fg-color-trans);padding:calc(var(--mp) * 1) !important;margin-bottom:calc(var(--mp) * 1);}.chromacatalogue .chromacatalogue_box{display:flex;width:stretch;padding-bottom:calc(var(--mp) * 2);margin:calc(var(--mp) * 2);}.chromacatalogue .chromacatalogue_box_even{flex-direction:row-reverse !important;}.chromacatalogue .chromacatalogue_textbox{display:flex;flex-direction:column;height:inherit;height:stretch;flex:1 1;text-align:left;}.chromacatalogue .chromacatalogue_textbox h2{border-bottom:1pt solid var(--bg-dependent-fg-color-trans);margin-bottom:calc(var(--mp) * 2);text-align:right;}.chromacatalogue .chromacatalogue_colors{display:grid;gap:calc(var(--mp) * 1);height:fit-content;}.chromacatalogue .chromacatalogue_color_swatch{margin:0px !important;padding:0px !important;transition:var(--transition-fast);cursor:pointer;z-index:0;box-shadow:var(--box-shadow-soft);height:fit-content;}.chromacatalogue .chromacatalogue_color_single{gap:0 !important;margin:0px;padding:0px;transition:var(--transition-fast);overflow:hidden;border:1pt solid var(--bg-dependent-fg-color-trans);border-radius:calc(var(--mp) * .5);}.chromacatalogue .chromacatalogue_color_single img{position:relative;height:stretch !important;width:100%;width:stretch !important;object-fit:cover;z-index:0 !important;margin:0px !important;padding:0px !important;border-bottom:1pt solid var(--bg-dependent-fg-color-trans);}.chromacatalogue .chromacatalogue_color_swatch:hover{z-index:250;}.chromacatalogue .chromacatalogue_color_swatch:hover .chromacatalogue_color_single{transform:scale(1.1);}.chromacatalogue_color_single .chromacatalogue_color_label{text-transform:capitalize;color:var(--bg-dependent-fg-color-flat);padding:calc(var(--mp) * 1);padding-top:0px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;z-index:200;}.chromacatalogue_color_single .chromacatalogue_color_label span{display:none;}.chromacatalogue_zoom{position:fixed;display:flex;align-items:stretch;align-content:stretch;justify-items:stretch;justify-content:stretch;width:50%;height:100%;flex:1 1 auto;z-index:0;background-color:transparent;visibility:hidden;opacity:0;transition:var(--transition-mid);overflow:hidden;transform-origin:50% 50%;top:0px;bottom:0px;left:calc(50% - var(--mp) * 1);left:0px;right:0px;padding:calc(var(--mp) * 1);pointer-events:none !important;z-index:100;transform:scale(1.1);}.chromacatalogue_zoom .chromacatalogue_dominant_color_label,.chromacatalogue_zoom .chromacatalogue_color_label{position:fixed;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;border-radius:calc(var(--mp) * .5) !important;z-index:200;backdrop-filter:var(--backdrop-filter);padding:calc(var(--mp) * .5);padding-left:calc(var(--mp) * 1);padding-right:calc(var(--mp) * 1);border:1pt solid var(--bg-dependent-bg-color-flat);box-shadow:var(--box-shadow-soft);transition:var(--transition-mid);opacity:0;min-height:calc(var(--mp) * 5);}.chromacatalogue_zoom .chromacatalogue_dominant_color_label{top:calc(var(--mp) * 1);left:calc(var(--mp) * 1);transform:translateY(-100%);}.chromacatalogue_zoom .chromacatalogue_color_label{transform:translateY(100%);background-color:var(--bg-dependent-bg-color-trans);right:calc(var(--mp) * 1);bottom:calc(var(--mp) * 1);}.chromacatalogue_zoom .chromacatalogue_icon_button{position:fixed;right:calc(var(--mp) * 1);top:calc(var(--mp) * 1);z-index:200;background-color:var(--bg-dependent-bg-color-trans);backdrop-filter:var(--backdrop-filter);color:var(--bg-dependent-fg-color-flat);padding:calc(var(--mp) * .5);transform:translateY(-100%);opacity:0;transition:var(--transition-fast);transition-delay:.250s;cursor:pointer;box-shadow:var(--box-shadow-soft) !important;border-radius:calc(var(--mp) * .25);border:1pt solid var(--bg-dependent-bg-color-flat);}.chromacatalogue_zoom .chromacatalogue_color_value_container{display:flex;flex-direction:column;}.chromacatalogue_zoom .chromacatalogue_color_value_disabled,.chromacatalogue_zoom .chromacatalogue_color_value{display:flex;padding:calc(var(--mp) * .25);cursor:pointer;border:1pt solid transparent;border-radius:calc(var(--mp) * .25);transition:var(--transition-fast);}.chromacatalogue_zoom .chromacatalogue_color_mini_swatch_grid{display:grid;grid-template-columns:repeat(9,1fr);gap:calc(var(--mp) * .25);margin-left:calc(var(--mp) * 1);}.chromacatalogue_zoom .chromacatalogue_color_mini_swatch_grid_title{grid-column:1 / 8;font-weight:bold;border-right:1px solid transparent;font-size:.7rem !important;height:var(--cromacatalogue-mini-swatch-size) !important;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;}.chromacatalogue_zoom .chromacatalogue_color_mini_swatch{display:flex;border-radius:calc(var(--mp) * .25);height:var(--cromacatalogue-mini-swatch-size) !important;width:var(--cromacatalogue-mini-swatch-size) !important;}.chromacatalogue_zoom .chromacatalogue_color_value:hover{filter:brightness(110%) !important;}.chromacatalogue_zoom .chromacatalogue_color_value:active{filter:brightness(75%) !important;}.chromacatalogue_zoom .chromacatalogue_color_value:hover,.chromacatalogue_zoom .chromacatalogue_color_value:active{border-color:#ffffff80 !important;background-color:#ffffff40;}.chromacatalogue_zoom .chromacatalogue_icon_button .icon{width:var(--cromacatalogue-button-size);height:var(--cromacatalogue-button-size);}.chromacatalogue_zoom .chromacatalogue_icon_button:hover{filter:brightness(125%);}.chromacatalogue_zoom .chromacatalogue_icon_button:active{filter:brightness(75%);transform:scale(.975)}.chromacatalogue_zoom .chromacatalogue_dominant_color_label,.chromacatalogue_zoom .chromacatalogue_dominant_color_label *,.chromacatalogue_zoom .chromacatalogue_color_label,.chromacatalogue_zoom .chromacatalogue_color_label *{text-transform:uppercase !important;font-size:.75rem !important;}.chromacatalogue_zoom .chromacatalogue_dominant_color_label sup,.chromacatalogue_zoom .chromacatalogue_color_label sup{float:left;font-size:100% !important;margin-right:calc(var(--mp) * .5);}.chromacatalogue .chromacatalogue_color_swatch_active{z-index:500;}.chromacatalogue .chromacatalogue_color_swatch_active .chromacatalogue_zoom{transition-delay:0s !important;cursor:default !important;}.chromacatalogue .chromacatalogue_color_swatch_active .chromacatalogue_icon_button,.chromacatalogue .chromacatalogue_color_swatch_active .chromacatalogue_zoom .chromacatalogue_color_label,.chromacatalogue .chromacatalogue_color_swatch_active .chromacatalogue_zoom .chromacatalogue_dominant_color_label,.chromacatalogue .chromacatalogue_color_swatch_active .chromacatalogue_zoom{opacity:1;z-index:500;visibility:visible !important;transform:translateY(0%) scale(1);pointer-events:all !important;}.chromacatalogue_zoom div.chromacatalogue_zoom_img_wrapper{width:100%;height:100%;border-radius:calc(var(--mp) * .5);border:2pt solid var(--bg-dependent-fg-color-trans);overflow:hidden;contain:content;}.chromacatalogue_zoom div.chromacatalogue_zoom_img_wrapper img{width:100%;width:stretch;height:100%;flex:1 1 auto;}@media screen and (min-width:1024px){.chromacatalogue .chromacatalogue_colors{grid-template-columns:repeat(3,1fr);}.chromacatalogue .chromacatalogue_textbox{height:100% !important;flex:1 1 auto !important;}.chromacatalogue .chromacatalogue_box_odd .chromacatalogue_textbox{padding-right:calc(var(--mp) * 2);margin-right:calc(var(--mp) * 2);border-right:1px dotted var(--bg-dependent-fg-color-trans);}.chromacatalogue .chromacatalogue_box_even .chromacatalogue_textbox{padding-left:calc(var(--mp) * 2);margin-left:calc(var(--mp) * 2);border-left:1px dotted var(--bg-dependent-fg-color-trans);}.chromacatalogue .chromacatalogue_colors,.chromacatalogue .chromacatalogue_textbox{width:50% !important;}.chromacatalogue .chromacatalogue_color_single img{aspect-ratio:8 / 5 !important;}.chromacatalogue .chromacatalogue_color_single:hover img{filter:brightness(100%) !important;}}@media screen and (max-width:1023px){.chromacatalogue .chromacatalogue_colors{margin-top:calc(var(--mp) * 1);padding-top:calc(var(--mp) * 2);border-top:1pt solid var(--bg-dependent-fg-color-trans);grid-template-columns:repeat(2,1fr);}.chromacatalogue .chromacatalogue_color_single img{aspect-ratio:16 / 9 !important;padding:0px;}.chromacatalogue .chromacatalogue_box{flex-direction:column;}.chromacatalogue_zoom{display:none !important;}}