.dye-picker-container{display:grid;gap:2px;grid-template-columns:repeat(7, 1fr)}.dye-picker-container *{box-sizing:border-box}.dye-picker-tip{text-align:center}.dye-swatch{border-radius:5px;height:31px;width:37px}.dye-swatch-container{cursor:pointer;padding:2px;position:relative}.dye-swatch-container:hover{position:relative}.dye-swatch-container:hover:after{background-color:#fff;content:"";display:block;height:100%;left:0;mix-blend-mode:overlay;opacity:25%;position:absolute;top:0;width:100%;z-index:11}.dye-swatch:before{content:'';display:block;height:36px;left:-1px;position:absolute;top:-1px;width:42px}body[data-wh-webp="false"] .dye-swatch:before{background-image:url(/images/wow/TextureAtlas/beta/housing_customize_dye_frame_default.png)}body[data-wh-webp="true"] .dye-swatch:before{background-image:url(/images/wow/TextureAtlas/beta/housing_customize_dye_frame_default.webp)}body[data-wh-webp="false"] .dye-swatch[data-active='true']:before{background-image:url(/images/wow/TextureAtlas/beta/housing_customize_dye_frame_selected.png)}body[data-wh-webp="true"] .dye-swatch[data-active='true']:before{background-image:url(/images/wow/TextureAtlas/beta/housing_customize_dye_frame_selected.webp)}body[data-wh-webp="false"] .dye-swatch.undyed{background-image:url(/images/wow/TextureAtlas/beta/housing_customize_dye_swatch_empty.png)}body[data-wh-webp="true"] .dye-swatch.undyed{background-image:url(/images/wow/TextureAtlas/beta/housing_customize_dye_swatch_empty.webp)}body[data-wh-webp="false"] .dye-swatch.remove-dye{background-image:url(/images/wow/TextureAtlas/beta/housing_customize_dye_removedye.png)}body[data-wh-webp="true"] .dye-swatch.remove-dye{background-image:url(/images/wow/TextureAtlas/beta/housing_customize_dye_removedye.webp)}.dye-swatch.undyed,.dye-swatch.remove-dye{background-size:contain}.dye-list{align-items:center;display:flex;gap:10px}.dye-slot{align-items:center;display:flex;gap:5px;margin-right:auto}