.flipcards{color:#fff}.flipcard,.flipcards{display:flex;flex-direction:column;min-height:100vh}.flipcard{box-sizing:border-box;justify-content:space-between;left:0;padding:50px 25px 50px 50px;position:relative;top:0;transition:transform .5s}@media only screen and (min-width:768px){.flipcard{align-items:center;grid-template-columns:repeat(12,1fr);grid-template-rows:1fr;justify-content:center;grid-column-gap:40px;grid-row-gap:0;display:grid;flex-direction:row;padding:20px}}.flipcard__uppertitle{color:hsla(0,0%,100%,.6);font-size:16px;font-style:normal;font-weight:400;line-height:150%}.flipcard__title{color:#fff;font-size:28px;font-style:normal;font-weight:400;line-height:130%}@media only screen and (min-width:768px){.flipcard__title{font-size:50px}}.flipcard__text{color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:150%;margin-top:5px}@media only screen and (min-width:768px){.flipcard__text{font-size:18px;margin-top:0}}.hidden{display:none}.flipcards__scrollbar{height:100%;left:20px}.flipcards__scrollbar:before{background:#fff;content:"";display:block;height:100%;opacity:.5;width:1px}.flipcards__scrollbar-bar{height:100%;width:2px}.flipcard__image{aspect-ratio:1/1;position:relative;width:150px}.flipcard__image img.regular-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.flipcard__image img.svg-image{border-radius:0;height:100%;object-fit:contain;width:100%}@media only screen and (min-width:768px){.flipcard__image{grid-area:1/3/2/6;max-width:400px;width:100%}.flipcard__image img.regular-image,.flipcard__image img.svg-image{height:100%;width:100%}}.flipcard__content{display:flex;flex-direction:column;gap:5px;width:100%}@media only screen and (min-width:768px){.flipcard__content{gap:0;grid-area:1/7/2/13;padding-right:80px}}@media only screen and (min-width:1570px){.flipcard__content{gap:0;grid-area:1/8/2/13;padding-right:0}}.flipcards{overflow:hidden;position:relative;width:100%}.flipcards__scrollbar{background:hsla(0,0%,100%,.5);height:calc(100% - 100px);left:25px;position:absolute;top:50px;width:1px}@media only screen and (min-width:768px){.flipcards__scrollbar{left:80px}}.flipcards__scrollbar-bar{background:#fff;left:-1px;position:absolute;top:0;transition:top .2s ease-out;width:3px}.flipcard{left:.5px;opacity:0;position:absolute;transition:opacity .5s ease-in-out;width:100%}.flipcard.active{opacity:1}