.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:translateY(-50%);transform:translateY(-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:45vw;--image-size-lg:150px;--image-height-lg:225px;--image-skeleton:radial-gradient(circle 16px at center,#fff 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);transform:translate(0);background:hsla(0,0%,50.2%,.7);text-align:center}.inline-composer-container .swiper-button-black:hover{background:hsla(0,0%,50.2%,.9)}.inline-composer-container .swiper-button-black.swiper-button-disabled{background:transparent;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:50%;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:transparent;outline:none;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%,hsla(0,0%,100%,0)));background:linear-gradient(0deg,rgba(0,0,0,.75),hsla(0,0%,100%,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,hsla(0,0%,82.7%,0)),color-stop(50%,hsla(0,0%,82.7%,.8)),to(hsla(0,0%,82.7%,0))),radial-gradient(hsla(0,0%,87.5%,.5),#dfdfdf);background-image:linear-gradient(90deg,hsla(0,0%,82.7%,0),hsla(0,0%,82.7%,.8) 50%,hsla(0,0%,82.7%,0)),radial-gradient(hsla(0,0%,87.5%,.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:var(--image-size-lg);height:var(--image-height-lg);background-size:var(--image-size-lg) var(--image-height-lg)}}@-webkit-keyframes slide-up{0%{-webkit-transform:translate(0);transform:translate(0);opacity:0}to{-webkit-transform:translateY(-110vh);transform:translateY(-110vh);opacity:1}}@keyframes slide-up{0%{-webkit-transform:translate(0);transform:translate(0);opacity:0}to{-webkit-transform:translateY(-110vh);transform:translateY(-110vh);opacity:1}}@-webkit-keyframes slide-down{0%{-webkit-transform:translateY(-110vh);transform:translateY(-110vh);opacity:0}to{-webkit-transform:translate(0);transform:translate(0);opacity:1}}@keyframes slide-down{0%{-webkit-transform:translateY(-110vh);transform:translateY(-110vh);opacity:0}to{-webkit-transform:translate(0);transform:translate(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;width:unset!important;height:unset!important;right:0;bottom:0}#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:56vh;height:100%;top:0!important;left:0!important;-webkit-transform:none!important;transform:none!important}#composer-modal.modal .modal-content{position:relative;height:100%;padding:0;border:0;background:transparent}#composer-details-iframe{border:0;width:100%;height:100%;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%)}.composer-play-button{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:flex}.play-button{color:#ccf955;font-size:2rem}