@layer properties,theme,base;@layer components{.desk{position:relative;overflow:clip}.desk-crest{background-image:linear-gradient(to right, var(--ramp-1) 0%, var(--ramp-2) 26%, var(--ramp-3) 52%, var(--ramp-4) 76%, var(--ramp-5) 100%);block-size:3px;animation:desk-crest var(--duration-reveal) var(--ease-out-expo) .22s both;position:absolute;inset-block-start:0;inset-inline:0}@keyframes desk-crest{0%{clip-path:inset(0 100% 0 0)}}.desk-form,.desk-top,.desk-base{grid-template-columns:minmax(0,1fr);display:grid}.desk-form{row-gap:var(--spacing-row)}.desk-top{row-gap:var(--spacing-block)}.desk-base{row-gap:var(--spacing-row);border-block-start:1px solid color-mix(in oklab, var(--color-hairline) 90%, transparent);padding-block-start:var(--spacing-row)}@media (min-width:64rem){.desk-top,.desk-base{grid-template-columns:var(--col-lane) minmax(0, 1fr);column-gap:var(--col-gap)}.desk-body{grid-area:1/2}.desk-base{align-items:center}@supports (align-items:last baseline){.desk-base{align-items:last baseline}}.desk-direct{grid-area:1/1}.desk-acts{grid-area:1/2}}.desk-rail{row-gap:var(--spacing-hair);border:0;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);min-inline-size:0;padding:0;display:grid}.desk-rail-rows{row-gap:var(--spacing-line);grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;align-content:stretch;display:grid}.desk-row{grid-template-columns:var(--desk-mark) minmax(0, 1fr);column-gap:var(--spacing-row);row-gap:var(--spacing-hair);padding:var(--spacing-row);cursor:pointer;border:1px solid var(--color-hairline-strong);border-radius:var(--radius-sm);background-color:var(--color-surface);box-shadow:var(--shadow-hair);--desk-mark:1.125rem;--port:var(--ramp-1);--desk-ink:color-mix(in oklab, var(--port) 62%, var(--color-ink));transition:border-color var(--duration-state) var(--ease-out-quint), background-color var(--duration-state) var(--ease-out-quint), box-shadow var(--duration-state) var(--ease-out-quint);align-content:center;align-items:start;display:grid;position:relative}.desk-row:nth-of-type(2){--port:var(--ramp-2)}.desk-row:nth-of-type(3){--port:var(--ramp-3)}.desk-row:nth-of-type(4){--port:var(--ramp-4)}.desk-row:nth-of-type(5){--port:var(--ramp-5)}.desk-radio{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.desk-row:before{content:"";inline-size:var(--desk-mark);block-size:var(--desk-mark);border-radius:var(--radius-full);border:1.5px solid var(--color-ink-faint);background-color:var(--color-surface);box-shadow:inset 0 0 0 calc(var(--desk-mark) / 2) var(--color-surface);transition:border-color var(--duration-state) var(--ease-out-quint), background-color var(--duration-state) var(--ease-out-quint), box-shadow var(--duration-state) var(--ease-out-quint);grid-area:1/1/span 2;align-self:center}.desk-row-name{font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-ink);grid-column:2}.desk-row-note{font-size:var(--text-xs);line-height:var(--text-xs--line-height);text-wrap:pretty;text-box-edge:cap alphabetic;color:var(--color-ink-soft);grid-column:2}@media (hover:hover) and (pointer:fine){.desk-row:hover{border-color:color-mix(in oklab, var(--color-ink-faint) 55%, var(--color-hairline-strong))}.desk-row:hover:before{border-color:var(--color-ink-muted)}}.desk-row:has(.desk-radio:checked){border-color:var(--desk-ink)}.desk-row:has(.desk-radio:checked){background-color:color-mix(in oklab, var(--port) 7%, var(--color-surface))}.desk-row:has(.desk-radio:checked){box-shadow:0 0 0 1px var(--desk-ink), var(--shadow-hair)}.desk-row:has(.desk-radio:checked):before{border-color:var(--desk-ink);background-color:var(--desk-ink);box-shadow:inset 0 0 0 .25rem var(--color-surface)}.desk-row:has(.desk-radio:focus-visible){outline:2px solid var(--color-azure-ink);outline-offset:2px}.desk:has(.desk-row:first-of-type .desk-radio:checked){--pane-rim:var(--ramp-1)}.desk:has(.desk-row:nth-of-type(2) .desk-radio:checked){--pane-rim:var(--ramp-2)}.desk:has(.desk-row:nth-of-type(3) .desk-radio:checked){--pane-rim:var(--ramp-3)}.desk:has(.desk-row:nth-of-type(4) .desk-radio:checked){--pane-rim:var(--ramp-4)}.desk:has(.desk-row:nth-of-type(5) .desk-radio:checked){--pane-rim:var(--ramp-5)}.desk:has(.desk-radio:checked){--pane-lit:.62}@media not all and (min-width:64rem){.desk-direct{border-block-start:1px solid color-mix(in oklab, var(--color-hairline) 90%, transparent);padding-block-start:var(--spacing-row)}}.desk-direct>a{font-size:var(--text-base);line-height:var(--text-base--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-ink);display:block}.desk-body{grid-template-rows:auto 1fr}.desk-letter{grid-template-rows:auto 1fr;min-block-size:12.5rem}.desk-message{resize:vertical;block-size:100%;min-block-size:9.5rem;display:block}.desk-hint:empty{position:absolute}.desk-acts{align-items:baseline}.desk-answer{padding:var(--spacing-row);border:1px solid color-mix(in oklab, var(--color-red-ink) 26%, transparent);border-radius:var(--radius-sm);background-color:color-mix(in oklab, var(--color-red-ink) 5%, transparent);font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-ink);display:grid}.desk-answer:empty{display:none}.desk-sent{padding-block:var(--spacing-block)}.desk-sent>p:focus{outline:none}}@layer utilities;