@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-tracking:initial;--tw-font-weight:initial;--tw-leading:initial;--tw-border-style:solid}}}@layer components{.design-lab{--ds-blue:#3b55f6;--ds-paper:#fff;--ds-canvas:#f5f7fa;--ds-ink:#151923;--ds-muted:#707785;--ds-line:#e5e8ee;--ds-blue-soft:#edf1ff;--ds-mint:#dff3ea}.design-lab .ds-button{white-space:nowrap;border:1px solid #0000;border-radius:100px;justify-content:center;align-items:center;gap:8px;height:auto;min-height:44px;padding:11px 20px;font-family:inherit;font-size:13px;font-weight:600;line-height:1;transition:background-color .18s,color .18s;display:inline-flex}.design-lab .ds-button-primary{background:var(--ds-blue);color:#fff}.design-lab .ds-button-primary:hover{background:#2c42d7}.design-lab .ds-button-outline{border-color:var(--ds-line);color:var(--ds-ink);background:#fff}.design-lab .ds-button-outline:hover{background:var(--ds-blue-soft);border-color:var(--ds-blue);color:var(--ds-blue)}.design-lab .ds-button-ghost{color:var(--ds-muted);background:0 0}.design-lab .ds-button-ghost:hover{color:var(--ds-blue);background:var(--ds-blue-soft)}.design-lab .ds-chip{color:var(--ds-muted);background:#eef0f4;border:1px solid #0000;border-radius:100px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:9px 16px;font-size:12px;line-height:1.3;transition:background-color .18s,color .18s;display:inline-flex}.design-lab .ds-chip[aria-pressed=true]{background:var(--ds-blue);color:#fff}.design-lab .ds-chip:hover{border-color:var(--ds-blue)}.ds-loading{width:calc(var(--ds-loading-size,48px)*2);height:calc(var(--ds-loading-size,48px)*2.5);color:var(--ds-blue,#3b55f6);justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.ds-loading-white{color:#fff}.ds-loading-motion,.ds-loading-symbol{width:var(--ds-loading-size,48px);height:var(--ds-loading-size,48px);overflow:hidden}.ds-loading-symbol{background:currentColor;display:none;-webkit-mask:url(../media/symbol.2e4obkmn8k3v6.svg) 50%/contain no-repeat;mask:url(../media/symbol.2e4obkmn8k3v6.svg) 50%/contain no-repeat}.ds-loading-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.ds-loading-motion{display:none}.ds-loading-symbol{display:block}}.design-lab{background-color:var(--ds-canvas);min-height:100vh;color:var(--ds-ink);--primary:var(--ds-blue);--primary-foreground:var(--ds-paper);--background:var(--ds-paper);--foreground:var(--ds-ink);--input:var(--ds-line);--accent:var(--ds-blue-soft);--ring:var(--ds-blue);-webkit-font-smoothing:antialiased;word-break:keep-all;font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,Arial,sans-serif}.design-lab *{box-sizing:border-box}.design-lab button,.design-lab a{-webkit-tap-highlight-color:transparent}.design-lab button{cursor:pointer}.design-lab button:disabled{cursor:not-allowed}.design-lab button:focus-visible,.design-lab a:focus-visible{outline:2px solid var(--ds-blue);outline-offset:4px}.design-lab a{color:inherit;text-decoration-line:none}.design-lab p,.design-lab h1,.design-lab h2,.design-lab h3,.design-lab h4{margin:calc(var(--spacing,.25rem)*0)}.design-lab .ds-brand{background-color:var(--ds-blue);flex-shrink:0;width:110px;height:24px;display:block;-webkit-mask:url(../media/wordmark.1e4v9chhhskg8.svg) 0/contain no-repeat;mask:url(../media/wordmark.1e4v9chhhskg8.svg) 0/contain no-repeat}.design-lab .ds-brand-stacked{width:250px;height:152px;-webkit-mask-image:url(../media/stacked.2gahohscg4j70.svg);mask-image:url(../media/stacked.2gahohscg4j70.svg)}.ds-lab-header{background-color:var(--ds-paper);border-bottom:1px solid var(--ds-line);align-items:center;gap:32px;padding:24px max(24px,50vw - 640px);display:flex}.ds-lab-header nav{gap:24px;margin-left:auto;font-size:13px;display:flex}.ds-lab-header nav a:hover{color:var(--ds-blue)}.ds-draft-badge{--tw-tracking:.08em;letter-spacing:.08em;white-space:nowrap;color:var(--ds-muted);border:1px solid var(--ds-line);border-radius:100px;padding:8px 12px;font-size:10px}.ds-lab-content{max-width:1344px;margin:auto;padding:0 32px}.ds-intro{padding:72px 0 64px}.ds-kicker,.ds-preview-label{--tw-font-weight:var(--font-weight-semibold,600);font-size:11px;font-weight:var(--font-weight-semibold,600);--tw-tracking:.16em;letter-spacing:.16em;display:block}.ds-intro h1{--tw-leading:1.06;--tw-font-weight:var(--font-weight-bold,700);line-height:1.06;font-weight:var(--font-weight-bold,700);--tw-tracking:-.05em;letter-spacing:-.05em;margin:20px 0;font-size:clamp(40px,5vw,72px)}.ds-intro h1 span{color:var(--ds-blue)}.ds-intro>p{--tw-leading:1.7;color:var(--ds-muted);font-size:16px;line-height:1.7}.ds-demo-label{color:var(--ds-muted);margin-top:16px;font-size:12px;display:inline-block}.ds-specimen{padding-bottom:72px;scroll-margin-top:24px}.ds-section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.ds-section-heading .ds-kicker{color:var(--ds-blue);margin-bottom:12px}.ds-section-heading h2{--tw-leading:1.25;--tw-font-weight:var(--font-weight-bold,700);line-height:1.25;font-weight:var(--font-weight-bold,700);--tw-tracking:-.04em;letter-spacing:-.04em;font-size:clamp(26px,3vw,40px)}.ds-section-heading>p{color:var(--ds-muted);font-size:12px}.design-lab .ds-button{--tw-leading:1;--tw-font-weight:var(--font-weight-semibold,600);height:auto;min-height:44px;font-size:13px;line-height:1;font-weight:var(--font-weight-semibold,600);white-space:nowrap;border:1px solid #0000;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-family:inherit;transition:background-color .18s,color .18s;display:inline-flex}.design-lab .ds-button-label{transform:translateY(1px)}.design-lab .ds-button-primary{background-color:var(--ds-blue);color:var(--color-white,#fff)}.design-lab .ds-button-primary:hover:where(:not(.demo-shell *)){background-color:#2c42d7}.design-lab .ds-button-outline{border-color:var(--ds-line);background-color:var(--color-white,#fff);color:var(--ds-ink)}.design-lab .ds-button-outline:hover:where(:not(.demo-shell *)){border-color:var(--ds-blue);background-color:var(--ds-blue-soft);color:var(--ds-blue)}.design-lab .ds-button-ghost{color:var(--ds-muted);background-color:#0000}.design-lab .ds-button-ghost:hover:where(:not(.demo-shell *)){background-color:var(--ds-blue-soft);color:var(--ds-blue)}.design-lab .ds-button:disabled{opacity:.4}.ds-web-preview{background-color:var(--ds-paper);border:1px solid var(--ds-line);border-radius:16px;overflow:hidden}.ds-web-nav{align-items:center;gap:12px;padding:20px 28px;display:flex}.ds-web-nav>div{gap:24px;margin-left:24px;margin-right:auto;font-size:12px;display:flex}.ds-web-nav .ds-button{min-height:36px;padding:8px 18px;font-size:12px}.ds-hero{min-height:540px;position:relative}.ds-hero-photo{object-fit:cover;object-position:65% center;width:100%;height:100%;position:absolute;inset:0}.ds-hero:after{content:"";background:linear-gradient(90deg,#fff 8%,#fffffffa 25%,#ffffff80 46%,#0000 65%);position:absolute;inset:0}.ds-hero-content{z-index:1;width:55%;padding:40px 36px;position:relative}.ds-hero-content h2{--tw-leading:1.3;--tw-font-weight:var(--font-weight-bold,700);font-size:28px;line-height:1.3;font-weight:var(--font-weight-bold,700);--tw-tracking:-.04em;letter-spacing:-.04em;margin:24px 0 14px}.ds-hero-content>p{--tw-leading:1.7;color:var(--ds-muted);font-size:16px;line-height:1.7}.ds-hero-actions{flex-wrap:wrap;gap:8px;margin:24px 0 36px;display:flex}.ds-hero-actions .ds-button-outline{border-color:var(--ds-blue);color:var(--ds-blue)}.ds-hero-content>.ds-kicker{color:var(--ds-muted);font-size:9px}.ds-foundations{grid-template-columns:1fr 1fr;gap:24px;display:grid}.ds-palette,.ds-type-sample{background-color:var(--color-white,#fff);border:1px solid var(--ds-line);border-radius:12px;padding:32px}.ds-palette{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.ds-palette>div>span{border:1px solid var(--ds-line);border-radius:8px;height:112px;display:block}.ds-palette strong,.ds-palette code{margin-top:12px;font-size:12px;display:block}.ds-palette code{color:var(--ds-muted);margin-top:4px;font-size:11px}.ds-color-system{row-gap:28px}.ds-color-system p{--tw-leading:1.6;color:var(--ds-muted);margin-top:8px;font-size:12px;line-height:1.6}.ds-type-sample .ds-kicker{color:var(--ds-muted)}.ds-type-sample h3{--tw-leading:1.35;--tw-font-weight:var(--font-weight-bold,700);font-size:28px;line-height:1.35;font-weight:var(--font-weight-bold,700);--tw-tracking:-.04em;letter-spacing:-.04em;margin:16px 0}.ds-type-sample p{--tw-leading:1.6;color:var(--ds-muted);font-size:14px;line-height:1.6}.ds-type-sample small{color:var(--ds-muted);margin-top:16px;display:block}.ds-component-bar{background-color:var(--color-white,#fff);border:1px solid var(--ds-line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:24px;display:flex}.ds-tabs{scrollbar-width:thin;gap:8px;padding:4px 0;display:flex;overflow-x:auto}.design-lab .ds-chip{--tw-leading:1.3;min-height:36px;color:var(--ds-muted);background-color:#eef0f4;border:1px solid #0000;border-radius:100px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:12px;line-height:1.3;transition:background-color .18s,color .18s;display:inline-flex}.design-lab .ds-chip[aria-pressed=true]{background-color:var(--ds-blue);color:var(--color-white,#fff)}.ds-chip:hover:where(:not(.demo-shell *)){border-color:var(--ds-blue)}.ds-event-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.ds-event-card{background-color:var(--color-white,#fff);border:1px solid var(--ds-line);border-radius:12px;min-width:0;overflow:hidden}.ds-event-photo{aspect-ratio:16/10;position:relative}.ds-event-photo img{object-fit:cover;width:100%;height:100%}.ds-status{background-color:var(--color-white,#fff);--tw-font-weight:var(--font-weight-semibold,600);font-size:11px;font-weight:var(--font-weight-semibold,600);color:var(--ds-ink);border-radius:100px;padding:5px 9px;display:inline-block}.ds-status-open{background-color:var(--ds-mint);color:#24584a}.ds-event-photo .ds-status{position:absolute;top:12px;left:12px}.ds-event-body{padding:16px}.ds-event-body h3{--tw-leading:1.4;--tw-font-weight:var(--font-weight-semibold,600);font-size:17px;line-height:1.4;font-weight:var(--font-weight-semibold,600)}.ds-event-body>p{color:var(--ds-muted);margin-top:6px;font-size:12px}.ds-card-bottom{justify-content:space-between;align-items:center;gap:8px;margin-top:14px;display:flex}.ds-avatar{--tw-font-weight:var(--font-weight-semibold,600);width:32px;height:32px;font-size:11px;font-weight:var(--font-weight-semibold,600);color:#384581;background-color:#e3eaff;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ds-avatar:nth-child(2n){color:#495263;background-color:#e6e9ee}.ds-avatar:nth-child(3n){color:#436257;background-color:#dfece6}.ds-avatar-stack{align-items:center;display:flex}.ds-avatar-stack .ds-avatar{width:28px;height:28px}.ds-avatar-stack .ds-avatar+.ds-avatar{margin-left:-8px}.ds-extra{color:var(--ds-muted);margin-left:8px;font-size:11px}.ds-icon-button{border-style:var(--tw-border-style);min-width:36px;min-height:36px;color:var(--ds-muted);background-color:#0000;border-width:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.ds-icon-button:hover:where(:not(.demo-shell *)),.ds-icon-button[aria-pressed=true]{background-color:var(--ds-blue-soft);color:var(--ds-blue)}.ds-people-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:flex-start;gap:24px;display:grid}.ds-community,.ds-community aside,.ds-community-feed{min-width:0}.ds-community{background-color:var(--color-white,#fff);border:1px solid var(--ds-line);border-radius:12px;grid-template-columns:150px minmax(0,1fr);gap:24px;padding:28px;display:grid}.ds-community aside .ds-tabs{flex-direction:column;align-items:stretch;margin-top:32px}.ds-community aside .ds-chip{background-color:#0000;border-radius:8px;justify-content:flex-start}.ds-community aside .ds-chip[aria-pressed=true]{background-color:var(--ds-blue-soft);color:var(--ds-blue)}.ds-community-banner{background-color:var(--ds-blue);min-height:112px;color:var(--color-white,#fff);border-radius:8px;justify-content:space-between;align-items:center;padding:20px;display:flex}.ds-community-banner>span{--tw-leading:1.4;--tw-font-weight:var(--font-weight-semibold,600);font-size:24px;line-height:1.4;font-weight:var(--font-weight-semibold,600);--tw-tracking:-.04em;letter-spacing:-.04em}.ds-community-banner .ds-icon-button{background-color:var(--color-white,#fff);color:var(--ds-blue)}.ds-community-row{border-bottom:1px solid var(--ds-line);align-items:center;gap:12px;padding:20px 0;display:flex}.ds-community-row>div{flex:1;min-width:0}.ds-community-row h3{--tw-leading:1.5;--tw-font-weight:var(--font-weight-semibold,600);font-size:14px;line-height:1.5;font-weight:var(--font-weight-semibold,600)}.ds-community-row p{color:var(--ds-muted);margin-top:4px;font-size:12px}.ds-replies{color:var(--ds-muted);align-items:center;gap:4px;font-size:11px;display:flex}.ds-profile-card{background-color:var(--color-white,#fff);border:1px solid var(--ds-line);border-radius:12px;padding:28px}.ds-profile-top{align-items:center;gap:20px;display:flex}.ds-avatar-large{width:80px;height:80px;font-size:24px}.ds-profile-top h3{--tw-font-weight:var(--font-weight-bold,700);font-size:22px;font-weight:var(--font-weight-bold,700)}.ds-profile-top p{color:var(--ds-muted);margin:4px 0 12px;font-size:12px}.ds-profile-top .ds-button{min-height:32px;padding:6px 20px;font-size:11px}.ds-stats{text-align:center;grid-template-columns:repeat(3,1fr);margin:28px 0;display:grid}.ds-stats>div{flex-direction:column-reverse;gap:4px;display:flex}.ds-stats>div+div{border-left:1px solid var(--ds-line)}.ds-stats dt{color:var(--ds-muted);font-size:11px}.ds-stats dd{margin:calc(var(--spacing,.25rem)*0);--tw-font-weight:var(--font-weight-bold,700);font-size:22px;font-weight:var(--font-weight-bold,700)}.ds-profile-bio{--tw-leading:1.6;color:var(--ds-muted);font-size:14px;line-height:1.6}.ds-tags{flex-wrap:wrap;gap:8px;margin:16px 0 28px;display:flex}.ds-tags>span{background-color:var(--ds-canvas);color:var(--ds-muted);border-radius:100px;padding:6px 10px;font-size:11px}.ds-profile-card h4{--tw-font-weight:var(--font-weight-semibold,600);font-size:12px;font-weight:var(--font-weight-semibold,600)}.ds-profile-card .ds-community-row{border-bottom:0;padding-bottom:0}.ds-phone-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.ds-preview-label{color:var(--ds-muted);margin-bottom:12px!important}.ds-phone{background-color:var(--color-white,#fff);border:1px solid var(--ds-line);border-radius:28px;min-height:640px;position:relative;overflow:hidden}.ds-statusbar{--tw-font-weight:var(--font-weight-semibold,600);height:36px;font-size:10px;font-weight:var(--font-weight-semibold,600);justify-content:space-between;align-items:center;padding:0 20px;display:flex}.ds-phone-item:first-child .ds-phone{color:var(--color-white,#fff);background:var(--ds-blue)url(/ui/sky.png) center/cover}.ds-start-screen{flex-direction:column;min-height:604px;padding:16px 20px 24px;display:flex}.ds-start-top{justify-content:space-between;align-items:flex-start;display:flex}.ds-start-top .ds-brand{background-color:var(--color-white,#fff);width:90px;height:60px}.ds-start-message{margin-top:32px}.ds-start-rule{background:#ffffffb3;width:1px;height:64px;margin-bottom:24px;display:block}.ds-start-message h3{--tw-leading:1.45;--tw-tracking:-.04em;letter-spacing:-.04em;font-size:26px;line-height:1.45}.ds-start-screen>p{--tw-leading:1.8;--tw-tracking:.14em;letter-spacing:.14em;margin:24px 0 auto;font-size:9px;line-height:1.8}.ds-start-screen .ds-button{margin-top:8px}.ds-start-screen .ds-button-primary{background-color:var(--color-white,#fff);color:var(--ds-blue)}.ds-start-screen .ds-button-outline{color:var(--color-white,#fff);background-color:#0000;border-color:#fff}.ds-discover{padding:12px 16px}.ds-mobile-header{align-items:center;gap:6px;display:flex}.ds-mobile-header .ds-brand{width:86px;height:20px;margin-right:auto}.ds-discover>h3{--tw-leading:1.35;--tw-font-weight:var(--font-weight-bold,700);font-size:22px;line-height:1.35;font-weight:var(--font-weight-bold,700);--tw-tracking:-.04em;letter-spacing:-.04em;margin:24px 0 16px}.ds-discover .ds-chip{min-height:28px;padding:5px 12px;font-size:10px}.ds-mobile-events{gap:12px;margin-top:12px;display:grid}.ds-mobile-events .ds-event-photo{aspect-ratio:16/8}.ds-mobile-events .ds-event-body{padding:10px}.ds-mobile-events .ds-event-body h3{font-size:13px}.ds-mobile-events .ds-event-body>p{font-size:10px}.ds-mobile-events .ds-card-bottom{margin-top:6px}.ds-mobile-nav{background-color:var(--color-white,#fff);border-top:1px solid var(--ds-line);justify-content:space-around;padding:12px 8px;display:flex}.ds-mobile-nav button{border-style:var(--tw-border-style);color:var(--ds-muted);background-color:#0000;border-width:0;flex-direction:column;align-items:center;gap:4px;font-size:9px;display:flex}.ds-mobile-nav button[aria-pressed=true]{color:var(--ds-blue)}.ds-nav-create{background-color:var(--ds-blue);width:28px;height:28px;color:var(--color-white,#fff);border-radius:50%;justify-content:center;align-items:center;display:flex}.ds-detail-photo{height:230px;position:relative}.ds-detail-photo>img{object-fit:cover;width:100%;height:100%}.ds-detail-photo>div{justify-content:space-between;display:flex;position:absolute;inset:12px 12px auto}.ds-detail-photo button{border-style:var(--tw-border-style);width:32px;height:32px;color:var(--color-white,#fff);background:#00000073;border-width:0;border-radius:50%;justify-content:center;align-items:center;display:flex}.ds-detail-photo .ds-status{position:absolute;bottom:12px;left:16px}.ds-detail-body{padding:20px 16px}.ds-detail-body h3{--tw-leading:1.4;--tw-font-weight:var(--font-weight-bold,700);font-size:20px;line-height:1.4;font-weight:var(--font-weight-bold,700);margin-bottom:20px}.ds-detail-body>p{align-items:center;gap:8px;margin:12px 0;font-size:11px;display:flex}.ds-detail-body .ds-avatar-stack{margin:16px 0}.ds-detail-body .ds-detail-description{--tw-leading:1.8;color:var(--ds-muted);margin:24px 0;line-height:1.8;display:block}.ds-detail-body .ds-button{border-radius:10px;width:100%}.ds-onboarding{padding:20px}.ds-onboarding-top{justify-content:space-between;align-items:center;display:flex}.ds-onboarding-top .ds-brand{width:90px}.ds-onboarding-top>span{color:var(--ds-muted);font-size:11px}.ds-progress{background-color:var(--ds-line);border-radius:4px;height:3px;margin:20px 0 28px;overflow:hidden}.ds-progress>span{background-color:var(--ds-blue);height:100%;display:block}.ds-onboarding h3{--tw-leading:1.4;--tw-font-weight:var(--font-weight-bold,700);font-size:24px;line-height:1.4;font-weight:var(--font-weight-bold,700);--tw-tracking:-.04em;letter-spacing:-.04em;white-space:pre-line}.ds-onboarding>p{--tw-leading:1.7;color:var(--ds-muted);margin:16px 0 24px;font-size:12px;line-height:1.7}.ds-interest-options{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:28px;display:grid}.ds-interest-options .ds-chip{border-color:var(--ds-line);background-color:var(--color-white,#fff);color:var(--ds-ink);padding:9px 8px;font-size:11px}.ds-interest-options .ds-chip[aria-pressed=true]{border-color:var(--ds-blue);background-color:var(--ds-blue-soft);color:var(--ds-blue)}.ds-onboarding>.ds-button{width:100%}.ds-skip{border-style:var(--tw-border-style);color:var(--ds-muted);background-color:#0000;border-width:0;margin:16px auto;font-size:11px;display:block}.ds-empty{color:var(--ds-muted);padding:24px;font-size:14px}.ds-lab-footer{border-top:1px solid var(--ds-line);align-items:center;gap:24px;padding:32px 0;display:flex}.ds-lab-footer>span{--tw-tracking:.12em;letter-spacing:.12em;color:var(--ds-muted);font-size:9px}.ds-lab-footer>a{margin-left:auto;font-size:12px}.ds-notice{z-index:50;background-color:var(--ds-ink);color:var(--color-white,#fff);border-radius:12px;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 32px);padding:16px 20px;font-size:13px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000001f}.ds-notice>button{border-style:var(--tw-border-style);color:var(--color-white,#fff);background-color:#0000;border-width:0;flex-shrink:0;font-size:12px;text-decoration:underline}.ds-catalogue .ds-lab-content{padding-top:32px}.ds-catalogue-grid{gap:20px;display:grid}.ds-button-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-card-grid,.ds-element-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-component-sample{background-color:var(--color-white,#fff);border:1px solid var(--ds-line);border-radius:12px;min-width:0;scroll-margin-top:24px;overflow:hidden}.ds-component-sample>header{border-bottom:1px solid var(--ds-line);padding:20px}.ds-component-sample>header h3{--tw-font-weight:var(--font-weight-bold,700);font-size:18px;font-weight:var(--font-weight-bold,700);color:var(--ds-blue);font-family:ui-monospace,monospace}.ds-component-sample>header p{--tw-leading:1.6;color:var(--ds-muted);margin-top:8px;font-size:12px;line-height:1.6}.ds-component-stage{background-color:var(--ds-canvas);justify-content:center;align-items:center;min-height:144px;padding:28px;display:flex}.ds-card-grid .ds-component-stage{align-items:flex-start;min-height:440px}.ds-component-stage>.ds-event-card,.ds-component-stage>.ds-profile-card,.ds-component-stage>.ds-onboarding,.ds-component-stage>.ds-community-card{width:100%;max-width:360px}.ds-component-stage>.ds-onboarding{background-color:var(--color-white,#fff);border:1px solid var(--ds-line);border-radius:12px}.ds-community-card{background-color:var(--color-white,#fff);border:1px solid var(--ds-line);border-radius:12px;padding:0 20px}.ds-community-card .ds-community-row:last-child{border-bottom:0}.ds-component-stage>.ds-tabs{max-width:100%}.ds-component-stage>.ds-mobile-nav{border:1px solid var(--ds-line);border-radius:12px;width:100%;max-width:360px}.ds-component-stage>.ds-status:not(.ds-status-open){border:1px solid var(--ds-line)}.ds-logo-horizontal{width:min(100%,240px);height:auto}.ds-logo-dark{background-color:var(--ds-blue);border-radius:8px;justify-content:center;align-items:center;width:100%;padding:32px 24px;display:flex}.ds-symbol-sizes{align-items:flex-end;gap:24px;display:flex}.ds-symbol-sizes>div{flex-direction:column;align-items:center;gap:12px;display:flex}.ds-symbol-sizes span{color:var(--ds-muted);font-size:11px}.ds-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-icon-grid .ds-component-stage{min-height:96px}.ds-sr-only{border-style:var(--tw-border-style);width:1px;height:1px;padding:calc(var(--spacing,.25rem)*0);white-space:nowrap;clip:rect(0,0,0,0);border-width:0;margin:-1px;position:absolute;overflow:hidden}@media (max-width:1100px){.ds-icon-grid,.ds-button-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-phone-grid{grid-template-columns:repeat(2,minmax(0,320px));justify-content:center;gap:32px}.ds-people-grid,.ds-foundations{grid-template-columns:1fr}}@media (max-width:767px){.ds-button-grid,.ds-card-grid,.ds-element-grid{grid-template-columns:1fr}.ds-component-stage{padding:20px}.ds-card-grid .ds-component-stage{min-height:0}.ds-lab-header{flex-wrap:wrap;gap:12px;padding:20px}.ds-lab-header nav{flex-shrink:0;order:3;width:100%;margin:4px 0 0;padding:4px 0;overflow-x:auto}.ds-draft-badge{margin-left:auto}.ds-lab-content{padding:0 20px}.ds-intro{padding:48px 0}.ds-section-heading{flex-direction:column;align-items:flex-start;gap:12px}.ds-web-nav{padding:16px}.ds-web-nav>div,.ds-web-nav>svg,.ds-web-nav .ds-button-outline{display:none}.ds-web-nav>.ds-button{margin-left:auto}.ds-hero{flex-direction:column;display:flex}.ds-hero-content{width:100%;padding:28px 20px}.ds-hero .ds-brand-stacked{width:190px;height:116px}.ds-hero-photo{order:2;height:240px;position:static}.ds-hero:after{display:none}.ds-hero-content>.ds-kicker{font-size:8px}.ds-palette,.ds-type-sample{padding:20px}.ds-palette{grid-template-columns:repeat(2,1fr)}.ds-palette>div>span{height:80px}.ds-component-bar{padding:16px}.ds-event-grid{grid-template-columns:1fr}.ds-community{grid-template-columns:1fr;gap:16px;padding:20px}.ds-community aside .ds-tabs{flex-direction:row;margin-top:16px}.ds-profile-card{padding:20px}.ds-phone-grid{grid-template-columns:minmax(0,320px)}.ds-lab-footer{flex-wrap:wrap}.ds-lab-footer>span{--tw-leading:1.8;order:3;width:100%;line-height:1.8}}@media (prefers-reduced-motion:reduce){.design-lab *,.design-lab :before,.design-lab :after{transition:none!important}}.ds-loading-screen{inset:calc(var(--spacing,.25rem)*0);z-index:1000;background-color:var(--color-white,#fff);place-items:center;display:grid;position:fixed}.ds-loaded-image{width:100%;display:block;position:relative;overflow:hidden}.ds-loaded-image>img{visibility:hidden;object-fit:cover;width:100%;height:100%;display:block}.ds-loaded-image[data-state=loaded]>img{visibility:visible}.ds-image-placeholder{inset:calc(var(--spacing,.25rem)*0);background-color:#eef0f4;display:block;position:absolute}.ds-skeleton:after,.ds-loaded-image[data-state=loading]>.ds-image-placeholder:after{content:"";background:linear-gradient(100deg,#0000 20%,#ffffffb3 50%,#0000 80%);animation:1.4s ease-in-out infinite ds-image-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes ds-image-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.ds-skeleton:after,.ds-loaded-image[data-state=loading]>.ds-image-placeholder:after{animation:none}}}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}