.micro-stage{justify-content:safe center;align-items:safe center;padding:24px;font-size:14px;line-height:1.5}.micro-stage>*{min-width:0;max-width:100%}.micro-stage[data-has-hint]>.self-stretch{margin-bottom:88px}.micro-stage :where(.text-xs,.text-\[9px\],.text-\[10px\],.text-\[11px\]){font-size:13px;line-height:1.5}.micro-stage :where(button,input,textarea,select){font-family:inherit}.micro-stage label[for]{font-size:14px;font-weight:500;line-height:20px}.micro-stage :where(.btn,.field){border-radius:8px;min-height:40px;font-size:14px}.micro-stage .btn{padding:10px 16px}.micro-stage .micro-progress-button:disabled{opacity:1}.micro-stage .btn--ghost{color:var(--color-body);background:0 0;border:0}.micro-stage .btn--ghost:hover:not(:disabled){background:var(--color-page);color:var(--color-heading)}.micro-stage .btn--ghost:active:not(:disabled){background:var(--color-line)}.micro-stage input.field{height:40px;padding-block:8px}.micro-stage .micro-textarea{background:var(--color-card);color:var(--color-heading);padding:12px 16px;font-size:14px;line-height:22px}.micro-stage .input-ghost-action{aspect-ratio:1;position:absolute;top:4px;bottom:4px;right:4px}.micro-stage .micro-ghost-action{color:var(--color-subtle);background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:inline-flex}.micro-stage .micro-ghost-action:hover:not(:disabled){background:var(--color-page);color:var(--color-heading)}.micro-stage .micro-ghost-action:active:not(:disabled){background:var(--color-line)}.micro-stage .micro-ghost-action--inverse{color:inherit}.micro-stage .micro-ghost-action--inverse:hover:not(:disabled){background:color-mix(in srgb,currentColor 10%,transparent);color:inherit}.micro-stage .micro-ghost-action--inverse:active:not(:disabled){background:color-mix(in srgb,currentColor 15%,transparent)}.micro-stage .micro-list-row{flex-shrink:0;align-items:center;gap:12px;width:100%;height:48px;padding-inline:16px;font-size:14px;font-weight:500;line-height:20px;display:flex}.micro-stage :where(.micro-panel,.bg-card,[role=dialog]) .field{background:var(--color-page)}.micro-stage [role=dialog] .flex.justify-end{flex-wrap:wrap}.micro-stage .micro-panel{border:1px solid var(--color-line);background:var(--color-card);width:100%;max-width:320px;color:var(--color-body);border-radius:12px;padding:16px}.micro-stage :where([role=checkbox],[role=radio]):not(input){min-height:40px}.micro-stage :where(button,a,input,textarea,select,[tabindex]):not(.field):focus-visible{outline:2px solid var(--color-heading);outline-offset:4px}.micro-stage [role=slider]:focus-visible{outline:1px solid var(--color-body);outline-offset:2px}.micro-stage [role=slider].rounded-full:is(:focus-visible,:active){box-shadow:0 0 0 5px color-mix(in srgb,var(--color-brand)14%,transparent);outline:none}.micro-stage .magnetic-slider:has([role=slider]:is(:focus-visible,:active))>.pointer-events-none{box-shadow:0 0 0 5px color-mix(in srgb,var(--color-brand)14%,transparent);outline:none}.micro-stage [role=slider][aria-label=Playback\ position]:focus-visible,.micro-stage .compare-divider:focus-visible{outline:none}.micro-stage .compare-divider:focus-visible>.rounded-full{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-heading)20%,transparent)}.micro-collection .micro-stage .field:focus-visible,.micro-stage .toolbar-field:focus-within{border-color:var(--color-heading);box-shadow:0 0 0 1px var(--color-heading);outline:none;transition:none}.micro-stage .tag-field:has(input:focus){border-color:var(--color-heading);box-shadow:0 0 0 1px var(--color-heading);outline:none;transition:none}.micro-stage .tag-field input:focus-visible,.micro-stage .toolbar-field textarea:focus-visible{outline:none}.dark .micro-stage :is(.bg-heading,.bg-brand).text-white{color:var(--color-card)}.dark .micro-collection .ui-animation-theme .micro-stage :is(.btn--primary,.btn--outline,.btn--inverse,.btn--danger,.micro-action){color:#09090b;background-color:#fff;border-color:#fff}.dark .micro-collection .ui-animation-theme .micro-stage :is(.btn--primary,.btn--outline,.btn--inverse,.btn--danger,.micro-action):hover{background-color:#e4e4e7;border-color:#e4e4e7}.dark .micro-collection .ui-animation-theme .micro-stage :is(.btn,.micro-action) .text-white{color:#09090b}@media (pointer:coarse){.micro-stage :where(.btn,.field,[role=checkbox],[role=radio]):not(input[type=checkbox]):not(input[type=radio]){min-height:44px}}@media (max-width:640px){.micro-stage{padding:16px}}@media (max-width:359px){.micro-stage{padding:8px}}@media (prefers-reduced-motion:reduce){.micro-stage *,.micro-stage :before,.micro-stage :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}