.marketing-twilio-root main{overflow-x:clip}.marketing-twilio-root .twilio-hero-ground{background:radial-gradient(48rem 30rem at 6% 0,rgb(219 234 254/.9),rgb(219 234 254/0) 70%),radial-gradient(44rem 36rem at 88% 40%,rgb(191 219 254/.55),rgb(191 219 254/0) 70%),#fff}.marketing-twilio-root .twilio-customer-ground{--bloom:50% 72%;background:radial-gradient(36rem 30rem at var(--bloom),rgb(255 255 255/.9),rgb(255 255 255/0) 72%),radial-gradient(56rem 34rem at 100% 100%,rgb(147 197 253/.55),rgb(147 197 253/0) 72%),linear-gradient(165deg,#f7faff 0,#e8f1fe 50%,#d6e6fd 100%)}@media (min-width:80rem){.marketing-twilio-root .twilio-customer-ground{--bloom:28% 50%}}.marketing-twilio-root .twilio-plate{background:radial-gradient(55% 38% at 90% 6%,rgb(186 230 253/.7),rgb(186 230 253/0) 100%),linear-gradient(125deg,rgb(255 255 255/0) 38%,rgb(255 255 255/.13) 52%,rgb(255 255 255/0) 66%),radial-gradient(80% 60% at 0 100%,rgb(30 64 175/.9),rgb(30 64 175/0) 100%),linear-gradient(200deg,#60a5fa,#2563eb 42%,#1d4ed8);box-shadow:inset 0 1px 0 rgb(255 255 255/.4),0 48px 90px -50px rgb(29 78 216/.75)}.marketing-twilio-root .twilio-sent-card{--card:calc(100% / (1 + var(--last) * var(--step)));width:var(--card);margin-left:calc(var(--card) * var(--step) * var(--index));box-shadow:14px 30px 48px -24px rgb(15 23 42/.42),2px 3px 6px rgb(15 23 42/.1)}.marketing-twilio-root .twilio-sent-card+.twilio-sent-card{margin-top:calc(var(--card) * var(--cover) * -1);box-shadow:0 -10px 20px -14px rgb(15 23 42/.28),14px 30px 48px -24px rgb(15 23 42/.42),2px 3px 6px rgb(15 23 42/.1)}@property --twilio-fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --twilio-fade-end{syntax:"<length>";inherits:false;initial-value:0}.marketing-twilio-root .twilio-pan{scrollbar-width:thin;scrollbar-color:#94a3b8 #e2e8f0;mask-image:linear-gradient(to right,transparent 0,#000 var(--twilio-fade-start),#000 calc(100% - var(--twilio-fade-end)),transparent 100%)}@supports (animation-timeline:scroll()){.marketing-twilio-root .twilio-pan{animation:twilio-pan-fade linear both;animation-timeline:scroll(self inline)}}@keyframes twilio-pan-fade{0%{--twilio-fade-start:0px;--twilio-fade-end:48px}6%,92%{--twilio-fade-start:28px;--twilio-fade-end:48px}to{--twilio-fade-start:28px;--twilio-fade-end:0px}}.marketing-twilio-root .twilio-pan:focus-visible{outline:none}.marketing-twilio-root .twilio-pan-frame:has(>.twilio-pan:focus-visible){outline:3px solid #fcd34d;outline-offset:3px}