.uc-q{display:block;min-width:0;background:var(--os-bg);border-bottom:1px solid var(--os-border)}.uc-q__h{display:flex;align-items:center;gap:8px;margin:0;padding:12px 16px 2px;font-size:12px;line-height:16px;font-weight:600;color:var(--os-text-3)}.uc-q__h .os-icon{width:14px;height:14px}.uc-q__h b{margin-left:auto;font-weight:500}.uc-q__l{list-style:none;margin:0;padding:8px 16px 12px;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.uc-q__l::-webkit-scrollbar{display:none}.uc-q__l>li{flex:none;scroll-snap-align:start;margin:0;padding:0;display:flex}.uc-q__b{-webkit-appearance:none;appearance:none;display:flex;align-items:center;gap:8px;flex:1 1 auto;min-height:44px;max-width:232px;padding:7px 14px;border:1px solid var(--os-border-strong);border-radius:var(--os-r-md);background:var(--os-surface);font:inherit;font-size:13px;line-height:18px;font-weight:500;color:var(--os-text-2);text-align:left;cursor:pointer;transition:background var(--os-dur-fast),color var(--os-dur-fast),border-color var(--os-dur-fast)}.uc-q__b>span:not(.w-sr){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.uc-q__b i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--os-text-3)}.uc-q__b[data-state=wait] i{background:var(--os-warning)}.uc-q__b[data-state=done] i{background:var(--os-success)}.uc-q__b[data-state=work] i{background:var(--os-info)}.uc-q__b:hover{background:var(--os-surface-hover);color:var(--os-text)}.uc-q__b:focus-visible{outline:2px solid var(--os-focus);outline-offset:2px}.uc-q__b[aria-current=true]{background:var(--os-text);border-color:var(--os-text);color:var(--os-bg)}.uc-body{grid-template-columns:minmax(0,1fr)}@container ucwin (min-width:1080px){.uc-body{grid-template-columns:212px minmax(0,1fr)}.uc-q{border-bottom:0;border-right:1px solid var(--os-border)}.uc-q__h{padding:16px 14px 6px}.uc-q__l{flex-direction:column;overflow:visible;gap:2px;padding:4px 8px 14px}.uc-q__l>li{flex:none}.uc-q__b{width:100%;max-width:none;min-height:36px;padding:7px 10px;border:0;border-radius:var(--os-r-sm);background:transparent;align-items:flex-start}.uc-q__b i{margin-top:5px}.uc-q__b>span:not(.w-sr){display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}.uc-q__b:hover{background:var(--os-surface-hover)}.uc-q__b[aria-current=true]{background:var(--os-surface-hover);color:var(--os-text);box-shadow:inset 3px 0 0 var(--os-text)}}.uc-tick--flag{background:var(--os-warning-soft);color:var(--os-warning-text);box-shadow:inset 0 0 0 1.5px var(--os-warning-line)}.uc-demo.is-swap .uc-flow,.uc-demo.is-swap .uc-scr{animation:uc-swap .2s var(--os-ease-out) both}@keyframes uc-swap{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.uc-demo.is-swap .uc-flow,.uc-demo.is-swap .uc-scr{animation:none}}.uc-demo.pl.is-playing .pl__tab.is-active .pl__prog i{animation-duration:calc(var(--ms,4s)*.75)}.uc-hero .w-crumb a{flex:none;white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/19/assets/ow-uc-scenarios.css.map */