.area{position:relative;display:inline-block;margin-bottom:14px;max-width:100%}.area__chip{display:inline-flex;align-items:center;gap:var(--lay-bar-gap-in);min-height:var(--lay-touch);max-width:100%;padding:0 16px;border:0;border-radius:var(--sg-radius-full);background:var(--sg-bg-base);cursor:pointer;box-shadow:0 0 0 1px var(--sg-border-default) inset;font:inherit;font-size:var(--lay-f-body);line-height:var(--lay-lh-body);color:var(--sg-text-secondary);white-space:nowrap;transition:var(--sg-transition-bg)}.area__chip:hover{background:var(--sg-bg-subtle)}.area__chip b{color:var(--sg-text-primary);font-weight:700}.area__chip .ic{width:var(--lay-bar-act-icon);height:var(--lay-bar-act-icon);color:var(--sg-text-brand)}.area__chip[aria-expanded=true]{box-shadow:0 0 0 2px var(--sg-border-brand) inset}.area__sep{color:var(--sg-text-tertiary)}.area__sheet{position:absolute;left:0;top:calc(100% + 8px);z-index:40;width:min(var(--lay-pop),calc(100vw - 2 * var(--lay-s4)));padding:18px;border-radius:var(--sg-radius-xl);background:var(--sg-bg-base);box-shadow:var(--sg-shadow-up-3),0 0 0 1px var(--sg-border-subtle) inset;text-align:left}.area__t{flex:1 1;min-width:0;text-align:left;font-size:17px;line-height:26px;font-weight:700;color:var(--sg-text-primary)}.area__d{margin:0 0 10px;font-size:var(--lay-f-body);line-height:var(--lay-lh-body);color:var(--sg-text-secondary)}.area__dongs{display:flex;flex-wrap:wrap;gap:var(--lay-bar-gap-in);margin:0 0 4px;padding:0;list-style:none}.area__dongs li{padding:4px 12px;border-radius:var(--sg-radius-full);background:var(--sg-bg-brand-subtle);color:var(--sg-text-brand);font-weight:600}.area-note,.area__dongs li{font-size:var(--lay-f-body);line-height:var(--lay-lh-body)}.area-note{display:flex;align-items:center;flex-wrap:wrap;gap:var(--lay-s2);margin:2px 0 8px;color:var(--sg-text-secondary)}.area-note__pin{display:inline-flex;align-items:center;gap:4px;padding:2px 12px;border-radius:var(--sg-radius-full);background:var(--sg-bg-brand-subtle);color:var(--sg-text-brand);font-weight:700}.area-note__pin .ic{width:18px;height:18px}@media (max-width:360px){.area__chip{padding:0 12px;gap:4px}}.area__dongs li{background:var(--sg-bg-muted);color:var(--sg-text-secondary)}