22

✏️ Editing: ep-interactive-tabs.css

.bdt-interactive-tabs .swiper-slide{border-radius:6px;min-width:100%;max-width:100%;opacity:0 !important}.bdt-interactive-tabs .swiper-slide.swiper-slide-active{opacity:1 !important}.bdt-interactive-tabs .bdt-navigation-arrows a{color:#1da1f2;padding:10px 15px;background:#fff;font-size:12px;border:1px solid #1da1f2;border-radius:3px;display:inline-block;transition:all .3s ease}.bdt-interactive-tabs .bdt-navigation-arrows a:hover{color:#fff;background:#1da1f2}.bdt-interactive-tabs .bdt-navigation-arrows svg{width:1em !important;height:1em}.bdt-interactive-tabs .bdt-navigation-prev{margin-right:5px}.bdt-interactive-tabs .bdt-navigation-next{margin-left:5px}.bdt-interactive-tabs .bdt-navigation-prev,.bdt-interactive-tabs .bdt-navigation-next{background:#fff;padding:8px;border-radius:3px}.bdt-interactive-tabs-content{position:relative}.bdt-interactive-tabs-main-img img{border-radius:6px}.bdt-interactive-tabs-item{display:flex;align-items:center;padding:20px;border-radius:6px;cursor:pointer;border:1px solid rgba(151,163,184,0.2);transition:all .3s ease}.bdt-interactive-tabs-item.bdt-active{border-color:#4AB8F8}.bdt-interactive-tabs-item.bdt-active .bdt-interactive-tabs-icon{color:#4AB8F8}.bdt-interactive-tabs-item.bdt-active .bdt-interactive-tabs-icon svg{fill:#4AB8F8}.bdt-interactive-tabs-icon{font-size:40px;color:#b6bad0;margin-right:15px;line-height:1;transition:all .2s ease}.bdt-interactive-tabs-icon i,.bdt-interactive-tabs-icon svg,.bdt-interactive-tabs-icon img{transition:all .3s ease}.bdt-interactive-tabs-icon svg{width:1em;height:1em;fill:#b6bad0;transition:all .2s ease}.bdt-interactive-tabs-icon img{min-height:100%}.bdt-interactive-tabs-wrap{display:grid;margin:0;padding-left:0;margin-bottom:30px;-webkit-transform:translate(var(--ep-interactive-tabs-thumbs-h-offset, 0), var(--ep-interactive-tabs-thumbs-v-offset, 0)) rotate(var(--ep-interactive-tabs-thumbs-rotate, 0));transform:translate(var(--ep-interactive-tabs-thumbs-h-offset, 0), var(--ep-interactive-tabs-thumbs-v-offset, 0)) rotate(var(--ep-interactive-tabs-thumbs-rotate, 0))}.bdt-interactive-tabs-sub-title{font-size:11px;color:#7b7992;margin-bottom:3px;font-weight:500;text-transform:uppercase}.bdt-interactive-tabs-title{font-size:16px;font-weight:700;color:#0d0925;margin:0}.bdt-icon-top--yes .bdt-interactive-tabs-item{flex-direction:column;align-items:inherit}.bdt-icon-top--yes .bdt-interactive-tabs-icon{margin-right:0;margin-bottom:10px}@media (min-width:1024px){.bdt-interactive-tabs{display:flex}.bdt-interactive-tabs-wrap{margin-right:var(--ep-space-between, 15px);width:var(--ep-tabs-width, 50%);margin-bottom:0}.bdt-interactive-tabs-content{margin-left:var(--ep-space-between, 15px);width:calc(100% - var(--ep-tabs-width, 50%) - var(--ep-space-between, 15px))}.bdt-row-reverse--yes .bdt-interactive-tabs{flex-direction:row-reverse}.bdt-row-reverse--yes .bdt-interactive-tabs-wrap{margin-right:0;margin-left:var(--ep-space-between, 15px)}.bdt-row-reverse--yes .bdt-interactive-tabs-content{margin-left:0;margin-right:var(--ep-space-between, 15px)}.bdt-single-column--yes .bdt-interactive-tabs{display:inherit}.bdt-single-column--yes .bdt-interactive-tabs-wrap{width:var(--ep-tabs-width, 100%);margin-bottom:calc(2 * var(--ep-space-between, 15px));margin-right:0}.bdt-single-column--yes .bdt-interactive-tabs-content{width:100%;margin-left:0}.bdt-column-reverse-on-desktop--yes .bdt-interactive-tabs{display:flex;flex-direction:column-reverse}.bdt-column-reverse-on-desktop--yes .bdt-interactive-tabs-wrap{margin-bottom:0;margin-top:calc(2 * var(--ep-space-between, 15px))}}@media (max-width:1023px){.bdt-column-reverse--yes .bdt-interactive-tabs{display:flex;flex-direction:column-reverse}.bdt-column-reverse--yes .bdt-interactive-tabs-wrap{margin-bottom:0;margin-top:calc(2 * var(--ep-space-between, 15px))}}

MR SKB