@layer components{[data-component-type=alert]{gap:var(--kobber-primitives-size-12);padding:var(--kobber-primitives-size-16);border-radius:var(--kobber-primitives-size-12);font-size:var(--kobber-primitives-font-size-14);background-color:var(--kobber-active-bg);color:var(--kobber-active-fg);display:flex}[data-component-type=alert-icon]{width:var(--kobber-primitives-size-16);height:var(--kobber-primitives-size-16);flex-shrink:0}}
@layer components{[data-component-type=avatar]{background-color:var(--kobber-active-border);color:var(--kobber-active-fg);border-radius:9999px;justify-content:center;align-items:center;display:flex}[data-component-type=avatar][data-variant=accent]{background-color:var(--kobber-active-accent);color:var(--kobber-active-fg-light)}[data-component-type=avatar][data-variant=muted]{background-color:var(--kobber-active-muted);color:var(--kobber-active-fg-light)}}
@layer components{[data-component-type=card]{padding:var(--kobber-primitives-size-24);border-radius:var(--kobber-primitives-size-16);border:1px solid var(--kobber-active-border);flex-direction:column;transition:all .2s;display:flex;overflow:hidden}[data-component-type=card]:not([data-surface]){background-color:var(--kobber-active-bg);color:var(--kobber-active-fg)}[data-component-type=card][data-surface=ghost]{border-color:color-mix(in srgb,var(--kobber-active-border)50%,transparent)}[data-component-type=card][data-surface=subtle]{border-color:var(--kobber-active-muted)}[data-component-type=card][data-surface=contrast]{border-color:var(--kobber-opposite-border)}[data-component-type=card][data-surface=accent]{border-color:#0000}[data-component-type=card].kobber-card-elevated{box-shadow:0 1px 3px color-mix(in srgb,var(--kobber-active-fg)8%,transparent),0 4px 12px color-mix(in srgb,var(--kobber-active-fg)5%,transparent)}[data-component-type=card].kobber-card-elevated:hover{box-shadow:0 2px 8px color-mix(in srgb,var(--kobber-active-fg)10%,transparent),0 8px 24px color-mix(in srgb,var(--kobber-active-fg)8%,transparent);transform:translateY(-2px)}[data-component-type=card-inner]{padding:var(--kobber-primitives-size-24);flex-direction:column;display:flex}[data-component-type=card].kobber-card-hero{border-radius:var(--kobber-primitives-size-16);background-color:var(--kobber-active-bg);color:var(--kobber-active-fg);border:1px solid var(--kobber-active-border);transition:all .3s cubic-bezier(.22,1,.36,1);overflow:hidden}[data-component-type=card].kobber-card-hero:hover{box-shadow:0 4px 16px color-mix(in srgb,var(--kobber-active-fg)12%,transparent),0 12px 32px color-mix(in srgb,var(--kobber-active-fg)8%,transparent);transform:translateY(-4px)}[data-component-type=card].kobber-card-interactive{cursor:pointer;transition:all .25s cubic-bezier(.22,1,.36,1)}[data-component-type=card].kobber-card-interactive:hover{border-color:var(--kobber-active-muted)}[data-component-type=card].kobber-card-interactive:active{transform:scale(.99)}[data-component-type=card].kobber-card-accent{border-top:3px solid var(--kobber-active-accent)}[data-component-type=card].kobber-card-compact [data-component-type=card-inner]{padding:var(--kobber-primitives-size-16)}}
@layer components{hr{background-color:var(--kobber-active-border);height:1px;margin:var(--kobber-primitives-size-16)0;border:none}}
@layer components{[data-component-type=list-item]{align-items:center;gap:var(--kobber-primitives-size-12);padding:var(--kobber-primitives-size-10)var(--kobber-primitives-size-12);border-radius:var(--kobber-primitives-size-8);background-color:var(--kobber-active-border);display:flex}}
@layer components{[data-component-type=menu-item]{align-items:center;gap:var(--kobber-primitives-size-8);padding:var(--kobber-primitives-size-12)var(--kobber-primitives-size-16);border-radius:var(--kobber-primitives-size-4);font-size:var(--kobber-primitives-font-size-14);color:var(--kobber-active-fg);cursor:pointer;transition:all .15s;display:flex}[data-component-type=menu-item]:hover{background-color:var(--kobber-active-fg-light)}[data-component-type=menu-item].kobber-menu-item-active{background-color:var(--kobber-active-border);color:var(--kobber-active-fg)}}
@layer components{[data-component-type=panel]{background-color:color-mix(in srgb,var(--kobber-active-bg)80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--kobber-active-border);border-radius:var(--kobber-primitives-size-16)}[data-component-type=panel].kobber-panel-solid{background-color:var(--kobber-active-bg)}}
@layer components{[data-component-type=nav-link]{align-items:center;gap:var(--kobber-primitives-size-8);padding:var(--kobber-primitives-size-8)var(--kobber-primitives-size-12);border-radius:var(--kobber-primitives-size-8);font-size:var(--kobber-primitives-font-size-14);font-weight:var(--kobber-primitives-font-weight-500);color:var(--kobber-active-fg);text-decoration:none;transition:all .15s;display:inline-flex}[data-component-type=nav-link]:hover{background-color:var(--kobber-active-border)}[data-component-type=nav-link].kobber-nav-link-active{background-color:var(--kobber-active-accent);color:#fff}}
@layer components{input:where([type=text],[type=email],[type=password],[type=search],[type=tel],[type=url],[type=number],:not([type])),textarea{width:100%;height:var(--kobber-primitives-size-40);padding:var(--kobber-primitives-size-12);border:1px solid var(--kobber-active-border);border-radius:var(--kobber-primitives-size-8);background-color:var(--kobber-active-bg);color:var(--kobber-active-fg);font-family:var(--kobber-primitives-font-family-pp-mori);font-size:var(--kobber-primitives-font-size-14);transition:all .15s;display:block}input:where([type=text],[type=email],[type=password],[type=search],[type=tel],[type=url],[type=number],:not([type])):hover,textarea:hover{border-color:var(--kobber-active-muted)}input:where([type=text],[type=email],[type=password],[type=search],[type=tel],[type=url],[type=number],:not([type])):focus,textarea:focus{border-color:var(--kobber-active-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--kobber-active-accent)20%,transparent);outline:none}input::placeholder,textarea::placeholder{color:var(--kobber-active-muted)}textarea{resize:vertical;height:auto;min-height:6rem}}
@layer components{.kobber-text-link{color:var(--kobber-active-accent);text-underline-offset:2px;text-decoration:underline;transition:opacity .15s}.kobber-text-link:hover{opacity:var(--kobber-primitives-opacity-80)}}
@layer components{[data-component-type=feature-module]{background-color:var(--kobber-active-bg);color:var(--kobber-active-fg)}[data-slot=feature-module-image]{background-color:color-mix(in srgb,var(--kobber-active-fg)5%,var(--kobber-active-bg))}[data-slot=feature-module-button]{background-color:var(--kobber-active-fg);color:var(--kobber-active-bg);text-decoration:none;transition:opacity .15s}[data-slot=feature-module-button]:hover{opacity:.9}}
@layer components{[data-slot=media-module-placeholder]{background-color:color-mix(in srgb,var(--kobber-active-border)50%,var(--kobber-active-bg));color:var(--kobber-active-muted)}[data-slot=media-module-credit]{padding:var(--kobber-primitives-size-12)var(--kobber-primitives-size-20);background-color:color-mix(in srgb,var(--kobber-active-bg)92%,transparent);color:var(--kobber-active-fg);-webkit-backdrop-filter:blur(8px);font-size:var(--kobber-primitives-font-size-12);font-weight:var(--kobber-primitives-font-weight-500);line-height:1.2;display:inline-block}[data-slot=media-module-credit][data-placement=right]{border-top-left-radius:var(--kobber-primitives-size-12);border-bottom-right-radius:var(--kobber-primitives-size-16)}[data-slot=media-module-credit][data-placement=left]{border-top-right-radius:var(--kobber-primitives-size-12);border-bottom-left-radius:var(--kobber-primitives-size-16)}[data-slot=media-module-caption]{color:var(--kobber-active-muted);font-size:var(--kobber-primitives-font-size-14);line-height:1.5}[data-slot=media-module-container]{transition:transform .3s cubic-bezier(.22,1,.36,1)}[data-component-type=media-module]:hover [data-slot=media-module-container]{transform:scale(1.005)}}