.u-dd-item{--fg:#171717;--sub:#5c5c5c;--ic:#5c5c5c;--lead:20px;width:320px;max-width:100%;color:var(--fg);text-align:left;letter-spacing:-.006em;transition:background-color .12s var(--ease,ease);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:8px;font:400 14px/20px Inter,system-ui,sans-serif;display:flex}.u-dd-item [hidden]{display:none!important}.u-dd-item[data-size=large]{--lead:32px;border-radius:12px;gap:12px;width:360px;padding:10px 12px}.u-dd-item[data-state=hover],.u-dd-item[data-state=selected]{background:#f7f7f7}.u-dd-item[data-state=disable]{--fg:#d1d1d1;--sub:#d1d1d1;--ic:#d1d1d1}.u-dd-icon,.u-dd-avatar,.u-dd-flag,.u-dd-box{flex:none;display:none}.u-dd-item[data-type=default] .u-dd-icon:not([hidden]){display:flex}.u-dd-item[data-type=profile] .u-dd-avatar,.u-dd-item[data-type=country] .u-dd-flag,.u-dd-item[data-type=checkbox] .u-dd-box{display:block}.u-dd-icon svg{width:20px;height:20px;color:var(--ic)}.u-dd-icon path{stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.u-dd-item[data-size=large] .u-dd-icon{background:#fff;border-radius:12px;padding:8px;box-shadow:inset 0 0 0 1px #ebebeb}.u-dd-item[data-size=large] .u-dd-icon svg{width:24px;height:24px}.u-dd-avatar{width:var(--lead);height:var(--lead);background:#f7f7f7;border-radius:999px;overflow:hidden}.u-dd-avatar img{width:100%;height:100%;display:block}.u-dd-item[data-size=small] .u-dd-avatar .l,.u-dd-item[data-size=large] .u-dd-avatar .s{display:none}.u-dd-item[data-type=profile][data-state=disable] .u-dd-avatar{opacity:.5}.u-dd-flag{width:var(--lead);height:var(--lead)}.u-dd-item[data-size=small][data-state=disable] .u-dd-flag{opacity:.5}.u-dd-box{width:20px;height:20px}.u-dd-box path{stroke:#a4a4a4;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.u-dd-item[data-size=small][data-state=disable] .u-dd-box path{fill:#f7f7f7;stroke:#d1d1d1}.u-dd-text{flex:1;gap:2px;min-width:0;display:grid}.u-dd-title{color:var(--fg);overflow-wrap:anywhere}.u-dd-desc{letter-spacing:0;color:var(--sub);font-size:12px;line-height:16px;display:none}.u-dd-item[data-size=large] .u-dd-title{font-weight:500}.u-dd-item[data-size=large] .u-dd-desc:not([hidden]){display:block}.u-dd-check{fill:#5c5c5c;flex:none;width:16px;height:16px;display:none}.u-dd-item[data-state=selected] .u-dd-check{display:block}.u-dd-menu{gap:8px;width:320px;max-width:100%;display:grid}.u-dd-menu[data-size=large]{width:360px}.u-dd-menu .u-field{width:100%}.u-dd-trigger .u-field-control{cursor:pointer}.u-dd-trigger .u-field-chevron{color:#5c5c5c;width:20px;height:20px;transition:transform .16s var(--ease,ease);flex:none}.u-dd-menu[data-open] .u-field-chevron{transform:rotate(180deg)}.u-dd-panel{background:#fff;border-radius:12px;gap:4px;padding:8px;display:grid;box-shadow:inset 0 0 0 1px #ebebeb,0 16px 32px -12px #0e121b1a}.u-dd-menu[data-size=large] .u-dd-panel{border-radius:16px}.u-dd-panel .u-dd-item{width:100%}.u-dd-menu:not([data-open]) .u-dd-panel{display:none}.u-dd-panel button.u-dd-item{cursor:pointer;border:0}.u-dd-panel button.u-dd-item[data-state=default]:hover{background:#f7f7f7}.u-dd-panel button.u-dd-item[data-state=disable]{cursor:not-allowed}.u-dd-panel button.u-dd-item:focus-visible{outline-offset:-2px;outline:2px solid #1868d0}.tile-dd{height:var(--tile-field)}.tile-dd .tile-body{grid-template-columns:minmax(0,1fr);justify-items:center;padding-top:12px}.tile-menu{height:auto;min-height:360px}.tile-menu .tile-body{place-items:start center;padding-top:24px}.canvas-dd{height:auto;min-height:var(--canvas-h);padding:32px 0 88px}.canvas-dd .spec-field{align-items:center;width:auto}.canvas-dd .spec-field .measure-num,.canvas-dd .spec-field .measure-line{margin-top:0}.canvas-dd .u-dd-menu{align-self:center}@media (width<=767px){.canvas-dd .spec-field{max-width:calc(100% - 16px)}}.u-dd-trigger button.u-field-control{width:100%;font:inherit;letter-spacing:inherit;text-align:left;border:0}.u-dd-trigger button.u-field-control:focus-visible{outline:0}.u-dd-stack{width:320px;max-width:calc(100% - 32px)}.u-dd-stack[data-size=large]{border-radius:16px;width:376px;max-width:100%}.canvas-dd [data-view][hidden]{display:none}
