:root{--kraken-pink:#df1d80;--kraken-pink-dark:#b8186a;--kraken-purple:#4b2e4f;--kraken-bg:#fafafa;--kraken-surface:#ffffff;--kraken-surface-2:#f0f0f4;--kraken-border:#e5e5e5;--kraken-text:#171717;--kraken-muted:#737373;--kraken-error:#dc2626;color-scheme:light;font-family:system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:var(--kraken-bg);color:var(--kraken-text);margin:0}main{margin:0 auto;max-width:960px;padding:1.5rem 1.5rem 6rem}h1{font-size:1.5rem;margin:0 0 .5rem}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.page-header__intro{flex:1 1 20rem;min-width:0}.page-header__title{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem .75rem;position:relative}.page-header h1{margin:0}.page-header__pitch{color:var(--kraken-muted);font-size:.9375rem;margin:.25rem 0 0}.page-header__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}a.link-button{align-items:center;border:1px solid var(--kraken-border);border-radius:.5rem;color:var(--kraken-text);display:inline-flex;font-weight:600;gap:.25rem;padding:.5rem .875rem;text-decoration:none;transition:background .15s,border-color .15s;white-space:nowrap}a.link-button:hover{background:var(--kraken-surface-2);border-color:var(--kraken-muted)}button.mode-badge{align-items:center;background:color-mix(in srgb,var(--kraken-pink) 10%,transparent);border:1px solid color-mix(in srgb,var(--kraken-pink) 35%,transparent);border-radius:999px;color:var(--kraken-text);display:inline-flex;font-size:.8125rem;gap:.375rem;padding:.15rem .5rem .15rem .625rem}button.mode-badge:hover:not(:disabled){background:color-mix(in srgb,var(--kraken-pink) 18%,transparent);border-color:var(--kraken-pink)}button.mode-badge[data-mode=login]{background:color-mix(in srgb,#16a34a 10%,transparent);border-color:color-mix(in srgb,#16a34a 40%,transparent)}button.mode-badge[data-mode=login]:hover:not(:disabled){background:color-mix(in srgb,#16a34a 18%,transparent);border-color:#16a34a}.mode-badge__dot{background:var(--kraken-pink);border-radius:50%;height:.5rem;width:.5rem}.mode-badge[data-mode=login] .mode-badge__dot{background:#16a34a}.mode-badge svg{color:var(--kraken-muted)}.mode-badge__popover{background:var(--kraken-surface);border:1px solid var(--kraken-border);border-radius:.5rem;box-shadow:0 8px 24px rgba(0,0,0,.15);display:flex;flex-direction:column;font-size:.8125rem;gap:.5rem;left:0;max-width:24rem;padding:.75rem .875rem;position:absolute;top:calc(100% + .5rem);width:100%;z-index:10}.mode-badge__popover[hidden]{display:none}.mode-badge__popover p{margin:0;overflow-wrap:anywhere}.mode-badge__popover code{font-family:ui-monospace,monospace}.features{margin-bottom:1.5rem}.features__grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));list-style:none;margin:0;padding:0}.feature-card{background:var(--kraken-surface);border:1px solid var(--kraken-border);border-radius:.75rem;display:flex;flex-direction:column;gap:.25rem;padding:1rem}.feature-card h3{font-size:.9375rem;margin:0}.feature-card p{color:var(--kraken-muted);flex:1 1;font-size:.875rem;margin:0 0 .5rem}.feature-card .feature-card__action{align-self:flex-start;font-size:.8125rem;padding:.35rem .75rem}.page-footer{border-top:1px solid var(--kraken-border);color:var(--kraken-muted);font-size:.875rem;padding-top:1.25rem}.page-footer__version{margin:0}.page-footer__version code{font-family:ui-monospace,monospace;font-size:.8125rem}.trigger-callout{--callout-edge:1.5rem;--callout-offset:calc(1.5rem + 4.5rem + 0.75rem);--callout-arrow:calc(1.5rem + 2.25rem - var(--callout-edge) - 0.375rem);background:var(--kraken-purple);border-radius:.75rem;box-shadow:0 8px 24px rgba(0,0,0,.25);color:#fff;display:flex;flex-direction:column;font-size:.875rem;max-width:calc(100vw - 2 * var(--callout-edge));padding:.625rem .875rem;pointer-events:none;position:fixed;width:15rem;z-index:1001}.trigger-callout:after{background:inherit;content:"";height:.75rem;position:absolute;transform:rotate(45deg);width:.75rem}.trigger-callout[data-position=bottom-right]{bottom:var(--callout-offset);right:var(--callout-edge)}.trigger-callout[data-position=bottom-left]{bottom:var(--callout-offset);left:var(--callout-edge)}.trigger-callout[data-position=top-right]{right:var(--callout-edge);top:var(--callout-offset)}.trigger-callout[data-position=top-left]{left:var(--callout-edge);top:var(--callout-offset)}.trigger-callout[data-position^=bottom]:after{bottom:-.375rem}.trigger-callout[data-position^=top]:after{top:-.375rem}.trigger-callout[data-position$=right]:after{right:var(--callout-arrow)}.trigger-callout[data-position$=left]:after{left:var(--callout-arrow)}@media (prefers-reduced-motion:no-preference){.trigger-callout{animation:trigger-callout-in .3s ease-out both}.trigger-callout[data-position^=top]{animation-name:trigger-callout-in-from-above}}@keyframes trigger-callout-in{0%{opacity:0;transform:translateY(.5rem)}}@keyframes trigger-callout-in-from-above{0%{opacity:0;transform:translateY(-.5rem)}}.card{background:var(--kraken-surface);border:1px solid var(--kraken-border);border-radius:.75rem;margin-bottom:1.5rem;padding:1.25rem}.card h2{font-size:1.125rem;margin:0 0 1rem}.card-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.card-header h2{margin:0}.field-grid,.session-fields{display:flex;flex-direction:column;gap:.75rem}.session-fields[hidden]{display:none}.session-fields .session-note{margin:0}.session-summary{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem .75rem}.session-summary--open{margin-bottom:1rem}.card .session-summary h2{margin:0}.session-summary__value{flex:1 1 12rem;margin:0;min-width:0;overflow-wrap:anywhere}.session-summary--open h2{flex:1 1}.session-summary__value code{font-family:ui-monospace,monospace;font-size:.875rem}.field-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.field-row .field-label,.field-row label{color:var(--kraken-muted);flex:0 0 min(100%,14rem);font-family:ui-monospace,monospace;font-size:.8125rem}.field-label{display:flex;flex-direction:column}.field-row .field-label--keyed .field-label__name{color:var(--kraken-text);font-family:system-ui,-apple-system,sans-serif;font-size:.875rem}.field-label__key{color:var(--kraken-muted);font-family:ui-monospace,monospace;font-size:.75rem;line-height:1.4;white-space:nowrap}.field-row__control{display:flex;flex:1 1 12rem;flex-direction:column;gap:.35rem;min-width:0}.field-row input,.field-row select,.field-row textarea{background:var(--kraken-surface-2);border:1px solid var(--kraken-border);border-radius:.375rem;color:var(--kraken-text);font:inherit;padding:.5rem .625rem;transition:border-color .15s}.field-row select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23737373' d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z'/%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;background-size:1.25rem;cursor:pointer;padding-right:2.25rem}.field-row>input,.field-row>select,.field-row>textarea{flex:1 1 12rem;min-width:0}.field-row__control input,.field-row__control select,.field-row__control textarea{flex:none;width:100%}.field-row input:focus,.field-row select:focus,.field-row textarea:focus{border-color:var(--kraken-pink);outline:none}.field-row--highlight input,.field-row--highlight select{border-color:var(--kraken-pink);box-shadow:0 0 0 1px color-mix(in srgb,var(--kraken-pink) 45%,transparent)}.field-row--modified .field-label__name{position:relative}.field-row--modified .field-label__name:before{background:var(--kraken-pink);border-radius:50%;content:"";height:6px;left:-.625rem;position:absolute;top:.75em;transform:translateY(-50%);width:6px}.field-hint{color:var(--kraken-muted);font-size:.8125rem;margin:0}.session-note{color:var(--kraken-muted);font-size:.875rem;margin:0 0 1rem}.field-row input:read-only{color:var(--kraken-muted);cursor:default;opacity:.7}.field-row input:read-only:focus{border-color:var(--kraken-border)}.section-title{color:var(--kraken-muted);font-size:.875rem;font-weight:700;letter-spacing:.04em;margin:1rem 0 .5rem;text-transform:uppercase}.section-title:first-child{margin-top:0}.hint{color:var(--kraken-muted);font-size:.8125rem;margin:0 0 .75rem}.support-console-highlight{color:#6c3ce0}.support-console{--console-rail:#24133a;--console-accent:#6c3ce0;--console-accent-dark:#5629c4;--console-panel:#faf9fc;border:1px solid var(--kraken-border);border-radius:.5rem;display:grid;font-size:.875rem;grid-template-columns:2.75rem 12rem minmax(0,1fr) 13rem;height:32rem;overflow:hidden}.support-console p{margin:0}.support-console__rail{align-items:center;background:var(--console-rail);display:flex;flex-direction:column;gap:.875rem;padding:.75rem 0}.support-console__rail span{background:rgba(255,255,255,.25);border-radius:.25rem;height:1rem;width:1rem}.support-console__rail .support-console__logo{align-items:center;background:var(--console-accent);border-radius:.375rem;color:#fff;display:flex;font-size:.8125rem;font-weight:700;height:1.75rem;justify-content:center;margin-bottom:.5rem;width:1.75rem}.support-console__customer,.support-console__inbox{background:var(--console-panel);display:flex;flex-direction:column;gap:.5rem;min-width:0;padding:.75rem}.support-console__inbox{border-right:1px solid var(--kraken-border)}.support-console__customer{border-left:1px solid var(--kraken-border)}.support-console__inbox-title{font-size:1rem;font-weight:700}.support-console__availability{align-items:center;color:var(--kraken-muted);display:flex;font-size:.8125rem;gap:.4rem;margin-bottom:.25rem}.support-console__online-dot{background:#16a34a;border-radius:50%;height:.5rem;width:.5rem}.support-console__inbox-item{background:var(--kraken-surface);border:1px solid var(--kraken-border);border-left:3px solid var(--console-accent);border-radius:.375rem;display:flex;flex-direction:column;padding:.5rem .625rem}.support-console__inbox-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-console__inbox-preview{color:var(--kraken-muted);font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-console__conversation{display:flex;flex-direction:column;min-height:0;min-width:0}.support-console__conversation-header{align-items:center;border-bottom:1px solid var(--kraken-border);display:flex;gap:.75rem;justify-content:space-between;padding:.625rem .875rem}.support-console__conversation-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-console__status{align-items:center;color:#15803d;display:inline-flex;flex-shrink:0;font-size:.8125rem;gap:.35rem}.support-console__status:before{background:currentColor;border-radius:50%;content:"";height:.5rem;width:.5rem}.support-console__status--closed{color:var(--kraken-muted)}.support-console__thread{display:flex;flex:1 1;flex-direction:column;gap:.75rem;list-style:none;margin:0;overflow-y:auto;padding:.875rem}.support-console__thread:empty{flex:0 1;padding:0}.support-console__empty{align-items:center;color:var(--kraken-muted);display:flex;flex:1 1;justify-content:center;padding:1rem;text-align:center}.support-console__ended{border-top:1px solid var(--kraken-border);color:var(--kraken-muted);font-size:.8125rem;padding:.5rem .875rem}.support-message{align-items:flex-start;display:flex;flex-direction:column;gap:.2rem;max-width:80%}.support-message--outbound{align-items:flex-end;align-self:flex-end}.support-message__bubble{background:#e3f3fd;border:1px solid #8ccbef;border-radius:.5rem;overflow-wrap:anywhere;padding:.4rem .625rem;white-space:pre-wrap}.support-message--outbound .support-message__bubble{background:#efe8ff;border-color:#c2adf7}.support-message__meta{color:var(--kraken-muted);font-size:.75rem}.support-console__composer{border-top:1px solid var(--kraken-border);display:flex;flex-direction:column;gap:.5rem;padding:.5rem .875rem .75rem}.support-console__composer-tab{align-self:flex-start;border-bottom:2px solid var(--console-accent);font-size:.8125rem;font-weight:600;padding-bottom:.15rem}.support-console__composer textarea{background:var(--kraken-surface);border:1px solid var(--kraken-border);border-radius:.375rem;color:var(--kraken-text);font:inherit;padding:.5rem .625rem;resize:none}.support-console__composer textarea:focus{border-color:var(--console-accent);outline:none}.support-console__composer textarea:disabled{background:var(--console-panel);cursor:not-allowed}.support-console__composer-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.support-console__composer-toolbar button{font-size:.8125rem;padding:.35rem .75rem}.support-console__progress{align-items:center;color:var(--kraken-muted);display:inline-flex;font-size:.8125rem;gap:.5rem}.support-console__progress progress{accent-color:var(--console-accent);width:5rem}.support-console__composer-toolbar .support-console__send{background:var(--console-accent);border-color:var(--console-accent);margin-left:auto}.support-console__composer-toolbar .support-console__send:hover:not(:disabled){background:var(--console-accent-dark);border-color:var(--console-accent-dark)}.support-console__read-only{align-items:center;background:var(--console-panel);border:1px dashed var(--kraken-border);border-radius:.375rem;color:var(--kraken-muted);display:flex;flex-wrap:wrap;font-size:.8125rem;gap:.5rem .75rem;justify-content:space-between;padding:.625rem .75rem}.support-console__read-only p{flex:1 1 14rem}.support-console__read-only .link-button{font-size:.8125rem;padding:.35rem .75rem}.support-console__composer .error{margin:0}.support-console__notice{background:#e0f2fe;border-radius:.375rem;font-size:.8125rem;margin-bottom:.5rem;padding:.5rem .625rem}.support-console__customer-label{color:var(--kraken-muted);font-size:.75rem;font-weight:600;text-transform:uppercase}.support-console__account{color:var(--console-accent);font-family:ui-monospace,monospace;font-weight:600}.support-console__customer-value{overflow-wrap:anywhere}.support-console__account+.support-console__customer-label{margin-top:.5rem}@media (max-width:760px){.support-console{grid-template-columns:minmax(0,1fr)}.support-console__customer,.support-console__inbox,.support-console__rail{display:none}}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}button{background:var(--kraken-pink);border:1px solid var(--kraken-pink);border-radius:.5rem;color:#fff;cursor:pointer;font:inherit;font-weight:600;padding:.5rem .875rem;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:var(--kraken-pink-dark);border-color:var(--kraken-pink-dark)}button.secondary{background:transparent;border-color:var(--kraken-border);color:var(--kraken-text)}button.secondary:hover:not(:disabled){background:var(--kraken-surface-2);border-color:var(--kraken-muted)}button:disabled{cursor:not-allowed;opacity:.45}button.button-ghost{background:transparent;border-color:transparent;color:var(--kraken-muted)}button.button-ghost:hover:not(:disabled){background:var(--kraken-surface-2);border-color:transparent;color:var(--kraken-text)}kbd{background:color-mix(in srgb,currentColor 18%,transparent);border-radius:.25rem;font-family:ui-monospace,monospace;font-size:.75rem;font-weight:500;padding:.05rem .35rem}.pending-bar{align-items:center;background:var(--kraken-surface);border:1px solid var(--kraken-border);border-radius:999px;bottom:1.5rem;box-shadow:0 12px 32px rgba(0,0,0,.35);display:flex;gap:1rem;left:50%;max-width:min(36rem,calc(100vw - 2rem));opacity:0;padding:.5rem .5rem .5rem 1.25rem;pointer-events:none;position:fixed;transform:translate(-50%,calc(100% + 2rem));transition:opacity .22s ease-out,transform .22s ease-out;width:max-content;z-index:1000}.pending-bar[data-visible=true]{opacity:1;pointer-events:auto;transform:translate(-50%)}.pending-bar__status{display:flex;flex-direction:column;font-size:.9375rem;font-weight:600;justify-content:center;min-height:2.5rem}.pending-bar__hint{color:var(--kraken-muted);font-size:.8125rem;font-weight:400}.pending-bar__error{color:var(--kraken-error)}.pending-bar__applied{align-items:center;display:inline-flex;gap:.4rem}.pending-bar__applied svg{color:var(--kraken-pink)}.pending-bar__actions{display:flex;flex-shrink:0;gap:.5rem}.pending-bar__actions button{align-items:center;border-radius:999px;display:inline-flex;gap:.5rem}@media (max-width:640px){.pending-bar{border-radius:1rem;flex-wrap:wrap;left:1rem;max-width:none;right:6.5rem;transform:translateY(calc(100% + 2rem));width:auto}.pending-bar[data-visible=true]{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.pending-bar{transform:translate(-50%);transition:opacity .22s ease-out}@media (max-width:640px){.pending-bar{transform:none}}}.code-block__copy,.get-code-button{align-items:center;display:inline-flex;gap:.4rem;white-space:nowrap}.code-block__copy svg,.get-code-button svg{flex-shrink:0}.code-drawer{background:var(--kraken-surface);border:0;border-left:1px solid var(--kraken-border);box-shadow:-12px 0 32px rgba(0,0,0,.2);color:var(--kraken-text);height:100dvh;margin:0 0 0 auto;max-height:none;max-width:100vw;padding:0;transform:translateX(100%);transition:transform .22s ease-out,overlay allow-discrete .22s,display allow-discrete .22s;width:40rem}.code-drawer[open]{transform:translateX(0)}@starting-style{.code-drawer[open]{transform:translateX(100%)}}.code-drawer::backdrop{background:rgba(0,0,0,0);transition:background .22s ease-out,overlay allow-discrete .22s,display allow-discrete .22s}.code-drawer[open]::backdrop{background:rgba(0,0,0,.4)}@starting-style{.code-drawer[open]::backdrop{background:rgba(0,0,0,0)}}@media (prefers-reduced-motion:reduce){.code-drawer,.code-drawer::backdrop{transition:none}}.code-drawer__panel{display:flex;flex-direction:column;height:100%}.code-drawer__header{align-items:center;border-bottom:1px solid var(--kraken-border);display:flex;justify-content:space-between;padding:.75rem .75rem .75rem 1.25rem}.code-drawer__header h2{font-size:1.125rem;margin:0}.code-drawer__close{align-items:center;display:inline-flex;padding:.4rem}.code-drawer__body{flex:1 1;overflow-y:auto;padding:1.25rem}.code-drawer__notice{background:color-mix(in srgb,var(--kraken-pink) 10%,transparent);border:1px solid color-mix(in srgb,var(--kraken-pink) 35%,transparent);border-radius:.5rem;font-size:.875rem;margin:0 0 1rem;padding:.625rem .75rem}.code-drawer__tabs{border-bottom:1px solid var(--kraken-border);display:flex;gap:.25rem;margin-bottom:1rem;overflow-x:auto}.code-drawer__panel-content{display:flex;flex-direction:column;gap:1rem}.code-drawer__panel-content[hidden]{display:none}.code-drawer__intro{font-size:.875rem;margin:0}.code-drawer__docs-link{align-self:flex-start;color:var(--kraken-pink);font-size:.875rem;font-weight:600}.code-block{border:1px solid var(--kraken-border);border-radius:.5rem;overflow:hidden}.code-block__header{align-items:center;background:var(--kraken-surface-2);border-bottom:1px solid var(--kraken-border);display:flex;gap:.75rem;justify-content:space-between;padding:.375rem .375rem .375rem .75rem}.code-block__name{color:var(--kraken-muted);font-family:ui-monospace,monospace;font-size:.75rem}.code-block__copy{font-size:.8125rem;padding:.25rem .625rem}.code-block pre{font-family:ui-monospace,monospace;font-size:.8125rem;line-height:1.5;margin:0;overflow-x:auto;padding:.75rem;tab-size:2}.theme-toggle{align-items:center;align-self:flex-start;display:inline-flex;gap:.5rem;justify-content:center;padding:.4rem .875rem .4rem .6rem}.page-header__actions .theme-toggle{align-self:auto;padding-block:.5rem}.error{color:var(--kraken-error);font-size:.875rem;margin-bottom:.75rem}.playground-tabs{background:var(--kraken-surface);border-bottom:1px solid var(--kraken-border);display:flex;gap:.25rem;margin:0 -1.25rem 1.25rem;overflow-x:auto;padding:0 1.25rem;position:sticky;top:0;z-index:1}.playground-tab{align-items:center;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--kraken-muted);display:inline-flex;flex-shrink:0;gap:.4rem;padding:.75rem .75rem .625rem;white-space:nowrap}.playground-tab:hover:not(:disabled){background:transparent;border-color:transparent;color:var(--kraken-text)}.playground-tab[aria-selected=true],.playground-tab[aria-selected=true]:hover:not(:disabled){border-color:var(--kraken-pink);color:var(--kraken-text)}.playground-tab:focus-visible{outline:2px solid var(--kraken-pink);outline-offset:-2px}.playground-tab__badge{background:var(--kraken-pink);border-radius:999px;color:#fff;font-size:.6875rem;font-weight:700;line-height:1;min-width:1.25rem;padding:.2rem .4rem;text-align:center}.playground-group+.playground-group{border-top:1px solid var(--kraken-border);margin-top:1.25rem;padding-top:1.25rem}.brand-chips{border:0;flex-direction:row;flex-wrap:wrap;gap:.5rem;margin:0;padding:0}.brand-chip{align-items:center;background:var(--kraken-surface-2);border-color:var(--kraken-border);border-radius:999px;color:var(--kraken-text);display:inline-flex;font-weight:500;gap:.5rem;padding:.3rem .75rem .3rem .35rem}.brand-chip:hover:not(:disabled){background:var(--kraken-surface-2);border-color:var(--kraken-muted)}.brand-chip[aria-pressed=true],.brand-chip[aria-pressed=true]:hover:not(:disabled){border-color:var(--kraken-pink);box-shadow:0 0 0 1px var(--kraken-pink)}.brand-chip__swatch{border-radius:50%;box-shadow:inset 0 0 0 1px rgba(127,127,127,.4);flex-shrink:0;height:1.25rem;width:1.25rem}.emoji-editor{align-items:flex-start}.emoji-editor__toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.emoji-editor__invalid{color:var(--kraken-error)}.emoji-editor__actions{display:flex;flex-wrap:wrap;gap:.5rem}.emoji-editor__actions button{font-size:.8125rem;padding:.35rem .75rem}.emoji-chips{display:flex;flex-wrap:wrap;gap:.375rem;list-style:none;margin:0;padding:0}.emoji-chip{align-items:center;background:var(--kraken-surface-2);border:1px solid var(--kraken-border);border-radius:999px;display:inline-flex;font-size:.8125rem;gap:.375rem;padding:.125rem .125rem .125rem .5rem}.emoji-chip__emoji{font-size:1rem;line-height:1}.emoji-chip__remove{align-items:center;background:transparent;border:0;border-radius:50%;color:var(--kraken-muted);display:inline-flex;font-weight:400;height:1.5rem;justify-content:center;line-height:1;padding:0;width:1.5rem}.emoji-chip__remove:hover:not(:disabled){background:var(--kraken-border);color:var(--kraken-text)}.emoji-editor__add{display:flex;flex-wrap:wrap;gap:.5rem}.field-row__control .emoji-editor__emoji-input{flex:0 0 4rem;text-align:center;width:4rem}.field-row__control .emoji-editor__label-input{flex:1 1 12rem;width:auto}.emoji-editor textarea{font-family:ui-monospace,monospace;font-size:.8125rem;resize:vertical}.separator{border:0;border-top:1px solid var(--kraken-border);margin:1rem 0}.theme-color-row input[type=color]{flex:0 0 2.75rem;height:2.75rem;padding:0}.login-form{background:var(--kraken-surface);border:1px solid var(--kraken-border);border-radius:.75rem;margin:4rem auto;max-width:24rem;padding:2rem}.login-form h1{font-size:1.5rem;margin:0 0 .5rem}.login-lead{color:var(--kraken-muted);font-size:.9375rem;margin:0 0 1.5rem}.login-form .field-grid{margin-bottom:1.25rem}.login-form button{width:100%}body:before{background:linear-gradient(90deg,var(--kraken-purple),var(--kraken-pink));content:"";display:block;height:3px}