button{all:unset}.DropdownMenuContent,.DropdownMenuSubContent{will-change:transform,opacity;background-color:#fff;border-radius:12px;flex-direction:column;justify-content:center;gap:10px;min-width:220px;padding:10px;animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833}.DropdownMenuContent[data-side=top],.DropdownMenuSubContent[data-side=top]{animation-name:slideDownAndFade}.DropdownMenuContent[data-side=right],.DropdownMenuSubContent[data-side=right]{animation-name:slideLeftAndFade}.DropdownMenuContent[data-side=bottom],.DropdownMenuSubContent[data-side=bottom]{animation-name:slideUpAndFade}.DropdownMenuContent[data-side=left],.DropdownMenuSubContent[data-side=left]{animation-name:slideRightAndFade}.DropdownMenuItem,.DropdownMenuCheckboxItem,.DropdownMenuRadioItem,.DropdownMenuSubTrigger{color:var(--violet-11);-webkit-user-select:none;user-select:none;border-radius:3px;outline:none;align-items:center;height:25px;padding:0 5px 0 25px;font-size:13px;line-height:1;display:flex;position:relative}.DropdownMenuSubTrigger[data-state=open]{background-color:var(--violet-4);color:var(--violet-11)}.DropdownMenuItem[data-disabled],.DropdownMenuCheckboxItem[data-disabled],.DropdownMenuRadioItem[data-disabled],.DropdownMenuSubTrigger[data-disabled]{color:var(--mauve-8);pointer-events:none}.DropdownMenuItem[data-highlighted],.DropdownMenuCheckboxItem[data-highlighted],.DropdownMenuRadioItem[data-highlighted],.DropdownMenuSubTrigger[data-highlighted]{background-color:var(--violet-9);color:var(--violet-1)}.DropdownMenuLabel{color:var(--mauve-11);padding-left:25px;font-size:12px;line-height:25px}.DropdownMenuSeparator{background-color:var(--violet-6);height:1px;margin:5px}.DropdownMenuItemIndicator{justify-content:center;align-items:center;width:25px;display:inline-flex;position:absolute;left:0}.DropdownMenuArrow{fill:#fff}.IconButton{width:35px;height:35px;color:var(--violet-11);box-shadow:0 2px 10px var(--black-a7);background-color:#fff;border-radius:100%;justify-content:center;align-items:center;font-family:inherit;display:inline-flex}.IconButton:hover{background-color:var(--violet-3)}.IconButton:focus{box-shadow:0 0 0 2px #000}.RightSlot{color:var(--mauve-11);margin-left:auto;padding-left:20px}[data-highlighted]>.RightSlot{color:#fff}[data-disabled] .RightSlot{color:var(--mauve-8)}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRightAndFade{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translate(2px)}to{opacity:1;transform:translate(0)}}
.overlay{cursor:pointer;background-color:#53535fcc;display:flex;position:fixed;inset:0}.overlay>.modal{display:contents;position:relative}.overlay>.modal .card .header{position:relative}.overlay>.modal .card .content{padding:20px}.overlay>.modal>.apps{padding:20px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.overlay>.modal>.apps>.wrapper{background-color:#f1f1f1;border-radius:20px;min-width:100%;margin:auto;padding:12px;box-shadow:0 5px 15px #0000004d}.overlay>.modal>.apps>.wrapper .navList{grid-template-columns:repeat(4,1fr);display:grid}.overlay>.modal>.apps>.wrapper .navList .app{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:8px;display:flex}.overlay>.modal>.apps>.wrapper .navList .app:hover{background-color:#cecece}.overlay>.modal>.apps>.wrapper .navList .app:hover .title{font-weight:600}.overlay>.modal>.apps>.wrapper .navList .app .title{margin-top:4px;font-size:.8rem;font-weight:400}.overlay>.modal>.card{background-color:#fff;border-radius:20px;flex-direction:column;margin:100px auto auto;display:flex}.overlay>.modal>.card>.header{padding:20px}.overlay>.modal>.clinic{background-color:#fff;position:relative}.overlay>.modal>.card>.content{margin-bottom:20px;padding:20px}.overlay>.modal>.card>.content .footer{justify-content:center;display:flex}@media (min-width:768px){.overlay>.modal>.apps>.wrapper{min-width:500px}}@media (min-width:1200px){.card.addInventory{min-width:500px}}