.carousel .carouselItem{background:#fff}.carousel .carouselItem .wrap{text-decoration:none;display:flex;flex-direction:column}.carousel .carouselItem .heading{order:2;align-self:flex-start;color:#1b365f}.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{padding:16px 32px;margin-top:-64px;min-height:64px;background:#fff;box-sizing:border-box}}@media (max-width:767px){.carousel[data-pattern=carousel]>.main{overflow-x:auto;display:flex}.carousel[data-pattern=carousel] .carouselItem{width:95%;flex-grow:0;flex-shrink:0}.carousel[data-pattern=carousel] .carouselItem+.carouselItem{margin-left:8px}.carousel[data-pattern=carousel]>footer{position:absolute;left:-999em;right:auto;height:0;overflow:hidden;max-width:899em;top:auto;padding:0}}@media (min-width:768px){.carousel[data-pattern=carousel]{position:relative}.carousel[data-pattern=carousel]>.main{overflow:hidden;display:grid;grid-template-areas:"main"}.carousel[data-pattern=carousel] .carouselItem{z-index:0;opacity:0;grid-area:main}.carousel[data-pattern=carousel] .pager{background:#1b365f;color:#fff;display:flex;padding:8px;position:absolute;top:0;margin-top:calc(51.9% - 64px);transform:translateY(-100%);left:32px;z-index:20}.carousel[data-pattern=carousel] .pager .current{margin:0 8px;line-height:32px}.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{z-index:1;position:relative;opacity: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{z-index:1;position:relative;opacity:1;transform:translateX(0)}.carousel[data-pattern=carousel].type2 .carouselItem.stateNext{opacity:1;z-index:2;transform:translateX(0)}}