@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial}}}.mockup{flex-direction:column;width:100%;height:100%;display:flex}.mockup .mockup-header{padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);flex-direction:row;justify-content:space-between;align-items:center;display:flex}.mockup .mockup-header .mockup-header-leading-icons{align-items:center;gap:calc(var(--spacing,.25rem)*4);flex-direction:row;display:flex}.mockup .mockup-header .mockup-header-leading-icons svg{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5)}.mockup .mockup-header .mockup-header-info{align-items:center;gap:calc(var(--spacing,.25rem)*2);flex-direction:row;display:flex}.mockup .mockup-header .mockup-header-info .mockup-header-info-image{width:calc(var(--spacing,.25rem)*8);height:calc(var(--spacing,.25rem)*8);border-radius:3.40282e38px}.mockup .mockup-header .mockup-header-info .mockup-header-info-content{flex-direction:column;display:flex}.mockup .mockup-header .mockup-header-info .mockup-header-info-content .mockup-header-info-content-name{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.mockup .mockup-header .mockup-header-info .mockup-header-info-content .mockup-header-info-content-status{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}.mockup .mockup-header .mockup-header-trailing-icons{align-items:center;gap:calc(var(--spacing,.25rem)*4);flex-direction:row;display:flex}.mockup .mockup-header .mockup-header-trailing-icons svg{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5)}.mockup .mockup-content{flex:1;max-height:100%;overflow-y:auto}.mockup .mockup-content .mockup-content-messages{gap:calc(var(--spacing,.25rem)*1);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);flex-direction:column;flex:1;display:flex;overflow:hidden}.mockup .mockup-content .mockup-content-messages .mockup-content-messages-section-header{text-align:center;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-gray-500,#6a7282)}@supports (color:lab(0% 0 0)){.mockup .mockup-content .mockup-content-messages .mockup-content-messages-section-header{color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}.mockup .mockup-content .mockup-content-messages .mockup-content-messages-message{align-items:flex-start;gap:calc(var(--spacing,.25rem)*2);overflow-wrap:break-word;flex-direction:row;width:fit-content;max-width:80%;display:flex}.mockup .mockup-content .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-avatar{margin-top:calc(var(--spacing,.25rem)*2);width:calc(var(--spacing,.25rem)*8);height:calc(var(--spacing,.25rem)*8);border-radius:3.40282e38px}.mockup .mockup-content .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble{border-radius:var(--radius);padding:calc(var(--spacing,.25rem)*2);flex-direction:column;flex:1;display:flex}.mockup .mockup-content .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-info{align-items:center;gap:calc(var(--spacing,.25rem)*2);flex-direction:row;display:flex}.mockup .mockup-content .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-info-name{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.mockup .mockup-content .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}.mockup .mockup-content .mockup-content-messages .mockup-content-messages-message-images{margin-bottom:calc(var(--spacing,.25rem)*2)}.mockup .mockup-content .mockup-content-messages .mockup-content-messages-message-image-single{position:relative}.mockup .mockup-content .mockup-content-messages .mockup-content-messages-message-image-grid{gap:calc(var(--spacing,.25rem)*1);grid-template-columns:repeat(2,1fr);display:grid}.mockup .mockup-content .mockup-content-messages .mockup-content-messages-message-image-grid-item{position:relative;overflow:hidden}.mockup .mockup-content .mockup-content-messages .mockup-content-messages-message-image{object-fit:cover;border-radius:.25rem;width:100%;max-width:250px;height:auto;max-height:300px}.mockup .mockup-content .mockup-content-messages .mockup-content-messages-message-image-caption{margin-top:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}.mockup .mockup-content .mockup-content-messages .mockup-content-messages-message-image-overlay{inset:calc(var(--spacing,.25rem)*0);background-color:#0009;justify-content:center;align-items:center;display:flex;position:absolute}@supports (color:color-mix(in lab, red, red)){.mockup .mockup-content .mockup-content-messages .mockup-content-messages-message-image-overlay{background-color:color-mix(in oklab,var(--color-black,#000)60%,transparent)}}.mockup .mockup-content .mockup-content-messages .mockup-content-messages-message-image-overlay{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-white,#fff)}.mockup .mockup-content .mockup-content-messages .mockup-content-messages-message-text{overflow-wrap:break-word}.mockup .mockup-content .mockup-content-messages[data-layout=alternating] .mockup-content-messages-message[data-is-sender=true]{flex-direction:row-reverse;align-self:flex-end}.mockup .mockup-footer{align-items:center;gap:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);flex-direction:row;display:flex}.mockup .mockup-footer .mockup-footer-leading-icons{align-items:center;gap:calc(var(--spacing,.25rem)*4);flex-direction:row;display:flex}.mockup .mockup-footer .mockup-footer-leading-icons svg{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5)}.mockup .mockup-footer .mockup-footer-input{text-overflow:ellipsis;white-space:nowrap;width:100%;height:100%;overflow:hidden}.mockup .mockup-footer .mockup-footer-trailing-icons{align-items:center;gap:calc(var(--spacing,.25rem)*4);flex-direction:row;display:flex}.mockup .mockup-footer .mockup-footer-trailing-icons svg{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5)}.mockup[data-platform=discord]{background-color:var(--color-white,#fff);color:var(--color-gray-800,#1e2939)}@supports (color:lab(0% 0 0)){.mockup[data-platform=discord]{color:var(--color-gray-800,lab(16.1051% -1.18239 -11.7533))}}.mockup[data-platform=discord] .mockup-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200,#e5e7eb);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);background-color:#f2f3f5}@supports (color:lab(0% 0 0)){.mockup[data-platform=discord] .mockup-header{border-color:var(--color-gray-200,lab(91.6229% -.159115 -2.26791))}}:is(.mockup[data-platform=discord] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=discord] .mockup-header .mockup-header-trailing-icons) svg{color:var(--color-gray-500,#6a7282)}@supports (color:lab(0% 0 0)){:is(.mockup[data-platform=discord] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=discord] .mockup-header .mockup-header-trailing-icons) svg{color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}.mockup[data-platform=discord] .mockup-header .mockup-header-info-content-status{display:none}.mockup[data-platform=discord] .mockup-content-messages{gap:calc(var(--spacing,.25rem)*2)}.mockup[data-platform=discord] .mockup-content-messages .mockup-content-messages-section-header{color:#6d6e77;width:100%;margin-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);justify-content:center;align-items:center;display:flex}.mockup[data-platform=discord] .mockup-content-messages .mockup-content-messages-section-header:before,.mockup[data-platform=discord] .mockup-content-messages .mockup-content-messages-section-header:after{content:"";background-color:#dfdfe1;flex:1;height:1px;margin:0 8px}.mockup[data-platform=discord] .mockup-content-messages .mockup-content-messages-message-bubble{background-color:#0000}.mockup[data-platform=discord] .mockup-content-messages .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:#70717a;--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.mockup[data-platform=discord] .mockup-content-messages .mockup-content-messages-message-image{border-radius:.25rem;max-width:400px;max-height:300px}.mockup[data-platform=discord] .mockup-content-messages .mockup-content-messages-message-image-single .mockup-content-messages-message-image{border-radius:.25rem}.mockup[data-platform=discord] .mockup-content-messages .mockup-content-messages-message-image-single .mockup-content-messages-message-image-caption{margin-top:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){.mockup[data-platform=discord] .mockup-content-messages .mockup-content-messages-message-image-single .mockup-content-messages-message-image-caption{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=discord] .mockup-content-messages .mockup-content-messages-message-image-grid{gap:calc(var(--spacing,.25rem)*2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.mockup[data-platform=discord] .mockup-content-messages .mockup-content-messages-message-image-grid .mockup-content-messages-message-image{aspect-ratio:16/9;object-fit:cover;border-radius:.25rem;width:100%}.mockup[data-platform=discord] .mockup-footer{margin-inline:calc(var(--spacing,.25rem)*4);margin-bottom:calc(var(--spacing,.25rem)*4);border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300,#d1d5dc);background-color:var(--color-gray-100,#f3f4f6);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);justify-content:space-between;display:flex}@supports (color:lab(0% 0 0)){.mockup[data-platform=discord] .mockup-footer{border-color:var(--color-gray-300,lab(85.1236% -.612259 -3.7138));background-color:var(--color-gray-100,lab(96.1596% -.0823438 -1.13575))}}:is(.mockup[data-platform=discord] .mockup-footer .mockup-footer-leading-icons,.mockup[data-platform=discord] .mockup-footer .mockup-footer-trailing-icons) svg{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);color:var(--color-gray-500,#6a7282)}@supports (color:lab(0% 0 0)){:is(.mockup[data-platform=discord] .mockup-footer .mockup-footer-leading-icons,.mockup[data-platform=discord] .mockup-footer .mockup-footer-trailing-icons) svg{color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}.mockup[data-platform=discord] .mockup-footer .mockup-footer-input{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5/1)));color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){.mockup[data-platform=discord] .mockup-footer .mockup-footer-input{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=discord][data-dark-mode=true]{color:#dbdcdf;background-color:#070709}.mockup[data-platform=discord][data-dark-mode=true] .mockup-header{background-color:#070709;border-color:#2a292d}.mockup[data-platform=discord][data-dark-mode=true] .mockup-header .mockup-header-trailing-icons svg,.mockup[data-platform=discord][data-dark-mode=true] .mockup-content-messages-section-header{color:#85868e}.mockup[data-platform=discord][data-dark-mode=true] .mockup-content-messages-section-header:before,.mockup[data-platform=discord][data-dark-mode=true] .mockup-content-messages-section-header:after{background-color:#29292d}.mockup[data-platform=discord][data-dark-mode=true] .mockup-footer{background-color:#131416;border-color:#28292c}:is(.mockup[data-platform=discord][data-dark-mode=true] .mockup-footer .mockup-footer-leading-icons,.mockup[data-platform=discord][data-dark-mode=true] .mockup-footer .mockup-footer-trailing-icons) svg{color:#9b9ca3}.mockup[data-platform=discord][data-dark-mode=true] .mockup-footer .mockup-footer-input,.mockup[data-platform=discord][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:#6d6e77}.mockup[data-platform=imessage]{background-color:var(--color-white,#fff);color:var(--color-gray-800,#1e2939)}@supports (color:lab(0% 0 0)){.mockup[data-platform=imessage]{color:var(--color-gray-800,lab(16.1051% -1.18239 -11.7533))}}.mockup[data-platform=imessage] .mockup-header{gap:calc(var(--spacing,.25rem)*1);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200,#e5e7eb);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);background-color:#f7f7f7}@supports (color:lab(0% 0 0)){.mockup[data-platform=imessage] .mockup-header{border-color:var(--color-gray-200,lab(91.6229% -.159115 -2.26791))}}:is(.mockup[data-platform=imessage] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=imessage] .mockup-header .mockup-header-trailing-icons) svg{color:#b5b5b5}.mockup[data-platform=imessage] .mockup-header .mockup-header-info-content-name{align-items:center;gap:calc(var(--spacing,.25rem)*2);flex-direction:row;display:flex}.mockup[data-platform=imessage] .mockup-header .mockup-header-info-content-name span:first-child{--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-gray-500,#6a7282)}@supports (color:lab(0% 0 0)){.mockup[data-platform=imessage] .mockup-header .mockup-header-info-content-name span:first-child{color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}.mockup[data-platform=imessage] .mockup-header .mockup-header-info-content-name span:last-child{--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400)}.mockup[data-platform=imessage] .mockup-header .mockup-header-info-content-status{display:none}.mockup[data-platform=imessage] .mockup-content-messages{gap:calc(var(--spacing,.25rem)*1)}.mockup[data-platform=imessage] .mockup-content-messages .mockup-content-messages-section-header{color:gray;width:100%;margin-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);justify-content:center;align-items:center;display:flex}.mockup[data-platform=imessage] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble{color:#2a2a2a;border-radius:var(--radius-3xl,1.5rem);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));background-color:#e9e9eb}.mockup[data-platform=imessage] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble{color:#fff;background-color:#3478f7}.mockup[data-platform=imessage] .mockup-footer{gap:calc(var(--spacing,.25rem)*6);padding-inline:calc(var(--spacing,.25rem)*6);padding-block:calc(var(--spacing,.25rem)*3)}:is(.mockup[data-platform=imessage] .mockup-footer .mockup-footer-leading-icons,.mockup[data-platform=imessage] .mockup-footer .mockup-footer-trailing-icons) svg{color:gray}.mockup[data-platform=imessage] .mockup-footer .mockup-footer-input{border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));border-width:1px;border-radius:3.40282e38px;flex:1;justify-content:space-between;align-items:center;display:flex}.mockup[data-platform=imessage] .mockup-footer .mockup-footer-input,.mockup[data-platform=imessage] .mockup-footer .mockup-footer-input::placeholder{color:#565656}.mockup[data-platform=imessage][data-dark-mode=true]{color:#e1e1e1;background-color:#1e1e1e}.mockup[data-platform=imessage][data-dark-mode=true] .mockup-header{color:#dadada;border-color:var(--color-black,#000);background-color:#333}:is(.mockup[data-platform=imessage][data-dark-mode=true] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=imessage][data-dark-mode=true] .mockup-header .mockup-header-trailing-icons) svg{color:#666}.mockup[data-platform=imessage][data-dark-mode=true] .mockup-header .mockup-header-info-content-name span:first-child{color:#a3a3a3}.mockup[data-platform=imessage][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble{color:var(--color-white,#fff);background-color:#3b3b3d}:is(.mockup[data-platform=imessage][data-dark-mode=true] .mockup-footer .mockup-footer-leading-icons,.mockup[data-platform=imessage][data-dark-mode=true] .mockup-footer .mockup-footer-trailing-icons) svg{color:#9a9a9a}.mockup[data-platform=imessage][data-dark-mode=true] .mockup-footer .mockup-footer-input{border-color:#3c3c3d}.mockup[data-platform=imessage][data-dark-mode=true] .mockup-footer .mockup-footer-input,.mockup[data-platform=imessage][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:#9a9a9a}.mockup[data-platform=instagram]{background-color:var(--color-white,#fff);color:var(--color-gray-800,#1e2939)}@supports (color:lab(0% 0 0)){.mockup[data-platform=instagram]{color:var(--color-gray-800,lab(16.1051% -1.18239 -11.7533))}}.mockup[data-platform=instagram] .mockup-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200,#e5e7eb);background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem)*4);justify-content:space-between}@supports (color:lab(0% 0 0)){.mockup[data-platform=instagram] .mockup-header{border-color:var(--color-gray-200,lab(91.6229% -.159115 -2.26791))}}:is(.mockup[data-platform=instagram] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=instagram] .mockup-header .mockup-header-trailing-icons) svg{color:var(--color-gray-800,#1e2939)}@supports (color:lab(0% 0 0)){:is(.mockup[data-platform=instagram] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=instagram] .mockup-header .mockup-header-trailing-icons) svg{color:var(--color-gray-800,lab(16.1051% -1.18239 -11.7533))}}.mockup[data-platform=instagram] .mockup-header .mockup-header-info-content-name{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-black,#000)}.mockup[data-platform=instagram] .mockup-header .mockup-header-info-content-status{color:var(--color-gray-500,#6a7282)}@supports (color:lab(0% 0 0)){.mockup[data-platform=instagram] .mockup-header .mockup-header-info-content-status{color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}.mockup[data-platform=instagram] .mockup-content-messages{gap:calc(var(--spacing,.25rem)*.5);padding:calc(var(--spacing,.25rem)*4)}.mockup[data-platform=instagram] .mockup-content-messages .mockup-content-messages-section-header{color:#9ca3af;margin-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));justify-content:center;align-items:center;display:flex}.mockup[data-platform=instagram] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble{color:#111827;max-width:var(--container-xs,20rem);border-radius:calc(var(--radius) + 4px);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));background-color:#efefef}.mockup[data-platform=instagram] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true])[data-is-first-in-group=true]:not([data-is-last-in-group=true]) .mockup-content-messages-message-bubble{border-bottom-left-radius:calc(var(--radius) - 4px)}.mockup[data-platform=instagram] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]):not([data-is-first-in-group=true]):not([data-is-last-in-group=true]) .mockup-content-messages-message-bubble{border-top-left-radius:calc(var(--radius) - 4px);border-bottom-left-radius:calc(var(--radius) - 4px)}.mockup[data-platform=instagram] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]):not([data-is-first-in-group=true])[data-is-last-in-group=true] .mockup-content-messages-message-bubble{border-top-left-radius:calc(var(--radius) - 4px)}.mockup[data-platform=instagram] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-indigo-500,#625fff);--tw-gradient-via:var(--color-blue-500,#3080ff);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-gradient-to:var(--color-blue-500,#3080ff);color:var(--color-white,#fff)}@supports (color:lab(0% 0 0)){.mockup[data-platform=instagram] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble{--tw-gradient-from:var(--color-indigo-500,lab(48.295% 38.3129 -81.9673));--tw-gradient-via:var(--color-blue-500,lab(54.1736% 13.3369 -74.6839));--tw-gradient-to:var(--color-blue-500,lab(54.1736% 13.3369 -74.6839))}}.mockup[data-platform=instagram] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true][data-is-first-in-group=true]:not([data-is-last-in-group=true]) .mockup-content-messages-message-bubble{border-bottom-right-radius:calc(var(--radius) - 4px)}.mockup[data-platform=instagram] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true]:not([data-is-first-in-group=true]):not([data-is-last-in-group=true]) .mockup-content-messages-message-bubble{border-top-right-radius:calc(var(--radius) - 4px);border-bottom-right-radius:calc(var(--radius) - 4px)}.mockup[data-platform=instagram] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true]:not([data-is-first-in-group=true])[data-is-last-in-group=true] .mockup-content-messages-message-bubble{border-top-right-radius:calc(var(--radius) - 4px)}.mockup[data-platform=instagram] .mockup-footer{margin:calc(var(--spacing,.25rem)*4);background-color:var(--color-gray-50,#f9fafb);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));border-radius:3.40282e38px}@supports (color:lab(0% 0 0)){.mockup[data-platform=instagram] .mockup-footer{background-color:var(--color-gray-50,lab(98.2596% -.247031 -.706708))}}.mockup[data-platform=instagram] .mockup-footer .mockup-footer-input,.mockup[data-platform=instagram] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-500,#6a7282)}@supports (color:lab(0% 0 0)){.mockup[data-platform=instagram] .mockup-footer .mockup-footer-input,.mockup[data-platform=instagram] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}.mockup[data-platform=instagram] .mockup-footer .mockup-footer-trailing-icons svg{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5);color:var(--color-gray-800,#1e2939)}@supports (color:lab(0% 0 0)){.mockup[data-platform=instagram] .mockup-footer .mockup-footer-trailing-icons svg{color:var(--color-gray-800,lab(16.1051% -1.18239 -11.7533))}}.mockup[data-platform=instagram][data-dark-mode=true]{color:var(--color-white,#fff);background-color:#0d1014}.mockup[data-platform=instagram][data-dark-mode=true] .mockup-header{background-color:#0d1014;border-color:#202327}:is(.mockup[data-platform=instagram][data-dark-mode=true] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=instagram][data-dark-mode=true] .mockup-header .mockup-header-trailing-icons) svg{color:#f4f6f5}.mockup[data-platform=instagram][data-dark-mode=true] .mockup-header .mockup-header-info-content-name{color:#f7f9f8}.mockup[data-platform=instagram][data-dark-mode=true] .mockup-header .mockup-header-info-content-status{color:#afb7bf}.mockup[data-platform=instagram][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=instagram][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=instagram][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble{color:#f5f5f5;background-color:#262626}.mockup[data-platform=instagram][data-dark-mode=true] .mockup-footer{background-color:#1d1f20}.mockup[data-platform=instagram][data-dark-mode=true] .mockup-footer .mockup-footer-input,.mockup[data-platform=instagram][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=instagram][data-dark-mode=true] .mockup-footer .mockup-footer-input,.mockup[data-platform=instagram][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=instagram][data-dark-mode=true] .mockup-footer .mockup-footer-leading-icons .mockup-footer-camera-button svg{color:var(--color-gray-100,#f3f4f6)}@supports (color:lab(0% 0 0)){.mockup[data-platform=instagram][data-dark-mode=true] .mockup-footer .mockup-footer-leading-icons .mockup-footer-camera-button svg{color:var(--color-gray-100,lab(96.1596% -.0823438 -1.13575))}}.mockup[data-platform=instagram][data-dark-mode=true] .mockup-footer .mockup-footer-trailing-icons svg{color:#f5f5f5}.mockup[data-platform=line]{color:#111827;background-color:#aec4d6}.mockup[data-platform=line] .mockup-header{color:#fff;gap:calc(var(--spacing,.25rem)*3);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);background-color:#374c66}:is(.mockup[data-platform=line] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=line] .mockup-header .mockup-header-trailing-icons) svg{color:var(--color-white,#fff)}.mockup[data-platform=line] .mockup-header .mockup-header-info-content-name{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5/1)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-white,#fff)}.mockup[data-platform=line] .mockup-header .mockup-header-info-content-status{display:none}.mockup[data-platform=line] .mockup-content-messages{gap:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*4)}.mockup[data-platform=line] .mockup-content-messages .mockup-content-messages-section-header{margin-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));justify-content:center;align-items:center;display:flex}.mockup[data-platform=line] .mockup-content-messages .mockup-content-messages-section-header span{color:#fff;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);background-color:#0000004d;border-radius:3.40282e38px}.mockup[data-platform=line] .mockup-content-messages .mockup-content-messages-message{align-items:flex-start;gap:calc(var(--spacing,.25rem)*2)}.mockup[data-platform=line] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-avatar{margin-top:calc(var(--spacing,.25rem)*0);width:calc(var(--spacing,.25rem)*10);height:calc(var(--spacing,.25rem)*10);background-color:var(--color-white,#fff)}.mockup[data-platform=line] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble{color:#111827;max-width:var(--container-xs,20rem);border-radius:var(--radius-2xl,1rem);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));background-color:#fff}.mockup[data-platform=line] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-info-name{display:none}.mockup[data-platform=line] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{margin-top:calc(var(--spacing,.25rem)*1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-gray-500,#6a7282)}@supports (color:lab(0% 0 0)){.mockup[data-platform=line] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}.mockup[data-platform=line] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble{color:#fff;background-color:#00b900}.mockup[data-platform=line] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:#ffffffd9}.mockup[data-platform=line] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true][data-is-first-in-group=true]:not([data-is-last-in-group=true]) .mockup-content-messages-message-bubble{border-bottom-right-radius:calc(var(--radius) - 2px)}.mockup[data-platform=line] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true]:not([data-is-first-in-group=true]):not([data-is-last-in-group=true]) .mockup-content-messages-message-bubble{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.mockup[data-platform=line] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true]:not([data-is-first-in-group=true])[data-is-last-in-group=true] .mockup-content-messages-message-bubble{border-top-right-radius:calc(var(--radius) - 2px)}.mockup[data-platform=line] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true])[data-is-first-in-group=true]:not([data-is-last-in-group=true]) .mockup-content-messages-message-bubble{border-bottom-left-radius:calc(var(--radius) - 2px)}.mockup[data-platform=line] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]):not([data-is-first-in-group=true]):not([data-is-last-in-group=true]) .mockup-content-messages-message-bubble{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.mockup[data-platform=line] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]):not([data-is-first-in-group=true])[data-is-last-in-group=true] .mockup-content-messages-message-bubble{border-top-left-radius:calc(var(--radius) - 2px)}.mockup[data-platform=line] .mockup-content-messages .mockup-content-messages-message-image{border-radius:calc(var(--radius) + 4px);max-width:250px;max-height:300px}.mockup[data-platform=line] .mockup-content-messages .mockup-content-messages-message-image-single .mockup-content-messages-message-image{border-radius:calc(var(--radius) + 4px)}.mockup[data-platform=line] .mockup-content-messages .mockup-content-messages-message-image-single .mockup-content-messages-message-image-caption{margin-top:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-gray-700,#364153)}@supports (color:lab(0% 0 0)){.mockup[data-platform=line] .mockup-content-messages .mockup-content-messages-message-image-single .mockup-content-messages-message-image-caption{color:var(--color-gray-700,lab(27.1134% -.956401 -12.3224))}}.mockup[data-platform=line] .mockup-content-messages .mockup-content-messages-message-image-grid{gap:calc(var(--spacing,.25rem)*1)}.mockup[data-platform=line] .mockup-content-messages .mockup-content-messages-message-image-grid .mockup-content-messages-message-image{aspect-ratio:1;border-radius:calc(var(--radius) + 4px)}.mockup[data-platform=line] .mockup-footer{gap:calc(var(--spacing,.25rem)*3);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3)}:is(.mockup[data-platform=line] .mockup-footer .mockup-footer-leading-icons,.mockup[data-platform=line] .mockup-footer .mockup-footer-trailing-icons) svg{color:var(--color-gray-500,#6a7282)}@supports (color:lab(0% 0 0)){:is(.mockup[data-platform=line] .mockup-footer .mockup-footer-leading-icons,.mockup[data-platform=line] .mockup-footer .mockup-footer-trailing-icons) svg{color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}.mockup[data-platform=line] .mockup-footer .mockup-footer-input{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300,#d1d5dc);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));border-radius:3.40282e38px;flex:1}@supports (color:lab(0% 0 0)){.mockup[data-platform=line] .mockup-footer .mockup-footer-input{border-color:var(--color-gray-300,lab(85.1236% -.612259 -3.7138))}}.mockup[data-platform=line] .mockup-footer .mockup-footer-input,.mockup[data-platform=line] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-500,#6a7282)}@supports (color:lab(0% 0 0)){.mockup[data-platform=line] .mockup-footer .mockup-footer-input,.mockup[data-platform=line] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}.mockup[data-platform=line] .mockup-footer .mockup-footer-trailing-icons svg{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5)}.mockup[data-platform=line][data-dark-mode=true]{color:#fff;background-color:#1c2938}.mockup[data-platform=line][data-dark-mode=true] .mockup-header{background-color:#2b3d4f}:is(.mockup[data-platform=line][data-dark-mode=true] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=line][data-dark-mode=true] .mockup-header .mockup-header-trailing-icons) svg,.mockup[data-platform=line][data-dark-mode=true] .mockup-header .mockup-header-info-content-name{color:var(--color-white,#fff)}.mockup[data-platform=line][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header span{background-color:var(--color-gray-700,#364153);color:var(--color-gray-300,#d1d5dc)}@supports (color:lab(0% 0 0)){.mockup[data-platform=line][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header span{background-color:var(--color-gray-700,lab(27.1134% -.956401 -12.3224));color:var(--color-gray-300,lab(85.1236% -.612259 -3.7138))}}.mockup[data-platform=line][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message-avatar{background-color:var(--color-gray-700,#364153)}@supports (color:lab(0% 0 0)){.mockup[data-platform=line][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message-avatar{background-color:var(--color-gray-700,lab(27.1134% -.956401 -12.3224))}}.mockup[data-platform=line][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble{color:#fff;background-color:#3a4d60}.mockup[data-platform=line][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=line][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=line][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble{background-color:#00b900}.mockup[data-platform=line][data-dark-mode=true] .mockup-footer{background-color:#2b3d4f}:is(.mockup[data-platform=line][data-dark-mode=true] .mockup-footer .mockup-footer-leading-icons,.mockup[data-platform=line][data-dark-mode=true] .mockup-footer .mockup-footer-trailing-icons) svg{color:var(--color-gray-300,#d1d5dc)}@supports (color:lab(0% 0 0)){:is(.mockup[data-platform=line][data-dark-mode=true] .mockup-footer .mockup-footer-leading-icons,.mockup[data-platform=line][data-dark-mode=true] .mockup-footer .mockup-footer-trailing-icons) svg{color:var(--color-gray-300,lab(85.1236% -.612259 -3.7138))}}.mockup[data-platform=line][data-dark-mode=true] .mockup-footer .mockup-footer-input{border-color:var(--color-gray-600,#4a5565);background-color:#3a4d60}@supports (color:lab(0% 0 0)){.mockup[data-platform=line][data-dark-mode=true] .mockup-footer .mockup-footer-input{border-color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=line][data-dark-mode=true] .mockup-footer .mockup-footer-input,.mockup[data-platform=line][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-300,#d1d5dc)}@supports (color:lab(0% 0 0)){.mockup[data-platform=line][data-dark-mode=true] .mockup-footer .mockup-footer-input,.mockup[data-platform=line][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-300,lab(85.1236% -.612259 -3.7138))}}.mockup[data-platform=messenger]{background-color:var(--color-white,#fff);color:var(--color-gray-900,#101828)}@supports (color:lab(0% 0 0)){.mockup[data-platform=messenger]{color:var(--color-gray-900,lab(8.11897% .811279 -12.254))}}.mockup[data-platform=messenger] .mockup-header{gap:calc(var(--spacing,.25rem)*3);padding:calc(var(--spacing,.25rem)*4);color:var(--color-black,#000);box-shadow:0 0 10px #0000001a}.mockup[data-platform=messenger] .mockup-header .mockup-header-info-image{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8)}.mockup[data-platform=messenger] .mockup-header .mockup-header-info-content-name{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.mockup[data-platform=messenger] .mockup-header .mockup-header-info-content-status{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));opacity:.75}.mockup[data-platform=messenger] .mockup-content-messages{gap:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*4)}.mockup[data-platform=messenger] .mockup-content-messages .mockup-content-messages-section-header{color:#6b7280;margin-top:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));justify-content:center;display:flex}.mockup[data-platform=messenger] .mockup-content-messages .mockup-content-messages-message{align-items:flex-end;gap:calc(var(--spacing,.25rem)*2)}.mockup[data-platform=messenger] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-avatar{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6)}.mockup[data-platform=messenger] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble{color:#111827;max-width:var(--container-xs,20rem);border-radius:var(--radius-2xl,1rem);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));background-color:#f3f4f6}.mockup[data-platform=messenger] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true]{flex-direction:row-reverse}.mockup[data-platform=messenger] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble{color:#fff;background-color:#377af6}.mockup[data-platform=messenger] .mockup-content-messages .mockup-content-messages-message-avatar{background-color:var(--color-gray-300,#d1d5dc);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-gray-700,#364153)}@supports (color:lab(0% 0 0)){.mockup[data-platform=messenger] .mockup-content-messages .mockup-content-messages-message-avatar{background-color:var(--color-gray-300,lab(85.1236% -.612259 -3.7138));color:var(--color-gray-700,lab(27.1134% -.956401 -12.3224))}}.mockup[data-platform=messenger] .mockup-content-messages .mockup-content-messages-message:not(:first-child)[data-is-consecutive=true] .mockup-content-messages-message-avatar{visibility:hidden;flex-shrink:0}.mockup[data-platform=messenger] .mockup-footer{gap:calc(var(--spacing,.25rem)*3);padding:calc(var(--spacing,.25rem)*4)}.mockup[data-platform=messenger] .mockup-footer .mockup-footer-leading-icons{color:#377af6;align-items:center;gap:calc(var(--spacing,.25rem)*4);display:flex}.mockup[data-platform=messenger] .mockup-footer .mockup-footer-leading-icons svg{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5)}.mockup[data-platform=messenger] .mockup-footer .mockup-footer-input{border-style:var(--tw-border-style);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);border-width:1px;border-radius:3.40282e38px;flex:1}.mockup[data-platform=messenger] .mockup-footer .mockup-footer-input,.mockup[data-platform=messenger] .mockup-footer .mockup-footer-input::placeholder{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-gray-500,#6a7282)}@supports (color:lab(0% 0 0)){.mockup[data-platform=messenger] .mockup-footer .mockup-footer-input,.mockup[data-platform=messenger] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}.mockup[data-platform=messenger] .mockup-footer .mockup-footer-trailing-icons{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);background-color:#0084ff;border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}.mockup[data-platform=messenger] .mockup-footer .mockup-footer-trailing-icons svg{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);color:var(--color-white,#fff)}.mockup[data-platform=messenger][data-dark-mode=true]{color:var(--color-white,#fff);background-color:#0a0a0a}.mockup[data-platform=messenger][data-dark-mode=true] .mockup-header{color:var(--color-white,#fff);background-color:#1c1e21}.mockup[data-platform=messenger][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=messenger][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=messenger][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble{color:#fff;background-color:#3a3b3c}.mockup[data-platform=messenger][data-dark-mode=true] .mockup-footer{background-color:#1c1e21}.mockup[data-platform=messenger][data-dark-mode=true] .mockup-footer .mockup-footer-input{border-color:var(--color-gray-600,#4a5565);background-color:#3a3b3c}@supports (color:lab(0% 0 0)){.mockup[data-platform=messenger][data-dark-mode=true] .mockup-footer .mockup-footer-input{border-color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=messenger][data-dark-mode=true] .mockup-footer .mockup-footer-input,.mockup[data-platform=messenger][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=messenger][data-dark-mode=true] .mockup-footer .mockup-footer-input,.mockup[data-platform=messenger][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=microsoftTeams]{color:#2c2c2c;background-color:#fff}.mockup[data-platform=microsoftTeams] .mockup-header{gap:calc(var(--spacing,.25rem)*3);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);background-color:#fff;border-bottom:1px solid #e0e0e0}:is(.mockup[data-platform=microsoftTeams] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=microsoftTeams] .mockup-header .mockup-header-trailing-icons) svg{color:#424242}.mockup[data-platform=microsoftTeams] .mockup-header .mockup-header-info-image{width:calc(var(--spacing,.25rem)*8);height:calc(var(--spacing,.25rem)*8);background-color:#d0dae8;border-radius:3.40282e38px}.mockup[data-platform=microsoftTeams] .mockup-header .mockup-header-info-content-name{color:#242424;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5/1)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.mockup[data-platform=microsoftTeams] .mockup-header .mockup-header-info-content-status{color:#605e5c;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}.mockup[data-platform=microsoftTeams] .mockup-content-messages{gap:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*4)}.mockup[data-platform=microsoftTeams] .mockup-content-messages .mockup-content-messages-section-header{color:#605e5c;width:100%;margin-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);justify-content:center;align-items:center;display:flex}.mockup[data-platform=microsoftTeams] .mockup-content-messages .mockup-content-messages-section-header span{padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1);background-color:#e1dfdd;border-radius:3.40282e38px}.mockup[data-platform=microsoftTeams] .mockup-content-messages .mockup-content-messages-message{gap:calc(var(--spacing,.25rem)*2)}.mockup[data-platform=microsoftTeams] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-avatar{margin-top:calc(var(--spacing,.25rem)*0);width:calc(var(--spacing,.25rem)*8);height:calc(var(--spacing,.25rem)*8);border-radius:3.40282e38px}.mockup[data-platform=microsoftTeams] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble{color:#242424;max-width:var(--container-lg,32rem);border-radius:calc(var(--radius) - 4px);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));background-color:#f5f5f5;border:1px solid #0000}.mockup[data-platform=microsoftTeams] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-info{margin-bottom:calc(var(--spacing,.25rem)*.5);align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex}.mockup[data-platform=microsoftTeams] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-info-name{color:#242424;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.mockup[data-platform=microsoftTeams] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:#605e5c;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400)}.mockup[data-platform=microsoftTeams] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble{color:#242424;background-color:#e9ebf9;border-color:#0000}.mockup[data-platform=microsoftTeams] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-info-name{color:#242424}.mockup[data-platform=microsoftTeams] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:#605e5c}.mockup[data-platform=microsoftTeams] .mockup-content-messages .mockup-content-messages-message-image{border-radius:var(--radius);max-width:300px;max-height:300px}.mockup[data-platform=microsoftTeams] .mockup-content-messages .mockup-content-messages-message-image-single .mockup-content-messages-message-image{border-radius:var(--radius)}.mockup[data-platform=microsoftTeams] .mockup-content-messages .mockup-content-messages-message-image-single .mockup-content-messages-message-image-caption{margin-top:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){.mockup[data-platform=microsoftTeams] .mockup-content-messages .mockup-content-messages-message-image-single .mockup-content-messages-message-image-caption{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=microsoftTeams] .mockup-content-messages .mockup-content-messages-message-image-grid{gap:calc(var(--spacing,.25rem)*1)}.mockup[data-platform=microsoftTeams] .mockup-content-messages .mockup-content-messages-message-image-grid .mockup-content-messages-message-image{aspect-ratio:1;border-radius:var(--radius)}.mockup[data-platform=microsoftTeams] .mockup-footer{padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);background-color:#fff;border-top:1px solid #0000}:is(.mockup[data-platform=microsoftTeams] .mockup-footer .mockup-footer-leading-icons,.mockup[data-platform=microsoftTeams] .mockup-footer .mockup-footer-trailing-icons) svg{color:#605e5c;width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5)}.mockup[data-platform=microsoftTeams] .mockup-footer .mockup-footer-input{padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));background-color:#fff;border:1px solid #edebe9;border-radius:.25rem;flex:1}.mockup[data-platform=microsoftTeams] .mockup-footer .mockup-footer-input,.mockup[data-platform=microsoftTeams] .mockup-footer .mockup-footer-input::placeholder,.mockup[data-platform=microsoftTeams] .mockup-footer .mockup-footer-trailing-icons svg{color:#605e5c}.mockup[data-platform=microsoftTeams][data-dark-mode=true]{color:#fff;background-color:#1f1f1f}.mockup[data-platform=microsoftTeams][data-dark-mode=true] .mockup-header{background-color:#1f1f1f;border-bottom-color:#0a0a0a}:is(.mockup[data-platform=microsoftTeams][data-dark-mode=true] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=microsoftTeams][data-dark-mode=true] .mockup-header .mockup-header-trailing-icons) svg{color:#c8c6c4}.mockup[data-platform=microsoftTeams][data-dark-mode=true] .mockup-header .mockup-header-info-image{color:#1a2f4f;background-color:#d0dae8}.mockup[data-platform=microsoftTeams][data-dark-mode=true] .mockup-header .mockup-header-info-content-name{color:#fff}.mockup[data-platform=microsoftTeams][data-dark-mode=true] .mockup-header .mockup-header-info-content-status,.mockup[data-platform=microsoftTeams][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header{color:#c8c6c4}.mockup[data-platform=microsoftTeams][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header span{background-color:#3d3c3b}.mockup[data-platform=microsoftTeams][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble{color:#fff;background-color:#292929}.mockup[data-platform=microsoftTeams][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-info-name{color:#fff}.mockup[data-platform=microsoftTeams][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:#c8c6c4}.mockup[data-platform=microsoftTeams][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble{color:#fff;background-color:#2b2b3f}.mockup[data-platform=microsoftTeams][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-info-name{color:#fff}.mockup[data-platform=microsoftTeams][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:#fffc}.mockup[data-platform=microsoftTeams][data-dark-mode=true] .mockup-footer{background-color:#1f1f1f;border-top-color:#0000}:is(.mockup[data-platform=microsoftTeams][data-dark-mode=true] .mockup-footer .mockup-footer-leading-icons,.mockup[data-platform=microsoftTeams][data-dark-mode=true] .mockup-footer .mockup-footer-trailing-icons) svg{color:#c8c6c4}.mockup[data-platform=microsoftTeams][data-dark-mode=true] .mockup-footer .mockup-footer-input{background-color:#292929;border-color:#525252}.mockup[data-platform=microsoftTeams][data-dark-mode=true] .mockup-footer .mockup-footer-input,.mockup[data-platform=microsoftTeams][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder,.mockup[data-platform=microsoftTeams][data-dark-mode=true] .mockup-footer .mockup-footer-trailing-icons svg{color:#c8c6c4}.mockup[data-platform=reddit]{background-color:var(--color-white,#fff);color:var(--color-gray-900,#101828)}@supports (color:lab(0% 0 0)){.mockup[data-platform=reddit]{color:var(--color-gray-900,lab(8.11897% .811279 -12.254))}}.mockup[data-platform=reddit] .mockup-header{gap:calc(var(--spacing,.25rem)*3);border-bottom-style:var(--tw-border-style);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);border-color:#f2f2f2;border-bottom-width:1px}:is(.mockup[data-platform=reddit] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=reddit] .mockup-header .mockup-header-trailing-icons) svg{color:#434343}.mockup[data-platform=reddit] .mockup-header .mockup-header-info-content-name{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-gray-900,#101828)}@supports (color:lab(0% 0 0)){.mockup[data-platform=reddit] .mockup-header .mockup-header-info-content-name{color:var(--color-gray-900,lab(8.11897% .811279 -12.254))}}.mockup[data-platform=reddit] .mockup-content-messages .mockup-content-messages-section-header{color:#6b7280;margin-block:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);border-radius:.25rem;justify-content:center;align-items:center;display:flex}.mockup[data-platform=reddit] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-avatar{color:#fff;height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));background-color:#ff4500}.mockup[data-platform=reddit] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble{background-color:#0000}.mockup[data-platform=reddit] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-info{align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex}.mockup[data-platform=reddit] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-info-name{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.mockup[data-platform=reddit] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){.mockup[data-platform=reddit] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=reddit] .mockup-footer{padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3)}.mockup[data-platform=reddit] .mockup-footer .mockup-footer-input{padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));background-color:#e6ebee;border-radius:3.40282e38px;flex:1}.mockup[data-platform=reddit] .mockup-footer .mockup-footer-input,.mockup[data-platform=reddit] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-500,#6a7282)}@supports (color:lab(0% 0 0)){.mockup[data-platform=reddit] .mockup-footer .mockup-footer-input,.mockup[data-platform=reddit] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}.mockup[data-platform=reddit] .mockup-footer .mockup-footer-trailing-icons{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);background-color:#ff4500;border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}.mockup[data-platform=reddit] .mockup-footer .mockup-footer-trailing-icons svg{height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*3);color:var(--color-white,#fff)}.mockup[data-platform=reddit][data-dark-mode=true]{color:var(--color-white,#fff);background-color:#030303}.mockup[data-platform=reddit][data-dark-mode=true] .mockup-header{background-color:#1a1a1b;border-color:#343536}:is(.mockup[data-platform=reddit][data-dark-mode=true] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=reddit][data-dark-mode=true] .mockup-header .mockup-header-trailing-icons) svg{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){:is(.mockup[data-platform=reddit][data-dark-mode=true] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=reddit][data-dark-mode=true] .mockup-header .mockup-header-trailing-icons) svg{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=reddit][data-dark-mode=true] .mockup-header .mockup-header-info-content-name{color:var(--color-white,#fff)}.mockup[data-platform=reddit][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header{color:var(--color-gray-300,#d1d5dc)}@supports (color:lab(0% 0 0)){.mockup[data-platform=reddit][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header{color:var(--color-gray-300,lab(85.1236% -.612259 -3.7138))}}.mockup[data-platform=reddit][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble-time{color:var(--color-gray-500,#6a7282)}@supports (color:lab(0% 0 0)){.mockup[data-platform=reddit][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble-time{color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}.mockup[data-platform=reddit][data-dark-mode=true] .mockup-footer{background-color:#1a1a1b;border-color:#343536}.mockup[data-platform=reddit][data-dark-mode=true] .mockup-footer .mockup-footer-input{background-color:#272729}.mockup[data-platform=reddit][data-dark-mode=true] .mockup-footer .mockup-footer-input,.mockup[data-platform=reddit][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=reddit][data-dark-mode=true] .mockup-footer .mockup-footer-input,.mockup[data-platform=reddit][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=signal]{background-color:var(--color-white,#fff);color:var(--color-gray-900,#101828)}@supports (color:lab(0% 0 0)){.mockup[data-platform=signal]{color:var(--color-gray-900,lab(8.11897% .811279 -12.254))}}.mockup[data-platform=signal] .mockup-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200,#e5e7eb);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);background-color:#f8f9fa}@supports (color:lab(0% 0 0)){.mockup[data-platform=signal] .mockup-header{border-color:var(--color-gray-200,lab(91.6229% -.159115 -2.26791))}}:is(.mockup[data-platform=signal] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=signal] .mockup-header .mockup-header-trailing-icons) svg{color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){:is(.mockup[data-platform=signal] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=signal] .mockup-header .mockup-header-trailing-icons) svg{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=signal] .mockup-header .mockup-header-info-content-name{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-gray-900,#101828)}@supports (color:lab(0% 0 0)){.mockup[data-platform=signal] .mockup-header .mockup-header-info-content-name{color:var(--color-gray-900,lab(8.11897% .811279 -12.254))}}.mockup[data-platform=signal] .mockup-header .mockup-header-info-content-status{align-items:center;gap:calc(var(--spacing,.25rem)*1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-gray-600,#4a5565);display:flex}@supports (color:lab(0% 0 0)){.mockup[data-platform=signal] .mockup-header .mockup-header-info-content-status{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=signal] .mockup-header .mockup-header-info-content-status:before{content:"";height:calc(var(--spacing,.25rem)*2);width:calc(var(--spacing,.25rem)*2);background-color:var(--color-green-500,#00c758);border-radius:3.40282e38px}@supports (color:lab(0% 0 0)){.mockup[data-platform=signal] .mockup-header .mockup-header-info-content-status:before{background-color:var(--color-green-500,lab(70.5521% -66.5147 45.8073))}}.mockup[data-platform=signal] .mockup-content-messages .mockup-content-messages-section-header{color:#6b7280;margin-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));justify-content:center;align-items:center;display:flex}.mockup[data-platform=signal] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-avatar{color:#fff;height:calc(var(--spacing,.25rem)*7);width:calc(var(--spacing,.25rem)*7);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));background-color:#2090ea}.mockup[data-platform=signal] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble{color:#111827;border-radius:var(--radius-2xl,1rem);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));background-color:#f3f4f6}.mockup[data-platform=signal] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-info{align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex}.mockup[data-platform=signal] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-info-name{color:#2090ea;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.mockup[data-platform=signal] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{text-align:right;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){.mockup[data-platform=signal] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=signal] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble{color:#fff;background-color:#2090ea}.mockup[data-platform=signal] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:#c7e5ff}.mockup[data-platform=signal] .mockup-footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-gray-200,#e5e7eb);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);background-color:#f8f9fa}@supports (color:lab(0% 0 0)){.mockup[data-platform=signal] .mockup-footer{border-color:var(--color-gray-200,lab(91.6229% -.159115 -2.26791))}}.mockup[data-platform=signal] .mockup-footer .mockup-footer-input{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300,#d1d5dc);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-gray-600,#4a5565);border-radius:3.40282e38px;flex:1}@supports (color:lab(0% 0 0)){.mockup[data-platform=signal] .mockup-footer .mockup-footer-input{border-color:var(--color-gray-300,lab(85.1236% -.612259 -3.7138));color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=signal] .mockup-footer .mockup-footer-trailing-icons{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);background-color:#2090ea;border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}.mockup[data-platform=signal] .mockup-footer .mockup-footer-trailing-icons svg{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);color:var(--color-white,#fff)}.mockup[data-platform=signal][data-dark-mode=true]{color:var(--color-white,#fff);background-color:#1b1c1f}.mockup[data-platform=signal][data-dark-mode=true] .mockup-header{background-color:#2c2e3a;border-color:#3a3d4a}:is(.mockup[data-platform=signal][data-dark-mode=true] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=signal][data-dark-mode=true] .mockup-header .mockup-header-trailing-icons) svg{color:#b6b9c7}.mockup[data-platform=signal][data-dark-mode=true] .mockup-header .mockup-header-info-content-name{color:var(--color-white,#fff)}.mockup[data-platform=signal][data-dark-mode=true] .mockup-header .mockup-header-info-content-status{color:#b6b9c7}.mockup[data-platform=signal][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=signal][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=signal][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble{color:#fff;background-color:#3a3d4a}.mockup[data-platform=signal][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:#b6b9c7}.mockup[data-platform=signal][data-dark-mode=true] .mockup-footer{background-color:#2c2e3a;border-color:#3a3d4a}.mockup[data-platform=signal][data-dark-mode=true] .mockup-footer .mockup-footer-input{color:#b6b9c7;background-color:#1b1c1f;border-color:#3a3d4a}.mockup[data-platform=signal][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:#b6b9c7}.mockup[data-platform=slack]{background-color:var(--color-white,#fff);color:var(--color-gray-900,#101828)}@supports (color:lab(0% 0 0)){.mockup[data-platform=slack]{color:var(--color-gray-900,lab(8.11897% .811279 -12.254))}}.mockup[data-platform=slack] .mockup-header{gap:calc(var(--spacing,.25rem)*3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200,#e5e7eb);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3)}@supports (color:lab(0% 0 0)){.mockup[data-platform=slack] .mockup-header{border-color:var(--color-gray-200,lab(91.6229% -.159115 -2.26791))}}.mockup[data-platform=slack] .mockup-header .mockup-header-info-image{width:calc(var(--spacing,.25rem)*6);height:calc(var(--spacing,.25rem)*6);border-radius:calc(var(--radius) - 2px)}.mockup[data-platform=slack] .mockup-header .mockup-header-info-content-name{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-gray-900,#101828)}@supports (color:lab(0% 0 0)){.mockup[data-platform=slack] .mockup-header .mockup-header-info-content-name{color:var(--color-gray-900,lab(8.11897% .811279 -12.254))}}.mockup[data-platform=slack] .mockup-content-messages{gap:calc(var(--spacing,.25rem)*0)}.mockup[data-platform=slack] .mockup-content-messages .mockup-content-messages-section-header{color:#6d6e77;width:100%;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);justify-content:center;align-items:center;display:flex}.mockup[data-platform=slack] .mockup-content-messages .mockup-content-messages-section-header span{border-color:#dfdfe1;border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1);border-width:1px;border-radius:3.40282e38px}.mockup[data-platform=slack] .mockup-content-messages .mockup-content-messages-section-header:before,.mockup[data-platform=slack] .mockup-content-messages .mockup-content-messages-section-header:after{content:"";background-color:#dfdfe1;flex:1;height:1px}.mockup[data-platform=slack] .mockup-content-messages .mockup-content-messages-message{gap:calc(var(--spacing,.25rem)*0)}.mockup[data-platform=slack] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-avatar{margin-top:calc(var(--spacing,.25rem)*3);border-radius:calc(var(--radius) - 2px)}.mockup[data-platform=slack] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble{background-color:#0000}.mockup[data-platform=slack] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-info-name{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-gray-900,#101828)}@supports (color:lab(0% 0 0)){.mockup[data-platform=slack] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-info-name{color:var(--color-gray-900,lab(8.11897% .811279 -12.254))}}.mockup[data-platform=slack] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-gray-500,#6a7282)}@supports (color:lab(0% 0 0)){.mockup[data-platform=slack] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}.mockup[data-platform=slack] .mockup-content-messages .mockup-content-messages-message-content{color:var(--color-gray-900,#101828)}@supports (color:lab(0% 0 0)){.mockup[data-platform=slack] .mockup-content-messages .mockup-content-messages-message-content{color:var(--color-gray-900,lab(8.11897% .811279 -12.254))}}.mockup[data-platform=slack] .mockup-footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-gray-200,#e5e7eb);padding-inline:calc(var(--spacing,.25rem)*5);padding-block:calc(var(--spacing,.25rem)*4)}@supports (color:lab(0% 0 0)){.mockup[data-platform=slack] .mockup-footer{border-color:var(--color-gray-200,lab(91.6229% -.159115 -2.26791))}}.mockup[data-platform=slack] .mockup-footer .mockup-footer-input{border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300,#d1d5dc);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-gray-500,#6a7282)}@supports (color:lab(0% 0 0)){.mockup[data-platform=slack] .mockup-footer .mockup-footer-input{border-color:var(--color-gray-300,lab(85.1236% -.612259 -3.7138));color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}.mockup[data-platform=slack][data-dark-mode=true]{color:var(--color-white,#fff);background-color:#1a1d21}.mockup[data-platform=slack][data-dark-mode=true] .mockup-header{background-color:#1a1d21;border-color:#3f4147}.mockup[data-platform=slack][data-dark-mode=true] .mockup-header .mockup-header-info-content-name{color:var(--color-white,#fff)}.mockup[data-platform=slack][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header{color:var(--color-gray-300,#d1d5dc)}@supports (color:lab(0% 0 0)){.mockup[data-platform=slack][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header{color:var(--color-gray-300,lab(85.1236% -.612259 -3.7138))}}.mockup[data-platform=slack][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header span{border-color:#35373b}.mockup[data-platform=slack][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header:before,.mockup[data-platform=slack][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header:after{background-color:#35373b}.mockup[data-platform=slack][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-info-name{color:var(--color-white,#fff)}.mockup[data-platform=slack][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=slack][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=slack][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message-content{color:var(--color-white,#fff)}.mockup[data-platform=slack][data-dark-mode=true] .mockup-footer{border-color:#3f4147}.mockup[data-platform=slack][data-dark-mode=true] .mockup-footer .mockup-footer-input{color:var(--color-gray-400,#99a1af);border-color:#3f4147}@supports (color:lab(0% 0 0)){.mockup[data-platform=slack][data-dark-mode=true] .mockup-footer .mockup-footer-input{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=snapchat]{background-color:var(--color-white,#fff);color:var(--color-gray-900,#101828)}@supports (color:lab(0% 0 0)){.mockup[data-platform=snapchat]{color:var(--color-gray-900,lab(8.11897% .811279 -12.254))}}.mockup[data-platform=snapchat] .mockup-header{color:#000;gap:calc(var(--spacing,.25rem)*3);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);background-color:#fffc00}.mockup[data-platform=snapchat] .mockup-header .mockup-header-info-image{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200,#e5e7eb)}@supports (color:lab(0% 0 0)){.mockup[data-platform=snapchat] .mockup-header .mockup-header-info-image{border-color:var(--color-gray-200,lab(91.6229% -.159115 -2.26791))}}.mockup[data-platform=snapchat] .mockup-header .mockup-header-info-content-name{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-black,#000)}.mockup[data-platform=snapchat] .mockup-header .mockup-header-info-content-status{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-gray-700,#364153)}@supports (color:lab(0% 0 0)){.mockup[data-platform=snapchat] .mockup-header .mockup-header-info-content-status{color:var(--color-gray-700,lab(27.1134% -.956401 -12.3224))}}.mockup[data-platform=snapchat] .mockup-content-messages{gap:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*4)}.mockup[data-platform=snapchat] .mockup-content-messages .mockup-content-messages-section-header{color:#6b7280;margin-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));justify-content:center;align-items:center;display:flex}.mockup[data-platform=snapchat] .mockup-content-messages .mockup-content-messages-message{align-items:flex-end;gap:calc(var(--spacing,.25rem)*2)}.mockup[data-platform=snapchat] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-avatar{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200,#e5e7eb);background-color:var(--color-white,#fff);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-gray-700,#364153)}@supports (color:lab(0% 0 0)){.mockup[data-platform=snapchat] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-avatar{border-color:var(--color-gray-200,lab(91.6229% -.159115 -2.26791));color:var(--color-gray-700,lab(27.1134% -.956401 -12.3224))}}.mockup[data-platform=snapchat] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble{color:#111827;max-width:var(--container-xs,20rem);border-radius:var(--radius-2xl,1rem);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));background-color:#f3f4f6;border:1px solid #e5e7eb}.mockup[data-platform=snapchat] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-info-name{color:#ff5722;margin-bottom:calc(var(--spacing,.25rem)*.5);text-align:left;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.mockup[data-platform=snapchat] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{text-align:right;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){.mockup[data-platform=snapchat] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=snapchat] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble{color:#fff;background-color:#ff5722;border-color:#ff5722}.mockup[data-platform=snapchat] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:#fffc}.mockup[data-platform=snapchat] .mockup-content-messages .mockup-content-messages-message[data-is-consecutive=true] .mockup-content-messages-message-avatar{visibility:hidden;flex-shrink:0}.mockup[data-platform=snapchat] .mockup-footer{gap:calc(var(--spacing,.25rem)*3);padding:calc(var(--spacing,.25rem)*3)}.mockup[data-platform=snapchat] .mockup-footer .mockup-footer-input{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200,#e5e7eb);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));border-radius:3.40282e38px;flex:1}@supports (color:lab(0% 0 0)){.mockup[data-platform=snapchat] .mockup-footer .mockup-footer-input{border-color:var(--color-gray-200,lab(91.6229% -.159115 -2.26791))}}.mockup[data-platform=snapchat] .mockup-footer .mockup-footer-input,.mockup[data-platform=snapchat] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-500,#6a7282)}@supports (color:lab(0% 0 0)){.mockup[data-platform=snapchat] .mockup-footer .mockup-footer-input,.mockup[data-platform=snapchat] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}.mockup[data-platform=snapchat] .mockup-footer .mockup-footer-trailing-icons{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);background-color:#ff5722;border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}.mockup[data-platform=snapchat] .mockup-footer .mockup-footer-trailing-icons svg{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);color:var(--color-white,#fff)}.mockup[data-platform=snapchat][data-dark-mode=true]{background-color:var(--color-black,#000);color:var(--color-white,#fff)}.mockup[data-platform=snapchat][data-dark-mode=true] .mockup-header{color:#fff;background-color:#1a1a1a}.mockup[data-platform=snapchat][data-dark-mode=true] .mockup-header .mockup-header-info-image{border-color:#374151}.mockup[data-platform=snapchat][data-dark-mode=true] .mockup-header .mockup-header-info-content-name{color:var(--color-white,#fff)}.mockup[data-platform=snapchat][data-dark-mode=true] .mockup-header .mockup-header-info-content-status,.mockup[data-platform=snapchat][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=snapchat][data-dark-mode=true] .mockup-header .mockup-header-info-content-status,.mockup[data-platform=snapchat][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=snapchat][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-avatar,.mockup[data-platform=snapchat][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble{color:#fff;background-color:#2c2c2c;border-color:#374151}.mockup[data-platform=snapchat][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=snapchat][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=snapchat][data-dark-mode=true] .mockup-footer{background-color:#1a1a1a}.mockup[data-platform=snapchat][data-dark-mode=true] .mockup-footer .mockup-footer-input{background-color:#2c2c2c;border-color:#374151}.mockup[data-platform=snapchat][data-dark-mode=true] .mockup-footer .mockup-footer-input,.mockup[data-platform=snapchat][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=snapchat][data-dark-mode=true] .mockup-footer .mockup-footer-input,.mockup[data-platform=snapchat][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=telegram]{background-color:var(--color-white,#fff);color:var(--color-gray-900,#101828)}@supports (color:lab(0% 0 0)){.mockup[data-platform=telegram]{color:var(--color-gray-900,lab(8.11897% .811279 -12.254))}}.mockup[data-platform=telegram] .mockup-header{color:#fff;gap:calc(var(--spacing,.25rem)*3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200,#e5e7eb);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);background-color:#2481cc}@supports (color:lab(0% 0 0)){.mockup[data-platform=telegram] .mockup-header{border-color:var(--color-gray-200,lab(91.6229% -.159115 -2.26791))}}:is(.mockup[data-platform=telegram] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=telegram] .mockup-header .mockup-header-trailing-icons) svg{color:var(--color-white,#fff)}.mockup[data-platform=telegram] .mockup-header .mockup-header-info-content-name{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-white,#fff)}.mockup[data-platform=telegram] .mockup-header .mockup-header-info-content-status{color:#fffc;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}.mockup[data-platform=telegram] .mockup-content-messages{gap:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*4)}.mockup[data-platform=telegram] .mockup-content-messages .mockup-content-messages-section-header{color:#6b7280;margin-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));justify-content:center;align-items:center;display:flex}.mockup[data-platform=telegram] .mockup-content-messages .mockup-content-messages-message{align-items:flex-end;gap:calc(var(--spacing,.25rem)*2)}.mockup[data-platform=telegram] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-avatar{color:#fff;height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);background-color:#2481cc}.mockup[data-platform=telegram] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble{color:#111827;border-radius:var(--radius-2xl,1rem);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));background-color:#f3f4f6}.mockup[data-platform=telegram] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-info-name{color:#2481cc;margin-bottom:calc(var(--spacing,.25rem)*.5);text-align:left;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.mockup[data-platform=telegram] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{margin-top:calc(var(--spacing,.25rem)*1);text-align:right;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){.mockup[data-platform=telegram] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=telegram] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble{color:#fff;background-color:#2481cc}.mockup[data-platform=telegram] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:#b8dff7;text-align:right}.mockup[data-platform=telegram] .mockup-content-messages .mockup-content-messages-message[data-is-first-in-group=true][data-is-last-in-group=false] .mockup-content-messages-message-avatar{visibility:hidden;flex-shrink:0}.mockup[data-platform=telegram] .mockup-content-messages .mockup-content-messages-message[data-is-last-in-group=true][data-is-first-in-group=false] .mockup-content-messages-message-bubble-info{display:none}.mockup[data-platform=telegram] .mockup-content-messages .mockup-content-messages-message[data-is-consecutive=true][data-is-first-in-group=false][data-is-last-in-group=false] .mockup-content-messages-message-avatar{visibility:hidden;flex-shrink:0}.mockup[data-platform=telegram] .mockup-content-messages .mockup-content-messages-message[data-is-consecutive=true][data-is-first-in-group=false][data-is-last-in-group=false] .mockup-content-messages-message-bubble-info{display:none}.mockup[data-platform=telegram] .mockup-content-messages .mockup-content-messages-message-image{border-radius:var(--radius);max-width:280px;max-height:280px}.mockup[data-platform=telegram] .mockup-content-messages .mockup-content-messages-message-image-single .mockup-content-messages-message-image{border-radius:var(--radius)}.mockup[data-platform=telegram] .mockup-content-messages .mockup-content-messages-message-image-single .mockup-content-messages-message-image-caption{margin-top:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){.mockup[data-platform=telegram] .mockup-content-messages .mockup-content-messages-message-image-single .mockup-content-messages-message-image-caption{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=telegram] .mockup-content-messages .mockup-content-messages-message-image-grid{gap:calc(var(--spacing,.25rem)*1)}.mockup[data-platform=telegram] .mockup-content-messages .mockup-content-messages-message-image-grid .mockup-content-messages-message-image-grid-item{border-radius:var(--radius);overflow:hidden}.mockup[data-platform=telegram] .mockup-content-messages .mockup-content-messages-message-image-grid .mockup-content-messages-message-image{aspect-ratio:1;border-radius:0}.mockup[data-platform=telegram] .mockup-footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-gray-200,#e5e7eb);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);background-color:#f0f0f0}@supports (color:lab(0% 0 0)){.mockup[data-platform=telegram] .mockup-footer{border-color:var(--color-gray-200,lab(91.6229% -.159115 -2.26791))}}.mockup[data-platform=telegram] .mockup-footer .mockup-footer-input{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300,#d1d5dc);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));border-radius:3.40282e38px;flex:1}@supports (color:lab(0% 0 0)){.mockup[data-platform=telegram] .mockup-footer .mockup-footer-input{border-color:var(--color-gray-300,lab(85.1236% -.612259 -3.7138))}}.mockup[data-platform=telegram] .mockup-footer .mockup-footer-input,.mockup[data-platform=telegram] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){.mockup[data-platform=telegram] .mockup-footer .mockup-footer-input,.mockup[data-platform=telegram] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=telegram] .mockup-footer .mockup-footer-trailing-icons{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);background-color:#2481cc;border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}.mockup[data-platform=telegram] .mockup-footer .mockup-footer-trailing-icons svg{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);color:var(--color-white,#fff)}.mockup[data-platform=telegram][data-dark-mode=true]{color:#fff;background-color:#0f1419}.mockup[data-platform=telegram][data-dark-mode=true] .mockup-header{background-color:#17212b;border-color:#0f1419}.mockup[data-platform=telegram][data-dark-mode=true] .mockup-header .mockup-header-info-content-status{color:#707579}.mockup[data-platform=telegram][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=telegram][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=telegram][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble{color:#fff;background-color:#2b2b2b}.mockup[data-platform=telegram][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:#707579}.mockup[data-platform=telegram][data-dark-mode=true] .mockup-footer{background-color:#17212b;border-color:#0f1419}.mockup[data-platform=telegram][data-dark-mode=true] .mockup-footer .mockup-footer-input{background-color:#2b2b2b;border-color:#374151}.mockup[data-platform=telegram][data-dark-mode=true] .mockup-footer .mockup-footer-input,.mockup[data-platform=telegram][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=telegram][data-dark-mode=true] .mockup-footer .mockup-footer-input,.mockup[data-platform=telegram][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=tiktok]{background-color:var(--color-white,#fff);color:var(--color-gray-900,#101828)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tiktok]{color:var(--color-gray-900,lab(8.11897% .811279 -12.254))}}.mockup[data-platform=tiktok] .mockup-header{gap:calc(var(--spacing,.25rem)*3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200,#e5e7eb);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tiktok] .mockup-header{border-color:var(--color-gray-200,lab(91.6229% -.159115 -2.26791))}}:is(.mockup[data-platform=tiktok] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=tiktok] .mockup-header .mockup-header-trailing-icons) svg{color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){:is(.mockup[data-platform=tiktok] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=tiktok] .mockup-header .mockup-header-trailing-icons) svg{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=tiktok] .mockup-header .mockup-header-info-content-name{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-gray-900,#101828)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tiktok] .mockup-header .mockup-header-info-content-name{color:var(--color-gray-900,lab(8.11897% .811279 -12.254))}}.mockup[data-platform=tiktok] .mockup-header .mockup-header-info-content-status{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-gray-500,#6a7282)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tiktok] .mockup-header .mockup-header-info-content-status{color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}.mockup[data-platform=tiktok] .mockup-content-messages{gap:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*4)}.mockup[data-platform=tiktok] .mockup-content-messages .mockup-content-messages-section-header{color:#6b7280;margin-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));justify-content:center;align-items:center;display:flex}.mockup[data-platform=tiktok] .mockup-content-messages .mockup-content-messages-message{align-items:flex-end;gap:calc(var(--spacing,.25rem)*2)}.mockup[data-platform=tiktok] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-avatar{color:#fff;height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);background:linear-gradient(135deg,#ff0050,#25f4ee)}.mockup[data-platform=tiktok] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble{color:#111827;border-radius:var(--radius-2xl,1rem);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));background-color:#f3f4f6}.mockup[data-platform=tiktok] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-info-name{color:#ff0050;margin-bottom:calc(var(--spacing,.25rem)*.5);text-align:left;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.mockup[data-platform=tiktok] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{margin-top:calc(var(--spacing,.25rem)*1);text-align:right;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tiktok] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=tiktok] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble{border-bottom-left-radius:0}.mockup[data-platform=tiktok] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble{color:#fff;background:linear-gradient(135deg,#ff0050,#ff7c87);border-bottom-right-radius:0}.mockup[data-platform=tiktok] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:#fffc}.mockup[data-platform=tiktok] .mockup-footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-gray-200,#e5e7eb);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tiktok] .mockup-footer{border-color:var(--color-gray-200,lab(91.6229% -.159115 -2.26791))}}.mockup[data-platform=tiktok] .mockup-footer .mockup-footer-leading-icons svg{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5);color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tiktok] .mockup-footer .mockup-footer-leading-icons svg{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=tiktok] .mockup-footer .mockup-footer-input{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300,#d1d5dc);background-color:var(--color-gray-50,#f9fafb);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));border-radius:3.40282e38px;flex:1}@supports (color:lab(0% 0 0)){.mockup[data-platform=tiktok] .mockup-footer .mockup-footer-input{border-color:var(--color-gray-300,lab(85.1236% -.612259 -3.7138));background-color:var(--color-gray-50,lab(98.2596% -.247031 -.706708))}}.mockup[data-platform=tiktok] .mockup-footer .mockup-footer-input,.mockup[data-platform=tiktok] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-500,#6a7282)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tiktok] .mockup-footer .mockup-footer-input,.mockup[data-platform=tiktok] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}.mockup[data-platform=tiktok] .mockup-footer .mockup-footer-trailing-icons{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);background:linear-gradient(135deg,#ff0050,#25f4ee);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}.mockup[data-platform=tiktok] .mockup-footer .mockup-footer-trailing-icons svg{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);color:var(--color-white,#fff)}.mockup[data-platform=tiktok][data-dark-mode=true]{background-color:var(--color-black,#000);color:var(--color-white,#fff)}.mockup[data-platform=tiktok][data-dark-mode=true] .mockup-header{border-color:var(--color-gray-800,#1e2939);background-color:var(--color-black,#000)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tiktok][data-dark-mode=true] .mockup-header{border-color:var(--color-gray-800,lab(16.1051% -1.18239 -11.7533))}}:is(.mockup[data-platform=tiktok][data-dark-mode=true] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=tiktok][data-dark-mode=true] .mockup-header .mockup-header-trailing-icons) svg{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){:is(.mockup[data-platform=tiktok][data-dark-mode=true] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=tiktok][data-dark-mode=true] .mockup-header .mockup-header-trailing-icons) svg{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=tiktok][data-dark-mode=true] .mockup-header .mockup-header-info-content-name{color:var(--color-white,#fff)}.mockup[data-platform=tiktok][data-dark-mode=true] .mockup-header .mockup-header-info-content-status,.mockup[data-platform=tiktok][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tiktok][data-dark-mode=true] .mockup-header .mockup-header-info-content-status,.mockup[data-platform=tiktok][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=tiktok][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble{color:#fff;background-color:#2f2f2f}.mockup[data-platform=tiktok][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tiktok][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=tiktok][data-dark-mode=true] .mockup-footer{border-color:var(--color-gray-800,#1e2939);background-color:var(--color-black,#000)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tiktok][data-dark-mode=true] .mockup-footer{border-color:var(--color-gray-800,lab(16.1051% -1.18239 -11.7533))}}.mockup[data-platform=tiktok][data-dark-mode=true] .mockup-footer .mockup-footer-leading-icons svg{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tiktok][data-dark-mode=true] .mockup-footer .mockup-footer-leading-icons svg{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=tiktok][data-dark-mode=true] .mockup-footer .mockup-footer-input{border-color:var(--color-gray-700,#364153);background-color:var(--color-gray-900,#101828)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tiktok][data-dark-mode=true] .mockup-footer .mockup-footer-input{border-color:var(--color-gray-700,lab(27.1134% -.956401 -12.3224));background-color:var(--color-gray-900,lab(8.11897% .811279 -12.254))}}.mockup[data-platform=tiktok][data-dark-mode=true] .mockup-footer .mockup-footer-input,.mockup[data-platform=tiktok][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tiktok][data-dark-mode=true] .mockup-footer .mockup-footer-input,.mockup[data-platform=tiktok][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=tinder]{background-color:var(--color-white,#fff);color:var(--color-gray-900,#101828)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tinder]{color:var(--color-gray-900,lab(8.11897% .811279 -12.254))}}.mockup[data-platform=tinder] .mockup-header{gap:calc(var(--spacing,.25rem)*3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200,#e5e7eb);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tinder] .mockup-header{border-color:var(--color-gray-200,lab(91.6229% -.159115 -2.26791))}}:is(.mockup[data-platform=tinder] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=tinder] .mockup-header .mockup-header-trailing-icons) svg{color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){:is(.mockup[data-platform=tinder] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=tinder] .mockup-header .mockup-header-trailing-icons) svg{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=tinder] .mockup-header .mockup-header-info-content-name{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-gray-900,#101828)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tinder] .mockup-header .mockup-header-info-content-name{color:var(--color-gray-900,lab(8.11897% .811279 -12.254))}}.mockup[data-platform=tinder] .mockup-header .mockup-header-info-content-status{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-gray-500,#6a7282)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tinder] .mockup-header .mockup-header-info-content-status{color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}.mockup[data-platform=tinder] .mockup-content-messages{gap:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*4)}.mockup[data-platform=tinder] .mockup-content-messages .mockup-content-messages-section-header{color:#6b7280;margin-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));justify-content:center;align-items:center;display:flex}.mockup[data-platform=tinder] .mockup-content-messages .mockup-content-messages-message{align-items:flex-end;gap:calc(var(--spacing,.25rem)*2)}.mockup[data-platform=tinder] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-avatar{color:#fff;height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);background:linear-gradient(135deg,#ff6b35,#f7931e)}.mockup[data-platform=tinder] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble{color:#111827;max-width:var(--container-xs,20rem);border-radius:var(--radius-2xl,1rem);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));background-color:#f3f4f6;border:1px solid #e5e7eb}.mockup[data-platform=tinder] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-info-name{color:#ff6b35;margin-bottom:calc(var(--spacing,.25rem)*.5);text-align:left;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.mockup[data-platform=tinder] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{margin-top:calc(var(--spacing,.25rem)*1);text-align:right;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tinder] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=tinder] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble{border-bottom-left-radius:0}.mockup[data-platform=tinder] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);border-color:#0000;border-bottom-right-radius:0}.mockup[data-platform=tinder] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:#fffc}.mockup[data-platform=tinder] .mockup-content-messages .mockup-content-messages-message[data-is-consecutive=true] .mockup-content-messages-message-avatar{visibility:hidden;flex-shrink:0}.mockup[data-platform=tinder] .mockup-footer{gap:calc(var(--spacing,.25rem)*3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-gray-200,#e5e7eb);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tinder] .mockup-footer{border-color:var(--color-gray-200,lab(91.6229% -.159115 -2.26791))}}.mockup[data-platform=tinder] .mockup-footer .mockup-footer-input{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200,#e5e7eb);background-color:var(--color-gray-50,#f9fafb);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));border-radius:3.40282e38px;flex:1}@supports (color:lab(0% 0 0)){.mockup[data-platform=tinder] .mockup-footer .mockup-footer-input{border-color:var(--color-gray-200,lab(91.6229% -.159115 -2.26791));background-color:var(--color-gray-50,lab(98.2596% -.247031 -.706708))}}.mockup[data-platform=tinder] .mockup-footer .mockup-footer-input,.mockup[data-platform=tinder] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-500,#6a7282)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tinder] .mockup-footer .mockup-footer-input,.mockup[data-platform=tinder] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}.mockup[data-platform=tinder] .mockup-footer .mockup-footer-trailing-icons{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}.mockup[data-platform=tinder] .mockup-footer .mockup-footer-trailing-icons svg{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);color:var(--color-white,#fff)}.mockup[data-platform=tinder][data-dark-mode=true]{background-color:var(--color-black,#000);color:var(--color-white,#fff)}.mockup[data-platform=tinder][data-dark-mode=true] .mockup-header{border-color:var(--color-gray-800,#1e2939);background-color:var(--color-black,#000)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tinder][data-dark-mode=true] .mockup-header{border-color:var(--color-gray-800,lab(16.1051% -1.18239 -11.7533))}}:is(.mockup[data-platform=tinder][data-dark-mode=true] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=tinder][data-dark-mode=true] .mockup-header .mockup-header-trailing-icons) svg{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){:is(.mockup[data-platform=tinder][data-dark-mode=true] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=tinder][data-dark-mode=true] .mockup-header .mockup-header-trailing-icons) svg{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=tinder][data-dark-mode=true] .mockup-header .mockup-header-info-content-name{color:var(--color-white,#fff)}.mockup[data-platform=tinder][data-dark-mode=true] .mockup-header .mockup-header-info-content-status,.mockup[data-platform=tinder][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tinder][data-dark-mode=true] .mockup-header .mockup-header-info-content-status,.mockup[data-platform=tinder][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=tinder][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-avatar{background:linear-gradient(135deg,#ff6b35,#f7931e)}.mockup[data-platform=tinder][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble{color:#fff;background-color:#262626;border-color:#374151}.mockup[data-platform=tinder][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tinder][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=tinder][data-dark-mode=true] .mockup-footer{border-color:var(--color-gray-800,#1e2939);background-color:var(--color-black,#000)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tinder][data-dark-mode=true] .mockup-footer{border-color:var(--color-gray-800,lab(16.1051% -1.18239 -11.7533))}}.mockup[data-platform=tinder][data-dark-mode=true] .mockup-footer .mockup-footer-input{border-color:var(--color-gray-700,#364153);background-color:var(--color-gray-900,#101828)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tinder][data-dark-mode=true] .mockup-footer .mockup-footer-input{border-color:var(--color-gray-700,lab(27.1134% -.956401 -12.3224));background-color:var(--color-gray-900,lab(8.11897% .811279 -12.254))}}.mockup[data-platform=tinder][data-dark-mode=true] .mockup-footer .mockup-footer-input,.mockup[data-platform=tinder][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=tinder][data-dark-mode=true] .mockup-footer .mockup-footer-input,.mockup[data-platform=tinder][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=wechat]{color:var(--color-gray-800,#1e2939);background-color:#ebebeb}@supports (color:lab(0% 0 0)){.mockup[data-platform=wechat]{color:var(--color-gray-800,lab(16.1051% -1.18239 -11.7533))}}.mockup[data-platform=wechat] .mockup-header{gap:calc(var(--spacing,.25rem)*3);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*4);color:var(--color-white,#fff);background-color:#323136}:is(.mockup[data-platform=wechat] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=wechat] .mockup-header .mockup-header-trailing-icons) svg{width:calc(var(--spacing,.25rem)*6);height:calc(var(--spacing,.25rem)*6);color:var(--color-white,#fff)}.mockup[data-platform=wechat] .mockup-header .mockup-header-info-content-name{text-align:center;font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-white,#fff)}.mockup[data-platform=wechat] .mockup-header .mockup-header-info-content-status{color:#fffc;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}.mockup[data-platform=wechat] .mockup-content-messages{gap:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*4)}.mockup[data-platform=wechat] .mockup-content-messages .mockup-content-messages-section-header{margin-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));justify-content:center;align-items:center;display:flex}.mockup[data-platform=wechat] .mockup-content-messages .mockup-content-messages-section-header span{color:#fff;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);background-color:#cecece;border-radius:.25rem}.mockup[data-platform=wechat] .mockup-content-messages .mockup-content-messages-message{align-items:flex-start;gap:calc(var(--spacing,.25rem)*3)}.mockup[data-platform=wechat] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-avatar{color:#fff;height:calc(var(--spacing,.25rem)*10);width:calc(var(--spacing,.25rem)*10);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);background-color:#5bbc6d;border-radius:0}.mockup[data-platform=wechat] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble{color:#111827;max-width:var(--container-xs,20rem);border-radius:calc(var(--radius) - 4px);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));background-color:#fff;position:relative}.mockup[data-platform=wechat] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble:before{content:"";height:calc(var(--spacing,.25rem)*0);width:calc(var(--spacing,.25rem)*0);border-top:8px solid #0000;border-bottom:8px solid #0000;border-right:8px solid #fff;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.mockup[data-platform=wechat] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-info-name{color:#5bbc6d;text-align:left;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.mockup[data-platform=wechat] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{text-align:right;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){.mockup[data-platform=wechat] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=wechat] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble{color:#111827;background-color:#aee56e}.mockup[data-platform=wechat] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble:before{border-left:8px solid #aee56e;border-right:none;left:auto;right:-8px}.mockup[data-platform=wechat] .mockup-footer{gap:calc(var(--spacing,.25rem)*3);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);background-color:#f0f0f0}.mockup[data-platform=wechat] .mockup-footer .mockup-footer-leading-icons,.mockup[data-platform=wechat] .mockup-footer .mockup-footer-trailing-icons{padding:calc(var(--spacing,.25rem)*1.5);justify-content:center;align-items:center;display:flex}:is(.mockup[data-platform=wechat] .mockup-footer .mockup-footer-leading-icons,.mockup[data-platform=wechat] .mockup-footer .mockup-footer-trailing-icons) div{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-400,#99a1af);padding:calc(var(--spacing,.25rem)*1.5);border-radius:3.40282e38px}@supports (color:lab(0% 0 0)){:is(.mockup[data-platform=wechat] .mockup-footer .mockup-footer-leading-icons,.mockup[data-platform=wechat] .mockup-footer .mockup-footer-trailing-icons) div{border-color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}:is(.mockup[data-platform=wechat] .mockup-footer .mockup-footer-leading-icons,.mockup[data-platform=wechat] .mockup-footer .mockup-footer-trailing-icons) div svg{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){:is(.mockup[data-platform=wechat] .mockup-footer .mockup-footer-leading-icons,.mockup[data-platform=wechat] .mockup-footer .mockup-footer-trailing-icons) div svg{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=wechat] .mockup-footer .mockup-footer-input{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200,#e5e7eb);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));border-radius:.25rem;flex:1}@supports (color:lab(0% 0 0)){.mockup[data-platform=wechat] .mockup-footer .mockup-footer-input{border-color:var(--color-gray-200,lab(91.6229% -.159115 -2.26791))}}.mockup[data-platform=wechat] .mockup-footer .mockup-footer-input,.mockup[data-platform=wechat] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-500,#6a7282)}@supports (color:lab(0% 0 0)){.mockup[data-platform=wechat] .mockup-footer .mockup-footer-input,.mockup[data-platform=wechat] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}.mockup[data-platform=wechat][data-dark-mode=true]{color:var(--color-white,#fff);background-color:#0b0b0d}.mockup[data-platform=wechat][data-dark-mode=true] .mockup-header{background-color:#0b0b0d}.mockup[data-platform=wechat][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header span{background-color:var(--color-gray-600,#4a5565);color:var(--color-gray-300,#d1d5dc)}@supports (color:lab(0% 0 0)){.mockup[data-platform=wechat][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header span{background-color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425));color:var(--color-gray-300,lab(85.1236% -.612259 -3.7138))}}.mockup[data-platform=wechat][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble{color:#fff;background-color:#1b191b}.mockup[data-platform=wechat][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble:before{border-right-color:#1b191b}.mockup[data-platform=wechat][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=wechat][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=wechat][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble{color:#0b0b0d;background-color:#5bbc6d}.mockup[data-platform=wechat][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble:before{border-left-color:#5bbc6d}.mockup[data-platform=wechat][data-dark-mode=true] .mockup-footer{background-color:#0b0b0d}.mockup[data-platform=wechat][data-dark-mode=true] .mockup-footer .mockup-footer-input{--tw-border-style:none;background-color:#1a191b;border-style:none}.mockup[data-platform=wechat][data-dark-mode=true] .mockup-footer .mockup-footer-input,.mockup[data-platform=wechat][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=wechat][data-dark-mode=true] .mockup-footer .mockup-footer-input,.mockup[data-platform=wechat][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=whatsapp]{color:#111827;background-color:#e5ddd5}.mockup[data-platform=whatsapp] .mockup-header{color:#fff;gap:calc(var(--spacing,.25rem)*3);border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);background-color:#075e54;border-bottom-width:1px}:is(.mockup[data-platform=whatsapp] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=whatsapp] .mockup-header .mockup-header-trailing-icons) svg{color:var(--color-white,#fff)}.mockup[data-platform=whatsapp] .mockup-header .mockup-header-info-content-name{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-white,#fff)}.mockup[data-platform=whatsapp] .mockup-header .mockup-header-info-content-status{color:#ffffffbf;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}.mockup[data-platform=whatsapp] .mockup-content-messages{gap:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*4)}.mockup[data-platform=whatsapp] .mockup-content-messages .mockup-content-messages-section-header{margin-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));justify-content:center;align-items:center;display:flex}.mockup[data-platform=whatsapp] .mockup-content-messages .mockup-content-messages-section-header span{color:#6b7280;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);background-color:#e1f3fb;border-radius:.25rem}.mockup[data-platform=whatsapp] .mockup-content-messages .mockup-content-messages-message{align-items:flex-end;gap:calc(var(--spacing,.25rem)*2)}.mockup[data-platform=whatsapp] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-avatar{color:#fff;width:calc(var(--spacing,.25rem)*8);height:calc(var(--spacing,.25rem)*8);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);background-color:#25d366}.mockup[data-platform=whatsapp] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble{color:#111827;max-width:var(--container-xs,20rem);border-radius:var(--radius);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));background-color:#fff;position:relative}.mockup[data-platform=whatsapp] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-info-name{color:#25d366;margin-bottom:calc(var(--spacing,.25rem)*.5);text-align:left;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.mockup[data-platform=whatsapp] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-content{align-items:flex-end;gap:calc(var(--spacing,.25rem)*3)}.mockup[data-platform=whatsapp] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-gray-500,#6a7282)}@supports (color:lab(0% 0 0)){.mockup[data-platform=whatsapp] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}.mockup[data-platform=whatsapp] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble{border-bottom-left-radius:0}.mockup[data-platform=whatsapp] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble{color:#111827;background-color:#dcf8c6;border-bottom-right-radius:0}.mockup[data-platform=whatsapp] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:#6b7280}.mockup[data-platform=whatsapp] .mockup-content-messages .mockup-content-messages-message[data-is-first-in-group=true][data-is-last-in-group=false] .mockup-content-messages-message-avatar{visibility:hidden;flex-shrink:0}.mockup[data-platform=whatsapp] .mockup-content-messages .mockup-content-messages-message[data-is-last-in-group=true][data-is-first-in-group=false] .mockup-content-messages-message-bubble-info{display:none}.mockup[data-platform=whatsapp] .mockup-content-messages .mockup-content-messages-message[data-is-consecutive=true][data-is-first-in-group=false][data-is-last-in-group=false] .mockup-content-messages-message-avatar{visibility:hidden;flex-shrink:0}.mockup[data-platform=whatsapp] .mockup-content-messages .mockup-content-messages-message[data-is-consecutive=true][data-is-first-in-group=false][data-is-last-in-group=false] .mockup-content-messages-message-bubble-info{display:none}.mockup[data-platform=whatsapp] .mockup-content-messages .mockup-content-messages-message-image{border-radius:var(--radius);max-width:200px}.mockup[data-platform=whatsapp] .mockup-content-messages .mockup-content-messages-message-image-single .mockup-content-messages-message-image{border-radius:var(--radius)}.mockup[data-platform=whatsapp] .mockup-content-messages .mockup-content-messages-message-image-single .mockup-content-messages-message-image-caption{margin-top:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){.mockup[data-platform=whatsapp] .mockup-content-messages .mockup-content-messages-message-image-single .mockup-content-messages-message-image-caption{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=whatsapp] .mockup-content-messages .mockup-content-messages-message-image-grid .mockup-content-messages-message-image-grid-item{border-radius:calc(var(--radius) - 2px);overflow:hidden}.mockup[data-platform=whatsapp] .mockup-content-messages .mockup-content-messages-message-image-grid .mockup-content-messages-message-image{aspect-ratio:1;border-radius:0}.mockup[data-platform=whatsapp] .mockup-footer{gap:calc(var(--spacing,.25rem)*3);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);background-color:#f0f0f0}:is(.mockup[data-platform=whatsapp] .mockup-footer .mockup-footer-leading-icons,.mockup[data-platform=whatsapp] .mockup-footer .mockup-footer-trailing-icons) svg{color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){:is(.mockup[data-platform=whatsapp] .mockup-footer .mockup-footer-leading-icons,.mockup[data-platform=whatsapp] .mockup-footer .mockup-footer-trailing-icons) svg{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=whatsapp] .mockup-footer .mockup-footer-input{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300,#d1d5dc);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));border-radius:3.40282e38px;flex:1}@supports (color:lab(0% 0 0)){.mockup[data-platform=whatsapp] .mockup-footer .mockup-footer-input{border-color:var(--color-gray-300,lab(85.1236% -.612259 -3.7138))}}.mockup[data-platform=whatsapp] .mockup-footer .mockup-footer-input,.mockup[data-platform=whatsapp] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-500,#6a7282)}@supports (color:lab(0% 0 0)){.mockup[data-platform=whatsapp] .mockup-footer .mockup-footer-input,.mockup[data-platform=whatsapp] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}.mockup[data-platform=whatsapp][data-dark-mode=true]{color:#fff;background-color:#161717}.mockup[data-platform=whatsapp][data-dark-mode=true] .mockup-header{background-color:#242626;border-color:#4a4b4b}:is(.mockup[data-platform=whatsapp][data-dark-mode=true] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=whatsapp][data-dark-mode=true] .mockup-header .mockup-header-trailing-icons) svg{color:#6a6c6c}.mockup[data-platform=whatsapp][data-dark-mode=true] .mockup-header .mockup-header-info-content-status{color:#666767}.mockup[data-platform=whatsapp][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header span{color:#8696a0;background-color:#161717}.mockup[data-platform=whatsapp][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble{color:#dedede;background-color:#242626}.mockup[data-platform=whatsapp][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:#9fa0a0}.mockup[data-platform=whatsapp][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble{color:#dee4e1;background-color:#254c38}.mockup[data-platform=whatsapp][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble .mockup-content-messages-message-bubble-time{color:#a8b7af}.mockup[data-platform=whatsapp][data-dark-mode=true] .mockup-footer{background-color:#242626}:is(.mockup[data-platform=whatsapp][data-dark-mode=true] .mockup-footer .mockup-footer-leading-icons,.mockup[data-platform=whatsapp][data-dark-mode=true] .mockup-footer .mockup-footer-trailing-icons) svg{color:#b0b1b1}.mockup[data-platform=whatsapp][data-dark-mode=true] .mockup-footer .mockup-footer-input{background-color:#3a3c3c;border-color:#616363}.mockup[data-platform=whatsapp][data-dark-mode=true] .mockup-footer .mockup-footer-input,.mockup[data-platform=whatsapp][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=whatsapp][data-dark-mode=true] .mockup-footer .mockup-footer-input,.mockup[data-platform=whatsapp][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=x]{background-color:var(--color-white,#fff);color:var(--color-gray-900,#101828)}@supports (color:lab(0% 0 0)){.mockup[data-platform=x]{color:var(--color-gray-900,lab(8.11897% .811279 -12.254))}}.mockup[data-platform=x] .mockup-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200,#e5e7eb);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);justify-content:space-between}@supports (color:lab(0% 0 0)){.mockup[data-platform=x] .mockup-header{border-color:var(--color-gray-200,lab(91.6229% -.159115 -2.26791))}}:is(.mockup[data-platform=x] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=x] .mockup-header .mockup-header-trailing-icons) svg{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5);color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){:is(.mockup[data-platform=x] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=x] .mockup-header .mockup-header-trailing-icons) svg{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=x] .mockup-header .mockup-header-info-content-name{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-gray-900,#101828)}@supports (color:lab(0% 0 0)){.mockup[data-platform=x] .mockup-header .mockup-header-info-content-name{color:var(--color-gray-900,lab(8.11897% .811279 -12.254))}}.mockup[data-platform=x] .mockup-header .mockup-header-info-content-status{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-gray-500,#6a7282)}@supports (color:lab(0% 0 0)){.mockup[data-platform=x] .mockup-header .mockup-header-info-content-status{color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}.mockup[data-platform=x] .mockup-content-messages .mockup-content-messages-section-header{color:#6b7280;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));justify-content:center;align-items:center;display:flex}.mockup[data-platform=x] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble-content{color:#111827;border-radius:var(--radius-3xl,1.5rem);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);--tw-leading:var(--leading-relaxed,1.625);font-size:15px;line-height:var(--leading-relaxed,1.625);background-color:#f3f4f6}.mockup[data-platform=x] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble-time{margin-top:calc(var(--spacing,.25rem)*1);text-align:right;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){.mockup[data-platform=x] .mockup-content-messages .mockup-content-messages-message .mockup-content-messages-message-bubble-time{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=x] .mockup-content-messages .mockup-content-messages-message[data-is-sender=true] .mockup-content-messages-message-bubble-content{color:#fff;border-bottom-right-radius:calc(var(--radius) - 4px);background-color:#1d9bf0}.mockup[data-platform=x] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble-content{border-bottom-left-radius:calc(var(--radius) - 4px)}.mockup[data-platform=x] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble-time{text-align:left}.mockup[data-platform=x] .mockup-footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-gray-200,#e5e7eb);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*4)}@supports (color:lab(0% 0 0)){.mockup[data-platform=x] .mockup-footer{border-color:var(--color-gray-200,lab(91.6229% -.159115 -2.26791))}}.mockup[data-platform=x] .mockup-footer .mockup-footer-leading-icons{align-items:center;gap:calc(var(--spacing,.25rem)*3);display:flex}.mockup[data-platform=x] .mockup-footer .mockup-footer-leading-icons svg,.mockup[data-platform=x] .mockup-footer .mockup-footer-leading-icons div{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5);color:#1d9bf0}.mockup[data-platform=x] .mockup-footer .mockup-footer-leading-icons div{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);justify-content:center;align-items:center;display:flex}.mockup[data-platform=x] .mockup-footer .mockup-footer-input{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300,#d1d5dc);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);color:var(--color-gray-600,#4a5565);background-color:#0000;border-radius:3.40282e38px;flex:1;font-size:15px}@supports (color:lab(0% 0 0)){.mockup[data-platform=x] .mockup-footer .mockup-footer-input{border-color:var(--color-gray-300,lab(85.1236% -.612259 -3.7138));color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.mockup[data-platform=x] .mockup-footer .mockup-footer-trailing-icons svg{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5);color:#1d9bf0}.mockup[data-platform=x][data-dark-mode=true]{background-color:var(--color-black,#000);color:var(--color-white,#fff)}.mockup[data-platform=x][data-dark-mode=true] .mockup-header{border-color:var(--color-gray-800,#1e2939);background-color:var(--color-black,#000)}@supports (color:lab(0% 0 0)){.mockup[data-platform=x][data-dark-mode=true] .mockup-header{border-color:var(--color-gray-800,lab(16.1051% -1.18239 -11.7533))}}:is(.mockup[data-platform=x][data-dark-mode=true] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=x][data-dark-mode=true] .mockup-header .mockup-header-trailing-icons) svg{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){:is(.mockup[data-platform=x][data-dark-mode=true] .mockup-header .mockup-header-leading-icons,.mockup[data-platform=x][data-dark-mode=true] .mockup-header .mockup-header-trailing-icons) svg{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=x][data-dark-mode=true] .mockup-header .mockup-header-info-content-name{color:var(--color-white,#fff)}.mockup[data-platform=x][data-dark-mode=true] .mockup-header .mockup-header-info-content-status{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=x][data-dark-mode=true] .mockup-header .mockup-header-info-content-status{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=x][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-section-header{color:#72767a}.mockup[data-platform=x][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-avatar{background-color:#6b7280}.mockup[data-platform=x][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message:not([data-is-sender=true]) .mockup-content-messages-message-bubble-content{color:#fff;background-color:#374151}.mockup[data-platform=x][data-dark-mode=true] .mockup-content-messages .mockup-content-messages-message-bubble-time{color:#72767a}.mockup[data-platform=x][data-dark-mode=true] .mockup-footer{border-color:var(--color-gray-800,#1e2939)}@supports (color:lab(0% 0 0)){.mockup[data-platform=x][data-dark-mode=true] .mockup-footer{border-color:var(--color-gray-800,lab(16.1051% -1.18239 -11.7533))}}.mockup[data-platform=x][data-dark-mode=true] .mockup-footer .mockup-footer-input{border-color:var(--color-gray-600,#4a5565);color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=x][data-dark-mode=true] .mockup-footer .mockup-footer-input{border-color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425));color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.mockup[data-platform=x][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.mockup[data-platform=x][data-dark-mode=true] .mockup-footer .mockup-footer-input::placeholder{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}