.ui-material{background-clip:padding-box;background-color:var(--background);border:1px solid var(--border)}.ui-material.skeleton{border-color:var(--border);border-style:dashed}.ui-material.low{box-shadow:0 1px 2px var(--border)}.ui-material.medium{box-shadow:0 2px 4px var(--border)}.ui-material.high{box-shadow:0 8px 12px var(--border)}.ui-material.selectable{cursor:pointer;transition:all .15s ease}.ui-material.selectable:hover{background-color:var(--background-100);border-color:var(--color-zinc-400)}.ui-material.selectable:active{background-color:var(--background-200);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)}