:root{--resize-dur:.3s;--resize-ease:cubic-bezier(.22, 1, .36, 1);--modal-open-dur:.25s;--modal-close-dur:.15s;--modal-scale:.96;--modal-scale-close:.96;--modal-ease:cubic-bezier(.22, 1, .36, 1)}.t-resize{transition:width var(--resize-dur) var(--resize-ease), height var(--resize-dur) var(--resize-ease);will-change:width, height}@media (prefers-reduced-motion:reduce){.t-resize{transition:none!important}}.t-modal{transform-origin:50%;transform:scale(var(--modal-scale));opacity:0;pointer-events:none;transition:transform var(--modal-open-dur) var(--modal-ease), opacity var(--modal-open-dur) var(--modal-ease);will-change:transform, opacity}.t-modal.is-open{opacity:1;pointer-events:auto;transform:scale(1)}.t-modal.is-closing{transform:scale(var(--modal-scale-close));opacity:0;pointer-events:none;transition:transform var(--modal-close-dur) var(--modal-ease), opacity var(--modal-close-dur) var(--modal-ease)}@media (prefers-reduced-motion:reduce){.t-modal{transition:none!important}}.t-modal.t-resize{transition:transform var(--modal-open-dur) var(--modal-ease), opacity var(--modal-open-dur) var(--modal-ease), width var(--resize-dur) var(--resize-ease), height var(--resize-dur) var(--resize-ease);will-change:transform, opacity, width, height}.t-modal.t-resize.is-closing{transition:transform var(--modal-close-dur) var(--modal-ease), opacity var(--modal-close-dur) var(--modal-ease), width var(--resize-dur) var(--resize-ease), height var(--resize-dur) var(--resize-ease)}.room-modal-backdrop{opacity:0;transition:opacity var(--modal-close-dur) var(--modal-ease)}.room-modal-backdrop.is-open{opacity:1;transition-duration:var(--modal-open-dur)}@media (prefers-reduced-motion:reduce){.room-modal-backdrop{transition:none!important}}
.glass-modal[data-presentation=workflow]{--glass-modal-tint-alpha:var(--modal-surface-opacity);border-radius:var(--modal-radius);-webkit-backdrop-filter:none;backdrop-filter:none;max-height:min(650px,100dvh - 2rem);overflow:hidden}.workflow-modal-header{align-items:flex-start;min-height:52px;padding:4px 40px 24px 0;display:flex}.workflow-modal-header[data-back=true]{padding-left:40px}.workflow-modal-close,.workflow-modal-back{z-index:2;position:absolute;top:12px}.workflow-modal-close{right:var(--modal-edge-padding)}.workflow-modal-back{left:var(--modal-edge-padding)}.glass-modal[data-presentation=workflow][data-size=md]{max-width:480px}.workflow-modal-close>button,.workflow-modal-back>button{background:rgb(var(--brand-dark));flex-shrink:0;width:32px;height:32px;position:relative}.workflow-modal-close>button:after,.workflow-modal-back>button:after{content:"";position:absolute;inset:-6px}.workflow-modal-body{padding:12px var(--modal-edge-padding);scrollbar-width:thin;scrollbar-color:rgb(var(--cream) / .2) transparent;scroll-padding-top:52px;overflow-x:hidden}.workflow-modal-fields{min-width:0;font-size:14px;line-height:1.5}.workflow-modal-fields .text-xs{font-size:14px;line-height:20px}.workflow-modal-fields :is(input,textarea){font-size:16px}.workflow-modal-fields .relative>span.pointer-events-none{color:rgb(var(--cream))}.workflow-modal-body[data-scroll-fade=true]{-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--modal-scroll-fade)), transparent);-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--modal-scroll-fade)), transparent);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--modal-scroll-fade)), transparent)}.workflow-modal-footer{padding:12px var(--modal-edge-padding) var(--modal-edge-padding);flex-shrink:0}.workflow-modal-fields :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select):focus{box-shadow:0 0 0 1px rgb(var(--cream));outline:none}.workflow-panel{border-radius:var(--modal-panel-radius);background:rgb(var(--cream) / var(--modal-panel-opacity));padding:var(--modal-edge-padding)}.workflow-remove-file{width:34px;height:34px;color:rgb(var(--cream));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s;display:inline-flex}.workflow-remove-file:focus-visible{outline:1px solid rgb(var(--cream))}@media (hover:hover) and (pointer:fine){.workflow-remove-file:enabled:hover{background:rgb(var(--cream) / .1)}}
