.deensimc-3d-grid-main-container{--deensimc-item-gap:32px;--deensimc-col-gap:32px;--deensimc-alternate-duration:0s;--deensimc-infinity-duration:0s;--deensimc-timing-function:cubic-bezier(0.4, 0, 0.7, 1);--deensimc-tilt-tb:55deg;--deensimc-tilt-lr:0deg;--deensimc-rotate:-45deg;--deensimc-img-rotate:0deg;--deensimc-col:4;--deensimc-image-width:450px;--deensimc-divider-width:2px;--deensimc-divider-type:dashed;--deensimc-divider-color:#ccc;--deensimc-adjustment:0;width:100%;height:80vh}.deensimc-image-list{display:none!important}.deensimc-3d-grid-col-container{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;perspective:3000px;transform-style:preserve-3d;perspective-origin:center center}.deensimc-3d-grid-col-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--deensimc-col-gap);transform:rotateX(var(--deensimc-tilt-tb)) rotateY(var(--deensimc-tilt-lr)) rotateZ(var(--deensimc-rotate)) translateX(var(--deensimc-adjustment));transform-origin:center center;width:calc(calc(var(--deensimc-col-gap) * calc(var(--deensimc-col) - 1))+calc(var(--deensimc-image-width) * var(--deensimc-col)));flex-shrink:0}.deensimc-3d-grid-col{display:flex;flex-direction:column;justify-content:center;gap:var(--deensimc-item-gap)}.deensimc-3d-grid-image-wrapper{width:100%;display:flex;flex-direction:column;gap:var(--deensimc-item-gap);justify-content:center}.deensimc-3d-grid-image{width:var(--deensimc-image-width);aspect-ratio:4/3;transform:rotateZ(var(--deensimc-img-rotate));img{width:100%;height:100%;aspect-ratio:inherit;object-fit:cover;border-radius:8px;transition:all 0.5s var(--deensimc-timing-function)}}.deensimc-3d-grid-col:not(:last-child){position:relative;&::after{content:"";position:absolute;top:0;right:calc(calc(var(--deensimc-col-gap) / 2) * -1);transform:translateX(50%);border-right:var(--deensimc-divider-width) var(--deensimc-divider-type) var(--deensimc-divider-color);height:100%}}.deensimc-3d-grid-image:not(:last-child){position:relative;&::after{content:"";position:absolute;left:0;bottom:calc(calc(var(--deensimc-item-gap) / 2) * -1);transform:translateY(50%);border-bottom:var(--deensimc-divider-width) var(--deensimc-divider-type) var(--deensimc-divider-color);width:100%}}.deensimc-3d-grid-col .deensimc-3d-grid-image-wrapper{animation-name:slide;animation-duration:var(--deensimc-alternate-duration);animation-timing-function:var(--deensimc-timing-function);animation-iteration-count:infinite;animation-direction:alternate}.deensimc-3d-grid-col:nth-child(odd) .deensimc-3d-grid-image-wrapper{--translate-from:-10%;--translate-to:5%}.deensimc-3d-grid-col:nth-child(even) .deensimc-3d-grid-image-wrapper{--translate-from:5%;--translate-to:-10%}.deensimc-3d-grid-pause-on-hover .deensimc-3d-grid-col:hover .deensimc-3d-grid-image-wrapper{animation-play-state:paused}.deensimc-3d-grid-col:nth-child(1){.deensimc-3d-grid-image-wrapper{animation-delay:0s}}.deensimc-3d-grid-col:nth-child(2){.deensimc-3d-grid-image-wrapper{animation-delay:0.4s}}.deensimc-3d-grid-col:nth-child(3){.deensimc-3d-grid-image-wrapper{animation-delay:0.15s}}.deensimc-3d-grid-col:nth-child(4){.deensimc-3d-grid-image-wrapper{animation-delay:1s}}.deensimc-3d-grid-col:nth-child(5){.deensimc-3d-grid-image-wrapper{animation-delay:0.3s}}.deensimc-3d-grid-col:nth-child(6){.deensimc-3d-grid-image-wrapper{animation-delay:0.8s}}.deensimc-3d-grid-col:nth-child(7){.deensimc-3d-grid-image-wrapper{animation-delay:0.6s}}.deensimc-3d-grid-col:nth-child(8){.deensimc-3d-grid-image-wrapper{animation-delay:0.2s}}.deensimc-3d-grid-col:nth-child(9){.deensimc-3d-grid-image-wrapper{animation-delay:0.9s}}.deensimc-3d-grid-col:nth-child(10){.deensimc-3d-grid-image-wrapper{animation-delay:0.5s}}.deensimc-3d-grid-infinity .deensimc-3d-grid-col .deensimc-3d-grid-image-wrapper{animation-name:deensimc-3d-grid-infinity;animation-duration:var(--deensimc-infinity-duration);animation-timing-function:linear;animation-iteration-count:infinite}.deensimc-3d-grid-infinity .deensimc-3d-grid-col:nth-child(odd) .deensimc-3d-grid-image-wrapper{animation-direction:normal}.deensimc-3d-grid-infinity .deensimc-3d-grid-col:nth-child(odd){justify-content:start}.deensimc-3d-grid-infinity .deensimc-3d-grid-col:nth-child(even){justify-content:end}.deensimc-3d-grid-infinity .deensimc-3d-grid-col:nth-child(even) .deensimc-3d-grid-image-wrapper{animation-direction:reverse}.deensimc-3d-grid-infinity .deensimc-3d-grid-image-wrapper:not(:last-child){position:relative;&::after{content:"";position:absolute;left:0;bottom:calc(calc(var(--deensimc-item-gap) / 2) * -1);transform:translateY(50%);border-bottom:var(--deensimc-divider-width) var(--deensimc-divider-type) var(--deensimc-divider-color);width:100%}}.deensimc-3d-grid-no-divider.deensimc-3d-grid-infinity .deensimc-3d-grid-image-wrapper:not(:last-child)::after,.deensimc-3d-grid-no-divider .deensimc-3d-grid-col:not(:last-child)::after,.deensimc-3d-grid-no-divider .deensimc-3d-grid-image:not(:last-child)::after{display:none}@keyframes slide{from{transform:translateY(var(--translate-from))}to{transform:translateY(var(--translate-to))}}@keyframes deensimc-3d-grid-infinity{100%{transform:translateY(calc(-50% - calc(var(--deensimc-item-gap) / 2)))}}