.pattern-picker{display:inline-block;position:relative}.pattern-picker-button{text-align:left;min-width:120px;padding:4px 8px}.pattern-picker-button span{float:right}.pattern-preview{vertical-align:middle;width:var(--preview-size);height:var(--preview-size);background:var(--preview-bg);border:1px solid #666;border-radius:4px;margin-left:6px;display:inline-block}.pattern-menu{z-index:10000;color:#000;max-height:220px;left:var(--menu-left);top:var(--menu-top);background:#fff;border:1px solid #888;border-radius:4px;position:absolute;overflow-y:auto;box-shadow:0 4px 12px #00000059}.pattern-item{cursor:pointer;padding:4px 8px}.pattern-item.selected{background:#e0e0e0}