.material-debug-panel[data-v-23ed37d5]{font-family:system-ui,-apple-system,sans-serif}.modal-fade-enter-active[data-v-77cf6128],.modal-fade-leave-active[data-v-77cf6128]{transition:opacity .3s ease}.modal-fade-enter-active>div[data-v-77cf6128],.modal-fade-leave-active>div[data-v-77cf6128]{transition:opacity .3s ease,transform .3s ease}.modal-fade-enter-from[data-v-77cf6128],.modal-fade-leave-to[data-v-77cf6128]{opacity:0}.modal-fade-enter-from>div[data-v-77cf6128],.modal-fade-leave-to>div[data-v-77cf6128]{opacity:0;transform:scale(.9)}.modal-fade-enter-active[data-v-85f6999f],.modal-fade-leave-active[data-v-85f6999f]{transition:opacity .3s ease}.modal-fade-enter-active>div[data-v-85f6999f],.modal-fade-leave-active>div[data-v-85f6999f]{transition:opacity .3s ease,transform .3s ease}.modal-fade-enter-from[data-v-85f6999f],.modal-fade-leave-to[data-v-85f6999f]{opacity:0}.modal-fade-enter-from>div[data-v-85f6999f],.modal-fade-leave-to>div[data-v-85f6999f]{opacity:0;transform:scale(.9)}.materials-container[data-v-b939750d]{width:100%;overflow-x:auto;overflow-y:hidden;display:flex;justify-content:safe center}.materials-list[data-v-b939750d]{display:flex;height:100%;flex-wrap:nowrap;gap:.5rem;min-width:min-content}.collapsed[data-v-b939750d]{width:100%;overflow:hidden}.material-tile[data-v-b939750d]{display:flex;flex-shrink:0;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;border-radius:1rem;border-width:1px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.25rem 1rem;font-weight:600}.material-tile[data-v-b939750d]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(32 33 36 / var(--tw-bg-opacity, 1))}.material-tile[data-v-b939750d]:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.material-tile[data-v-b939750d]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(44 45 48 / var(--tw-bg-opacity, 1))}.base-colors-container[data-v-b939750d]{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;overflow-x:auto;padding:.5rem;justify-content:safe center;scrollbar-width:thin;scrollbar-color:#d7d7d9 transparent}@supports not (justify-content: safe center){.materials-container[data-v-b939750d],.base-colors-container[data-v-b939750d]{justify-content:flex-start}}.base-color-item[data-v-b939750d]{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:0 0 auto;min-width:4rem}.bottom-sheet-fade-enter-active[data-v-b939750d],.bottom-sheet-fade-leave-active[data-v-b939750d]{transition:opacity .3s ease}.bottom-sheet-fade-enter-from[data-v-b939750d],.bottom-sheet-fade-leave-to[data-v-b939750d]{opacity:0}.animate-slide-up[data-v-b939750d]{animation:slide-up-b939750d .3s ease-out forwards}@keyframes slide-up-b939750d{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.dropdown-fade-enter-active[data-v-b939750d],.dropdown-fade-leave-active[data-v-b939750d]{transition:opacity .2s ease,transform .2s ease}.dropdown-fade-enter-from[data-v-b939750d],.dropdown-fade-leave-to[data-v-b939750d]{opacity:0;transform:translateY(-10px) scale(.95)}.modal-fade-enter-active[data-v-b939750d],.modal-fade-leave-active[data-v-b939750d]{transition:opacity .3s ease}.modal-fade-enter-active>div[data-v-b939750d],.modal-fade-leave-active>div[data-v-b939750d]{transition:opacity .3s ease,transform .3s ease}.modal-fade-enter-from[data-v-b939750d],.modal-fade-leave-to[data-v-b939750d]{opacity:0}.modal-fade-enter-from>div[data-v-b939750d],.modal-fade-leave-to>div[data-v-b939750d]{opacity:0;transform:scale(.9)}[data-v-b939750d]{touch-action:manipulation}