.carousel .carouselItem{background:#fff}.carousel .carouselItem .wrap{display:flex;flex-direction:column;text-decoration:none}.carousel .carouselItem .heading{align-self:flex-start;color:#1b365f;order:2}.carousel .carouselItem .image{flex-basis:100%}@media (max-width:767px){.carousel .carouselItem .heading{margin-top:16px;white-space:normal}}@media (min-width:768px){.carousel .carouselItem .heading{background:#fff;box-sizing:border-box;margin-top:-64px;min-height:64px;padding:16px 32px}}@media (max-width:767px){.carousel[data-pattern=carousel]>.main{display:flex;overflow-x:auto}.carousel[data-pattern=carousel] .carouselItem{flex-grow:0;flex-shrink:0;width:95%}.carousel[data-pattern=carousel] .carouselItem+.carouselItem{margin-left:8px}.carousel[data-pattern=carousel]>footer{height:0;left:-999em;max-width:899em;overflow:hidden;padding:0;position:absolute;right:auto;top:auto}}@media (min-width:768px){.carousel[data-pattern=carousel]{position:relative}.carousel[data-pattern=carousel]>.main{display:grid;grid-template-areas:"main";overflow:hidden}.carousel[data-pattern=carousel] .carouselItem{grid-area:main;opacity:0;z-index:0}.carousel[data-pattern=carousel] .pager{background:#1b365f;color:#fff;display:flex;left:32px;margin-top:calc(51.9% - 64px);padding:8px;position:absolute;top:0;transform:translateY(-100%);z-index:20}.carousel[data-pattern=carousel] .pager .current{line-height:32px;margin:0 8px}.carousel[data-pattern=carousel] .pager .action>a:before{color:#fff;font-size:14px;position:relative;top:1px}.carousel[data-pattern=carousel].type1 .carouselItem{transition:opacity .5s linear}.carousel[data-pattern=carousel].type1 .carouselItem.stateActive{opacity:1;position:relative;z-index:1}.carousel[data-pattern=carousel].type1 .carouselItem.stateNext{opacity:1;z-index:2}.carousel[data-pattern=carousel].type2 .carouselItem{transform:translateX(100%);transition:transform .35s linear}.carousel[data-pattern=carousel].type2 .carouselItem.stateActive{opacity:1;position:relative;transform:translateX(0);z-index:1}.carousel[data-pattern=carousel].type2 .carouselItem.stateNext{opacity:1;transform:translateX(0);z-index:2}}