/* Only headings, product and controls. The story is told inside Colony. */
.r10-work>.r10-heading{row-gap:0}.r10-work>.r10-heading h2{grid-column:1}.r10-work>.r10-heading>p{grid-column:2}.r14-demos{background:#faf8f2;padding:85px 3% 65px;scroll-margin-top:25px}.r14-demos>.r10-heading{max-width:900px;margin:0 auto 42px}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1150px;margin:25px auto 0;position:sticky;top:14px;z-index:4;background:#faf8f2f5;border:1px solid #e9eadf;padding:9px;border-radius:38px;box-shadow:0 6px 24px #37452108}.r10-work .demo-toolbar{width:fit-content;margin:30px auto 0;background:#faf8f2}.demo-tabs{display:flex;gap:3px;flex-wrap:wrap}.demo-tabs button{font:500 .8rem Satoshi,sans-serif;cursor:pointer;border:0;background:transparent;border-radius:25px;padding:12px 17px;color:#748267}.demo-tabs button[aria-selected=true]{background:#e5ebd9;color:#344b2b}.demo-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.demo-play{font:550 .8rem Satoshi,sans-serif;cursor:pointer;background:#405c33;color:#fff;border:0;border-radius:26px;padding:13px 21px;min-width:135px;white-space:nowrap}.demo-play span{margin-left:7px;font-size:.65rem}.demo-icon{font:500 1rem Satoshi,sans-serif;cursor:pointer;color:#567144;background:none;border:1px solid #dce3cf;border-radius:50%;width:39px;height:39px}.demo-actions button:disabled{opacity:.5;cursor:wait}.demo-toolbar button:focus-visible{outline:2px solid #537a3d;outline-offset:3px}.r14-demos .r12-device,.r10-work .r12-device{margin-top:0;max-width:1300px}.r10-conversation{padding-bottom:18px}.r10-together-copy .r10-eyebrow{display:none}
@media(max-width:1000px){.demo-toolbar{gap:8px;border-radius:25px}.demo-tabs button{padding:10px 12px;font-size:.72rem}.demo-play{padding:12px 14px;min-width:119px}.demo-icon{width:35px;height:35px}.demo-actions{gap:4px}}
@media(max-width:700px){.r10-work>.r10-heading h2,.r10-work>.r10-heading>p{grid-column:1}.r10-work>.r10-heading{row-gap:17px}.r14-demos{padding:65px 0 35px}.r14-demos>.r10-heading{padding:0 7%;margin-bottom:28px}.demo-toolbar{flex-direction:column;gap:10px;margin:20px 5% 0;padding:10px;border-radius:22px;top:8px}.demo-tabs{justify-content:center;gap:1px}.demo-tabs button{padding:10px 11px;font-size:.7rem}.demo-actions{gap:9px}.r10-work .demo-toolbar{margin:25px auto 0;padding:7px;border-radius:30px}.demo-play{padding:12px 19px}.r10-work .r12-device,.r14-demos .r12-device{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.demo-toolbar *{transition:none!important}}