.media-collection-grid{display:grid;align-items:center;grid-template-columns:1fr;grid-gap:var(--grid-gutter);--grid-gutter: .5rem}.media-collection-item{display:grid;grid-gap:var(--grid-gutter)}.media-collection-inner{position:relative;border-radius:var(--block-radius)}.media-collection-inner .media{border-radius:var(--block-radius)}.main-image-media :is(.collection-style-cards :is(.media-collection-inner .media)) img,.main-image-media :is(.collection-style-cards :is(.media-collection-inner .media)) video,.main-image-media :is(.collection-style-cards :is(.media-collection-inner .media)) svg{transform:scale(1.3) rotate(4deg)}.swiper-slide-active :is(.main-image-media :is(.collection-style-cards :is(.media-collection-inner .media)) img,.main-image-media :is(.collection-style-cards :is(.media-collection-inner .media)) video,.main-image-media :is(.collection-style-cards :is(.media-collection-inner .media)) svg){transform:none;transition:all .6s cubic-bezier(.39,.58,.57,1) .1s}.media-collection-cards :is(.collection-style-cards :is(.media-collection-inner .media)){transform:translateY(50px);transition:all .6s cubic-bezier(.39,.58,.57,1)}.swiper-slide-active :is(.media-collection-cards :is(.collection-style-cards :is(.media-collection-inner .media))){transform:none;transition:all .6s cubic-bezier(.39,.58,.57,1) .1s}.media-collection-inner img,.media-collection-inner svg{transition:all .6s cubic-bezier(.39,.58,.57,1)}.media-collection-inner:hover img,.media-collection-inner:hover svg{transform:rotate(2deg) scale(1.1)}.media-collection-content{position:absolute;inset-block-end:0rem;inset-inline:0rem;padding:1rem;max-height:100%;overflow:hidden}.media-collection-text{margin-block-start:1rem}.media-collection-wrapper .slider-click.swiper-button-prev{position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}.media-collection-wrapper .slider-click.swiper-button-next{position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.media-collection-item.main-image{grid-area:main-image}.media-collection-item.left-side{grid-area:left-cards}.media-collection-item.right-side{grid-area:right-cards}.media-collection-grid{grid-template-areas:"left-cards" "main-image" "right-cards"}.collection-style-cards .media-collection-cards{grid-area:grid-cards}.collection-style-cards .media-collection-inner{border-radius:0;background:none;transform:rotate(var(--rotate))}.collection-style-cards .media-collection-cards .media-collection-inner .media{border:.125rem solid rgba(var(--background-rgb-color))}.main-image-media{background:none;border-radius:var(--block-radius);border:.125rem solid rgba(var(--background-rgb-color))}@media(min-width:992px){.main-image-media{padding:1.25rem}}@media(max-width:991.98px){.media-collection-grid.swiper-slide .media-collection-item.left-side{transform:translateY(-20%);opacity:0;transition:all .3s ease-in-out}.media-collection-grid.swiper-slide .media-collection-item.right-side{transform:translateY(20%);opacity:0;transition:all .5s ease-in-out}.media-collection-grid.swiper-slide.swiper-slide-active .media-collection-item{transform:translateY(0);opacity:1}.media-collection-item:is(.left-side,.right-side){grid-template-columns:repeat(2,minmax(0,1fr))}.collection-style-cards .media-collection-cards{display:contents}.collection-style-cards .media-collection-item.left-side.d-contents,.collection-style-cards .media-collection-item.right-side.d-contents{display:grid!important}.media-collection-content{padding:2rem;inset-block-end:1rem;inset-inline:1rem;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);border-radius:var(--block-radius);background:color-mix(in srgb,rgba(var(--background-rgb-color)) 50%,transparent)}}@media(max-width:767.98px){.collection-style-cards .media-collection-cards{--items-visible: 1.2}.media-collection-content{padding:.6rem;inset-block-end:.5rem;inset-inline:.5rem}.media-collection-text{margin-block-start:.5rem}}@media(max-width:575.98px){.collection-style-cards .media-collection-cards{--items-visible: 1.3}}@media screen and (min-width:992px){.media-collection-grid{--grid-gutter: 2rem;grid-template-columns:.5fr 1fr .5fr;grid-template-areas:"left-cards main-image right-cards"}.collection-style-cards .media-collection-grid{--grid-gutter: 2rem;justify-content:center;grid-template-columns:.2fr 30rem .2fr;grid-template-areas:". main-image ." "grid-cards grid-cards grid-cards"}.collection-style-cards .media-collection-cards{display:flex}.collection-style-cards .media-collection-item:not(.main-image) .media-collection-inner{display:block;flex:0 1 100%;transform:translate(var(--translate)) rotate(var(--rotate))}.collection-style-cards .media-collection-item.left-side .media-collection-inner:first-child{--rotate: 4deg;--translate: 15%, 0}.collection-style-cards .media-collection-item.left-side .media-collection-inner:last-child{--rotate: -5deg;--translate: 5%, 5%}.collection-style-cards .media-collection-item.right-side .media-collection-inner:first-child{--rotate: 5deg;--translate: -5%, -2%}.collection-style-cards .media-collection-item.right-side .media-collection-inner:last-child{--rotate: -4deg;--translate: -15%, 0%}.collection-style-cards .media-collection-wrapper{overflow:visible;padding-bottom:4.5rem}.collection-style-cards.media-with-collection{overflow:hidden}.collection-style-cards .media-collection-item.main-image{width:100%;max-width:350px;margin-inline:auto}.collection-style-cards .media-collection-content{inset:auto;overflow:hidden;position:relative}.collection-style-cards [hovered-card-effect]{transition:transform 1s linear(0 0%,.22 2.1%,.86 6.5%,1.11 8.6%,1.3 10.7%,1.35 11.8%,1.37 12.9%,1.37 13.7%,1.36 14.5%,1.32 16.2%,1.03 21.8%,.94 24%,.89 25.9%,.88 26.85%,.87 27.8%,.87 29.25%,.88 30.7%,.91 32.4%,.98 36.4%,1.01 38.3%,1.04 40.5%,1.05 42.7%,1.05 44.1%,1.04 45.7%,1 53.3%,.99 55.4%,.98 57.5%,.99 60.7%,1 68.1%,1.01 72.2%,1 86.7%,1 100%),filter .4s ease,opacity .4s ease}.collection-style-cards [hovered-card-effect].is-hovered{--rotate: 0deg !important;--translate: 0, 0 !important;z-index:2;opacity:1}.collection-style-cards [hovered-card-effect].not-hovered{--translate: 0, 0 !important;z-index:1}.collection-style-cards [hovered-card-effect] .media{transition:transform .5s linear(0 0%,.22 2.1%,.86 6.5%,1.11 8.6%,1.3 10.7%,1.35 11.8%,1.37 12.9%,1.37 13.7%,1.36 14.5%,1.32 16.2%,1.03 21.8%,.94 24%,.89 25.9%,.88 26.85%,.87 27.8%,.87 29.25%,.88 30.7%,.91 32.4%,.98 36.4%,1.01 38.3%,1.04 40.5%,1.05 42.7%,1.05 44.1%,1.04 45.7%,1 53.3%,.99 55.4%,.98 57.5%,.99 60.7%,1 68.1%,1.01 72.2%,1 86.7%,1 100%)}.collection-style-cards [hovered-card-effect].not-hovered .media{animation:card-subtle-shake .3s ease-in-out forwards}@keyframes card-subtle-shake{0%,to{transform:scale(.95) translate(0)}25%{transform:scale(.95) translate(-3px) rotate(-.5deg)}75%{transform:scale(.95) translate(3px) rotate(.5deg)}}.collection-style-cards .media-collection-wrapper .slider-click.swiper-button-prev{top:20%;left:15%}.collection-style-cards .media-collection-wrapper .slider-click.swiper-button-next{top:20%;right:15%}.media-collection-cards .media-collection-item:not(.main-image) .media-collection-content>*{opacity:0;visibility:hidden;transform:translateY(100%);transition:all .3s ease-out}.media-collection-cards .media-collection-item:not(.main-image) .is-hovered .media-collection-content>*{opacity:1;transform:none;visibility:visible}.media-collection-wrapper .slider-click.swiper-button-prev{position:absolute;top:50%;left:21rem;transform:translateY(-50%)}.media-collection-wrapper .slider-click.swiper-button-next{position:absolute;top:50%;right:21rem;transform:translateY(-50%)}.media-collection-grid.swiper-slide .media-collection-item.left-side{transform:translate(20%);opacity:0;transition:all .3s ease-in-out}.media-collection-grid.swiper-slide .media-collection-item.right-side{transform:translate(-20%);opacity:0;transition:all .5s ease-in-out}.media-collection-grid.swiper-slide.swiper-slide-active .media-collection-item{transform:translate(0);opacity:1}}@media screen and (min-width:1040px){.media-collection-grid{--grid-gutter: 3rem}.collection-style-cards .media-collection-grid{grid-template-columns:.2fr 52rem .2fr;grid-template-areas:". main-image ." "grid-cards grid-cards grid-cards"}.collection-style-cards .media-collection-item.main-image{max-width:28rem}.media-collection-content{padding:2rem}.media-collection-cards .media-collection-item:not(.main-image) .media-collection-content{padding:1rem}.media-collection-wrapper .slider-click.swiper-button-prev{position:absolute;top:50%;left:28rem;transform:translateY(-50%)}.media-collection-wrapper .slider-click.swiper-button-next{position:absolute;top:50%;right:28rem;transform:translateY(-50%)}}@media screen and (min-width:1441px){.collection-style-cards .media-collection-wrapper .slider-click.swiper-button-prev{top:20%;left:30%}.collection-style-cards .media-collection-wrapper .slider-click.swiper-button-next{top:20%;right:30%}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/media-with-collection.css.map */