@layer components{.cookie-app-bg{--cookie-app-bg-cream:#fff2d1;--cookie-app-bg-cream-mid:#fff5e0;background-color:var(--cookie-app-bg-cream);background-image:linear-gradient(180deg, var(--cookie-app-bg-cream) 0%, var(--cookie-app-bg-cream-mid) 40%, var(--cookie-app-bg-cream) 100%)}@supports (color:lab(0% 0 0)){.cookie-app-bg{--cookie-app-bg-cream:lab(96.1752% 1.61648 24.49);--cookie-app-bg-cream-mid:lab(96.9247% 2.81978 22.7435)}}.cookie-app-bg ::selection,.cookie-app-dialog ::selection{background-color:color-mix(in oklab, var(--color-yellow-highlight) 70%, transparent)}.cookie-app-toolbar{border:2px solid color-mix(in oklab, var(--color-ink) 88%, transparent);background:var(--panel);border-radius:1.25rem}@media (min-width:768px){.cookie-app-toolbar{border-radius:1.5rem}}.cookie-app-frame{border-radius:1.75rem}.cookie-app-frame-inner{border:2px solid var(--color-ink);background:var(--panel);border-radius:1.75rem}.cookie-app-pane-header{border-bottom:2px solid color-mix(in oklab, var(--color-ink) 14%, transparent)}.cookie-app-pane-divider{border-right:2px solid color-mix(in oklab, var(--color-ink) 14%, transparent)}.cookie-app-btn{border:2px solid var(--color-ink);box-shadow:0 2px 0 var(--color-ink);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:.625rem;font-weight:700;transition:background-color .2s,box-shadow .15s,transform .15s ease-out,border-color .2s}@media (min-width:768px){.cookie-app-btn{box-shadow:0 3px 0 var(--color-ink)}}@media (hover:hover) and (pointer:fine){.cookie-app-btn:hover:not(:disabled){box-shadow:0 1px 0 var(--color-ink);transform:translateY(2px)}@media (min-width:768px){.cookie-app-btn:hover:not(:disabled){box-shadow:0 2px 0 var(--color-ink)}}}.cookie-app-btn:active:not(:disabled){box-shadow:0 0 0 var(--color-ink);transform:translateY(4px)}.cookie-app-btn[data-state=open]{background:var(--color-yellow-highlight);box-shadow:0 0 0 var(--color-ink);transform:translateY(4px)}@media (hover:hover) and (pointer:fine){.cookie-app-btn[data-state=open]:hover:not(:disabled){background:var(--color-yellow-highlight);box-shadow:0 0 0 var(--color-ink);transform:translateY(4px)}}.cookie-app-btn-segment{border-radius:.75rem;font-weight:700}.cookie-app-btn-segment[data-active=true],.cookie-app-btn-segment.is-active{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-ink) 12%, transparent)}.cookie-app-chip{border:2px solid var(--color-ink);box-shadow:0 1px 2px color-mix(in oklab, var(--color-ink) 6%, transparent);border-radius:.625rem;font-weight:700}.cookie-app-tooltip{border:2px solid var(--color-ink);background:var(--panel);box-shadow:0 4px 14px -4px color-mix(in oklab, var(--color-ink) 20%, transparent);border-radius:.5rem}@keyframes cookie-dropdown-grow{0%{opacity:0;transform:scale(.88)}42%{opacity:1}52%{opacity:1;transform:scale(1.012)}74%{opacity:1;transform:scale(.996)}to{opacity:1;transform:scale(1)}}@keyframes cookie-dropdown-shrink{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes cookie-dropdown-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cookie-dropdown-fade-out{0%{opacity:1}to{opacity:0}}.cookie-app-dropdown{border:2px solid var(--color-ink);background:var(--panel);box-shadow:0 1px 0 color-mix(in oklab, var(--color-ink) 8%, transparent), 0 8px 28px -6px color-mix(in oklab, var(--color-ink) 22%, transparent);transform-origin:var(--radix-dropdown-menu-content-transform-origin);border-radius:1rem}.cookie-app-dropdown[data-state=open]{animation:.32s cubic-bezier(.22,1,.36,1) both cookie-dropdown-grow}.cookie-app-dropdown[data-state=closed]{animation:.16s cubic-bezier(.4,0,.8,.6) both cookie-dropdown-shrink}@keyframes cookie-dialog-grow{0%{opacity:0;scale:.88}42%{opacity:1}52%{opacity:1;scale:1.012}74%{opacity:1;scale:.996}to{opacity:1;scale:1}}@keyframes cookie-dialog-shrink{0%{opacity:1;scale:1}to{opacity:0;scale:.9}}.cookie-app-dialog{border:2px solid var(--color-ink);background:var(--panel);transform-origin:50%;box-shadow:0 1px 0 color-mix(in oklab, var(--color-ink) 10%, transparent), 0 12px 40px -8px color-mix(in oklab, var(--color-ink) 24%, transparent);border-radius:1.5rem}.cookie-app-dialog[data-state=open]{animation:.32s cubic-bezier(.22,1,.36,1) both cookie-dialog-grow}.cookie-app-dialog[data-state=closed]{animation:.16s cubic-bezier(.4,0,.8,.6) both cookie-dialog-shrink}.cookie-app-surface-soft{border:2px solid color-mix(in oklab, var(--color-ink) 88%, transparent);background:var(--panel);box-shadow:0 1px 3px color-mix(in oklab, var(--color-ink) 6%, transparent);border-radius:.75rem}.cookie-app-fab-shadow{box-shadow:0 3px 0 var(--color-ink);transition:box-shadow .15s ease-out,transform .15s ease-out}@media (hover:hover) and (pointer:fine){:is(.cookie-app-fab-shadow:has(.cookie-app-btn:hover:not(:disabled)),.cookie-app-fab-shadow:has(button:hover:not(:disabled))){box-shadow:0 1px 0 var(--color-ink);transform:translateY(2px)}}:is(.cookie-app-fab-shadow:has(.cookie-app-btn:active:not(:disabled)),.cookie-app-fab-shadow:has(button:active:not(:disabled))){box-shadow:0 0 0 var(--color-ink);transform:translateY(4px)}.cookie-app-btn-warn-amber{background:#fffbed;background:lab(98.7477% -.5714 7.36421);border-color:#b45309;box-shadow:0 2px #b45309}@media (min-width:768px){.cookie-app-btn-warn-amber{box-shadow:0 3px #b45309}}@media (hover:hover) and (pointer:fine){.cookie-app-btn-warn-amber:hover:not(:disabled){background:#fffbeb;transform:translateY(2px);box-shadow:0 1px #b45309}@media (min-width:768px){.cookie-app-btn-warn-amber:hover:not(:disabled){box-shadow:0 2px #b45309}}}.cookie-app-btn-warn-amber:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 #b45309}.cookie-app-btn-warn-red{background:#fef4f4;background:lab(96.9794% 3.54281 1.28878);border-color:#b91c1c;box-shadow:0 2px #b91c1c}@media (min-width:768px){.cookie-app-btn-warn-red{box-shadow:0 3px #b91c1c}}@media (hover:hover) and (pointer:fine){.cookie-app-btn-warn-red:hover:not(:disabled){background:#fef3f3;background:lab(96.624% 3.95963 1.44093);transform:translateY(2px);box-shadow:0 1px #b91c1c}@media (min-width:768px){.cookie-app-btn-warn-red:hover:not(:disabled){box-shadow:0 2px #b91c1c}}}.cookie-app-btn-warn-red:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 #b91c1c}@media (prefers-reduced-motion:reduce){.cookie-app-btn:hover:not(:disabled),.cookie-app-btn:active:not(:disabled),.cookie-app-btn[data-state=open]:not(:active),.cookie-app-btn[data-state=open]:hover:not(:disabled):not(:active){transform:none}.cookie-app-fab-shadow:has(.cookie-app-btn:hover:not(:disabled)){transform:none}.cookie-app-fab-shadow:has(.cookie-app-btn:active:not(:disabled)){transform:none}.cookie-app-fab-shadow:has(button:hover:not(:disabled)){transform:none}.cookie-app-fab-shadow:has(button:active:not(:disabled)){transform:none}.cookie-app-dropdown[data-state=open]{animation:.12s ease-out both cookie-dropdown-fade-in}.cookie-app-dropdown[data-state=closed]{animation:.1s ease-in both cookie-dropdown-fade-out}.cookie-app-dialog[data-state=open]{animation:.12s ease-out both cookie-dropdown-fade-in}.cookie-app-dialog[data-state=closed]{animation:.1s ease-in both cookie-dropdown-fade-out}}.cookie-mobile-pane-tabs{gap:.5rem;width:100%;min-width:0;display:flex}.cookie-mobile-pane-tab{border:2px solid var(--color-ink);background:var(--panel);text-align:center;min-width:0;color:var(--color-ink);box-shadow:0 2px 0 var(--color-ink);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:.75rem;flex:1;padding:.5rem;font-size:.875rem;line-height:1.25;transition:background-color .16s,box-shadow .15s,transform .15s ease-out}@media (min-width:640px){.cookie-mobile-pane-tab{padding-left:.75rem;padding-right:.75rem}}.cookie-mobile-pane-tab--active-folders{background:var(--color-tab-folders)}.cookie-mobile-pane-tab--active-notes{background:var(--color-tab-notes)}.cookie-mobile-pane-tab--active-editor{background:var(--color-tab-editor)}@media (hover:hover) and (pointer:fine){.cookie-mobile-pane-tab:not([aria-current=page]):hover{background:var(--color-yellow-highlight)}}.cookie-mobile-pane-tab:active{box-shadow:0 0 0 var(--color-ink);transform:translateY(2px)}@media (prefers-reduced-motion:reduce){.cookie-mobile-pane-tab:active{transform:none}}}
