@import"https://fonts.googleapis.com/css2?family=Dancing+Script&family=Pacifico&family=Great+Vibes&family=Arial&display=swap";.usercard-div{padding:20px;display:grid;gap:10px 20px;color:#6d6d6d;grid-template-columns:80px 1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"avatar username" "avatar website" "avatar socialmedia" "description description"}.usercard-avatar{grid-area:avatar}.usercard-username{grid-area:username}.usercard-website{grid-area:website}.usercard-socialmedia{grid-area:socialmedia}.usercard-description{grid-area:description}.imgdetail-component{display:flex;flex-direction:column;align-items:center;padding-right:4px;color:#fff}.img-error{color:red;top:40px;left:300px}.download-div,.info-div,.user-div{color:#7d7d7d;width:100px;height:100px}.download-btn,.info-btn,.user-btn{color:inherit;background-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;outline:none}.download-btn:hover,.info-btn:hover,.user-btn:hover{border:none;box-shadow:0 2px 4px #787878}.right-part{display:flex;flex-direction:row;gap:1px}.layout{display:flex}.info-div{height:100px;width:100px}.TrendingPage{display:flow-root;width:100%;height:100%;background-color:#000}.space{width:100%}.header{display:flex;flex-direction:column;gap:1px;white-space:nowrap;width:100%;background-color:inherit;color:#fff}.header>div{width:fit-content;height:fit-content}.head{font-family:Great Vibes,Dancing Script,cursive;font-size:60px}.small{font-family:arial;font-style:italic}.GifWaterfall{display:flow-root;border:1px,solid black;box-sizing:border-box;width:100%;padding:4px;background-color:inherit}.gifwaterfall{display:flex;flex-direction:row;justify-content:center;gap:8px;width:100%;background-color:inherit}.gifcolumn{display:inline-flex;flex-direction:column;align-items:flex-start;background:inherit;gap:8px}.gifobj{width:100%;overflow:hidden;border-radius:12px}.gifobj a{display:block;width:100%}.gifimg{display:block;width:100%;min-width:100px;max-width:fit-content}.gifimg:hover{width:100%;transform:scale(1.1)}.quick-scroll-bar{position:fixed;right:4px;top:50%;transform:translateY(-50%);width:20px;height:auto;min-height:200px;max-height:70vh;overflow:auto;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:none;display:flex;flex-direction:column;gap:30px;align-items:center;justify-content:space-between;z-index:5}.quick-scroll-bar::-webkit-scrollbar{display:none}.tick{width:100%;height:24px;background-color:inherit;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer}.tick.active{transform:scale(1.2)}.tick:hover{transform:scale(1.2);color:var(--purewhite)}body{background-color:var(--mediumgrey)}.layout{background-color:var(--pureblack);border:1px solid black;border-radius:4px;margin:12px;padding:20px;width:auto}.layout--trending{display:grid;grid-template-rows:auto 60px auto 60px auto;grid-template-columns:minmax(auto,1fr);overflow:hidden}.layout--search{display:flex;flex-direction:column;gap:20px}.layout--home,.layout--detail{display:flex;flex-direction:column;gap:40px}.navarea{width:fit-content;height:fit-content;display:flex;flex-direction:column;justify-content:space-between;gap:10px}.navarea>hr{width:100%}.wrapper>a{background-color:var(--mediumgrey);color:var(--purewhite);text-decoration:none;font-family:Arial;display:flex;justify-content:center;padding-top:4px;width:100px;height:40px;clip-path:polygon(17% 68%,83% 68%,100% 0,0 0)}.wrapper{width:auto;height:auto;clip-path:inset(0px -10px -10px)}.wrapper>a.active{background-color:var(--purewhite);color:#000}.wrapper:has(>a.active){filter:drop-shadow(0px 4px 8px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%}:root{--pureblack: rgb(0, 0, 0);--deepgrey: rgba(30, 30, 30);--mediumgrey: rgb(54, 54, 54);--greywhite: #d9d9d9;--purewhite: rgb(255, 255, 255)}