.dy-phone{--dy-im-blue: #0a6ee8;--dy-im-grey: #e9e9eb;--dy-im-screen: #fbfbf9;--dy-im-text: #131614;--dy-im-quiet: #6f746b;padding:9px;border:1px solid #85867f;border-radius:14.6%/7.05%;background:linear-gradient(110deg,#8b8e84 0,#1e241e 3%,#222820 97%,#696e62);box-shadow:2px 5px #9b9d92,12px 40px 56px -28px #24302173,inset 0 0 0 2px #d5d5cb}.dy-phone--dark{--dy-im-grey: #26262a;--dy-im-screen: #0e1013;--dy-im-text: #f2f2f5;--dy-im-quiet: #8e8e93;box-shadow:2px 5px #4a4d45,12px 40px 60px -26px #0009,inset 0 0 0 2px #5b5e56}.dy-phone-screen{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid #131713;border-radius:12.8%/6%;background:var(--dy-im-screen);color:var(--dy-im-text)}html:not([data-dy=on]) .dy-phone{border-radius:54px}html:not([data-dy=on]) .dy-phone-screen{border-radius:45px}.dy-phone-status{position:relative;display:flex;flex:none;align-items:center;justify-content:space-between;height:clamp(26px,13.6cqw,48px);padding:1cqw clamp(8px,8.5cqw,30px) 0 clamp(10px,9.7cqw,34px);font-size:clamp(12px,4.26cqw,15px);font-weight:600}.dy-phone-island{position:absolute;top:clamp(4px,3.1cqw,11px);left:50%;width:clamp(34px,29.5cqw,104px);height:clamp(11px,8.8cqw,31px);border-radius:999px;background:#0d100d;translate:-50% 0}.dy-phone-signal{display:flex;gap:.13em;align-items:flex-end;height:.8em}.dy-phone-signal i{width:.2em;border-radius:1px;background:currentcolor}.dy-phone-signal i:nth-child(1){height:.33em}.dy-phone-signal i:nth-child(2){height:.53em}.dy-phone-signal i:nth-child(3){height:.73em}.dy-phone-signal b{width:1.47em;height:.73em;margin-left:.4em;border:1.5px solid currentcolor;border-radius:.2em;background:linear-gradient(90deg,currentcolor 72%,transparent 72%) 1px 1px / calc(100% - 2px) calc(100% - 2px) no-repeat}.dy-phone-contact{display:flex;flex:none;flex-direction:column;gap:1.4cqw;align-items:center;padding:.6cqw 0 2.8cqw;border-bottom:1px solid color-mix(in srgb,var(--dy-im-text) 12%,transparent)}.dy-avatar{display:grid;place-items:center;width:clamp(34px,14.2cqw,50px);height:clamp(34px,14.2cqw,50px);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fbf6ee,#eadfcf)}.dy-avatar svg{width:68%;height:52%}.dy-phone-contact strong{font-size:clamp(12px,3.7cqw,13px);font-weight:500}.dy-phone-composer{display:flex;flex:none;gap:2.8cqw;align-items:center;padding:2.3cqw 3.4cqw 4cqw;color:var(--dy-im-quiet)}.dy-phone-composer>svg{width:clamp(22px,8.5cqw,30px);height:clamp(22px,8.5cqw,30px);padding:1.4cqw;border-radius:50%;background:color-mix(in srgb,var(--dy-im-text) 8%,transparent);fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round}.dy-phone-composer>span{display:flex;flex:1;align-items:center;justify-content:space-between;height:clamp(28px,10.2cqw,36px);padding:0 2.8cqw 0 4.2cqw;border:1px solid color-mix(in srgb,var(--dy-im-text) 16%,transparent);border-radius:999px;font-size:clamp(12px,4.26cqw,15px)}.dy-wave{width:clamp(15px,5.7cqw,20px);height:clamp(15px,5.7cqw,20px);fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round}