:root{--primaryColor: #E91E63;--primaryColorDark: #c31a58;--limeGreen: #00FF00;--dark: #101010;--darkGray: #181818;--gray: #232323;--lightGray: #6e6e6e;--light: #9d9d9d;--white: #ffffff;--primaryFont: "Poppins", sans-serif;--secondaryFont: "Roboto Mono", monospace;--iconSizePercent: 1}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:var(--primaryFont);text-decoration:none;list-style:none;scrollbar-width:2px;scrollbar-color:var(--primaryColor) transparent;-ms-overflow-style:none}*::-webkit-scrollbar{width:2px;height:2px}*::-webkit-scrollbar-thumb{background-color:var(--primaryColor);border-radius:10px}*::-webkit-scrollbar-track{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--primaryColor) transparent}.button{background:var(--primaryColor);border:none;color:var(--white);padding:12px 25px;border-radius:35px;transition:background .3s ease;font-size:18px;line-height:1;font-weight:600;cursor:pointer;transition:.2s;letter-spacing:.8px}a,input{color:var(--white)}.button:hover{background:var(--primaryColorDark)}.button--secondary{background:var(--lightGray)}.button--secondary:hover{background:var(--darkGray)}.icon{width:calc(25px * var(--iconSizePercent));height:calc(25px * var(--iconSizePercent));-webkit-mask-size:calc(625px * var(--iconSizePercent)) calc(100px * var(--iconSizePercent));mask-size:calc(625px * var(--iconSizePercent)) calc(100px * var(--iconSizePercent));display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:var(--white);display:block}.icon.icon-plus{-webkit-mask-position:calc(-50px * var(--iconSizePercent)) 0;mask-position:calc(-50px * var(--iconSizePercent)) 0}.icon.icon-home{-webkit-mask-position:calc(-325px * var(--iconSizePercent)) 0;mask-position:calc(-325px * var(--iconSizePercent)) 0}.icon.icon-favorites{-webkit-mask-position:calc(-275px * var(--iconSizePercent)) calc(-25px * var(--iconSizePercent));mask-position:calc(-275px * var(--iconSizePercent)) calc(-25px * var(--iconSizePercent))}.icon.icon-favorites-f{-webkit-mask-position:calc(-300px * var(--iconSizePercent)) calc(-25px * var(--iconSizePercent));mask-position:calc(-300px * var(--iconSizePercent)) calc(-25px * var(--iconSizePercent))}.icon.icon-reels{-webkit-mask-position:calc(-250px * var(--iconSizePercent)) calc(-75px * var(--iconSizePercent));mask-position:calc(-250px * var(--iconSizePercent)) calc(-75px * var(--iconSizePercent))}.icon.icon-search{-webkit-mask-position:calc(-425px * var(--iconSizePercent)) 0;mask-position:calc(-425px * var(--iconSizePercent)) 0}.icon.icon-settings{-webkit-mask-position:calc(-225px * var(--iconSizePercent)) calc(-25px * var(--iconSizePercent));mask-position:calc(-225px * var(--iconSizePercent)) calc(-25px * var(--iconSizePercent))}.icon.icon-more{-webkit-mask-position:calc(-175px * var(--iconSizePercent)) calc(-75px * var(--iconSizePercent));mask-position:calc(-175px * var(--iconSizePercent)) calc(-75px * var(--iconSizePercent))}.icon.icon-times{-webkit-mask-position:calc(-350px * var(--iconSizePercent)) calc(-75px * var(--iconSizePercent));mask-position:calc(-350px * var(--iconSizePercent)) calc(-75px * var(--iconSizePercent))}.icon.icon-image{-webkit-mask-position:calc(-350px * var(--iconSizePercent)) 0;mask-position:calc(-350px * var(--iconSizePercent)) 0}.icon.icon-add-image{-webkit-mask-position:calc(-75px * var(--iconSizePercent)) 0;mask-position:calc(-75px * var(--iconSizePercent)) 0}.icon.icon-send{-webkit-mask-position:calc(-225px * var(--iconSizePercent)) 0;mask-position:calc(-225px * var(--iconSizePercent)) 0}.icon.icon-left-angle-bracket{-webkit-mask-position:calc(-200px * var(--iconSizePercent)) calc(-75px * var(--iconSizePercent));mask-position:calc(-200px * var(--iconSizePercent)) calc(-75px * var(--iconSizePercent))}.icon.icon-right-angle-bracket{-webkit-mask-position:calc(-225px * var(--iconSizePercent)) calc(-75px * var(--iconSizePercent));mask-position:calc(-225px * var(--iconSizePercent)) calc(-75px * var(--iconSizePercent))}.icon.icon-message{-webkit-mask-position:calc(-175px * var(--iconSizePercent)) 0;mask-position:calc(-175px * var(--iconSizePercent)) 0}.icon.icon-message-f{-webkit-mask-position:calc(-150px * var(--iconSizePercent)) 0;mask-position:calc(-150px * var(--iconSizePercent)) 0}.icon-notification{-webkit-mask-position:calc(-125px * var(--iconSizePercent)) 0;mask-position:calc(-125px * var(--iconSizePercent)) 0}.icon-notification-f{-webkit-mask-position:calc(-100px * var(--iconSizePercent)) 0;mask-position:calc(-100px * var(--iconSizePercent)) 0}.icon.icon-media{-webkit-mask-position:calc(-350px * var(--iconSizePercent)) 0;mask-position:calc(-350px * var(--iconSizePercent)) 0}.icon.icon-camera{-webkit-mask-position:calc(-25px * var(--iconSizePercent)) 0;mask-position:calc(-25px * var(--iconSizePercent)) 0}.icon.icon-pause{-webkit-mask-position:calc(-125px * var(--iconSizePercent)) calc(-25px * var(--iconSizePercent));mask-position:calc(-125px * var(--iconSizePercent)) calc(-25px * var(--iconSizePercent))}.icon.icon-play{-webkit-mask-position:calc(-150px * var(--iconSizePercent)) calc(-25px * var(--iconSizePercent));mask-position:calc(-150px * var(--iconSizePercent)) calc(-25px * var(--iconSizePercent))}.icon.icon-like{-webkit-mask-position:calc(-275px * var(--iconSizePercent)) calc(-25px * var(--iconSizePercent));mask-position:calc(-275px * var(--iconSizePercent)) calc(-25px * var(--iconSizePercent))}.icon.icon-like-f{-webkit-mask-position:calc(-300px * var(--iconSizePercent)) calc(-25px * var(--iconSizePercent));mask-position:calc(-300px * var(--iconSizePercent)) calc(-25px * var(--iconSizePercent))}.icon.icon-comment{-webkit-mask-position:calc(-175px * var(--iconSizePercent)) 0;mask-position:calc(-175px * var(--iconSizePercent)) 0}.icon.icon-comment-f{-webkit-mask-position:calc(-150px * var(--iconSizePercent)) 0;mask-position:calc(-150px * var(--iconSizePercent)) 0}.icon.icon-share{-webkit-mask-position:calc(-125px * var(--iconSizePercent)) 0;mask-position:calc(-125px * var(--iconSizePercent)) 0}.icon.icon-user{-webkit-mask-position:calc(-525px * var(--iconSizePercent)) calc(-50px * var(--iconSizePercent));mask-position:calc(-525px * var(--iconSizePercent)) calc(-50px * var(--iconSizePercent))}.icon.icon-card{-webkit-mask-position:calc(-125px * var(--iconSizePercent)) calc(-50px * var(--iconSizePercent));mask-position:calc(-125px * var(--iconSizePercent)) calc(-50px * var(--iconSizePercent))}.icon.icon-bank{-webkit-mask-position:calc(-575px * var(--iconSizePercent)) calc(-50px * var(--iconSizePercent));mask-position:calc(-575px * var(--iconSizePercent)) calc(-50px * var(--iconSizePercent))}.icon.icon-wallet{-webkit-mask-position:calc(-350px * var(--iconSizePercent)) calc(-50px * var(--iconSizePercent));mask-position:calc(-350px * var(--iconSizePercent)) calc(-50px * var(--iconSizePercent))}.icon.icon-save,.icon.icon-save-f{-webkit-mask-position:calc(-75px * var(--iconSizePercent)) calc(-25px * var(--iconSizePercent));mask-position:calc(-75px * var(--iconSizePercent)) calc(-25px * var(--iconSizePercent))}.icon.icon-important-dialog{-webkit-mask-position:calc(-600px * var(--iconSizePercent)) calc(-25px * var(--iconSizePercent));mask-position:calc(-600px * var(--iconSizePercent)) calc(-25px * var(--iconSizePercent))}.icon.icon-clipboard-check{-webkit-mask-position:calc(-400px * var(--iconSizePercent)) calc(-50px * var(--iconSizePercent));mask-position:calc(-400px * var(--iconSizePercent)) calc(-50px * var(--iconSizePercent))}.icon.icon-privacy{-webkit-mask-position:calc(-500px * var(--iconSizePercent)) calc(-25px * var(--iconSizePercent));mask-position:calc(-500px * var(--iconSizePercent)) calc(-25px * var(--iconSizePercent))}.icon.icon-tel-email{-webkit-mask-position:calc(-525px * var(--iconSizePercent)) calc(-25px * var(--iconSizePercent));mask-position:calc(-525px * var(--iconSizePercent)) calc(-25px * var(--iconSizePercent))}.icon.icon-question{-webkit-mask-position:calc(-325px * var(--iconSizePercent)) calc(-50px * var(--iconSizePercent));mask-position:calc(-325px * var(--iconSizePercent)) calc(-50px * var(--iconSizePercent))}.icon.icon-logout{-webkit-mask-position:calc(-100px * var(--iconSizePercent)) calc(-50px * var(--iconSizePercent));mask-position:calc(-100px * var(--iconSizePercent)) calc(-50px * var(--iconSizePercent))}.icon.icon-clock{-webkit-mask-position:calc(-375px * var(--iconSizePercent)) calc(-75px * var(--iconSizePercent));mask-position:calc(-375px * var(--iconSizePercent)) calc(-75px * var(--iconSizePercent))}.icon.icon-private{-webkit-mask-position:calc(-400px * var(--iconSizePercent)) calc(-75px * var(--iconSizePercent));mask-position:calc(-400px * var(--iconSizePercent)) calc(-75px * var(--iconSizePercent))}.icon.icon-globe{-webkit-mask-position:calc(-275px * var(--iconSizePercent)) calc(-75px * var(--iconSizePercent));mask-position:calc(-275px * var(--iconSizePercent)) calc(-75px * var(--iconSizePercent))}.icon.icon-following{-webkit-mask-position:calc(-275px * var(--iconSizePercent)) 0;mask-position:calc(-275px * var(--iconSizePercent)) 0}.icon.icon-stats{-webkit-mask-position:calc(-425px * var(--iconSizePercent)) calc(-75px * var(--iconSizePercent));mask-position:calc(-425px * var(--iconSizePercent)) calc(-75px * var(--iconSizePercent))}.icon.icon-tip{-webkit-mask-position:0 calc(-25px * var(--iconSizePercent));mask-position:0 calc(-25px * var(--iconSizePercent))}.icon.icon-dollar{-webkit-mask-position:calc(-200px * var(--iconSizePercent)) 0;mask-position:calc(-200px * var(--iconSizePercent)) 0}.icon.icon-up-angle-bracket{-webkit-mask-position:calc(-200px * var(--iconSizePercent)) calc(-50px * var(--iconSizePercent));mask-position:calc(-200px * var(--iconSizePercent)) calc(-50px * var(--iconSizePercent))}.icon.icon-down-angle-bracket{-webkit-mask-position:calc(-225px * var(--iconSizePercent)) calc(-50px * var(--iconSizePercent));mask-position:calc(-225px * var(--iconSizePercent)) calc(-50px * var(--iconSizePercent))}.icon.icon-volume{-webkit-mask-position:calc(-525px * var(--iconSizePercent)) calc(-75px * var(--iconSizePercent));mask-position:calc(-525px * var(--iconSizePercent)) calc(-75px * var(--iconSizePercent))}.icon.icon-volume-mute{-webkit-mask-position:calc(-550px * var(--iconSizePercent)) calc(-75px * var(--iconSizePercent));mask-position:calc(-550px * var(--iconSizePercent)) calc(-75px * var(--iconSizePercent))}.icon.icon-fullscreen{-webkit-mask-position:calc(-500px * var(--iconSizePercent)) calc(-75px * var(--iconSizePercent));mask-position:calc(-500px * var(--iconSizePercent)) calc(-75px * var(--iconSizePercent))}img{width:100%;pointer-events:none}video{width:100%;background:var(--light)}.menu{position:absolute;right:0;width:100%;max-width:300px;background:var(--gray);border-radius:5px;display:none;flex-direction:column;align-items:flex-start;box-shadow:0 0 10px #00000040}.menu.active{display:block}.header .menu{top:calc(100% + 1px)}.menu button[data-action=close]{padding:9px;margin:5px 5px 5px auto;display:flex;background:none;border:none;cursor:pointer;transition:.2s;border-radius:50%}.menu button[data-action=close]:hover{background:#ffffff1a}.menu button[data-action=close] .icon{--iconSizePercent: .65 }.menu ul{display:flex;width:100%;flex-direction:column;flex-grow:1;overflow:auto;min-height:320px;max-height:calc(100vh - 125px)}.menu ul li:has(form){margin-top:50px}.menu ul li button{opacity:.8;background:transparent;color:var(--white);border:none}.menu ul li button,.menu ul li a{display:flex;align-items:center;gap:15px;width:100%;padding:12px 20px;font-size:16px;font-weight:400;cursor:pointer}.menu ul li:hover button,.menu ul li:hover a{background:#ffffff1a}body{background:var(--dark);color:var(--white);scroll-behavior:smooth;min-height:100vh;-webkit-user-select:none;user-select:none}body:has(.navbar){padding-left:100px}.header{background:var(--dark);position:sticky;top:0;z-index:9;padding:0 20px}.body--auth .header{background:transparent}.header__container{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;height:70px;max-width:1200px;margin:0 auto;border-bottom:1px solid rgba(255,255,255,.05)}.body--auth .header__container{border-bottom:none;padding:40px 0}.header__logo{display:none}.body--auth .header__logo{display:block}.header__logo img{height:33px}.header__user>.menu-btn{display:flex;padding:10px;align-items:center;border-radius:6px;cursor:pointer;gap:10px}.header__user>.menu-btn a{pointer-events:none}.header__user>.menu-btn:hover{background:#ffffff0d}.header__user img{width:50px;height:50px}#page-title{font-size:22px;font-weight:500;color:var(--white);margin-right:auto}.search-form{position:relative;background:var(--darkGray);border-radius:50px;padding:0 0 0 25px;width:100%;max-width:360px}.search-form form{display:flex;align-items:center;justify-content:space-between;gap:10px}.search-form input{background:none;border:none;outline:none;color:var(--white);font-family:var(--secondaryFont);letter-spacing:.2px;font-size:14px;width:100%}.search-form:has(input:focus){outline:1px solid rgba(255,255,255,.04)}.search-form button{background:none;border:none;display:flex;align-items:center;cursor:pointer;padding:12.5px;border-radius:50%;transition:.2s;opacity:.5}.search-form button .icon-search{--iconSizePercent: .85}.search-form button:hover{background:#ffffff1a;opacity:1}.header__buttons{display:flex;gap:10px;padding:0 10px;border-left:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05)}.header__buttons button{background:none;border:none;display:flex;align-items:center;color:var(--white);font-size:14px;font-weight:500;cursor:pointer;transition:color .3s ease;padding:12.5px;border-radius:50%;position:relative}.header__buttons a{border-radius:50%}.header__buttons button span{position:absolute;background:var(--primaryColor);top:4px;right:4px;font-size:10px;width:18px;height:18px;display:flex;align-items:center;font-family:var(--secondaryFont);font-weight:500;justify-content:center;border-radius:50%;line-height:1;box-shadow:0 0 5px 2px #f05}.header__buttons button .icon{--iconSizePercent: .85}.header__buttons button:hover{background:#ffffff0d}.header__user{display:flex;gap:10px;-webkit-user-select:none;user-select:none}.user-avatar img{object-fit:cover;width:50px;height:50px;display:block;border-radius:50%;border:2px solid var(--primaryColor);box-shadow:0 0 7px #e91e63}.header__user .user-avatar img{width:32px;height:32px}.user-avatar.has-story img{border:2px solid var(--light);box-shadow:none}.story--add .user-avatar img,.user-avatar.has-story.active img{border:2px solid var(--primaryColor);box-shadow:0 0 7px #e91e63}.header__username{color:var(--white);font-weight:500;font-size:14px;letter-spacing:.2px}#hamburger{display:none}.navbar{width:100px;height:100vh;background:var(--darkGray);position:fixed;top:0;left:0;z-index:9;display:flex;flex-direction:column;align-items:center}.navbar>a{margin:20px 0 60px}.navbar>a img{width:50px;display:block}.navbar>ul{display:flex;flex-direction:column;gap:25px}.navbar__btn{transition:.2s}.navbar__btn:hover{background:#ffffff0d}.navbar__btn.active{background:#ffffff1a}.navbar__btn[data-btn=search]{display:none}.navbar__btn>a{display:flex;justify-content:center;align-items:center;transition:.2s;padding:10px}.navbar__btn:hover>a{transform:scale(1.1)}.navbar__btn a span{display:none}.main{width:calc(100% - 40px);max-width:1200px;margin:0 auto}.stories{width:100%;-webkit-user-select:none;user-select:none}.stories__wrapper{padding:20px 0;gap:5px}.carousel-container{display:flex;align-items:center;position:relative}.carousel-btn{position:absolute;transition:.2s;padding:5px 10px;display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer;color:#9b9b9bbf;font-size:32px;font-weight:600;border:none;z-index:1;background:var(--dark);background:-webkit-linear-gradient(-90deg,rgba(16,16,16,.85) 10%,rgba(16,16,16,1) 100%);background:-moz-linear-gradient(-90deg,rgba(16,16,16,.85) 10%,rgba(16,16,16,1) 100%);background:linear-gradient(-90deg,#101010d9 10%,#101010);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#101010",endColorstr="#101010",GradientType=0);left:0;opacity:0}.carousel-btn:hover{background:var(--dark);color:#fff}.stories:hover .carousel-btn{opacity:1}.carousel-btn[data-dir=next]{right:0;left:initial;background:-webkit-linear-gradient(90deg,rgba(16,16,16,.85) 10%,rgba(16,16,16,1) 100%);background:-moz-linear-gradient(90deg,rgba(16,16,16,.85) 10%,rgba(16,16,16,1) 100%);background:linear-gradient(90deg,#101010d9 10%,#101010);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#101010",endColorstr="#101010",GradientType=1)}.stories:hover .carousel-btn[data-dir]:disabled{opacity:0;pointer-events:none;cursor:default}.carousel-wrapper{display:flex;overflow:hidden}.carousel-wrapper.dragging{cursor:grabbing;scroll-behavior:auto}.carousel-wrapper.dragging .story{pointer-events:none}.story{color:var(--white);line-height:20px;display:flex;flex-direction:column;align-items:center;cursor:pointer;order:2;position:relative;padding:10px}.story:has(.active){order:1}.story--add{font-size:14px;font-weight:500}.story--add{order:-1!important}.story__img{position:relative}.story .user-avatar img{width:80px;height:80px}.story__img span{position:absolute;display:flex;justify-content:center;align-items:center;background:var(--primaryColor);border-radius:50%;transition:opacity .3s ease;width:25px;height:25px;right:0;bottom:0}.story__img span:before,.story__img span:after{content:"";position:absolute;border-radius:3px;width:14px;height:2px;background:var(--white)}.story__img span:before{transform:rotate(90deg)}.story p{font-size:11px;font-weight:500;white-space:nowrap;position:absolute;top:100%;line-height:1;text-transform:capitalize}.story a{pointer-events:none}.home__container{display:flex;gap:20px;margin:20px auto}.home__container>div:has(.posts){width:100%}.editor{background:var(--darkGray);height:225px;padding:15px 20px;border-radius:5px;margin-bottom:20px}.editor__form{display:flex;flex-direction:column;height:100%}.editor__textarea{flex-grow:1;color:#fff;outline:none;font-family:var(--primaryFont);line-height:1.5;font-size:16px;font-weight:400;width:100%;word-break:break-all}.editor__textarea:empty:after{content:var(--placeholder);pointer-events:none;font-weight:400;opacity:.4}.editor__textarea:empty:focus:after{content:""}.editor__actions{display:flex;gap:40px;border-top:1px solid rgba(255,255,255,.05);padding-top:16px}.editor__actions button[type=submit]{margin-left:auto}.editor__actions button[type=button],.editor__actions label{display:flex;align-items:center;background:none;border:none;gap:10px;color:var(--white);font-size:14px;cursor:pointer;transition:.1s}.editor__actions button[type=button] .icon,.editor__actions label .icon{background:var(--primaryColor)}.editor__actions button[type=button]:hover,.editor__actions label:hover{color:var(--primaryColor)}.editor__media{display:none}.posts{display:flex;flex-direction:column;gap:20px}.post{background:var(--darkGray)}.post__header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:15px 20px 0}.post__user-info{display:flex;flex-direction:column;justify-content:center;gap:5px}.post__user-info a{color:var(--white);line-height:1}.post__user-info a:hover{text-decoration:underline}.post__user-info>a:first-of-type{font-weight:500;font-size:16px;text-transform:capitalize}.post__meta{display:flex;gap:10px}.post__meta a,.post__meta button{display:flex;align-items:center;gap:5px}.post .post__meta .icon{--iconSizePercent: .5}.post .post__meta .icon.icon-dollar{background:var(--limeGreen)}.post__meta button{background:none;border:none;color:var(--white);font-weight:300;font-size:11px;font-family:var(--primaryFont)}.post__meta button:before{content:"•";color:var(--white);font-size:9px;font-weight:300;font-family:var(--primaryFont)}.post__meta time{font-weight:300;font-size:11px}.post__header .post__actions{margin-left:auto}.post__actions button{background:none;border:none;padding:10px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.post__actions button:hover{background:#ffffff1a}.post__text{margin-bottom:20px;padding:0 20px;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.post__text p{font-size:14px;line-height:1.5;font-weight:300}.post__media-container{width:100%;overflow:hidden;-webkit-user-select:none;user-select:none;position:relative}.post__media-wrapper{display:grid;width:100%}.post__media{width:100%;aspect-ratio:16/9;transition:.3s ease}.post__media img{display:block;height:100%;object-fit:cover;pointer-events:none}.slider-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;border-radius:50%;transform:translateY(-50%);background:#00000080;border:none;width:30px;height:30px;cursor:pointer}.slider-btn.disabled{opacity:.3}.slider-btn *{pointer-events:none}.slider-btn[data-dir=prev]{left:12.5px}.slider-btn[data-dir=next]{right:12.5px}.slider-btn i.icon{--iconSizePercent: .6}.post__footer{display:flex;align-items:center;padding:15px 20px;gap:20px}.post__footer button{display:flex;align-items:center;gap:10px;border:none;cursor:pointer;transition:.1s}.post__footer button:not(.post__tip){background:none}.post__footer button:not(.post__tip):hover{transform:scale(1.1)}.post__footer button:not(.post__tip) span{display:none}.post__footer .post__tip{margin-left:auto;font-weight:600;font-size:14px;background:var(--primaryColor);box-shadow:0 3px 12px 5px #e91e624d;padding:10px 15px;text-transform:capitalize}.post__footer .post__tip:hover{transform:scale(1.05)}.suggestions{position:sticky;top:90px;width:390px;padding:20px;border-radius:5px;height:calc(100vh - 110px);overflow:auto;background:var(--darkGray);scrollbar-width:none;-ms-overflow-style:none}.suggestions::-webkit-scrollbar{display:none}.suggestions__container{display:flex;flex-direction:column;gap:20px;overflow:auto}.suggestions__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.suggestions__header h2{font-size:20px;font-weight:600;color:var(--white)}.suggestions__header>div{display:flex;gap:15px}.suggestions__header button{background:none;border:none}.suggestions__header button .icon{width:20px;height:20px;-webkit-mask-size:500px 80px;mask-size:500px 80px}.suggestion{border-radius:5px;overflow:hidden;position:relative}.suggestion>img{display:block;height:200px;width:100%;object-fit:cover}.suggestion>div{display:flex;justify-content:space-between;gap:10px;padding:10px;background:var(--gray);position:absolute;bottom:0;left:0;width:100%}.suggestion .user-avatar img{width:40px;height:40px;object-fit:cover;display:block;border-radius:50%;border:2px solid var(--primaryColor);box-shadow:0 0 7px 0 var(--primaryColor)}.suggestion>div .button{padding:8px 20px;width:90px;font-size:12px;margin-left:auto}.suggestion>div>div{display:flex;flex-direction:column;justify-content:center;gap:5px}.suggestion>div>div a{line-height:1}.suggestion>div>div a:first-of-type{font-size:12px;font-weight:500;color:var(--white);text-transform:capitalize}.suggestion>div>div a:last-of-type{font-size:10px;color:var(--white);opacity:.3}@media (max-width: 1150px){.header{padding:0 20px}.header__container{gap:25px}.user-avatar img{width:40px;height:40px}.suggestions{width:340px}.suggestion>div{padding:10px}.suggestion>div .button{padding:5px 10px;width:80px}}@media (max-width: 1050px){#page-title{display:none}.search-form{margin-right:auto;max-width:300px}}@media (max-width: 900px){.search-form{max-width:300px}#page-title{display:none}.header__buttons{margin-left:auto}.home__container{max-width:600px;margin-bottom:105px}.stories{width:100%;max-width:600px;margin:0 auto}aside:has(.suggestions){display:none}}@media (max-width: 900px) and (min-width: 769px){body:has(.navbar){padding-left:78px}.navbar{width:78px}}@media (max-width: 768px){body:has(.navbar){padding:0}.header__container{gap:5px;height:60px}.header__logo{display:flex;align-items:center}.header__logo img{height:25px}.header__buttons{padding:0;border:none;gap:0}.header__buttons button{padding:10px}.header__buttons button span{width:16px;height:16px}.header__buttons button .icon{--iconSizePercent: .75 }.search-form,.header__user .header__username{display:none}.navbar{flex-direction:row;bottom:0;top:initial;width:100%;height:auto;padding:0}.navbar>a{display:none}.navbar>ul{flex-direction:row;justify-content:center;width:100%;gap:0}.navbar__btn{height:50px;flex-grow:1}.navbar__btn[data-btn=search]{display:block}.navbar__btn>a{width:100%;flex-direction:column;padding:0;height:100%;gap:5px}.navbar__btn[data-btn=bookmarks]{display:none}.navbar__btn>a span{display:block;font-size:10px;line-height:1}.navbar__btn[data-btn=reels] span{font-size:11px}.navbar__btn[data-btn=reels] .icon{--iconSizePercent: .9 }.navbar .icon{--iconSizePercent: .7}.carousel-btn{font-weight:500;font-size:26px;padding:5px 8px}}@media (max-width: 540px){.button{padding:8px 18px;font-size:14px;font-weight:500;letter-spacing:.6px}.menu ul li:has(form){margin-top:25px}.menu ul li:has(form) button{color:#ffffffbf}.editor .icon,.post .icon{--iconSizePercent: .85}.editor{padding:15px 20px;height:200px}.editor__textarea{line-height:1.44;font-size:16px}.editor__actions button[type=button],.editor__actions label{font-size:12px}.editor__actions{gap:30px}.story{font-size:11px;line-height:18px;gap:5px}.story .user-avatar img{width:60px;height:60px}.post__user-info>a:first-of-type{font-size:14px}.slider-btn{width:32px;height:32px}.slider-btn i.icon{--iconSizePercent: .55}.main{width:100%}.post__footer .post__tip{font-size:12px;padding:8px 10px}.post__footer .post__tip .icon{--iconSizePercent: .8}}@media (max-width: 480px){.header__container{height:50px}.menu button[data-action=close]{padding:6px}.menu button[data-action=close] .icon{--iconSizePercent: .45 }.menu ul{max-height:calc(100vh - 145px)}.menu ul li button,.menu ul li a{padding:5px 10px;font-size:14px}.menu ul li .icon{--iconSizePercent: .7 }.post__user-info>a:first-of-type{font-size:13px}.user-avatar img{width:32px;height:32px}.post__text{font-size:12px;line-height:1.5}.post .post__meta .icon{--iconSizePercent: .475 }}