.video-tabs-section{position:relative}.video-tabs-section .container{max-width:1200px;margin:120px auto}.video-tabs__title{font-size:4rem;text-align:center;font-weight:800;line-height:1.5;color:#000;margin-bottom:30px}.video-tabs__nav{display:flex;justify-content:center;align-items:flex-end;gap:10.4rem;margin-bottom:40px;flex-wrap:wrap}@media screen and (max-width: 990px){.video-tabs__nav{gap:3.5rem}}.video-tabs__tab{display:flex;flex-direction:column;align-items:center;background:transparent;border:none;cursor:pointer;transition:all .3s ease;border-radius:12px;position:relative;min-width:50px}.video-tabs__tab:hover{transform:translateY(-2px)}.video-tabs__icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.video-tabs__icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}.video-tabs__tab-title{font-size:1.8rem;font-weight:800;margin-bottom:8px;color:#000;text-align:center;transition:color .3s ease}.video-tabs__tab.active .video-tabs__icon{transform:scale(1.1)}.video-tabs__tab.active .video-tabs__tab-title{font-weight:700}.video-tabs__content{position:relative;height:420px;border-radius:24px;overflow:hidden;background:#f8f9fa}.video-tabs__panel{display:none;width:100%;height:100%;height:420px}.video-tabs__panel.active{display:block}.video-tabs__video-wrapper{position:relative;width:100%;height:100%;height:420px;background:#000}.video-tabs__video-wrapper video{width:100%;height:100%;object-fit:cover;height:420px}.video-tabs__placeholder{display:flex;align-items:center;justify-content:center;height:420px;background:#f8f9fa;background:#000;font-size:1.6rem}@media screen and (max-width: 990px){.video-tabs__content{height:200px;border-radius:0}.video-tabs__panel{height:200px}.video-tabs__panel.active{display:block}.video-tabs__video-wrapper{height:200px}.video-tabs__video-wrapper video{height:200px}.video-tabs__placeholder{height:200px}}.video-tabs__nav.grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.video-tabs__tab:focus{outline:none;box-shadow:0 0 0 3px #007bff80}.video-tabs__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/video-tabs.css.map */