.colorpicker{position:relative;display:inline-flex;align-items:center}.colorpicker--full-width{display:flex;width:100%}.colorpicker__trigger{width:2.25rem;height:2.25rem;border-radius:.5rem;border:1px solid rgba(0,0,0,.15);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);cursor:pointer}.colorpicker--full-width .colorpicker__trigger{width:100%}.colorpicker__trigger--joined-right{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.colorpicker__trigger--empty{border-style:dashed;background:linear-gradient(135deg,rgba(148,163,184,.12),rgba(148,163,184,.12) 48%,rgba(148,163,184,.42) 0,rgba(148,163,184,.42) 52%,rgba(255,255,255,.94) 0,rgba(255,255,255,.94)),rgba(255,255,255,.94)}.colorpicker__trigger--with-label{display:inline-flex;align-items:center;justify-content:flex-start;padding:0 .75rem}.colorpicker__trigger--custom-content{width:auto;min-width:2.25rem;max-width:100%}.colorpicker__trigger-label{color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:500;line-height:1.25rem}.colorpicker__popover{z-index:20;width:16rem;padding:.75rem;border-radius:.75rem;background:#ffffff;border:1px solid rgba(0,0,0,.1);box-shadow:0 12px 30px rgba(0,0,0,.15);transform-origin:var(--radix-popover-content-transform-origin,top left)}.colorpicker__popover[data-state=open]{animation:colorpicker-popover-in .14s ease-out}.colorpicker__popover[data-state=closed]{animation:colorpicker-popover-out .12s ease-in}@keyframes colorpicker-popover-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes colorpicker-popover-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(.98)}}.colorpicker__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.875rem;font-weight:600}.colorpicker__mode-toggle{border:1px solid rgba(0,0,0,.1);border-radius:999px;padding:.25rem .6rem;background:#f5f5f5;font-size:.75rem;cursor:pointer}.colorpicker__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.35rem}.colorpicker__swatch{width:100%;padding-top:100%;border-radius:.35rem;border:1px solid rgba(0,0,0,.1);cursor:pointer}.colorpicker__advanced{display:grid;gap:.5rem}.colorpicker__mode-panel{animation:colorpicker-mode-in .16s ease-out}@keyframes colorpicker-mode-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.colorpicker__input{width:100%}.colorpicker__input[type=color]{padding:0;height:2.25rem}.colorpicker__input--hex{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.react-colorful__saturation{border-bottom:0!important}@media (prefers-reduced-motion:no-preference){.active-users-strip__avatar-wrapper,.active-users-strip__overflow-avatar{animation:active-users-strip-avatar-in .18s ease-out both}}@keyframes active-users-strip-avatar-in{0%{opacity:0;transform:translateY(3px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.react-colorful{width:auto!important;height:180px}.react-colorful__saturation{border-radius:.5rem}.react-colorful__hue{height:.75rem;border-radius:999px}.react-colorful__hue-pointer,.react-colorful__saturation-pointer{width:14px;height:14px;border:2px solid #ffffff;box-shadow:0 0 0 1px rgba(0,0,0,.4)}.viewer-identity-controls__color-trigger--surface{background-color:var(--etui-tool-surface-bg,oklch(var(--background)));border-color:oklch(var(--border)/.7);box-shadow:var(--shadow-xs);backdrop-filter:blur(var(--blur,8px))}.viewer-identity-controls__color-trigger--surface:focus-visible,.viewer-identity-controls__color-trigger--surface:hover,.viewer-identity-controls__color-trigger--surface[data-state=open]{background-color:oklch(var(--accent));border-color:oklch(var(--accent));color:oklch(var(--accent-foreground))}.lightroom-dialog__zoom-dropdown[data-state=open]{animation-name:lightroom-dialog-fade-in!important}.lightroom-dialog__zoom-dropdown[data-state=closed]{animation-name:lightroom-dialog-fade-out!important}.lightroom-dialog__zoom-dropdown[data-state=closed],.lightroom-dialog__zoom-dropdown[data-state=open]{transform:none!important;transform-origin:top center!important}@keyframes lightroom-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lightroom-dialog-fade-out{0%{opacity:1}to{opacity:0}}