.btn-video:hover,.post--masonry{font-weight:700}.item-video,.masonry-item,.media-video .content{overflow:hidden}@font-face{font-family:'Source Sans Pro';src:url(/fonts/SourceSansPro-Regular.ttf) format('truetype');font-weight:400;font-style:normal}*{font-size:11px;font-family:"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body,html{background:var(--background)}.grid{display:flex;width:auto}.grid-item{width:200px}.grid-item img{width:100%;height:auto}.main-nav{background-color:var(--nav)!important}.nav-link{color:#000!important}.grid--content .column--wrapper{display:column;gap:20;break-inside:avoid}.kolom-5{display:flex;flex-wrap:wrap;justify-content:center}.bagi-bagi{width:20%!important}.post--item{break-inside:avoid;flex:0 0 calc(20% - 1rem);margin:.5rem}.post--item:nth-child(n+6){margin-top:1rem}.post--item.top img{max-height:100px;width:auto}.post--masonry{display:block;text-align:center;font-size:30px;margin-top:100px;margin-bottom:30px}.grid--content,.grid--content-nav{width:100%;margin:0 auto;box-sizing:border-box}.grid--content .column--wrapper .post--item img{box-shadow:0 0 3px 2px #00000021;border-radius:10px;width:100%;margin-bottom:10px}.grid--content .post--title{font-weight:700;color:#1d2327}.grid--content .post-user{margin:10px 0}.grid--content .post-user a{display:flex;align-items:center;text-decoration:none}.grid--content .post-user img{border-radius:100%!important;max-width:35px;max-height:35px;margin:0;margin-bottom:0!important}.grid--content .post-user span{margin-left:10px;color:#949494;font-size:14px}.grid--content .post-user a:hover{background-color:transparent;border-radius:50px}.grid--content{max-width:65%}.grid--content-nav{max-width:66%;padding:.5%}.greeting,.greeting h5{margin-bottom:.5rem}.btn-real{background-color:transparent;border:1px solid #cecece;color:#000;border-radius:8px;padding:4px 6px;width:auto;min-width:80px}.btn-real:active,.btn-real:focus,.btn-real:hover{background-color:#efefef;border:1px solid #909090!important;color:#000}.btn-real img{width:15px;align-items:center}.kolom-pencarian{width:428px!important;border-radius:8px;border:1px solid var(--border);padding:4px;background-color:var(--card-body);color:var(--text-color)}.btn-masuk,.btn-pencarian{background-color:#909090;color:#fff}.kolom-pencarian:focus{outline:transparent solid 1px!important}.btn-pencarian{border:none;border-radius:8px;padding:4px 6px;width:auto;min-width:40px}.btn-masuk{min-width:90px}.modal-footer,.modal-header{background-color:#fff;color:#272727;border-radius:0}.modal-footer{justify-content:start;padding:3px 5px;font-size:8.5px}.greeting h5,.greeting p,.modal-body{color:var(--text-color)}.modal-title{font-size:11px!important;line-height:11px}.modal-body{background-color:var(--input-bg)}.close-button{color:#272727;font-size:16px!important;padding:1px 7px;border-radius:0!important;border:none;background-color:transparent}.close-button:hover{background-color:#d82e2e;color:#fff!important}.modal-preview-image{width:900px!important;max-width:unset}#targetPreviewFoto{max-height:618px;max-width:inherit;width:auto;height:100%}.frame-icon{width:30px;height:30px;border-radius:50%;border:1px solid #d7d7d7;display:flex;justify-content:center;align-items:center;margin-right:10px}.frame-icon img{width:75%;height:75%}.btn-close-modal-preview img{width:21px}.btn-close-modal-preview{padding:0!important}.btn-close-modal-preview:active,.btn-close-modal-preview:focus,.btn-close-modal-preview:focus-visible{outline:0}.btn-close-modal-preview img:hover{transform:rotate(180deg)}.btn-unduh-gambar{background-color:#dfdfdf}.btn-preview{height:25px!important;min-width:130px;background-color:transparent;color:#fff}.btn-preview:hover{background-color:#ffffff2b!important;color:#fff}.btn-preview-arrow{color:#ffffffb8;font-size:25px;width:auto;min-width:unset;height:auto!important}.btn-preview-arrow img{width:15px}.greeting h5{font-size:14px;font-weight:600}.greeting p{font-size:11px;margin-bottom:5px;line-height:11px}.icon-title{margin-left:10px;background-color:#d9d9d9;border-radius:50%;padding:3px;margin-top:-5px;margin-right:10px}.icon-title img{width:43px}.popup-tele{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.87);z-index:9999;justify-content:center;align-items:center;color:#fff}.btn-video{background-color:#9d9d9d;color:#000}.btn-login{background-color:#e6e6e6;color:#000}.field-icon{float:right;margin-right:7px;margin-top:-20px;position:relative;z-index:2}.form-control:focus{border:1px solid #bab9b9;box-shadow:none}.btn-submit{line-height:20px}.item-video{height:auto!important;max-height:140px;object-fit:cover;background-color:red;width:19%}.video-player{width:100%;display:flex;margin:0 0 .5rem}.media-video{width:85%;margin-right:2%;height:auto}.media-video video{width:100%;height:550px;border-radius:10px}.desc-video{width:20%}.media-video .content,.rwd-media{position:relative;width:100%}.desc-video p,.desc-video span{font-size:10px}.hashtag-font{background-color:transparent;border:none;color:inherit;padding:0;font:inherit;cursor:pointer;flex:0 0 auto}.hashtag-font:hover{text-decoration:underline}.hashtag-video{display:flex;flex-wrap:wrap;columns:2}:root{counter-reset:masonry}.masonry{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fill,minmax(19%,1fr));grid-auto-rows:0}.masonry-item{border-radius:10px;background-color:#eee}.masonry-item,.masonry-item img{position:relative;width:100%;height:auto}.media-video{display:flex;justify-content:center;align-items:center;padding:10px;background-color:#000;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1)}#hashtagMediaPlayer p{margin-bottom:0}@supports (grid-template-rows:masonry){.grid--content .column--wrapper{display:grid;grid-template-rows:masonry;grid-auto-flow:dense;align-tracks:stretch}}@media screen and (max-width:768px){.grid--content .post-user img{max-width:20px;max-height:20px}.grid--content .post-user span{font-size:11px}.grid--content .post--title{font-size:12px}.grid--content .column--wrapper{columns:3}}@media screen and (min-width:992px) and (max-width:1823px){.navbar{padding-left:5px!important}.modal-preview-image{width:750px!important}#targetPreviewFoto{max-height:350px}}