.hover-media-card.media-height-small{height:500px}.hover-media-card.media-height-medium{height:650px}.hover-media-card.media-height-large{height:800px}.hover-media-content-wrapper{display:flex;flex-direction:row-reverse;overflow:hidden;transition:all .8s ease;width:100%;height:100%;opacity:0;transition:.5s opacity}.hover-media-item.active .hover-media-content-wrapper{opacity:1;transition-delay:.3s}.hover-media-item{counter-increment:count;position:absolute;display:flex;align-items:flex-end;top:0;left:0;width:calc(100% - 1032px);height:100%;min-height:100%;padding-top:0;transform:translate3d(-100%,0,0);background:rgba(var(--color-background));transition:all 1s}.hover-media-item.active,.hover-media-item.active~.hover-media-item{transform:translateZ(0)}.hover-media-item-wrapper{width:100%;height:100%;display:flex;flex-direction:row-reverse}.hover-media-item.active .hover-media-header{transition-delay:0s}.hover-media-header{position:absolute;top:0;right:-150px;height:100%;width:150px;box-sizing:border-box;transition:border-color .35s ease-out .7s;overflow:hidden;display:flex;writing-mode:vertical-rl;text-orientation:mixed;flex-direction:row;transform:rotate(180deg);transform-origin:center;align-items:flex-end;gap:50px;padding:80px 30px;cursor:pointer;border-left:1.5px solid;background:rgba(var(--color-background))}.hover-media-item:last-child .hover-media-header{border-left:0}.hover-media-content-wrapper .hover-media-image{flex:0 0 60%;padding:60px 30px}.hover-media-content-wrapper .hover-media-image img{height:auto}.hover-media-content-wrapper .hover-media-image{padding-left:20px}.hover-media-content-wrapper .hover-media-text{padding:0 30px 80px;flex:0 0 40%;max-height:100%;overflow-y:auto;align-self:flex-end}.hover-media-count{opacity:1;scale:1.7;margin-left:-50px}@media (min-width: 1025px){.hover-media-card{display:flex;overflow:hidden;position:relative}hover-media-content .collapsiable-details{display:none!important}}@media (max-width: 1024px){hover-media-content .hover-media-item{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hover-media-content.css.map */