.info-section .media-container{aspect-ratio:1;position:relative;opacity:1;transition:opacity .3s ease-in-out}.info-section{color:var(--dark)}.info-section .media-container.fade-out{opacity:0}.info-section .text-container .text{opacity:1;transition:opacity .3s ease-in-out}.info-section .text-container .text.fade-out{opacity:0}.info-section .media-container img{width:100%;height:100%;object-fit:cover}.info-section .media-container>*{display:none}.info-section .media-container .placeholder{position:absolute}.info-section .media-container .placeholder.hide{z-index:-1}.info-section .arrows{display:flex;margin-bottom:16px;gap:10px;align-items:center}.info-section .arrows p{font-size:16px}.info-section .arrows span{cursor:pointer}.info-section .arrows span svg{fill:none}.info-section .arrows .left svg{transform:rotate(180deg)}.info-section .media-container>*.show{display:unset}.info-section .text-container{padding:32px 16px}.info-section h4{color:var(--blue);font-size:24px;margin-bottom:16px}.info-section .body{font-size:16px;color:var(--dark)}.info-section a{margin-top:24px;display:none}.info-section a.show{display:flex}.info-section .dots{margin-top:24px;gap:8px;display:flex}.info-section .dots .dot{width:6px;height:6px;transition:all .3s ease-in-out;display:block;border-radius:100px;background:var(--dark50)}.info-section .dots .dot.selected{width:32px;background:var(--blue)}.info-section .media-container .clickable-tabs .tab{background:var(--white);color:var(--dark);transition:.3s all ease-in-out;cursor:pointer;font-size:14px;border-radius:4px;padding:2px 8px}.info-section .media-container .clickable-tabs .tab.selected{background:var(--blue);color:var(--white)}@media screen and (min-width:1000px){.info-section .card{display:flex}.info-section{padding:40px 0}.info-section .text-container{padding:32px;max-width:464px;margin:0 auto;display:flex;flex-direction:column;justify-content:center}.info-section h4{font-size:30px}.info-section .card>*{width:50%}.info-section .card .media-container{border-radius:0 20px 20px 0;overflow:hidden}.info-section .card.image_right{flex-direction:row-reverse}.info-section .media-container .clickable-tabs{position:absolute;width:100%;display:flex;gap:8px;z-index:1;top:16px;justify-content:space-between;padding:0 40px}.info-section .card.image_right .media-container{border-radius:20px 0 0 20px}.info-section .media-container{aspect-ratio:unset}.info-section .body{padding-right:8px}}
/*# sourceMappingURL=/cdn/shop/t/125/assets/54bs_info-section.css.map */