@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{:where([data-component-type=navigation-card]){color:inherit;cursor:pointer;text-decoration:none}:where([data-component-type=navigation-card]:hover){text-underline-offset:4px;text-decoration:underline}}
@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}}