.icon-styler{border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);grid-template-columns:minmax(0,1fr);gap:24px;margin-block:24px;padding:24px;display:grid}@media (min-width:720px){.icon-styler{grid-template-columns:minmax(0,1fr) minmax(240px,40%)}}.icon-styler-controls{flex-direction:column;gap:16px;display:flex}.icon-styler-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.icon-styler-blurb{color:var(--md-sys-color-on-surface-variant)}.icon-styler-row{justify-content:space-between;align-items:center;gap:16px;min-height:32px;display:flex}.icon-styler-value{color:var(--md-sys-color-on-surface-variant)}.icon-styler-color{align-items:center;gap:12px;display:flex}.icon-styler-swatch{border-radius:var(--md-sys-shape-corner-small);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-on-surface);block-size:32px;inline-size:32px;position:relative}.icon-styler-swatch input{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;position:absolute;inset:0}.icon-styler-chips{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.icon-styler-preview{border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface);grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;display:grid;overflow:hidden}.icon-styler-cell{outline:1px solid var(--md-sys-color-outline-variant);justify-content:center;align-items:center;min-block-size:112px;padding:16px;display:flex}