.wp-block-monochromatic-colour-selector .monochromatic-colour-selector__inner{position:relative}.wp-block-monochromatic-colour-selector .monochromatic-colour-selector__inner .monochromatic-container{aspect-ratio:3/2;overflow:hidden;position:relative}.wp-block-monochromatic-colour-selector .monochromatic-colour-selector__inner .monochromatic-container .monochromatic-img{left:0;opacity:0;position:absolute;top:0;transition-duration:.1s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:linear}.wp-block-monochromatic-colour-selector .monochromatic-colour-selector__inner .monochromatic-container .monochromatic-img--active{opacity:1}.wp-block-monochromatic-colour-selector .monochromatic-colour-selector__inner .monochromatic-selector{bottom:1.25rem;height:150px;position:absolute;right:1.25rem;width:150px;z-index:10}.wp-block-monochromatic-colour-selector .monochromatic-colour-selector__inner .monochromatic-selector .monochromatic-selector__inner{--tw-translate-x:-50%;--tw-translate-y:-50%;display:block;height:108px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:108px}.wp-block-monochromatic-colour-selector .monochromatic-colour-selector__inner .monochromatic-selector .monochromatic-selector__inner .square{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));border-width:2px;display:block;height:15px;position:absolute;text-indent:-99999px;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:linear;width:15px;z-index:10}.wp-block-monochromatic-colour-selector .monochromatic-colour-selector__inner .monochromatic-selector .monochromatic-selector__inner .square--default{--tw-translate-x:-50%;--tw-translate-y:-50%;left:50%;margin-left:8px;margin-top:8px;top:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.wp-block-monochromatic-colour-selector .monochromatic-colour-selector__inner .monochromatic-selector .monochromatic-selector__inner .square--active,.wp-block-monochromatic-colour-selector .monochromatic-colour-selector__inner .monochromatic-selector .monochromatic-selector__inner .square:hover{--tw-scale-x:1.2;--tw-scale-y:1.2;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}