.material__slider{background-color:var(--light-green);height:calc(var(--vh, 1vh)*100 - 89px);max-width:100vw;overflow:hidden;position:relative;-webkit-tap-highlight-color:transparent;.swiper-scrollbar-drag{cursor:grab;z-index:10}.swiper-scrollbar-drag:active{cursor:grabbing}.invisible{height:50vh;visibility:hidden}.disclaimer{color:var(--light);font-size:var(--font-sm);font-weight:600;padding:16px;right:41px;text-align:center;top:24px;z-index:51}.swiper-button-prev{background-color:unset;background-image:radial-gradient(ellipse at top,rgba(0,0,0,.75),transparent 65%);height:90px;left:0;padding-bottom:50px;padding-top:16px;top:14px;width:100%;&:after{transform:rotate(90deg)}}.swiper-button-next{background-color:unset;background-image:radial-gradient(ellipse at bottom,rgba(0,0,0,.6),transparent 65%);bottom:0;height:90px;left:0;padding-bottom:16px;padding-top:50px;top:unset;width:100%;&:after{transform:rotate(90deg)}}.swiper-button-disabled{visibility:hidden}.swiper-scrollbar{--swiper-scrollbar-size:24px;--swiper-scrollbar-left:auto;--swiper-scrollbar-right:16px;--swiper-scrollbar-drag-bg-color:hsla(0,0%,100%,.6);--swiper-scrollbar-drag-bg-color:var(--light-green);--swiper-scrollbar-bg-color:rgba(0,0,0,.2);--swiper-scrollbar-thumb-size:32px;--swiper-scrollbar-sides-offset:4%;.swiper-scrollbar-drag{background:hsla(0,0%,100%,.3);box-shadow:0 0 5px 2px rgba(0,0,0,.4)}}.slider__container{display:flex;margin:0 auto;max-height:calc(100% - 51px);max-width:1440px;overflow:hidden;position:relative}.thumbs__swiper{height:calc(var(--vh, 1vh)*100 - 140px);max-width:100vw;min-width:min-content}ul{list-style:disc}li{margin-bottom:.5rem}.slide{align-items:center;display:flex}.swiper-slide{height:auto}.left__col{margin:0 auto 0 6%;min-width:min-content;overflow:visible;padding-block:24px;position:relative;width:500px}.right__col{align-items:stretch;aspect-ratio:1/1;display:flex;height:100%;position:absolute;right:0;transition:transform .2s ease-in-out;z-index:0;@media screen and (min-width:1024px){.swiper-slide{overflow:hidden;position:relative;.img__material{height:100%;object-fit:cover;pointer-events:none;transform-origin:center center;transition:transform .2s ease-in-out;width:100%;will-change:transform}}}img{height:100%;margin:0 auto;object-fit:cover;width:100%}}.card__info{background-color:var(--light-transparent-85);flex-direction:column;gap:24px;padding:12px 24px;position:relative;transition:transform var(--desc-transition) ease-in-out;z-index:1;--desc-transition:0s;cursor:pointer;max-width:min-content;transition-delay:0s;&:hover{opacity:1}}.title__row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.hidden{display:none}.thumb__image{height:40px;pointer-events:none;width:40px}.swiper-slide-thumb-active .thumb__image{pointer-events:auto}.thumb__image img{height:100%;object-fit:contain;width:100%}.modal__icon{animation:bounce 2s infinite;cursor:pointer;display:none;width:40px;fill:var(--dark-green);transition:fill .3s ease-in-out,transform .1s ease-in;&:hover{fill:var(--light-green)}}.card__title{font-size:var(--font-xl);font-weight:800;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.card__description{max-height:0;overflow:hidden;--desc-transition:0s;transition:max-height var(--desc-transition) ease-in-out}.swiper-slide-thumb-active{.card__info{background-color:var(--light);gap:16px;opacity:1;padding:48px;--desc-transition:0.25s;max-width:unset;transition-delay:.2s;width:100%}.title__row{margin-bottom:1rem}.title__row .thumb__image{display:none}.modal__icon{display:inline}.card__title{font-size:var(--font-2xl)}.card__description{max-height:500px;--desc-transition:0.5s}}.image-modal{align-items:center;background-color:rgba(0,0,0,.9);display:none;inset:0;justify-content:center;position:fixed;z-index:999}.image-modal.active{display:flex}.modal__content{cursor:zoom-in;height:90vh;margin:auto;overflow:hidden;position:relative;top:50%;transform:translateY(-50%);width:90vw}.modal__content img{height:auto;max-height:100%;width:100%}.modal-close{color:#fff;cursor:pointer;font-size:3rem;position:absolute;right:3rem;top:2rem;z-index:1000}}@media screen and (max-width:1023px){.material__slider{padding:0;--swiper-scrollbar-right:8px;height:calc(var(--vh, 1vh)*100 - 74px);.slider__container{max-height:calc(100% - 70px)}.thumbs__swiper{height:calc(var(--vh, 1vh)*100 - 144px)}.left__col{margin:0;max-width:100%;min-width:unset;padding-left:20px;padding-right:40px;.card__info{background-color:var(--light-transparent-50);gap:16px;padding:12px;transform:translate(0)}.card__title{font-size:var(--font-lg)}.modal__icon{width:36px}.card__description{font-size:var(--font-sm)}}.right__col{width:100%;&:hover{transform:translateY(-3%) scale(1.02)}.img__material{transform:scale(2)!important}}.swiper-slide-thumb-active{.card__info{background-color:var(--light);max-width:unset;padding:16px;width:100%}.card__title{font-size:var(--font-xl)}}.modal__content{height:auto}}}