.composer-details-header{position:absolute;top:30px;left:0;width:100%;padding:0 15px;z-index:101}.composer-publisher-logo{width:120px;display:inline-block;mix-blend-mode:difference}.composer-publisher-logo svg{padding-left:10px;width:100%}.composer-publisher-logo path{-webkit-transition:fill .3s ease-in-out;transition:fill .3s ease-in-out}.composer-item[data-background-dark="1"] .composer-publisher-logo path,.composer-item[data-background-dark=on] .composer-publisher-logo path{fill:#fff!important}.composer-container .swiper-button-black,.inline-composer-container .swiper-button-black{position:absolute;font-size:25px;z-index:2;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;cursor:pointer;color:#fff;opacity:.6}.composer-container .swiper-button-black.swiper-button-disabled,.inline-composer-container .swiper-button-black.swiper-button-disabled{opacity:.1;cursor:not-allowed}.composer-container .swiper-button-black.swiper-button-prev,.inline-composer-container .swiper-button-black.swiper-button-prev{left:10px}.composer-container .swiper-button-black.swiper-button-next,.inline-composer-container .swiper-button-black.swiper-button-next{right:10px}:root{--image-size:30vw;--image-height:calc(30vw * 1.5);--image-size-lg:150px;--image-height-lg:225px;--image-skeleton:radial-gradient(circle 16px at center, white 99%, transparent 0);--blur-width:200px;--blur-size:var(--blur-width)}.inline-composer-list{height:var(--image-height);display:-webkit-box;display:flex;max-width:100vw}@media (min-width:768px){.inline-composer-list{height:var(--image-height-lg)}}.inline-composer-container{overflow:hidden;max-width:728px}.inline-composer-container .swiper-button-black{width:30px;height:100%;top:0;-webkit-transform:translate(0,0);transform:translate(0,0);background:rgba(128,128,128,.7);text-align:center}.inline-composer-container .swiper-button-black:hover{background:rgba(128,128,128,.9)}.inline-composer-container .swiper-button-black.swiper-button-disabled{background:0 0;pointer-events:none}.inline-composer-container .swiper-button-black.swiper-button-prev{left:0}.inline-composer-container .swiper-button-black.swiper-button-next{right:0}.inline-composer-container .swiper-button-black i{line-height:var(--image-height)}@media (min-width:768px){.inline-composer-container .swiper-button-black i{line-height:var(--image-height-lg)}}.inline-composer-bg{height:100%;background-size:cover;background-position:center;pointer-events:none;display:block}.inline-composer-author-img{position:absolute;top:10px;left:10px;width:25px;height:25px;border-radius:25px;background-size:cover;z-index:1}.inline-composer-title{position:absolute;bottom:10px;left:0;color:#fff;text-shadow:1px 0 rgba(0,0,0,.1);z-index:1;font-weight:700;padding:0 10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.3;max-height:36.4px}.inline-composer-title.chinese-char{-webkit-line-clamp:2;font-size:16px;line-height:1.3;font-weight:400;max-height:41.6px}.inline-composer-item{display:block;width:calc(var(--image-size) + 20px);height:var(--image-height)}@media (min-width:768px){.inline-composer-item{width:calc(var(--image-size-lg) + 20px);height:var(--image-height-lg)}}.inline-composer-item:hover .inline-composer-item-content::before{opacity:0}.inline-composer-item.loading-composer .inline-composer-item-content::before{background:#fff;opacity:.2}.inline-composer-item-content{display:block;width:var(--image-size);margin:0 10px;position:relative;border-radius:10px;cursor:pointer;padding:0;background:0 0;outline:0;overflow:hidden}@media (min-width:768px){.inline-composer-item-content{width:var(--image-size-lg)}}.inline-composer-item-content::after,.inline-composer-item-content::before{content:"";-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;display:block;position:absolute;top:0;left:0;background:#000;width:100%;height:100%;pointer-events:none;opacity:.2;border-radius:10px}.inline-composer-item-content::after{background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.75)),color-stop(80%,rgba(255,255,255,0)));background:linear-gradient(0deg,rgba(0,0,0,.75) 0,rgba(255,255,255,0) 80%);opacity:1}.item-link>.item-preview img{border-radius:50%}@-webkit-keyframes composer-loading{to{background-position:100px 0,0}}@keyframes composer-loading{to{background-position:100px 0,0}}.inline-composer-skeleton>div{width:var(--image-size);height:var(--image-height);border-radius:10px;margin:0 10px;background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(211,211,211,0)),color-stop(50%,rgba(211,211,211,.8)),to(rgba(211,211,211,0))),radial-gradient(rgba(223,223,223,.5),#dfdfdf);background-image:linear-gradient(90deg,rgba(211,211,211,0) 0,rgba(211,211,211,.8) 50%,rgba(211,211,211,0) 100%),radial-gradient(rgba(223,223,223,.5),#dfdfdf);background-size:var(--image-size) var(--image-height);background-position:-100px 0,0;background-repeat:no-repeat;-webkit-animation:composer-loading 1s infinite;animation:composer-loading 1s infinite}@media (min-width:768px){.inline-composer-skeleton>div{width:calc(var(--image-size-lg));height:var(--image-height-lg);background-size:var(--image-size-lg) var(--image-height-lg)}}@-webkit-keyframes slide-up{from{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:0}to{-webkit-transform:translate(0,-110vh);transform:translate(0,-110vh);opacity:1}}@keyframes slide-up{from{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:0}to{-webkit-transform:translate(0,-110vh);transform:translate(0,-110vh);opacity:1}}@-webkit-keyframes slide-down{from{-webkit-transform:translate(0,-110vh);transform:translate(0,-110vh);opacity:0}to{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}}@keyframes slide-down{from{-webkit-transform:translate(0,-110vh);transform:translate(0,-110vh);opacity:0}to{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}}#composer-modal.modal{display:block!important;padding:0!important;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:border-radius .3s,-webkit-transform .3s cubic-bezier(.7,0,.4,1);transition:border-radius .3s,-webkit-transform .3s cubic-bezier(.7,0,.4,1);transition:border-radius .3s,transform .3s cubic-bezier(.7,0,.4,1);transition:border-radius .3s,transform .3s cubic-bezier(.7,0,.4,1),-webkit-transform .3s cubic-bezier(.7,0,.4,1);will-change:transform;pointer-events:none;z-index:2000;border-radius:10px}#composer-modal.modal.show{pointer-events:auto;-webkit-transform:scale(1);transform:scale(1);border-radius:0}#composer-modal.modal .modal-dialog{margin:0 auto;max-width:calc(100vh*.56);top:0!important;left:0!important;-webkit-transform:none!important;transform:none!important}#composer-modal.modal .modal-content{position:relative;padding:0;border:0;background:0 0}#composer-details-iframe{border:0;width:100%;height:100vh;z-index:100;position:relative}.composer-iframe-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:#f8f8f8;pointer-events:none}.composer-iframe-skeleton .lds-stripe{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}