.tabs__items{position:relative}.tabs__item{display:none}.tabs__item-content{text-align:center}.tabs__item.is-active{display:block}.tabs__video-grid{display:grid;gap:2rem;width:100%;max-width:var(--page-width);margin:0 auto 3rem;padding:1.5rem}@media screen and (max-width: 749px){.tabs__video-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 1rem}}@media screen and (min-width: 750px){.tabs__video-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.tabs__video-container{width:100%;display:flex;flex-direction:column-reverse;gap:1rem}.tabs__video-preview{position:relative;width:100%;aspect-ratio:16/9;cursor:pointer;overflow:hidden;background-color:rgba(var(--color-foreground),.04);border-radius:.5rem;transition:transform .3s ease}@media screen and (max-width: 749px){.tabs__video-preview{aspect-ratio:1/1}}.tabs__video-preview-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.tabs__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;will-change:opacity;pointer-events:none;z-index:2}.tabs__video-preview:hover .tabs__video{opacity:1}.tabs__video-name{text-align:center;font-weight:500;padding:.5rem;color:rgb(var(--color-foreground))}.tabs__video-preview.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:2rem;height:2rem;border:2px solid rgba(var(--color-foreground),.1);border-top-color:rgba(var(--color-foreground),.8);border-radius:50%;transform:translate(-50%,-50%);animation:spin 1s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.tabs__sticky-nav{display:flex;align-items:center;padding:1.2rem;background:#f7f7f7;position:relative;z-index:10;border-radius:0 0 2rem;box-shadow:0 10px 40px #0000001a;width:10rem;transition:width .75s ease,margin .3s ease,border-radius .3s ease;margin-bottom:-84px}.tabs__sticky-nav.is-sticky{position:sticky;top:73px;left:0}.tabs__nav-icons{display:flex;align-items:center;transition:transform 1.5s ease,width 1.1s ease;transform:translate(0);justify-content:space-between}.tabs__nav-icons .tabs__nav-item:not(.is-active){width:0;padding:0;margin:0;opacity:0;pointer-events:none;overflow:hidden;transition:width .2s ease,opacity .5s ease,padding .2s ease}.tabs__nav-spacing--left,.tabs__nav-spacing--right{display:flex!important;flex:0;transition:flex 1s ease}.tabs__sticky-nav.is-expanded{width:100%;background:#f7f7f7;margin-left:0;border-radius:0;display:flex}.tabs__sticky-nav.is-expanded .tabs__nav-spacing--left,.tabs__sticky-nav.is-expanded .tabs__nav-spacing--right{flex:1}.tabs__sticky-nav.is-expanded .tabs__nav-icons{transform:translate(0);width:calc(100% - 4rem);max-width:1000px;flex:0 0 auto}.tabs__sticky-nav:not(.is-expanded) .tabs__nav-icons .tabs__nav-item{width:0;padding:0;margin:0;opacity:0;pointer-events:none;overflow:hidden;transition:width .2s ease,opacity .5s ease,padding .2s ease}.tabs__sticky-nav:not(.is-expanded) .tabs__nav-icons .tabs__nav-item.is-active{width:6rem;padding:.25rem;margin:0;opacity:1;pointer-events:auto;overflow:visible}.tabs__sticky-nav.is-expanded .tabs__nav-icons .tabs__nav-item{width:7rem;padding:.25rem;opacity:1;pointer-events:auto;overflow:visible;transition:width .2s ease,opacity .5s ease .2s,padding .2s ease}.tabs__nav-toggle{width:2.5rem;height:2.5rem;padding:.5rem;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:.5rem;transition:transform .3s ease;flex:0 0 auto;margin-right:-35px}.tabs__nav-arrow{width:2rem;height:2rem;object-fit:contain;transition:transform .3s ease}.tabs__sticky-nav.is-expanded .tabs__nav-arrow{transform:rotate(90deg)}.tabs__nav-item{width:6rem;height:6rem;padding:.25rem;border:none;background:transparent;cursor:pointer;transition:all .3s ease;flex-shrink:0}.tabs__sticky-nav.is-expanded .tabs__nav-item.is-active{position:relative}.tabs__sticky-nav.is-expanded .tabs__nav-item.is-active:after{content:"";position:absolute;bottom:-3.5rem;left:50%;transform:translate(-50%);width:0;height:0;border-left:4rem solid transparent;border-right:4rem solid transparent;border-top:2.5rem solid #f7f7f7;animation:slideDown .75s ease forwards;z-index:2}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-1rem)}to{opacity:1;transform:translate(-50%)}}.tabs__nav-item img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 749px){.tabs__sticky-nav{width:100%!important;border-radius:0!important;margin:0!important;position:relative;z-index:10;padding:0}.tabs__items{position:relative;z-index:1}.tabs__nav-spacing--left,.tabs__nav-spacing--right{display:none!important}.tabs__nav-icons{display:flex;width:100%!important;padding:0 1rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;gap:.75rem;flex-wrap:nowrap;align-items:center;min-height:min-content}.tabs__nav-icons::-webkit-scrollbar{display:none}.tabs__nav-icons .tabs__nav-item:not(:first-child){width:8rem!important;padding:.25rem!important;margin:0!important;pointer-events:auto!important;overflow:visible!important}.tabs__nav-icons .tabs__nav-item{width:20vw!important;height:20vw!important;flex:0 0 20vw!important;padding:.25rem!important;opacity:.5!important;pointer-events:auto!important;overflow:visible!important}.tabs__nav-item img{padding:10px}.tabs__nav-item.is-active{opacity:1!important;position:relative}.tabs__nav-item.is-active:after{content:"";position:absolute;bottom:-2.5rem;left:50%;transform:translate(-50%);width:0;height:0;border-left:3.5rem solid transparent;border-right:3.5rem solid transparent;border-top:2.5rem solid #f7f7f7;z-index:999999;pointer-events:none}.tabs__video-grid{position:relative;z-index:1}.tabs__nav-toggle{display:none!important}}.tabs__back-to-top{position:fixed;bottom:2rem;right:2rem;width:4rem;height:4rem;border-radius:50%;background:#f7f7f7;border:none;box-shadow:0 2px 10px #0000001a;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:100}.tabs__back-to-top.is-visible{opacity:1;visibility:visible}.tabs__back-to-top img{width:2rem;height:2rem;object-fit:contain}.tabs__back-to-top:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}@media screen and (max-width: 749px){.tabs__back-to-top{bottom:1rem;right:1rem;width:3rem;height:3rem}.tabs__back-to-top img{width:1.5rem;height:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/47/compiled_assets/styles.css.map */