.support-desk{--help-ink:#23113c;--help-cream:#fffbea;border:3px solid var(--help-ink);background:var(--help-cream);color:var(--help-ink);box-shadow:9px 10px 0 var(--help-ink);border-radius:1.8rem;margin-top:3rem;scroll-margin-top:8rem;overflow:hidden}.support-desk__header{border-bottom:3px solid var(--help-ink);background:#61e0e2;grid-template-columns:minmax(0,1fr) 150px;gap:1rem;padding:clamp(1.2rem,3vw,2rem) clamp(1.2rem,3vw,2rem) 3rem;display:grid;position:relative}.support-desk__header h2{font:700 clamp(1.7rem,3vw,2.5rem)/1.08 var(--font-display);margin:.6rem 0}.support-desk__header p{max-width:48rem}.support-desk__header img{align-self:center;transform:rotate(5deg)}.support-desk__aside{border:2px solid var(--help-ink);box-shadow:4px 4px 0 var(--help-ink);font:600 .85rem/1.3 var(--font-display);background:#dfff57;border-radius:.7rem;max-width:85%;padding:.5rem .8rem;position:absolute;bottom:-.65rem;left:1.4rem;transform:rotate(-1deg)}.support-desk__tools{flex-wrap:wrap;align-items:end;gap:1rem;padding:2rem 1.4rem 1rem;display:flex}.support-desk__tools form{flex:1}.support-desk__tools form>div{flex-wrap:wrap;gap:.5rem;display:flex}.support-desk input,.support-desk select,.support-desk textarea{color:var(--help-ink);border:2px solid var(--help-ink);min-width:0;max-width:100%;min-height:44px;font:inherit;background:#fff;border-radius:.6rem;padding:.65rem .8rem}.support-desk input{flex:1}.support-desk button{border:2px solid var(--help-ink);color:var(--help-ink);min-height:44px;font:600 1rem/1.3 var(--font-display);cursor:pointer;background:#dfff57;border-radius:.7rem;padding:.6rem .85rem}.support-desk button:disabled{opacity:.6;cursor:wait}.support-desk :focus-visible{outline-offset:3px;outline:3px solid #6330eb}.support-desk label{margin-bottom:.3rem;font-weight:700;display:block}.support-desk__body{border-top:2px dashed var(--help-ink);grid-template-columns:minmax(13rem,1fr) minmax(0,2fr);display:grid}.support-desk__list{border-right:2px solid var(--help-ink);background:#eee5ff;padding:1.2rem}.support-desk__list ul{gap:.7rem;padding:0;list-style:none;display:grid}.support-desk__list button{text-align:left;background:var(--help-cream);width:100%;box-shadow:3px 3px 0 var(--help-ink);gap:.25rem;display:grid}.support-desk__list button[aria-pressed=true]{background:#dfff57;transform:rotate(-1deg)}.support-desk__list small,.support-desk__list time{font-size:.8rem}.support-desk__list span{font-size:.85rem}.support-desk__list nav{align-items:center;gap:.5rem;margin-top:1rem;display:flex}.support-desk__list nav button{width:auto;font-size:.85rem}.support-desk__empty{padding:1rem .25rem}.support-desk__conversation{min-width:0;padding:clamp(1rem,3vw,2rem)}.support-desk__case-title{border-bottom:2px solid var(--help-ink);overflow-wrap:anywhere;padding-bottom:1rem}.support-desk__case-title h3,.support-desk__welcome h3,.support-desk__composer h3{font:700 clamp(1.5rem,2vw,1.9rem)/1.1 var(--font-display);margin:.5rem 0}.support-desk__case-title span{background:#dfff57;border-radius:.5rem;padding:.4rem .6rem;font-weight:700;display:inline-block}.support-desk__case-title p{margin:.5rem 0;font-size:.85rem}.support-desk__messages{overscroll-behavior:contain;gap:1rem;max-height:34rem;margin:1rem 0;padding:.8rem .3rem;list-style:none;display:grid;overflow:auto}.support-desk__message{border:2px solid var(--help-ink);background:#fff;border-radius:1rem;padding:1rem}.support-desk__message--team{background:#d9f8f8;margin-left:1rem}.support-desk__message--note{background:#ffe9b8;border-style:dashed}.support-desk__message>div{flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.8rem;display:flex}.support-desk__message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:.7rem 0}.support-desk__composer{gap:.6rem;margin-top:1.4rem;display:grid}.support-desk__composer label{margin:.5rem 0 0}.support-desk__composer textarea{resize:vertical;width:100%}.support-desk__composer p{font-size:.85rem;line-height:1.6}.support-desk__composer button{box-shadow:4px 4px 0 var(--help-ink);background:#ff73bc;justify-self:start}.support-desk__welcome{padding:1rem 0}.support-desk__error,.support-desk__notice,.support-desk__recovery{border:2px solid var(--help-ink);overflow-wrap:anywhere;border-radius:.8rem;margin:1rem 1.4rem;padding:1rem}.support-desk__error{color:#971a31;background:#fff0f2}.support-desk__notice{background:#dfff57}.support-desk__recovery{background:#ffe9b8}.support-desk__recovery code{font-size:.85rem}.support-desk__recovery button{margin-top:.5rem}@media (max-width:700px){.support-desk__header{grid-template-columns:minmax(0,1fr) 85px}.support-desk__header img{width:85px}.support-desk__body{grid-template-columns:minmax(0,1fr)}.support-desk__list{border-right:0;border-bottom:2px solid var(--help-ink)}.support-desk__list ul{max-height:18rem;overflow:auto}.support-desk__tools{padding-inline:1rem}.support-desk__tools form>div{grid-template-columns:minmax(0,1fr);display:grid}.support-desk__aside{font-size:.75rem}.support-desk__error,.support-desk__notice,.support-desk__recovery{margin:1rem}.support-desk__message--team{margin-left:.3rem}}