.user-story-container{--text-blue:#0067b8;--text-blue-faint:#a5c6e4 !important;display:grid;row-gap:2rem}
.userstory__heading{grid-area:heading}
.userstory__callout1{grid-area:callout1}
.userstory__callout2{grid-area:callout2}
.userstory__callout3{grid-area:callout3}
.userstory__callout4{grid-area:callout4}
.userstory__heading .h1,.userstory__heading .h2,.userstory__heading h1,.userstory__heading h2{line-height:1.3}
[class*="userstory__callout"] h3,[class*="userstory__callout"] .h3{margin-bottom:0}
.user-story-container .userstory__heading .blue{color:#0067b8;background:linear-gradient(180deg,#0067b8 0,#3aa0fa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.user-story-container .userstory__heading .black{color:#000;-webkit-text-fill-color:initial;-webkit-background-clip:initial;text-fill-color:transparent;background-clip:initial;background:0}
.comp-user-story .modal-dialog{max-width:90vmin}
.comp-user-story .m-ambient-video{position:relative}
.comp-user-story .m-ambient-video video{width:100%;display:block}
.comp-user-story .c-action-trigger+span{display:none}
.comp-user-story .video-trigger{position:absolute;bottom:7%;text-decoration:none;left:10%;padding-inline:.7rem;line-height:2.2rem;border:1px solid #fff;border-radius:100px;background-color:rgba(255,255,255,0.9);color:var(--text-blue);font-weight:500;z-index:1}
.comp-user-story .action-trigger.video-trigger.glyph-prepend{padding-left:1.9375em}
.comp-user-story .action-trigger.video-trigger::before{left:.5rem}
.comp-user-story .video-trigger:focus{outline:.1875rem dotted currentColor !important;outline-offset:-0.375rem !important;outline-color:var(--text-blue) !important}
.comp-user-story .video-trigger:hover{outline:.1875rem dotted var(--text-blue-faint) !important;outline-offset:-0.375rem}
.comp-user-story{position:relative;margin-top:3rem}
.comp-user-story:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:linear-gradient(0,rgba(0,0,0,.6) -1.96%,transparent 41.8%)}
.comp-user-story.no-gradient:after{background:0}
.comp-user-story+*{padding:15px 0 8px}
.user-story-container .callout-subtitle{font-size:105%;font-weight:600;margin-bottom:24px}
.user-story-container .c-video-player{height:100% !important;min-width:unset}
.user-story-container div.f-core-player:not(:fullscreen) .f-video-cc-overlay{display:none}
.user-story-container{padding:46px 0 48px;grid-template-areas:"heading" "callout1" "callout2" "callout3" "callout4"}
.user-story-container h2,.user-story-container .h2{font-size:2rem}
.userstory__heading{width:100%;margin-top:3rem}
.userstory__heading>:first-child{color:var(--text-blue);padding:0 .2rem;background:linear-gradient(180deg,#0067b8 0,#3aa0fa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.userstory__heading__description{padding:0 2rem}
.userstory__heading__cta{padding:0 2rem}
.userstory__callout1{width:85%;margin-inline-start:auto}
.userstory__callout2,.userstory__callout3,.userstory__callout4{width:70%}
.userstory__callout3{margin-inline-start:auto}
@media only screen and (min-width:540px){.userstory__callout1{width:70%}
.userstory__heading__description{padding:0 3rem}
.userstory__heading__cta{padding:0 3rem}
.userstory__callout4{width:50%}
}
@media only screen and (min-width:768px){.user-story-container{padding:56px;grid-template-columns:1fr 1fr;grid-template-areas:"heading callout1" "callout2 callout1" "callout2 callout3" "callout2 callout3" "callout4 callout3" "callout4 ."}
.comp-user-story .c-action-trigger.f-play-trigger{line-height:2.2rem !important;height:2.2rem !important}
.userstory__heading{width:78%;margin-inline-start:auto;margin-top:3rem;padding-inline-end:3%}
.userstory__heading>:first-child{margin-top:4rem}
.userstory__heading__description{padding:0}
.userstory__heading__cta{padding:0}
.userstory__callout1{width:100%}
.userstory__callout3{width:80%}
.userstory__callout4{width:73%;margin-inline-start:30%}
}
@media only screen and (min-width:1084px){.user-story-container{padding-inline-end:3%}
.user-story-container h2,.user-story-container .h2{font-size:2.875rem}
.userstory__heading{width:74%;margin-inline-start:18%}
.userstory__heading>:first-child{margin-top:5rem}
}
@media only screen and (min-width:1400px){.user-story-container h2,.user-story-container .h2{font-size:3.875rem}
.userstory__heading{margin-inline-start:25%}
.userstory__heading__cta{padding-left:20%}
.userstory__heading>:first-child{margin-top:6rem}
}
@media only screen and (min-width:1084px){.userstory__heading__description{padding-left:20%}
}
@media only screen and (min-width:1920px){.user-story-container{padding-block:90px 96px;padding-inline:calc(160px + 5%)}
.userstory__callout2{width:75%}
.userstory__callout3{width:80%}
.userstory__callout4{width:73%;margin-inline-start:40%}
}
@media only screen and (max-width:539px){.user-story-container{background:conic-gradient(from 326deg at 70.86% 21.12%,rgba(255,255,255,0) 0,rgba(225,225,225,0.2) 360deg),#fff}
}
@media only screen and (min-width:540px) and (max-width:767px){.user-story-container{background:conic-gradient(from 316deg at 80.86% 17.12%,rgba(255,255,255,0) 0,rgba(225,225,225,0.2) 360deg),#fff}
}
@media only screen and (min-width:768px) and (max-width:1083px){.user-story-container{background:conic-gradient(from 326deg at 42.86% 35.12%,rgba(255,255,255,0) 0,rgba(225,225,225,0.2) 360deg),#fff}
}
@media only screen and (min-width:1084px) and (max-width:1399px){.user-story-container{background:conic-gradient(from 326deg at 42.86% 40.12%,rgba(255,255,255,0) 0,rgba(225,225,225,0.2) 360deg),#fff}
}
@media only screen and (min-width:1400px) and (max-width:1919px){.user-story-container{background:conic-gradient(from 330deg at 36.86% 45.12%,rgba(255,255,255,0) 0,rgba(225,225,225,0.2) 360deg),#fff}
}
@media only screen and (min-width:1920px){.user-story-container{background:conic-gradient(from -35.09deg at 35.86% 40.12%,rgba(255,255,255,0) 0,rgba(225,225,225,0.2) 360deg),#fff}
}