@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);.draft__top{margin-bottom:10px;border:2px solid #1b4332;border-radius:10px}.draft__top-text{padding:30px 0 30px 40px;color:#1b4332}.draft__top-text h4{font-weight:700}.draft__top-text p{margin:0;padding:0;font-size:14px}.draft__top-action-btn{background-image:url(../img/stroke.dbee93be.png);background-repeat:no-repeat;background-position:top;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.draft__content-header{color:#1b4332;font-weight:700;text-transform:capitalize;font-size:24px}.draft__content-item{width:100%;cursor:pointer}.draft__content-item:hover{border-color:#1b4332}.draft__content-item:hover .content-meta{display:block}.draft__content-item:hover .draft__content-actions{display:-webkit-box;display:-ms-flexbox;display:flex}.draft__content-screenshot{display:block;margin-bottom:10px;background-image:linear-gradient(100deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 80%),linear-gradient(#f7f7f7 100%,transparent 0);-webkit-animation:shine 1s infinite;animation:shine 1s infinite;border-radius:.5rem;position:relative}.draft__content-screenshot .content-img{height:200px;background-repeat:no-repeat;background-size:200px auto}.draft__content-screenshot .content-meta{display:none;position:absolute;bottom:0;left:0;right:0;width:100%;border-radius:0 0 .5rem .5rem;text-align:center;background:#000}.draft__content-screenshot .content-meta .meta-title{color:#d8f3dc;display:block;font-size:12px;letter-spacing:.15px;line-height:18px;margin-left:2px;vertical-align:top;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;margin-bottom:2px;padding:8px;border-bottom:2px solid #d8f3dc}.draft__content-screenshot .content-meta .meta-title:hover{color:#d8f3dc;text-decoration:none}.draft__content-screenshot .content-meta .meta-time{font-size:12px;letter-spacing:.3px;vertical-align:middle;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px;color:#d8f3dc}.draft__content-screenshot .content-meta .meta-time .time-info{color:#52b788;font-weight:700}.draft__content-actions{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:50%;margin:4px auto}.content-item{margin-bottom:10px}.content-item .content-meta-container{border-top:1px solid #e2e2e2;padding:10px 22px 14px 14px;position:relative}.content-item .content-meta-container .meta-right-container{width:85%}.draft-page{padding-top:50px;padding-bottom:70px}.draft-page,.editor-wrap{min-height:100vh}.f-12{font-size:12px!important}.rounded-full{border-radius:100%}.font-bold{font-weight:700}.relative{position:relative}.absolute{position:absolute}.share__container h3{font-size:18px;font-weight:700}.share__container p{font-size:14px}.share__container-left{border-radius:20px;background:#fff;padding:20px 40px;margin-right:2px;color:#1b4332}.share__container-left .clear-fix{margin:120px auto}.share__container-left-btn button{border:2px solid #1b4332;padding:10px;margin-bottom:5px}.share__container-left-btn button .title{display:none}.share__container-left-btn .active{background:#1b4332;-webkit-transition:all .2s linear!important;transition:all .2s linear!important}.share__container-left-btn .active svg{fill:#d8f3dc}.share__container-left-btn .active .title{-webkit-transition:all .2s linear!important;transition:all .2s linear!important;color:#d8f3dc;display:inline-block}.share__container-right{border-radius:20px;background:#d8f3dc;border:1px solid #52b788;margin-left:2px;padding:20px}.screenshot-bg{background-image:linear-gradient(100deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 80%),linear-gradient(#cecbcb 100%,transparent 0);-webkit-animation:shine 1s infinite;animation:shine 1s infinite}@-webkit-keyframes shine{to{background-position:150px 0}}@keyframes shine{to{background-position:150px 0}}.screenshot-bg{border-radius:20px}.share-page-content-img{width:100%;height:500px;background-size:cover;background-repeat:no-repeat;-webkit-box-sizing:content-box;box-sizing:content-box;border-radius:20px}