.oc-high-speed-gallery-wrapper{position:relative;width:100%;background:#000;overflow:hidden}.oc-high-speed-gallery-wrapper .oc-high-speed-gallery{width:100%;height:calc(100% - 100px);max-height:calc(100vh - 100px);column-gap:15px;opacity:1;padding:0 40px;display:flex;will-change:transform;transform:perspective(1200px)}.oc-high-speed-gallery-wrapper .oc-high-speed-gallery .oc-high-speed-column{flex:1 0;flex-direction:column;row-gap:15px;min-height:100%;display:flex;will-change:transform}.oc-high-speed-gallery-wrapper .oc-high-speed-gallery .oc-high-speed-column .oc-high-speed-image-box{background:#1f1f1f;border-radius:10px;will-change:transform;width:100%;padding-bottom:67%;position:relative;opacity:1;overflow:visible;flex:none;overflow:hidden;display:flex;align-items:center;justify-content:center}.oc-high-speed-gallery-wrapper .oc-high-speed-gallery .oc-high-speed-column .oc-high-speed-image-box img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.oc-high-speed-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;transition:opacity .8s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.oc-high-speed-overlay.show-box{opacity:1;visibility:visible}.oc-high-speed-overlay-title{color:#fff;font-size:48px;line-height:1.5;font-weight:800;max-width:1200px;text-align:center;margin-bottom:2rem;transform:translateY(30px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.oc-high-speed-overlay.show-box .oc-high-speed-overlay-title{opacity:1;visibility:visible}.oc-high-speed-overlay-subtitle{color:#969696;font-size:18px;line-height:1.5;text-align:center;max-width:1200px;transform:translateY(30px);opacity:0;transition:all .8s ease .5s}.oc-high-speed-overlay.show-box .oc-high-speed-overlay-subtitle{opacity:1;visibility:visible}.oc-high-speed-cards-container{max-width:800px;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.oc-high-speed-cards-container.show-box{opacity:1;visibility:visible}.oc-high-speed-showcase-card{position:absolute;width:253px;height:189px;border-radius:10px;transform:translateY(40px);opacity:0;transition:all .8s cubic-bezier(.34,1.56,.64,1)}.oc-high-speed-cards-container.show-box .oc-high-speed-showcase-card{transform:translateY(0);opacity:1}.oc-high-speed-showcase-card:nth-child(1){top:calc(50% - 260px);left:0}.oc-high-speed-showcase-card:nth-child(2){top:calc(50% - 260px);right:0}.oc-high-speed-showcase-card:nth-child(3){bottom:calc(50% - 330px);left:0}.oc-high-speed-showcase-card:nth-child(4){bottom:calc(50% - 330px);right:0}.oc-high-speed-showcase-card img{width:100%;height:100%;object-fit:cover;border-radius:10px}.oc-high-speed-showcase-card-title{position:absolute;bottom:14px;left:20px;font-size:14px;color:#fff;border-radius:30px}@media screen and (max-width: 1660px) and (min-width: 769px){.oc-high-speed-gallery-wrapper .oc-high-speed-gallery{column-gap:1.5rem;padding:0 4rem;height:72vw}.oc-high-speed-gallery-wrapper .oc-high-speed-gallery .oc-high-speed-column{row-gap:1.5rem}.oc-high-speed-gallery-wrapper .oc-high-speed-gallery .oc-high-speed-column .oc-high-speed-image-box{border-radius:1rem}.oc-high-speed-overlay-title{font-size:4.8rem}.oc-high-speed-overlay-subtitle{font-size:1.8rem}.oc-high-speed-cards-container{max-width:80rem}.oc-high-speed-showcase-card{width:25.3rem;height:18.9rem}.oc-high-speed-showcase-card:nth-child(1){top:calc(50% - 26rem);left:0}.oc-high-speed-showcase-card:nth-child(2){top:calc(50% - 26rem);right:0}.oc-high-speed-showcase-card:nth-child(3){bottom:calc(50% - 34rem);left:0}.oc-high-speed-showcase-card:nth-child(4){bottom:calc(50% - 34rem);right:0}.oc-high-speed-showcase-card-title{font-size:1.4rem;padding:.4rem 1rem;border-radius:3rem;bottom:2rem;left:2rem}}@media screen and (max-width: 768px){.oc-high-speed-gallery-wrapper{min-height:92vh}.oc-high-speed-gallery-wrapper .oc-high-speed-gallery{min-height:84vh;height:84vh;column-gap:1rem;padding:0;flex-direction:column;row-gap:1rem}.oc-high-speed-gallery-wrapper .oc-high-speed-gallery .oc-high-speed-column{flex-direction:row;column-gap:1rem;flex:none;height:30vh;min-height:unset}.oc-high-speed-gallery-wrapper .oc-high-speed-gallery .oc-high-speed-column .oc-high-speed-image-box{width:60%;padding-bottom:60%}.oc-high-speed-overlay-title{font-size:2.6rem;margin-bottom:2rem}.oc-high-speed-overlay-subtitle{font-size:1.8rem}.oc-high-speed-cards-container{max-width:80vw}.oc-high-speed-showcase-card{width:14rem;height:16rem}.oc-high-speed-showcase-card:nth-child(5){top:calc(50% - 26rem);left:0}.oc-high-speed-showcase-card:nth-child(6){top:calc(50% - 26rem);right:0}.oc-high-speed-showcase-card:nth-child(7){bottom:calc(50% - 33rem);left:0}.oc-high-speed-showcase-card:nth-child(8){bottom:calc(50% - 33rem);right:0}.oc-high-speed-showcase-card-title{font-size:1.4rem;padding:.2rem .6rem;border-radius:2rem;bottom:1rem;left:1rem}}@media screen and (max-width: 403px){.oc-high-speed-gallery-wrapper{min-height:100vh}.oc-high-speed-gallery-wrapper .oc-high-speed-gallery .oc-high-speed-column .oc-high-speed-image-box{padding-bottom:50%}}
/*# sourceMappingURL=/cdn/shop/t/208/assets/oc-high-speed-showcase.css.map */