@layer theme,base;@layer components{.hl-button{box-sizing:border-box;border-radius:var(--hl-radius-4,4px);letter-spacing:0;text-align:center;border:0;flex-shrink:0;justify-content:center;align-items:center;font-family:Pretendard,Pretendard Variable,sans-serif;line-height:1.4;display:inline-flex}.hl-button--primary{background:var(--hl-primary,#111);color:var(--hl-primary-foreground,#fff)}.hl-button--primary:disabled{background:var(--hl-disabled-surface,#e2e2e2);opacity:1}.hl-button--secondary{background:var(--hl-secondary,#f5f5f5);color:var(--hl-muted-foreground,#777)}.hl-button--outline{border:var(--hl-stroke-1,1px) solid var(--hl-border,#efefef);color:var(--hl-foreground,#111);background:0 0}.hl-button--lg{width:440px;height:var(--hl-height-lg,58px);padding:var(--hl-space-18,18px) var(--hl-space-100,100px);gap:var(--hl-space-10,10px);font-size:16px;font-weight:700}.hl-button--md{width:440px;height:var(--hl-height-md,48px);padding:var(--hl-space-20,20px) var(--hl-space-30,30px);gap:var(--hl-space-10,10px);font-size:15px;font-weight:700}.hl-button--sm{height:var(--hl-height-sm,36px);padding:var(--hl-space-10,10px) var(--hl-space-12,12px);gap:var(--hl-space-2,2px);font-size:14px;font-weight:600}.hl-button__label{flex-shrink:0}.hl-button--lg>.hl-button__label{overflow-wrap:anywhere;flex:1 0 0;min-width:1px}.hl-button--md>.hl-button__label{overflow-wrap:anywhere;width:240px}.hl-button--sm>.hl-button__label{white-space:nowrap}.hl-button--default{background:var(--primary);color:var(--primary-foreground)}.hl-button--destructive{background:var(--destructive);color:#fff}.hl-button--ghost{color:var(--foreground);background:0 0}.hl-button--ghost:hover{background:var(--surface-secondary)}.hl-button--link{color:var(--primary);text-underline-offset:4px;background:0 0}.hl-button--link:hover{text-decoration:underline}.hl-button--app-secondary{background:var(--secondary);color:var(--secondary-foreground)}.hl-button--app{gap:8px;height:36px;padding:8px 12px;font-size:14px;font-weight:500}.hl-button--app-sm{gap:4px;height:28px;padding:4px 8px;font-size:12px;font-weight:500}.hl-button--app-lg{gap:8px;height:40px;padding:8px 16px;font-size:14px;font-weight:500}.hl-button--icon{width:36px;height:36px}.hl-button--icon-sm{width:28px;height:28px}.hl-button--icon-lg{width:40px;height:40px}.hl-button__label{justify-content:center;align-items:center;gap:inherit;display:inline-flex}.hl-button:disabled{pointer-events:none}.hl-button:is(.hl-button--app,.hl-button--app-sm,.hl-button--app-lg,.hl-button--icon,.hl-button--icon-sm,.hl-button--icon-lg):disabled{opacity:.5}.hl-button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.hl-button:is(.hl-button--app,.hl-button--app-sm,.hl-button--app-lg,.hl-button--icon,.hl-button--icon-sm,.hl-button--icon-lg)>.hl-button__label{display:contents}.hl-button--pricing-outline{border:1.5px solid var(--hl-foreground);color:var(--hl-foreground);background:0 0;border-radius:6px}.hl-button--pricing-inverse{color:var(--hl-foreground);background:var(--hl-surface);border-radius:6px}.hl-button--row{color:inherit;text-align:left;background:0 0;border-radius:4px;justify-content:flex-start}.hl-button--row>.hl-button__label{display:contents}.hl-button--row:hover{background:var(--hl-surface-muted)}}@layer utilities;
