.ui-material{background-color:var(--background);border-radius:var(--radius)}.ui-material.skeleton{border-color:var(--border);border-style:dashed}.ui-material.flush{box-shadow:0 0 0 1px #09090b1a}.ui-material.low{box-shadow:0 0 0 1px #09090b0d,0 1px 2px #0000000d,0 1px 2px -1px #0000000d}.ui-material.medium{box-shadow:0 0 0 1px #09090b13,0 1px 3px #0001,0 1px 2px -1px #0001}.ui-material.high{box-shadow:0 0 0 1px #09090b1a,0 4px 8px -1px #0000001a,0 2px 6px -2px #0000001a}.ui-material.selectable{cursor:pointer;transition:all .15s ease}.ui-material.selectable:hover{background-color:var(--secondary);border-color:var(--color-zinc-400)}.ui-material.selectable:active{background-color:var(--subtle);border-color:var(--color-zinc-500)}.ui-material.selectable.low:hover{box-shadow:0 1px 4px var(--border)}.ui-material.selectable.low:active{box-shadow:0 1px 6px var(--border)}.ui-material.selectable.medium:hover{box-shadow:0 2px 6px var(--border)}.ui-material.selectable.medium:active{box-shadow:0 2px 8px var(--border)}.ui-material.selectable.high:hover{box-shadow:0 4px 12px var(--border)}.ui-material.selectable.high:active{box-shadow:0 4px 16px var(--border)}