[data-theme=dark] main.home{--howDidYouhearBg:hsl(0,0%,5%)}main.home{--howDidYouhearBg:hsl(0,0%,100%);height:100%;width:100%;background-color:var(--sidebar-bg);display:flex;flex-direction:column}@media screen and (max-width:500px){main.home .sidebar{--sidebar-width:100vw}}main.home .sidebar>.content{gap:.5rem}main.home .sidebar>.content .top{height:2.5rem}main.home .sidebar>.content .list{gap:.5rem}main.home .sidebar>.content .list .bottom .new{color:var(--accent-40);border-color:var(--accent);display:none}@media screen and (max-width:500px){main.home .sidebar>.content .list .bottom .new{display:flex}}main.home .sidebar>.content .list .collaborationRequestsTrigger{position:relative}main.home .sidebar>.content .list .collaborationRequestsTrigger .badge{aspect-ratio:1;height:1.4rem;display:grid;place-items:center;border-radius:100%;font-weight:700;text-align:center;background-color:var(--collaborator);color:var(--contrast);position:absolute;right:-.5rem;bottom:1rem}main.home .sidebar .CollapsibleRoot.dashboardSidebar button{width:100%;font-size:.9rem;font-weight:500;color:var(--text-30);padding:.3rem}main.home .sidebar .CollapsibleRoot.dashboardSidebar button:hover{background-color:var(--transparent-gray-10);color:var(--text)}main.home .sidebar .CollapsibleRoot.dashboardSidebar button svg.chevron{transition:rotate .2s}main.home .sidebar .CollapsibleRoot.dashboardSidebar a{padding:.2rem .2rem .2rem .4rem;justify-content:left;gap:.3rem;color:var(--text-20);font-weight:500}main.home .sidebar .CollapsibleRoot.dashboardSidebar a:hover{background-color:var(--transparent-gray-10);text-decoration:underline;color:var(--text)}main.home .sidebar .CollapsibleRoot.dashboardSidebar[data-state=open] svg.chevron{rotate:180deg}main.home .sidebar .CollapsibleRoot.dashboardSidebar button.create{margin-left:.4rem;margin-top:.2rem;width:calc(100% - .4rem);font-size:.9rem;justify-content:center;color:var(--accent);background-color:var(--transparent-accent-10)}main.home .sidebar .CollapsibleRoot.dashboardSidebar button.create:hover{background-color:var(--transparent-accent-20);color:var(--accent-55)}main.home .sidebar .CollapsibleRoot.dashboardSidebar .empty{font-size:.9rem;color:var(--text-50);margin:.3rem .5rem}main.home .headerContainer{display:flex;flex-direction:column;width:100%;height:100%;margin-left:1px}main.home .headerContainer .header{display:flex;justify-content:flex-end;padding:.3rem .5rem;gap:.5rem}@media screen and (max-width:500px){main.home .headerContainer .header{display:none}}main.home .headerContainer .header button{padding:.4rem .8rem;font-size:.95rem}main.home .headerContainer .header button.shotlist{background-color:var(--accent);color:var(--text-100);font-weight:600}main.home .headerContainer .header button.shotlist:hover{background-color:var(--accent-60)}main.home .headerContainer .header button.template{font-weight:600;color:var(--accent);background-color:var(--transparent-accent-10)}main.home .headerContainer .header button.template:hover{background-color:var(--transparent-accent-20)}main.home .headerContainer .dashboardContent{background-color:var(--contrast);height:100%;width:100%;border-top-left-radius:1rem;padding:1.5rem 1.5rem 5rem}main.home .floater{position:absolute;bottom:1rem;right:1rem;display:flex;align-items:center;gap:.5rem}main.home .floater .openSidebar{background-color:var(--contrast);border:2px solid var(--default-interactable-border);border-radius:100%;padding:.6rem;display:none}@media screen and (max-width:500px){main.home .floater .openSidebar{display:flex}}main.home .introQuestions{position:absolute;right:.5rem;bottom:.5rem;z-index:10;width:400px;max-width:calc(100vw - 1rem);display:flex;flex-direction:column;gap:.5rem}main.home .introQuestions>div{background-color:var(--howDidYouhearBg);padding:1rem;border-radius:.5rem;box-shadow:5px 5px 15px 5px rgba(0,0,0,.2);width:100%;display:flex;flex-direction:column;gap:1rem}main.home .introQuestions>div h3{font-weight:700}main.home .introQuestions>div p{color:var(--text-20);font-size:.9rem;line-height:125%}main.home .introQuestions>div p.small{font-size:.85rem;color:var(--text-40)}main.home .introQuestions>div p span.gray{color:var(--text-40)}main.home .introQuestions>div .textField{font-size:.9rem}main.home .introQuestions>div .buttons button,main.home .introQuestions>div>button{width:100%;justify-content:center;font-size:.9rem}main.home .introQuestions>div .buttons button.main,main.home .introQuestions>div>button.main{background-color:var(--accent)}main.home .introQuestions>div .buttons button.main:hover,main.home .introQuestions>div>button.main:hover{background-color:var(--accent-60)}main.home .introQuestions>div .buttons button.secondary,main.home .introQuestions>div>button.secondary{color:var(--accent);background-color:var(--transparent-accent-10)}main.home .introQuestions>div .buttons button.secondary:hover,main.home .introQuestions>div>button.secondary:hover{background-color:var(--transparent-accent-20)}main.home .introQuestions>div div.buttons{display:flex;gap:.5rem}[data-theme=dark] .popoverContent.CollaborationRequests{--reloadButtonBg:hsl(0,0%,8%)}.popoverContent.CollaborationRequests{--reloadButtonBg:hsl(0,0%,95%);min-width:var(--radix-popover-trigger-width);max-width:90vw;border:1px solid var(--default-interactable-border);padding:.3rem}.popoverContent.CollaborationRequests .empty{padding:.5rem;color:var(--text-50)}.popoverContent.CollaborationRequests .collaborationRequest{display:flex;align-items:center;gap:.3rem;margin:.1rem}.popoverContent.CollaborationRequests .collaborationRequest p{text-align:left;color:var(--text-20);margin-right:.2rem}.popoverContent.CollaborationRequests .collaborationRequest p span{color:var(--text)}.popoverContent.CollaborationRequests .collaborationRequest button{border:1px solid var(--default-interactable-border);padding:.3rem;aspect-ratio:1;height:-moz-fit-content;height:fit-content}.popoverContent.CollaborationRequests .collaborationRequest button:hover{border-color:var(--accent);color:var(--accent)}.popoverContent.CollaborationRequests .reload{justify-content:flex-start;background-color:var(--reloadButtonBg);color:var(--text-30);font-size:.9rem;border:1px solid var(--default-interactable-border)}.popoverContent.CollaborationRequests .reload:not([disabled]):hover{color:var(--text-10);border:1px solid var(--default-interactable-hover-border)}