.swatch{appearance:none;font:inherit;text-align:start;inline-size:100%;min-height:40px;z-index:0;cursor:pointer;z-index:0;border:none;border-radius:4px;block-size:100%;padding:0;transition:transform .2s ease-in-out;position:relative;transform:scale(1);box-shadow:0 1px 2px #0000001a}.swatch:hover,.swatch:focus{z-index:1;transform:scale(1.05)}.swatch-text{opacity:1;position:absolute}.swatch-text[data-type=name]{top:8px;left:8px}.swatch-text[data-type=value]{max-width:90%;bottom:8px;right:8px}.scale-layout{flex-direction:column;display:flex}.scale{flex-direction:column;gap:3px;display:flex}.scale-swatch-wrapper,.scale-swatch-wrapper>span,.scale-swatch-wrapper>span>span{flex:1;display:flex}.color-grid-layout{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.color-grid-layout-fit-content{align-items:start}