@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";
#main-posts{max-width:650px;height:auto;margin:auto;padding-bottom:100px;position:relative;top:65px}@media (max-width:650px){#main-posts{width:100%}}.view-switch-wrapper{justify-content:center;width:100%;margin-bottom:10px;display:flex}.view-switch{justify-content:center;align-items:center;gap:6px;display:flex}.view-btn{border:1px solid var(--component-bdr);cursor:pointer;background:var(--post-item-bg);border-radius:7px;outline:none;align-items:center;padding:5px 7px;transition:box-shadow .15s,border .15s,background .15s;display:flex;box-shadow:0 1px 4px #0000000a}.view-btn svg{display:block}.view-btn svg path{fill:var(--post-header-color)!important}
.contain-mypost-content{width:100%;height:100%;display:block;position:relative}.mypost-info{float:left;flex-direction:row;align-items:center;width:auto;margin:15px 0;font-size:small;display:flex}.user-thumbnail-mypost-info{float:left;object-fit:cover;border:1pt solid #cbcbcb78;border-radius:50%;width:35px;height:35px;position:relative}.mypost-info div{margin-left:7px}.mypost-info div span:first-child{color:#6495ed;font-weight:700}.mypost-info .delimiter{color:#6495ed;font-size:9px}.mypost-info div span:last-child{opacity:.6}.mypost-info div p{opacity:.8;margin-top:3px;font-size:.9em}.mypost-content{max-width:100%;margin:auto;padding-bottom:10px;position:relative}.contain-post-suggestion{width:100%;margin:auto}@media (max-width:685px){.mypost-content{width:100%!important;padding:0 0 10px!important}.mypost-info,.mypost-title,.mypost-stitle,.mypost-content-media-description,.mypost-list-tags,.mypost-list-button{padding-left:10px!important;padding-right:10px!important}}.mypost-title{box-sizing:border-box;float:left;width:100%;margin-top:15px;font-family:source-serif-pro,Georgia,Cambria,Times New Roman,Times,serif;font-size:2.1em;line-height:1.4em;position:relative}.mypost-stitle{opacity:.8;width:100%;margin-top:5px;padding:0;font-family:source-serif-pro,Georgia,Cambria,Times New Roman,Times,serif;font-size:1.2em;line-height:1.3em;display:inline-block;position:relative}.mypost-main-content{width:100%;padding-bottom:10px;display:inline-block;position:relative}.mypost-content-media{float:left;width:100%;height:auto;margin:7.5px 0;position:relative}.mypost-content-media img,.mypost-content-media-description video{cursor:pointer;float:left;width:100%;height:auto}.mypost-content-media img{background-color:#8080803b;min-height:100px}.mypost-content-media-description video{margin:14px 0}.mypost-content-media-description{float:left;box-sizing:border-box;width:100%;height:auto;padding:10px 0;font-size:1.1em;line-height:1.4em}.mypost-content-media-description ul{list-style-position:inside}.mypost-list-tags{width:100%;margin-top:0;display:inline-block;position:relative}.mypost-list-tags span{float:left;color:#949494;cursor:pointer;margin-right:5px;font-size:.85em;font-weight:700}.mypost-list-button{width:100%;margin-top:10px;display:inline-block}.span-button-post{color:#fff;cursor:pointer;float:left;background-color:#6495ed;border:none;border-radius:3px;width:30px;height:30px;margin-right:5px;padding:3px;display:block;position:relative}.span-button-post svg{width:100%;height:100%}.span-button-post svg path{stroke:#fff}.span-button-post-save{float:right;cursor:pointer;width:32px;height:32px;margin-right:-2px;background-color:none!important;border:none!important}.span-button-post-save svg{width:100%;height:100%}
.wrapper,.wrapper *{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}.wrapper{float:left;background:0 0;width:100%;margin:0;padding:0 10px!important}.wrapper :where(.title,li,li i,.details){align-items:center;display:flex}.title img{max-width:21px}.title h2{margin-left:8px;font-size:21px;font-weight:600}.wrapper .input-tag-content{margin:8px 0}.input-tag-content p{font-size:14px}.input-tag-content ul{border:1px solid #a6a6a6;border-radius:5px;flex-wrap:wrap;margin:5px 0;padding:5px;display:flex}.input-tag-content ul li{background:var(--tag-input-content-bg);border:1px solid var(--dialog-bdr);border-radius:4px;margin:3px 2px;padding:3px 6px 3px 7px;font-size:13px;list-style:none}.input-tag-content ul li i{cursor:pointer;background:var(--icon-remove-tag-input-bg);border-radius:50%;justify-content:center;width:18px;height:18px;margin-left:8px;font-size:12px}.input-tag-content ul input{color:var(--colortext);background-color:#0000;border:none;outline:none;flex:1;padding:5px;font-size:16px}.wrapper .details{justify-content:space-between}.details button{color:#fff;cursor:pointer;background:gray;border:none;border-radius:3px;outline:none;padding:4px 9px;font-size:12px;transition:background .3s}.details p{font-size:14px}