.templates-fan{perspective:1400px;width:min(100%,760px);min-height:380px;margin-inline:auto;position:relative}.templates-fan__card{transform-origin:bottom;width:204px;height:352px;transform-style:preserve-3d;cursor:pointer;border-radius:.75rem;transition:transform .35s,box-shadow .35s;display:block;position:absolute;bottom:3px;overflow:hidden;box-shadow:0 10px 36px #00000024}.templates-fan__card--1{z-index:10;left:0;transform:rotateX(-2deg)rotateY(8deg)rotate(-5deg);box-shadow:-14px 10px 36px #00000024}.templates-fan__card--2{z-index:20;left:168px;transform:rotateX(-2deg)rotateY(5deg)rotate(2deg)}.templates-fan__card--3{z-index:35;left:384px;transform:rotateX(-2deg)rotateY(-3deg)rotate(2deg)}.templates-fan__card--4{z-index:12;bottom:-12px;left:524px;transform:rotateX(-2deg)rotateY(-8deg)rotate(7deg);box-shadow:14px 10px 36px #00000024}.templates-fan__card--1:hover,.templates-fan__card--2:hover,.templates-fan__card--3:hover,.templates-fan__card--4:hover{z-index:50;transform:translateY(-12px)translateZ(0)rotateX(0)rotateY(0)rotate(0)scale(1.03);box-shadow:0 22px 48px #6d28d938}.templates-fan__card--1:hover{box-shadow:-18px 22px 48px #6d28d938}.templates-fan__card--4:hover{box-shadow:18px 22px 48px #6d28d938}@media (min-width:1280px) and (max-width:1535px){.templates-fan{transform-origin:0;transform:scale(.78)}}@media (min-width:1536px) and (max-width:1679px){.templates-fan{transform-origin:0;transform:scale(.9)}}