*{margin:0;padding:0;box-sizing:border-box}:root{--angle: 15px;--skew-angle: -3deg}.series_container{width:100vw;background-color:#fff}.series_wrapper{width:100%;display:grid;grid-template-columns:repeat(4,1fr);border-top:#000000 solid 2px}.seriesWrapper_content{width:100%;height:320px;background-color:#fff;border:#000000 solid 2px;border-top:none;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease;overflow:hidden;display:flex;transform:skew(var(--skew-angle))}.seriesWrapper_content:hover{transform:skew(var(--skew-angle));box-shadow:0 4px 16px #0003}.seriesWrapper_content_item{width:120%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;background-color:#fff;transform:skew(calc(-1 * var(--skew-angle)))}.wrapperContent_item_name{font-family:Luckiest Guy,cursive;font-size:30px;color:#000;margin-bottom:10px;position:absolute;top:30px;z-index:99;text-shadow:4px 2px 0 rgba(255,255,255);transform:skewY(-4deg)}.seriesWrapper_content_item img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform .5s ease}.seriesWrapper_content_item:hover img{transform:scale(1.15)}.wrapperContent_item_button{font-size:16px;background-color:#000;color:#fff;padding:10px 20px;border:#fff solid 2px;border-radius:50px;display:flex;align-items:center;justify-content:center;font-weight:500;cursor:pointer;position:absolute;bottom:30px;transition:background-color .3s ease;text-decoration:none}.wrapperContent_item_button:hover{background-color:#333;color:#fff;text-decoration:none}.collection-placeholder{width:100%;height:100%;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#999;font-size:16px}.placeholder-collection .wrapperContent_item_button{pointer-events:none;background-color:#ccc}@media (max-width: 1100px){.series_wrapper{grid-template-columns:repeat(3,1fr)}.seriesWrapper_content,.seriesWrapper_content_item{transform:skew(0)}}@media (max-width: 900px){.series_wrapper{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.series_wrapper{grid-template-columns:1fr}.seriesWrapper_content{height:280px}.wrapperContent_item_name{font-size:24px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/index-series.css.map */