@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.picker-tile[data-v-a64bffec]{padding:calc(var(--spacing) * 3);border-width:1px;border-color:color-mix(in srgb, oklch(from var(--colors-border) l c h) var(--un-border-opacity), transparent);border-radius:var(--radius-xl);background-color:color-mix(in srgb, oklch(from var(--colors-surface) l c h) 20%, transparent);gap:calc(var(--spacing) * 3);cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));align-items:center;display:flex}.picker-tile[data-v-a64bffec]:hover{border-color:color-mix(in srgb, oklch(from var(--colors-foreground) l c h) 20%, transparent);background-color:color-mix(in srgb, oklch(from var(--colors-surface) l c h) 50%, transparent)}.picker-tile--selected[data-v-a64bffec]{border-color:color-mix(in srgb, oklch(from var(--colors-primary) l c h) var(--un-border-opacity), transparent);background-color:color-mix(in srgb, oklch(from var(--colors-primary) l c h) 10%, transparent)}.picker-tile--selected[data-v-a64bffec]:hover{border-color:color-mix(in srgb, oklch(from var(--colors-primary) l c h) var(--un-border-opacity), transparent);background-color:color-mix(in srgb, oklch(from var(--colors-primary) l c h) 15%, transparent)}