.panel[data-v-3beab211]{width:165px;z-index:var(--z-header);opacity:0;visibility:hidden;translate:0 -30px;&.active[data-v-3beab211]{opacity:1;visibility:visible;translate:0 0}header[data-v-3beab211]{height:40px;label[data-v-3beab211]{line-height:40px}}main[data-v-3beab211]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-template-columns:repeat(3,30px);grid-auto-rows:30px;grid-gap:15px;span[data-v-3beab211]{border-radius:30px;&.selected[data-v-3beab211]:after{display:block;content:"";border-radius:10rem;width:34px;height:34px;border:2px solid var(--swatch);translate:-4px -4px;-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow)}}}}.picker .ico[data-v-3beab211]{width:20px;height:20px;translate:0 3px}