.vertical-roll{display:flex;flex-direction:row;gap:51.5px;width:100%;max-width:1368px}.vertical-roll video{width:100%;height:100%;max-width:calc(100vh - 51.5px)}.vertical-roll img{width:100%;max-width:calc(100vh - 51.5px);height:100%;object-fit:contain}@media screen and (max-width: 768px){.vertical-roll{flex-direction:column-reverse;gap:20px}}.vertical-roll .active-section{display:flex;flex-direction:row;position:relative;flex:1}.vertical-roll .active-section .active-section-content{display:flex;flex-direction:column;position:sticky;top:calc(50% - 216.5px);align-self:flex-start;flex:1}.vertical-roll .active-section .active-section-content .text{padding:20px}.vertical-roll .active-section .active-section-content .compact-styled-text{font-family:VisbyCF-Medium,sans-serif;font-size:17px;line-height:27.5px;color:#fff;text-align:center}.vertical-roll .active-section .active-section-content-inner{height:433px;aspect-ratio:9 / 16}@media screen and (max-width: 768px){.vertical-roll .active-section .active-section-content-inner{height:unset;aspect-ratio:16 / 9}}.vertical-roll .active-section .indicators{display:flex;flex-direction:column;gap:21px;align-items:center;align-self:stretch;justify-content:center;position:absolute;right:-30.5px;top:50%;transform:translateY(-50%)}@media screen and (max-width: 768px){.vertical-roll .active-section .indicators{display:none}}.vertical-roll .active-section .indicators .indicator{width:5.5px;height:5.5px;border-radius:50%;background-color:#fff;opacity:.1;transition:all .2s ease-in-out}.vertical-roll .active-section .indicators .indicator.active{opacity:1;background-color:#bdf2d5;width:8.5px;height:8.5px}.vertical-roll .sections{display:flex;flex-direction:column;gap:22px;align-items:stretch;width:374px}@media screen and (max-width: 768px){.vertical-roll .sections{width:100%}}.vertical-roll .sections .section{display:flex;flex-direction:column;gap:14px;position:relative;border-radius:20px;padding:35px 46px;flex:1;background-color:#18191e;cursor:pointer;border:1px solid #282828}@media screen and (max-width: 768px){.vertical-roll .sections .section{padding:20px 30px;display:none}.vertical-roll .sections .section.active{display:flex;background-color:transparent!important;border:none;align-items:center}.vertical-roll .sections .section.active .section-header{display:flex;flex-direction:row;align-self:stretch}.vertical-roll .sections .section.active .section-header button.switch-active{display:flex;flex-direction:row;align-items:center;justify-content:center;color:#fff;background:none;box-shadow:none}.vertical-roll .sections .section.active .section-header button.switch-active:disabled{opacity:.2}.vertical-roll .sections .section.active .section-header h3{flex:1;text-align:center;line-height:1.5}.vertical-roll .sections .section.active .text p{text-align:center;opacity:.7}}.vertical-roll .sections .section.compact{padding:20px 30px}.vertical-roll .sections .section.active{background-color:#18191e;cursor:unset}.vertical-roll .sections .section .highlight{background:linear-gradient(75deg,#7ad9f5,#411abe);background-size:200% 200%;animation:rotating-gradient 3s linear infinite;width:100%;height:100%;position:absolute;top:0;left:0;filter:blur(20px);border-radius:280px;z-index:-1}@keyframes rotating-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.vertical-roll .sections .section .section-header{display:flex;flex-direction:row;gap:18px;align-items:center}.vertical-roll .sections .section .section-header .icon{width:22px;height:22px;object-fit:contain}.vertical-roll .sections .section .section-header h3{font-family:VisbyCF-Bold,sans-serif;font-size:15px;line-height:35.5px;color:#fff;margin:0;opacity:1;text-align:left}.vertical-roll .sections .section .text{display:flex;flex-direction:column;gap:14px}.vertical-roll .sections .section .text p{font-family:VisbyCF-Medium,sans-serif;font-size:15px;line-height:27.5px;color:#fff;margin:0;opacity:.4;text-align:left}
