.ui-related-contents{position:relative;margin-bottom:var(--padding-x4);display:block;max-width:100%;overflow:hidden;box-sizing:border-box}.ui-related-contents .title{font-size:var(--medium-size);line-height:1.2;text-transform:uppercase;text-align:center;padding-bottom:var(--padding)}.ui-related-contents .swiper{padding:var(--padding) 0}.ui-related-contents .swiper.equal-height-swiper .swiper-wrapper{align-items:stretch}.ui-related-contents .swiper-slide{height:auto;display:flex}.ui-related-contents .content-wrap{margin:0 var(--padding);height:100%;width:100%;display:flex}.ui-related-contents .content-wrap a{display:flex;flex-direction:column;width:100%;transition:all .3s ease;cursor:pointer;border:1px solid var(--font-color)}.ui-related-contents .content-wrap a .post-title{display:block;margin-bottom:var(--padding-x2)}.ui-related-contents .content-wrap a .post-title:last-child{margin-bottom:var(--padding)}.ui-related-contents .content-wrap a:hover{background-color:var(--font-color);color:var(--bg-color)}.ui-related-contents .content-wrap a:hover .post-title,.ui-related-contents .content-wrap a:hover .type-label span{color:var(--bg-color)}.ui-related-contents .content-wrap a:hover .type-label{border-color:var(--bg-color)}.ui-related-contents .content-wrap .type-label{display:flex;padding:var(--padding);border-bottom:1px solid var(--font-color)}.ui-related-contents .content-wrap .type-label span{display:block;transition:color .3s ease}.ui-related-contents .content-wrap .type-label span:first-child{flex:1}.ui-related-contents .content-wrap .type-content{padding:var(--padding);font-size:var(--medium-size)}.ui-related-contents .featured-image-preview{position:fixed;pointer-events:none;z-index:999;transition:opacity .2s ease;background-color:var(--bg-color);max-width:20rem;max-height:20rem;display:block}@media screen and (max-width:780px){.ui-related-contents .featured-image-preview{display:none}}.ui-related-contents .featured-image-preview.position-right{transform:translate(0)}.ui-related-contents .col{position:absolute;top:0;right:var(--padding-x3);display:flex;z-index:3}@media screen and (max-width:780px){.ui-related-contents .col{right:var(--padding)}}.ui-related-contents .col span{height:2.8rem;width:2.8rem;margin-left:.85rem;margin-top:1.35rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--font-color);cursor:pointer}.ui-related-contents .col span svg{height:48%;width:48%;stroke:#fff}.ui-related-contents .col span .svg-icon--prev{transform:translate(-3px)}.ui-related-contents .col span .svg-icon--next{transform:translate(2px)}.ui-related-contents .col span .svg-icon--zoom{transform:translate(.5px)}.ui-related-contents .col span.swiper-button-disabled{background-color:#fff;cursor:not-allowed}.ui-related-contents .col span.swiper-button-disabled svg{stroke:var(--bg-color)}.ui-related-contents .swiper-button-next svg:hover{transform:translate(5px);transition:1s}@media screen and (max-width:780px){.ui-related-contents{padding:0;margin:var(--padding-x2) 0 0}}