@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.rating{width:480px;transition-duration:.4s ease}.rating>*{float:right}.rating label{height:20px;width:20%;display:block;position:relative;cursor:pointer}.rating label:nth-of-type(5):after{animation-delay:.25s}.rating label:nth-of-type(4):after{animation-delay:.2s}.rating label:nth-of-type(3):after{animation-delay:.15s}.rating label:nth-of-type(2):after{animation-delay:.1s}.rating label:nth-of-type(1):after{animation-delay:.05s}.rating label:after{transition:all .4s ease-out;-webkit-font-smoothing:antialiased;position:absolute;content:"☆";color:#444;top:0;left:0;width:100%;height:100%;text-align:center;font-size:125px;animation:1s pulse ease}.rating label:hover:after{color:#b5b5b5;text-shadow:0 0 15px #B5B5B5}.rating input{display:none}.rating input:checked+label:after,.rating input:checked~label:after{content:"★";color:#f9bf3b;text-shadow:0 0 20px #F9BF3B}:root{--background: #000000;--navbar-width: 220px;--navbar-width-min: 80px;--navbar-dark-primary: #230027;--navbar-dark-secondary: #001a34;--navbar-light-primary: #FF00FF;--navbar-light-secondary: #f0f0f0}.loader{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #3498db;width:120px;height:120px;animation:spin 2s linear infinite;z-index:9999}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#content{display:none}.move-right{margin-left:140px}.move-right2{margin-left:5px}.move-right3{margin-left:85px}.move-right4{margin-left:75px}.move-right5{margin-left:105px}.move-right6{margin-left:80px}html,body{margin:0;background:var(--background)}#nav-toggle:checked~#nav-header{width:calc(var(--navbar-width-min) - 16px);height:110px}#nav-toggle:checked~#nav-content,#nav-toggle:checked~#nav-footer{width:var(--navbar-width-min)}#nav-toggle:checked~#nav-header #nav-title{opacity:0;pointer-events:none;transition:opacity .1s}#nav-toggle:checked~#nav-header label[for=nav-toggle]{left:calc(50% - 8px);transform:translate(-50%)}#nav-toggle:checked~#nav-header #nav-toggle-burger{background:var(--navbar-light-primary);width:24px;height:2px}#nav-toggle:checked~#nav-header #nav-toggle-burger:before,#nav-toggle:checked~#nav-header #nav-toggle-burger:after{width:24px;height:2px;background:#00e5ff;transform:translate(0) rotate(0)}#nav-toggle:checked~#nav-content .nav-button span{opacity:0;transition:opacity .1s}#nav-toggle:checked~#nav-content .nav-button .fas{min-width:calc(100% - 16px)}#nav-toggle:checked~#nav-footer #nav-footer-avatar{margin-left:0;left:50%;transform:translate(-50%)}#nav-toggle:checked~#nav-footer #nav-footer-titlebox,#nav-toggle:checked~#nav-footer label[for=nav-footer-toggle]{opacity:0;transition:opacity .1s;pointer-events:none}#nav-bar{position:fixed;left:.5vw;top:.5vw;height:calc(100% - 5vw);background:var(--navbar-dark-primary);border-radius:16px;display:flex;flex-direction:column;color:#ff23ed;font-family:Oxygen;font-weight:300;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:5;border:2px solid;animation:borderAnimation 8s infinite alternate}#nav-bar hr{margin:0;position:relative;min-width:calc(100% - 15px);border:none;border-top:solid 1px #00ffff}#nav-bar a{color:#ffb700;text-decoration:inherit}#nav-bar input[type=checkbox]{display:none}#nav-header{position:relative;width:var(--navbar-width);left:16px;width:calc(var(--navbar-width) - 16px);min-height:80px;background:var(--navbar-dark-primary);border-radius:16px;z-index:2;display:flex;align-items:center;transition:width .2s}#nav-header hr{position:absolute;bottom:0}#nav-title{font-size:1.5rem;transition:opacity 1s}label[for=nav-toggle]{position:absolute;right:0;width:3rem;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}#nav-toggle-burger{position:relative;width:16px;height:2px;background:var(--navbar-dark-primary);border-radius:99px;transition:background .2s}#nav-toggle-burger:before,#nav-toggle-burger:after{content:"";position:absolute;top:-6px;width:10px;height:2px;background:#00ff9d;border-radius:99px;transform:translate(2px,8px) rotate(30deg);transition:.2s}#nav-toggle-burger:after{top:6px;transform:translate(2px,-8px) rotate(-30deg)}#nav-content{margin:-16px 0;padding:16px 0;position:relative;flex:1;width:var(--navbar-width);background:var(--navbar-dark-primary);box-shadow:0 0 0 16px var(--navbar-dark-primary);direction:rtl;overflow-x:hidden;transition:width .2s}#nav-content::-webkit-scrollbar{width:1px;height:5%}#nav-content::-webkit-scrollbar-thumb{border-radius:99px;background-color:#d62929}.nav-button{position:relative;margin-left:16px;height:64px;display:flex;align-items:center;color:var(--navbar-light-secondary);direction:ltr;cursor:pointer;z-index:1;transition:color .2s}.nav-button span{transition:opacity 1s}.nav-button .fas{transition:min-width .2s;border:2px solid transparent}.nav-link:nth-of-type(1):hover .nav-button{color:#00e9fa}.nav-link:nth-of-type(2):hover .nav-button{color:#fc64ef}.nav-button:nth-of-type(2):hover~#nav-content-highlight{top:70px}.nav-link:nth-of-type(3):hover .nav-button{color:#ffb700}.nav-button:nth-of-type(3):hover~#nav-content-highlight{top:124px}.nav-link:nth-of-type(4):hover .nav-button{color:#00ff73}.nav-button:nth-of-type(4):hover~#nav-content-highlight{top:178px}.nav-link:nth-of-type(5):hover .nav-button{color:#ff2a00}.nav-button:nth-of-type(5):hover~#nav-content-highlight{top:232px}.nav-link:nth-of-type(6):hover .nav-button{color:#0051ff}.nav-button:nth-of-type(6):hover~#nav-content-highlight{top:286px}.nav-link:nth-of-type(7):hover .nav-button{color:#00ffc8}.nav-button:nth-of-type(7):hover~#nav-content-highlight{top:340px}.nav-link:nth-of-type(8):hover .nav-button{color:#b300ff}.nav-button:nth-of-type(8):hover~#nav-content-highlight{top:394px}.nav-link:nth-of-type(9):hover .nav-button{color:#fffb00}#nav-bar .fas{min-width:3rem;text-align:center;font-size:20px}#nav-footer{position:relative;width:var(--navbar-width);height:75px;background:var(--navbar-dark-secondary);border-radius:16px;display:flex;flex-direction:column;z-index:2;transition:width .2s,height .2s}#nav-footer-heading{position:relative;width:100%;height:80px;display:flex;align-items:center;background:#3f4041;border-radius:16px}#nav-footer-avatar{position:relative;margin:12px 0 15px 15px;left:0;width:60px;height:60px;border-radius:50%;transform:translate(0);transition:.2s;display:flex;justify-content:center;align-items:center}#nav-footer-avatar img{height:100%;border:2px solid rgb(220,220,225);border-radius:50%;animation:borderAnimation 4s infinite alternate}@keyframes borderAnimation{0%{transition:border-color .5s ease-in-out;border-color:#7c00ff}25%{transition:border-color .5s ease-in-out;border-color:#00ffb9}50%{transition:border-color .5s ease-in-out;border-color:#ff00f3}75%{transition:border-color .5s ease-in-out;border-color:#fa0}to{transition:border-color .5s ease-in-out;border-color:#00f3ff}}#nav-footer-titlebox{position:relative;margin-left:16px;width:10px;display:flex;flex-direction:column;transition:opacity 1s}#nav-footer-subtitle{color:var(--navbar-light-secondary);font-size:.6rem}#nav-footer-toggle:checked+#nav-footer{height:30%;min-height:54px}#nav-footer-toggle:checked+#nav-footer label[for=nav-footer-toggle]{transform:rotate(180deg)}label[for=nav-footer-toggle]{position:absolute;right:0;width:3rem;height:100%;display:flex;align-items:center;cursor:pointer;transition:transform .2s,opacity .2s}#nav-footer-content{margin:0 16px 16px;padding:16px 0;color:var(--navbar-light-secondary);font-size:.8rem;overflow:auto}#nav-footer-content::-webkit-scrollbar{width:8px;height:5px}#nav-footer-content::-webkit-scrollbar-thumb{border-radius:99px;background-color:#00ff9d}#nav-toggle:checked~#nav-header .arrows{display:inline}.arrows{display:none;position:absolute;top:95px;left:-20px;transform:rotate(-90deg);z-index:6}.chevron{position:absolute;width:1rem;height:.29rem;opacity:0;transform:scale(.3);animation:move-chevron 3s ease-out infinite}.chevron:first-child{animation:move-chevron 3s ease-out 1s infinite}.chevron:nth-child(2){animation:move-chevron 3s ease-out 2s infinite}.chevron:before,.chevron:after{content:"";position:absolute;top:0;height:100%;width:50%;background:#717171}.chevron:before{left:0;transform:skewY(30deg)}.chevron:after{right:0;width:50%;transform:skewY(-30deg)}@keyframes move-chevron{25%{opacity:1}33.3%{opacity:1;transform:translateY(2.28rem)}66.6%{opacity:1;transform:translateY(3.12rem)}to{opacity:0;transform:translateY(4.8rem) scale(.5)}}.svg-icon{width:45px;height:45px;margin-right:10px}.svg-icon1{width:110px;height:50px;margin-right:15px}.svg-icon2{width:80px;height:20px;margin-right:15px}#TituloPrincipal{position:relative;background-color:#000;padding:20px;width:100%;height:310px;border-radius:1px}@keyframes palpitoMENU{0%{transform:scale(1)}1%{transform:scale(1.05)}2%{transform:scale(1)}3%{transform:scale(1)}5%{transform:scale(1.07)}6%{transform:scale(1)}7%{transform:scale(1)}70%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes pulse2{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes pulseLETRAS1{0%{opacity:1}35%{opacity:0}50%{opacity:1;background-image:url(./assets/images/svgs/Letras\ alternativa2.svg);position:absolute;top:40px;left:50%;transform:translate(-50%)}}.LetrasTitulo{position:absolute;top:40px;left:40%;transform:translate(-50%);width:680px;height:250px;background-repeat:no-repeat}.LogoTitulo{position:absolute;top:100px;left:calc(50% + 250px);height:180px;width:180px;background-repeat:no-repeat;background-size:contain;background-position:center}.LogoTitulo:hover{animation:palpitoMENU 4s infinite}.TrustYourBuddies{position:absolute;color:#d1ced6;font-family:Oxygen;font-weight:300;font-size:18px;top:290px;left:37%;transform:translate(-50%)}#Top100{position:relative;background-color:#000;padding:20px;width:100%;height:500px;border-radius:1px}.Top100imagen{position:absolute;top:40px;left:50%;transform:translate(-50%);width:245px;background-image:url(./assets/images/svgs/TOP\ 100.svg);background-repeat:no-repeat}.video-containerTOP100{position:absolute;top:135px;left:50%;transform:translate(-50%);height:380px;width:480px}.video-containerTOP100 video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}#CutWeb1{position:relative;background-color:#000;padding:20px;width:1221px;height:250px}.ContainerWEB{position:absolute;top:30px;left:110px;width:1000px;height:180px;background-image:url("./assets/images/svgs/Container TOP100 WEB V3.svg");background-repeat:no-repeat}.Rank{position:absolute;top:81px;left:113px;color:#f8f4fd;font-family:Oxygen;font-weight:600;font-size:12px;border:2px solid black;padding:0 3px}.Rank:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid}.Vote{position:absolute;top:157.5px;left:120px;background-color:#0f0d00;border:2px solid black;color:#ffd101;padding:0 7px;text-align:center;text-decoration:none;font-family:Oxygen;font-weight:600;display:inline-block;font-size:12px;cursor:pointer;border-radius:8px;transition-duration:.4s ease}.Vote:hover{background:linear-gradient(to bottom,#4d00de,#f301f7);animation:borderAnimation 4s infinite alternate;border-radius:8px;border:2px solid;filter:saturate(115%) brightness(105%) contrast(115%)}.BandBUTTON{position:absolute;top:53px;left:214px;border-radius:10px;cursor:zoom-in;width:96.5px;height:96px;background-image:url(./assets/images/svgs/Bleed2.jpg);background-size:cover;background-position:center;border:none}.BandBUTTON:hover{animation:borderAnimation 4s infinite alternate;border-radius:10px;border:2px solid;filter:saturate(105%) brightness(105%) contrast(105%)}.FocusINFO{display:none}@keyframes opacityCLICKtoFOCUS{0%{opacity:1}50%{opacity:0}to{opacity:1}}.Band{position:absolute;top:60px;right:845px;color:#eeedee;font-family:Oxygen;font-weight:300;font-size:12px}.BandDATA{position:absolute;top:70px;left:420px;color:#ff00e1;font-family:Oxygen;font-weight:500;font-size:12px;text-decoration:none;padding:0 3px;border:2px solid black;transition-duration:.2s;border-radius:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto;max-width:160px;transition-property:all;transition-duration:.4s ease}.BandDATA:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid}.Album{position:absolute;top:81px;right:845px;color:#eeedee;font-family:Oxygen;font-weight:300;font-size:12px}.AlbumDATA{position:absolute;top:91px;left:420px;color:#fed000;font-family:Oxygen;font-weight:500;font-size:12px;text-decoration:none;padding:0 3px;border:2px solid black;border-radius:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto;max-width:160px;transition-property:all;transition-duration:.4s ease}.AlbumDATA:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid}.Song{position:absolute;top:102px;right:845px;color:#eeedee;font-family:Oxygen;font-weight:300;font-size:12px}.SongDATA{position:absolute;top:112px;left:420px;color:#0ff;font-family:Oxygen;font-weight:500;font-size:12px;text-decoration:none;border:2px solid black;border-radius:7px;padding:0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto;max-width:160px;transition-property:all;transition-duration:.4s ease}.SongDATA:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid}.Duration{position:absolute;top:63px;left:735px;color:#eeedee;font-family:Oxygen;font-weight:300;font-size:12px}.DurationDATA{position:absolute;top:63px;left:785px;color:#fb5800;font-family:Oxygen;font-weight:500;font-size:12px;text-decoration:none}.Tag{position:absolute;top:90px;left:746px;color:#eeedee;font-family:Oxygen;font-weight:300;font-size:12px}.TagDATA1{position:absolute;top:88px;left:783px;color:#fbea00;font-family:Oxygen;font-weight:500;font-size:12px;cursor:pointer;text-decoration:none;border-radius:7px;border:2px solid black;padding:0 3px;transition-duration:.2s}.TagDATA1:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid;background:linear-gradient(to bottom,#1a0404,#1a0449)}.TagDATA2{position:absolute;top:88px;left:830px;color:#00a7fb;font-family:Oxygen;font-weight:500;font-size:12px;text-decoration:none;border-radius:7px;border:2px solid black;padding:0 3px;cursor:pointer;transition-duration:.2s}.TagDATA2:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid;background:linear-gradient(to bottom,#1a0404,#1a0449)}.TagDATA3{position:absolute;top:88px;left:890px;color:#fc0000;font-family:Oxygen;font-weight:500;font-size:12px;text-decoration:none;border-radius:7px;border:2px solid black;padding:0 3px;cursor:pointer;transition-duration:.2s}.TagDATA3:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid;background:linear-gradient(to bottom,#1a0404,#1a0449)}.TagDATA4{position:absolute;top:109px;left:783px;color:#22fc00;font-family:Oxygen;font-weight:500;font-size:12px;text-decoration:none;border-radius:7px;border:2px solid black;padding:0 3px;cursor:pointer;transition-duration:.2s}.TagDATA4:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid;background:linear-gradient(to bottom,#1a0404,#1a0449)}.TagDATA5{position:absolute;top:109px;left:870px;color:#fc00f4;font-family:Oxygen;font-weight:500;font-size:12px;text-decoration:none;border-radius:7px;border:2px solid black;padding:0 3px;cursor:pointer;transition-duration:.2s}.TagDATA5:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid;background:linear-gradient(to bottom,#1a0404,#1a0449)}.youtubeGIF{position:absolute;top:41px;left:1003px;border-radius:13.25px;height:30px;width:95px;background-image:url(./assets/images/svgs/youtube.gif);background-repeat:no-repeat;background-size:cover;background-position:center;border:2px solid black;transition-duration:.2s}.youtubeGIF:hover{animation:borderAnimation 4s infinite alternate;border-radius:13.25px;border:2px solid}.spotifyGIF{position:absolute;top:130px;left:1003px;border-radius:13.25px;height:30px;width:95px;background-image:url(./assets/images/svgs/spotify.gif);background-repeat:no-repeat;background-size:cover;background-position:center;border:2px solid black;transition-duration:.2s}.spotifyGIF:hover{animation:borderAnimation 4s infinite alternate;border-radius:13.25px;border:2px solid}.rating1{position:absolute;top:148.5px;left:187px;width:120px;transition-duration:.2s}.rating1>*{float:right}.rating1 label{height:5px;width:15%;display:block;position:relative;cursor:pointer}.rating1 label:nth-of-type(5):after{animation-delay:.25s}.rating1 label:nth-of-type(4):after{animation-delay:.2s}.rating1 label:nth-of-type(3):after{animation-delay:.15s}.rating1 label:nth-of-type(2):after{animation-delay:.1s}.rating1 label:nth-of-type(1):after{animation-delay:.05s}.rating1 label:after{transition:all .4s ease-out;-webkit-font-smoothing:antialiased;position:absolute;content:"☆";color:#444;top:0;left:0;width:100%;height:100%;text-align:center;font-size:25px;animation:1s pulse ease}.rating1 label:hover:after{color:#b5b5b5;text-shadow:0 0 15px #B5B5B5}.rating1 input{display:none}.rating1 input:checked+label:after,.rating1 input:checked~label:after{content:"★";color:#f9bf3b;text-shadow:0 0 20px #F9BF3B}#FocusCUTweb{position:relative;background-color:#000;left:0%;width:100%;height:580px;transition:box-shadow 2s ease;transition:all .4s ease-out}.LogoTituloFOCUSWEB{position:absolute;top:520px;left:calc(50% + 30px);width:300px;height:300px;transform:translate(-50%);transition-duration:.4s ease}.LogoTituloFOCUSWEB video{width:100%;height:100%}.ContainerFOCUSWEB{position:absolute;top:30px;left:calc(50% - 475px);height:510px;width:1025px;background-repeat:no-repeat;background-size:cover;background-position:center;overflow:visible;transition-duration:.4s ease}.RankFOCUSWEB{position:absolute;top:49px;left:calc(50% + -0px);color:#f8f4fd;font-family:Oxygen;font-weight:600;font-size:16px;border:2px solid black;border-radius:7px;padding:0 3px;cursor:zoom-out;transition-duration:.4s ease}.RankFOCUSWEB:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid;background:linear-gradient(to bottom,#1a0404,#1a0449)}.VoteFOCUSWEB{position:absolute;top:493px;left:calc(50% - 178px);background-color:#0f0d00;color:#ffd101;padding:2px 12px;text-align:center;text-decoration:none;font-family:Oxygen;font-weight:600;display:inline-block;font-size:18px;cursor:pointer;border-radius:8px;transition-duration:.4s ease;border:2px solid rgb(36,35,35)}.VoteFOCUSWEB:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid;background:linear-gradient(to bottom,#4d00de,#f301f7);filter:saturate(105%) brightness(105%) contrast(145%)}.ReturnFOCUSWEB{position:absolute;top:50px;left:calc(50% + 280px);background-color:#0f0d00;border:1px solid #00FFD1;color:#ffd101;padding:3px 20px;text-align:center;text-decoration:none;font-family:Oxygen;font-weight:600;display:inline-block;font-size:22px;cursor:pointer;border-radius:8px;transition-duration:.4s ease}.ReturnFOCUSWEB:hover{animation:borderAnimation 4s infinite alternate;border-radius:8px;border:1px solid;background:linear-gradient(to bottom,#4d00de,#f301f7)}.BandPICFOCUSWEB{position:absolute;top:149px;left:calc(50% - 101px);border-radius:180px;width:274px;height:274px;background-image:url(./assets/images/svgs/Scar-Symmetry_Xenotaph.png);background-size:105% auto;background-position:center;cursor:zoom-out;border:4px solid transparent;transition-duration:.4s ease}.BandPICFOCUSWEB:hover{animation:borderAnimation 4s infinite alternate;border-radius:180px;border:4px solid;filter:saturate(105%) brightness(105%) contrast(105%)}.BandFOCUSWEB{position:absolute;top:247.5px;left:calc(50% - 456px);color:#eeedee;font-family:Oxygen;font-weight:300;font-size:14px;transition-duration:.4s ease}.BandDATAFOCUSWEB{position:absolute;top:247.5px;left:calc(50% - 415px);color:#ff00e1;font-family:Oxygen;font-weight:500;font-size:14px;text-decoration:none;transition-duration:.4s ease;border:2px solid black;padding:0 3px;cursor:pointer}.BandDATAFOCUSWEB:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid;background:linear-gradient(to bottom,#1a0404,#1a0449)}.AlbumFOCUSWEB{position:absolute;top:272px;left:calc(50% - 464px);color:#eeedee;font-family:Oxygen;font-weight:300;font-size:14px;transition-duration:.4s ease}.AlbumDATAFOCUSWEB{position:absolute;top:272px;left:calc(50% - 415px);color:#fed000;font-family:Oxygen;font-weight:500;font-size:14px;text-decoration:none;transition-duration:.4s ease;border:2px solid black;padding:0 3px;cursor:pointer}.AlbumDATAFOCUSWEB:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid;background:linear-gradient(to bottom,#1a0404,#1a0449)}.SongFOCUSWEB{position:absolute;top:295.5px;left:calc(50% - 456px);color:#eeedee;font-family:Oxygen;font-weight:300;font-size:14px;transition-duration:.4s ease}.SongDATAFOCUSWEB{position:absolute;top:295.5px;left:calc(50% - 415px);color:#0ff;font-family:Oxygen;font-weight:500;font-size:14px;text-decoration:none;transition-duration:.4s ease;border:2px solid black;padding:0 3px;cursor:pointer}.SongDATAFOCUSWEB:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid;background:linear-gradient(to bottom,#1a0404,#1a0449)}.DurationFOCUSWEB{position:absolute;top:247.5px;left:calc(50% + 320px);color:#eeedee;font-family:Oxygen;font-weight:300;font-size:14px;transition-duration:.4s ease}.DurationDATAFOCUSWEB{position:absolute;top:247.5px;left:calc(50% + 375px);color:#fb5800;font-family:Oxygen;font-weight:500;font-size:14px;text-decoration:none;transition-duration:.4s ease}.TagFOCUSWEB{position:absolute;top:272px;left:calc(50% + 334px);color:#eeedee;font-family:Oxygen;font-weight:300;font-size:14px;transition-duration:.4s ease}.TagDATA1FOCUSWEB{position:absolute;top:269px;left:calc(50% + 370px);color:#fbea00;font-family:Oxygen;font-weight:500;font-size:14px;text-decoration:none;transition-duration:.4s ease;border:2px solid black;padding:0 3px;cursor:pointer}.TagDATA1FOCUSWEB:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid;background:linear-gradient(to bottom,#1a0404,#1a0449)}.TagDATA2FOCUSWEB{position:absolute;top:269px;left:calc(50% + 415px);color:#00a7fb;font-family:Oxygen;font-weight:500;font-size:14px;text-decoration:none;transition-duration:.4s ease;border:2px solid black;padding:0 3px;cursor:pointer}.TagDATA2FOCUSWEB:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid;background:linear-gradient(to bottom,#1a0404,#1a0449)}.TagDATA3FOCUSWEB{position:absolute;top:269px;left:calc(50% + 483px);color:#fc0000;font-family:Oxygen;font-weight:500;font-size:14px;text-decoration:none;transition-duration:.4s ease;border:2px solid black;padding:0 3px;cursor:pointer}.TagDATA3FOCUSWEB:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid;background:linear-gradient(to bottom,#1a0404,#1a0449)}.TagDATA4FOCUSWEB{position:absolute;top:295px;left:calc(50% + 365px);color:#22fc00;font-family:Oxygen;font-weight:500;font-size:14px;text-decoration:none;transition-duration:.4s ease;border:2px solid black;padding:0 3px;cursor:pointer}.TagDATA4FOCUSWEB:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid;background:linear-gradient(to bottom,#1a0404,#1a0449)}.TagDATA5FOCUSWEB{position:absolute;top:295px;left:calc(50% + 462px);color:#fc00f4;font-family:Oxygen;font-weight:500;font-size:14px;text-decoration:none;transition-duration:.4s ease;border:2px solid black;padding:0 3px;cursor:pointer}.TagDATA5FOCUSWEB:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid;background:linear-gradient(to bottom,#1a0404,#1a0449)}.youtubeGIFFOCUSWEB{position:absolute;top:405px;left:calc(50% - 431.5px);border-radius:13.25px;height:42px;width:110px;background-repeat:no-repeat;background-size:cover;background-position:center;border:2px solid rgb(37,37,37);transition-duration:.4s ease}.youtubeGIFFOCUSWEB:hover{animation:borderAnimation 4s infinite alternate;border-radius:13.25px;border:2px solid}.spotifyGIFFOCUSWEB{position:absolute;top:407px;left:calc(50% - 230.5px);border-radius:13.25px;height:42px;width:110px;background-repeat:no-repeat;background-size:cover;background-position:center;border:2px solid black;transition-duration:.4s ease}.spotifyGIFFOCUSWEB:hover{animation:borderAnimation 4s infinite alternate;border-radius:13.25px;border:2px solid}.ObservationsFOCUSWEB{position:absolute;top:380px;left:calc(50% + 197px);color:#ffd800;font-family:Oxygen;font-weight:500;font-size:13px;text-decoration:none;padding:5px;width:332px;height:85px;resize:none;background:#000;border-radius:10px;border:1px solid transparent;text-align:left;justify-content:center;z-index:10;visibility:visible;transition-duration:.4s ease;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}.ObservationsFOCUSWEB:hover{animation:borderAnimation 4s infinite alternate;border-radius:10px;border:1px solid;background:linear-gradient(to bottom,#1a0404,#1a0449);overflow-y:scroll}#LogIn{position:relative;background-color:#000;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.LogInPicture{position:absolute;top:10px;left:calc(50% + 20px);transform:translate(-50%);width:675px;height:440px;background-image:url(./assets/images/svgs/Login6.svg);background-repeat:no-repeat;background-size:contain;background-position:center}.SignIn{position:absolute;top:453px;left:calc(50% + 27px);transform:translate(-50%);margin-left:-10px;width:410px;height:57px;background:linear-gradient(to bottom,#92028e,#151f47);border:3px solid #FFD101;color:#fec800;padding:1px 10px;text-align:center;text-decoration:none;font-family:Oxygen;font-weight:400;display:inline-block;font-size:20px;cursor:pointer;border-radius:18px;transition-duration:.1s;filter:brightness(130%);border:3px solid black;z-index:3}.SignIn:hover{border-radius:18px;border:3px solid transparent;color:#fff;font-weight:500;animation:borderAnimation 5s infinite alternate;background:linear-gradient(85deg,#7000ff,#ff00fb,#00ffb9)}.mail{position:absolute;top:194px;left:calc(50% + 20px);transform:translate(-50%);color:#fe62fa;font-family:Oxygen;font-weight:400;font-size:18px;text-decoration:none;width:415px;height:24px;resize:none;background:#000;border-radius:10px;text-align:center;justify-content:center}.Password{position:absolute;top:345px;left:calc(50% + 20px);transform:translate(-50%);color:#00fbfe;font-family:Oxygen;font-weight:400;font-size:18px;text-decoration:none;width:415px;height:24px;resize:none;background:#000;border-radius:10px;text-align:center;justify-content:center}.SignUP1{position:absolute;top:500px;margin-left:-230px;color:#f3f3f3;font-family:Oxygen;font-weight:400;font-size:14px;text-decoration:none}.SignUP2{position:absolute;top:500px;margin-left:-20px;color:#00fff2;font-family:Oxygen;font-weight:500;font-size:14px;text-decoration:none;cursor:pointer}#TituloPrincipalTOPICALITY{position:relative;background-color:#000;width:100%;height:400px;border-radius:1px;padding:10px;box-sizing:border-box;transition-duration:.4s ease}.LetrasTituloTOPICALITY{position:absolute;top:125px;left:50%;transform:translate(-50%);width:680px;height:140px;background-repeat:no-repeat;background-image:url(./assets/images/svgs/Mr.Topicality\ tipo.svg);transition-duration:.4s ease}.LogoTituloTOPICALITY{position:absolute;top:65px;left:calc(50% + 390px);height:220px;background-image:url(./assets/images/svgs/Logo\ Mr.Topicality.svg);background-repeat:no-repeat;transition-duration:.4s ease}.LogoTituloTOPICALITY:hover{animation:palpitoMENU 4s infinite}.TrustYourBuddiesTOPICALITY{position:absolute;color:#d1ced6;font-family:Oxygen;font-weight:300;font-size:18px;top:260px;left:50%;transform:translate(-50%);transition-duration:.4s ease}#Top100TOPICALITY{position:relative;background-color:#000;left:0%;width:100%;height:600px;border-radius:1px;transition-duration:.4s ease}.Top100imagenTOPICALITY{position:absolute;top:75px;left:50%;transform:translate(-50%);width:250px;background-image:url(./assets/images/svgs/TOP\ 100.svg);background-repeat:no-repeat;transition-duration:.4s ease}.Top100GIFfuego{position:absolute;top:200px;left:50%;transform:translate(-50%);height:400px;width:auto;background-image:url("./assets/images/svgs/GIF fuego 2.gif");background-size:cover;background-position:center;overflow:hidden;transition-duration:.4s ease}.video-containerTOP100TOPICALITY{position:absolute;top:175px;left:50%;transform:translate(-50%);height:350px;transition-duration:.4s ease}.video-containerTOP100TOPICALITY video{width:100%;height:100%}#CutWeb1topicality{position:relative;background-color:#000;width:100%;height:300px;transition:box-shadow 2s ease;transition:margin-left .2s ease;transition-duration:.4s ease}#CutWeb2,#CutWeb3{position:relative;background-color:#000;width:100%;height:300px;transition:box-shadow 2s ease}.ContainerWEBtopicality{position:absolute;top:30px;left:110px;width:1000px;height:180px;background-image:url("./assets/images/svgs/container web topicality final.svg");background-repeat:no-repeat;transition-duration:.4s ease}.BandBUTTONtopicality{background-image:url(./assets/images/svgs/Despegamos.jpg);background-size:102% auto;overflow:hidden;position:absolute;top:34.5px;left:209.5px;border-radius:10px;cursor:zoom-in;width:97.5px;height:97px;background-size:cover;background-position:center;border:none;transition-duration:.4s ease}.BandBUTTONtopicality:hover{animation:borderAnimation 4s infinite alternate;border-radius:10px;border:3px solid;filter:saturate(105%) brightness(105%) contrast(105%)}.Ranktopicality{position:absolute;top:63.5px;left:114.5px;color:#f8f4fd;font-family:Oxygen;font-weight:600;font-size:12px;border:2px solid black;padding:0 3px;cursor:zoom-in;transition-duration:.4s ease}.Ranktopicality:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid}.Votetopicality{position:absolute;top:140px;left:121.5px;background-color:#0f0d00;border:2px solid black;color:#ffd101;padding:0 10px;text-align:center;text-decoration:none;font-family:Oxygen;font-weight:600;display:inline-block;font-size:12px;cursor:pointer;border-radius:8px;transition-duration:.4s ease}.Votetopicality:hover{background:linear-gradient(to bottom,#4d00de,#f301f7);animation:borderAnimation 4s infinite alternate;border-radius:8px;border:2px solid;filter:saturate(115%) brightness(105%) contrast(115%)}.Bandtopicality{position:absolute;top:45px;left:380px;color:#eeedee;font-family:Oxygen;font-weight:300;font-size:12px;transition-duration:.4s ease}.BandDATAtopicality{position:absolute;top:56px;left:435px;color:#ff00e1;font-family:Oxygen;font-weight:500;font-size:12px;text-decoration:none;padding:0 3px;border:2px solid black;border-radius:7px;transition-duration:.4s ease}.BandDATAtopicality:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid}.Albumtopicality{position:absolute;top:65px;left:384px;color:#eeedee;font-family:Oxygen;font-weight:300;font-size:12px;transition-duration:.4s ease}.AlbumDATAtopicality{position:absolute;top:76px;left:435px;color:#fed000;font-family:Oxygen;font-weight:500;font-size:12px;text-decoration:none;padding:0 3px;border:2px solid black;transition-duration:.4s ease;border-radius:7px}.AlbumDATAtopicality:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid}.Songtopicality{position:absolute;top:85px;left:400px;color:#eeedee;font-family:Oxygen;font-weight:300;font-size:12px;transition-duration:.4s ease}.SongDATAtopicality{position:absolute;top:96px;left:435px;color:#0ff;font-family:Oxygen;font-weight:500;font-size:12px;text-decoration:none;border:2px solid black;border-radius:7px;padding:0 3px;transition-duration:.4s ease}.SongDATAtopicality:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid}.Durationtopicality{position:absolute;top:45px;left:725px;color:#eeedee;font-family:Oxygen;font-weight:300;font-size:12px;transition-duration:.4s ease}.DurationDATAtopicality{position:absolute;top:45px;left:780px;color:#fb5800;font-family:Oxygen;font-weight:500;font-size:12px;text-decoration:none;transition-duration:.4s ease}.Tagtopicality{position:absolute;top:65px;left:737px;color:#eeedee;font-family:Oxygen;font-weight:300;font-size:12px;transition-duration:.4s ease}.TagDATA1topicality{position:absolute;top:64px;left:776px;color:#fbea00;font-family:Oxygen;font-weight:500;font-size:12px;cursor:pointer;text-decoration:none;border-radius:7px;transition-duration:.4s ease;border:2px solid black;padding:0 3px;transition-duration:.2s}.TagDATA1topicality:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid;background:linear-gradient(to bottom,#1a0404,#1a0449)}.TagDATA2topicality{position:absolute;top:64px;left:816px;color:#00a7fb;font-family:Oxygen;font-weight:500;font-size:12px;text-decoration:none;border-radius:7px;border:2px solid black;padding:0 3px;cursor:pointer;transition-duration:.4s ease}.TagDATA3topicality{position:absolute;top:64px;left:876px;color:#fc0000;font-family:Oxygen;font-weight:500;font-size:12px;text-decoration:none;border-radius:7px;transition-duration:.4s ease;border:2px solid black;padding:0 3px;cursor:pointer}.TagDATA3topicality:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid;background:linear-gradient(to bottom,#1a0404,#1a0449)}.TagDATA4topicality{position:absolute;top:85px;left:776px;color:#22fc00;font-family:Oxygen;font-weight:500;font-size:12px;text-decoration:none;border-radius:7px;transition-duration:.4s ease;border:2px solid black;padding:0 3px;cursor:pointer}.TagDATA4topicality:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid;background:linear-gradient(to bottom,#1a0404,#1a0449)}.TagDATA5topicality{position:absolute;top:85px;left:860px;color:#fc00f4;font-family:Oxygen;font-weight:500;font-size:12px;text-decoration:none;border-radius:7px;transition-duration:.4s ease;border:2px solid black;padding:0 3px;cursor:pointer}.TagDATA5topicality:hover{animation:borderAnimation 4s infinite alternate;border-radius:7px;border:2px solid;background:linear-gradient(to bottom,#1a0404,#1a0449)}.youtubeGIFtopicality{position:absolute;top:45px;left:1004px;border-radius:13.25px;height:30px;width:95px;background-image:url(./assets/images/svgs/youtube.gif);background-repeat:no-repeat;background-size:cover;background-position:center;border:2px solid black;transition-duration:.4s ease}.youtubeGIFtopicality:hover{animation:borderAnimation 4s infinite alternate;border-radius:13.25px;border:2px solid}.spotifyGIFtopicality{position:absolute;top:94px;left:1004px;border-radius:13.25px;height:30px;width:95px;background-image:url(./assets/images/svgs/spotify.gif);background-repeat:no-repeat;background-size:cover;background-position:center;border:2px solid black;transition-duration:.4s ease}.spotifyGIFtopicality:hover{animation:borderAnimation 4s infinite alternate;border-radius:13.25px;border:2px solid}.ratingtopicality{position:absolute;top:131px;left:182.5px;width:120px;transition-duration:.4s ease}.ratingtopicality>*{float:right}@keyframes pulse{50%{color:#5e5e5e;text-shadow:0 0 15px #CCC9C9}}.ratingtopicality label{height:5px;width:15%;display:block;position:relative;cursor:pointer}.ratingtopicality label:nth-of-type(5):after{animation-delay:.25s}.ratingtopicality label:nth-of-type(4):after{animation-delay:.2s}.ratingtopicality label:nth-of-type(3):after{animation-delay:.15s}.ratingtopicality label:nth-of-type(2):after{animation-delay:.1s}.ratingtopicality label:nth-of-type(1):after{animation-delay:.05s}.ratingtopicality label:after{transition:all .4s ease-out;-webkit-font-smoothing:antialiased;position:absolute;content:"☆";color:#444;top:0;left:0;width:100%;height:100%;text-align:center;font-size:25px;animation:1s pulse ease}.ratingtopicality label:hover:after{color:#b5b5b5;text-shadow:0 0 15px #B5B5B5}.ratingtopicality input{display:none}.ratingtopicality input:checked+label:after,.ratingtopicality input:checked~label:after{content:"★";color:#f9bf3b;text-shadow:0 0 20px #F9BF3B}#EditUserweb{position:relative;background-color:#000;left:0%;width:100%;height:800px;transition:box-shadow 2s ease}.LogoTituloEDITUSER{position:absolute;top:570px;left:calc(50% - 105px);height:200px;width:200px;background-image:url("./assets/images/svgs/GIF fuego 2.gif");background-repeat:no-repeat;background-size:cover;background-position:center;transition-duration:.4s ease}.ContainerEDITUSER{position:absolute;top:50px;left:calc(50% - 475px);height:560px;width:1000px;background-image:url("./assets/images/svgs/Container EditProfile final.svg");background-repeat:no-repeat;background-size:contain;background-position:center;transition-duration:.4s ease}#CentroFOCUS{position:absolute;top:280px;left:calc(50% + 30px);color:#fff;transition-duration:.4s ease;display:none}.BandPICEditUserWEB{position:absolute;top:198px;left:calc(50% - 152px);border-radius:200px;width:301px;height:300px;background-image:url(./assets/images/svgs/avatar.jpeg);background-size:105% auto;background-position:center;cursor:grabbing;border:6px solid transparent;transition-duration:.4s ease}.BandPICEditUserWEB:hover{animation:borderAnimation 4s infinite alternate;border-radius:180px;border:6px solid;filter:saturate(105%) brightness(105%) contrast(105%)}.UserNameEDITUSER{position:absolute;top:196px;left:calc(50% + 190px);color:#ff00e1;font-family:Oxygen;font-size:14px;font-weight:400;text-decoration:none;width:125px;height:20px;resize:none;background:#000;border-radius:10px;text-align:center;justify-content:center;transition-duration:.4s ease}.UserNameEDITUSER2{position:absolute;top:196px;left:calc(50% - 324px);color:#00f7ff;font-family:Oxygen;font-weight:500;font-size:14px;text-decoration:none;width:125px;height:20px;resize:none;background:#000;border-radius:10px;text-align:center;justify-content:center;transition-duration:.4s ease}.UserNameEDITUSER3{position:absolute;top:490px;left:calc(50% - 466px);color:#00ff2a;font-family:Oxygen;font-weight:500;font-size:14px;text-decoration:none;width:285px;height:20px;resize:none;background:#000;border-radius:10px;text-align:center;justify-content:center;transition-duration:.4s ease}.UserNameEDITUSER3:hover{animation:borderAnimation 4s infinite alternate;border-radius:10px;border:1px solid;background:linear-gradient(to bottom,#1a0404,#1a0449)}.ObservationsEDITUSER{position:absolute;top:447px;left:calc(50% + 184px);color:#ffd800;font-family:Oxygen;font-weight:500;font-size:12px;text-decoration:none;padding:5px;width:308px;height:96px;resize:none;background:#000;border-radius:10px;text-align:left;justify-content:center;transition-duration:.4s ease;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}.ObservationsEDITUSER:hover{animation:borderAnimation 4s infinite alternate;border-radius:10px;border:1px solid;background:linear-gradient(to bottom,#1a0404,#1a0449);overflow-y:scroll}.UpdateEDITuser{position:absolute;top:329px;left:calc(50% + 225px);background-color:#0f0d00;border:1px solid #00FFD1;color:#ffd101;padding:3px 20px;text-align:center;text-decoration:none;font-family:Oxygen;font-weight:600;display:inline-block;font-size:22px;cursor:pointer;border-radius:8px;transition-duration:.4s ease}.UpdateEDITuser:hover{animation:borderAnimation 4s infinite alternate;border-radius:8px;border:1px solid;background:linear-gradient(to bottom,#4d00de,#f301f7)}.CancelEDITuser{position:absolute;top:329px;left:calc(50% - 335px);background-color:#0f0d00;border:1px solid #00FFD1;color:#ffd101;padding:3px 20px;text-align:center;text-decoration:none;font-family:Oxygen;font-weight:600;display:inline-block;font-size:22px;cursor:pointer;border-radius:8px;transition-duration:.4s ease}.CancelEDITuser:hover{animation:borderAnimation 4s infinite alternate;border-radius:8px;border:1px solid;background:linear-gradient(to bottom,#4d00de,#f301f7)}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*{margin:0;box-sizing:border-box;list-style-type:none;scroll-behavior:smooth;padding:0}body{min-height:100vh;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));font-family:Inter,sans-serif;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.shad-form_label{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.shad-form_message{--tw-text-opacity: 1 !important;color:rgb(255 90 90 / var(--tw-text-opacity))!important}.shad-input{height:3rem!important;border-style:none!important;--tw-bg-opacity: 1 !important;background-color:rgb(31 31 34 / var(--tw-bg-opacity))!important;--tw-ring-offset-color: #7878A3 !important}.shad-input::-moz-placeholder{--tw-text-opacity: 1 !important;color:rgb(92 92 123 / var(--tw-text-opacity))!important}.shad-input::placeholder{--tw-text-opacity: 1 !important;color:rgb(92 92 123 / var(--tw-text-opacity))!important}.shad-input:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important;--tw-ring-offset-width: 1px !important}.shad-textarea{height:9rem!important;border-radius:.75rem!important;border-style:none!important;--tw-bg-opacity: 1 !important;background-color:rgb(16 16 18 / var(--tw-bg-opacity))!important;--tw-ring-offset-color: #7878A3 !important}.shad-textarea:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important;--tw-ring-offset-width: 1px !important}.shad-button_primary{display:flex!important;gap:.5rem!important;--tw-bg-opacity: 1 !important;background-color:rgb(135 126 255 / var(--tw-bg-opacity))!important;--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.shad-button_primary:hover{--tw-bg-opacity: 1 !important;background-color:rgb(135 126 255 / var(--tw-bg-opacity))!important}.shad-button_dark_4{display:flex!important;height:3rem!important;gap:.5rem!important;--tw-bg-opacity: 1 !important;background-color:rgb(31 31 34 / var(--tw-bg-opacity))!important;padding-left:1.25rem!important;padding-right:1.25rem!important;--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.shad-button_ghost{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:1rem!important}.shad-button_ghost:hover{background-color:transparent!important;--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.pointer-events-auto{pointer-events:auto}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-1{left:.25rem}.left-2{left:.5rem}.right-1{right:.25rem}.right-2{right:.5rem}.top-0{top:0}.top-2{top:.5rem}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[100\]{z-index:100}.m-6{margin:1.5rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-7{margin-bottom:1.75rem}.ml-1{margin-left:.25rem}.mr-5{margin-right:1.25rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-\[10\%\]{margin-top:10%}.mt-\[14\%\]{margin-top:14%}.mt-\[21\%\]{margin-top:21%}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-24{height:6rem}.h-28{height:7rem}.h-4{height:1rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-\[60\%\]{height:60%}.h-full{height:100%}.h-screen{height:100vh}.max-h-screen{max-height:100vh}.min-h-\[80px\]{min-height:80px}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-24{width:6rem}.w-28{width:7rem}.w-4{width:1rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[20\%\]{width:20%}.w-\[280px\]{width:280px}.w-\[50\%\]{width:50%}.w-\[70\%\]{width:70%}.w-auto{width:auto}.w-full{width:100%}.min-w-80{min-width:20rem}.min-w-\[200px\]{min-width:200px}.max-w-5xl{max-width:64rem}.max-w-screen-sm{max-width:640px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-11{gap:2.75rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-9{gap:2.25rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.border{border-width:1px}.border-dark-4\/80{border-color:#1f1f22cc}.\!bg-dark-3{--tw-bg-opacity: 1 !important;background-color:rgb(16 16 18 / var(--tw-bg-opacity))!important}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-dark-3{--tw-bg-opacity: 1;background-color:rgb(16 16 18 / var(--tw-bg-opacity))}.bg-dark-4{--tw-bg-opacity: 1;background-color:rgb(31 31 34 / var(--tw-bg-opacity))}.bg-primary-500{--tw-bg-opacity: 1;background-color:rgb(135 126 255 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-contain{background-size:contain}.bg-fixed{background-attachment:fixed}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.object-cover{-o-object-fit:cover;object-fit:cover}.object-top{-o-object-position:top;object-position:top}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pr-8{padding-right:2rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-\[0\.8rem\]{font-size:.8rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.leading-none{line-height:1}.text-current{color:currentColor}.text-light-1{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-light-2{--tw-text-opacity: 1;color:rgb(239 239 239 / var(--tw-text-opacity))}.text-light-3{--tw-text-opacity: 1;color:rgb(120 120 163 / var(--tw-text-opacity))}.text-light-4{--tw-text-opacity: 1;color:rgb(92 92 123 / var(--tw-text-opacity))}.text-primary-500{--tw-text-opacity: 1;color:rgb(135 126 255 / var(--tw-text-opacity))}.text-teal-500{--tw-text-opacity: 1;color:rgb(20 184 166 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-90{opacity:.9}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.h3-bold{font-size:24px;font-weight:700;line-height:140%;letter-spacing:-.05em}.base-medium{font-size:16px;font-weight:500;line-height:140%}.body-bold{font-size:18px;font-weight:700;line-height:140%}.body-medium{font-size:18px;font-weight:500;line-height:140%}.small-semibold{font-size:14px;font-weight:600;line-height:140%;letter-spacing:-.05em}.small-medium{font-size:14px;font-weight:500;line-height:140%}.small-regular{font-size:14px;font-weight:400;line-height:140%}.subtle-semibold{font-size:12px;font-weight:600;line-height:140%}.tiny-medium{font-size:10px;font-weight:500;line-height:140%}.invert-white{--tw-brightness: brightness(0);--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:center;justify-content:flex-start}.custom-scrollbar::-webkit-scrollbar{width:3px;height:3px;border-radius:2px}.custom-scrollbar::-webkit-scrollbar-track{background:#09090a}.custom-scrollbar::-webkit-scrollbar-thumb{background:#5c5c7b;border-radius:50px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#7878a3}.common-container{display:flex;flex:1 1 0%;flex-direction:column;align-items:center;gap:2.5rem;overflow:scroll;padding:2.5rem 1.25rem}.common-container::-webkit-scrollbar{width:3px;height:3px;border-radius:2px}.common-container::-webkit-scrollbar-track{background:#09090a}.common-container::-webkit-scrollbar-thumb{background:#5c5c7b;border-radius:50px}.common-container::-webkit-scrollbar-thumb:hover{background:#7878a3}@media (min-width: 768px){.common-container{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px){.common-container{padding:3.5rem}}.user-container{display:flex;width:100%;max-width:64rem;flex-direction:column;align-items:flex-start;gap:1.5rem}@media (min-width: 768px){.user-container{gap:2.25rem}}.user-grid{display:grid;width:100%;max-width:64rem;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.75rem}@media (min-width: 480px){.user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.user-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.explore-container{display:flex;flex:1 1 0%;flex-direction:column;align-items:center;overflow:scroll;padding:2.5rem 1.25rem}.explore-container::-webkit-scrollbar{width:3px;height:3px;border-radius:2px}.explore-container::-webkit-scrollbar-track{background:#09090a}.explore-container::-webkit-scrollbar-thumb{background:#5c5c7b;border-radius:50px}.explore-container::-webkit-scrollbar-thumb:hover{background:#7878a3}@media (min-width: 768px){.explore-container{padding:3.5rem}}.explore-inner_container{display:flex;width:100%;max-width:64rem;flex-direction:column;align-items:center;gap:1.5rem}@media (min-width: 768px){.explore-inner_container{gap:2.25rem}}.explore-search{height:3rem!important;border-style:none!important;--tw-bg-opacity: 1 !important;background-color:rgb(31 31 34 / var(--tw-bg-opacity))!important;--tw-ring-offset-width: 0px !important}.explore-search::-moz-placeholder{--tw-text-opacity: 1 !important;color:rgb(92 92 123 / var(--tw-text-opacity))!important}.explore-search::placeholder{--tw-text-opacity: 1 !important;color:rgb(92 92 123 / var(--tw-text-opacity))!important}.explore-search:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important;--tw-ring-offset-width: 0px !important}.home-container{display:flex;flex:1 1 0%;flex-direction:column;align-items:center;gap:2.5rem;overflow:scroll;padding:2.5rem 1.25rem}.home-container::-webkit-scrollbar{width:3px;height:3px;border-radius:2px}.home-container::-webkit-scrollbar-track{background:#09090a}.home-container::-webkit-scrollbar-thumb{background:#5c5c7b;border-radius:50px}.home-container::-webkit-scrollbar-thumb:hover{background:#7878a3}@media (min-width: 768px){.home-container{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px){.home-container{padding:3.5rem}}.home-posts{display:flex;width:100%;max-width:640px;flex-direction:column;align-items:center;gap:1.5rem}@media (min-width: 768px){.home-posts{gap:2.25rem}}.home-creators{display:none;width:18rem;flex-direction:column;gap:2.5rem;overflow:scroll;padding:2.5rem 1.5rem}.home-creators::-webkit-scrollbar{width:3px;height:3px;border-radius:2px}.home-creators::-webkit-scrollbar-track{background:#09090a}.home-creators::-webkit-scrollbar-thumb{background:#5c5c7b;border-radius:50px}.home-creators::-webkit-scrollbar-thumb:hover{background:#7878a3}@media (min-width: 1280px){.home-creators{display:flex}}@media (min-width: 1536px){.home-creators{width:465px}}.post_details-container{display:flex;flex:1 1 0%;flex-direction:column;align-items:center;gap:2.5rem;overflow:scroll;padding:2.5rem 1.25rem}.post_details-container::-webkit-scrollbar{width:3px;height:3px;border-radius:2px}.post_details-container::-webkit-scrollbar-track{background:#09090a}.post_details-container::-webkit-scrollbar-thumb{background:#5c5c7b;border-radius:50px}.post_details-container::-webkit-scrollbar-thumb:hover{background:#7878a3}@media (min-width: 768px){.post_details-container{padding:3.5rem}}.post_details-card{display:flex;width:100%;max-width:64rem;flex-direction:column;border-radius:30px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(31 31 34 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(9 9 10 / var(--tw-bg-opacity))}@media (min-width: 1280px){.post_details-card{flex-direction:row;border-top-left-radius:24px;border-bottom-left-radius:24px}}.post_details-img{height:20rem;border-top-left-radius:30px;border-top-right-radius:30px;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));-o-object-fit:cover;object-fit:cover;padding:1.25rem}@media (min-width: 1024px){.post_details-img{height:480px}}@media (min-width: 1280px){.post_details-img{width:48%;border-top-left-radius:24px;border-bottom-left-radius:24px;border-top-right-radius:0}}.post_details-info{display:flex;flex:1 1 0%;flex-direction:column;align-items:flex-start;gap:1.25rem;border-radius:30px;--tw-bg-opacity: 1;background-color:rgb(9 9 10 / var(--tw-bg-opacity));padding:2rem}@media (min-width: 1024px){.post_details-info{gap:1.75rem}}.profile-container{display:flex;flex:1 1 0%;flex-direction:column;align-items:center;gap:2.5rem;overflow:scroll;padding:2.5rem 1.25rem}.profile-container::-webkit-scrollbar{width:3px;height:3px;border-radius:2px}.profile-container::-webkit-scrollbar-track{background:#09090a}.profile-container::-webkit-scrollbar-thumb{background:#5c5c7b;border-radius:50px}.profile-container::-webkit-scrollbar-thumb:hover{background:#7878a3}@media (min-width: 768px){.profile-container{padding:3.5rem}}.profile-inner_container{position:relative;display:flex;width:100%;max-width:64rem;flex-direction:column;align-items:center;gap:2rem}@media (min-width: 768px){.profile-inner_container{margin-bottom:2rem}}@media (min-width: 1280px){.profile-inner_container{flex-direction:row;align-items:flex-start}}.profile-tab{width:12rem;flex:1 1 0%;gap:.75rem;--tw-bg-opacity: 1;background-color:rgb(9 9 10 / var(--tw-bg-opacity));padding-top:1rem;padding-bottom:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;display:flex;align-items:center;justify-content:center}@media (min-width: 1280px){.profile-tab{flex:0 1 auto}}.saved-container{display:flex;flex:1 1 0%;flex-direction:column;align-items:center;gap:2.5rem;overflow:scroll;padding:2.5rem 1.25rem}.saved-container::-webkit-scrollbar{width:3px;height:3px;border-radius:2px}.saved-container::-webkit-scrollbar-track{background:#09090a}.saved-container::-webkit-scrollbar-thumb{background:#5c5c7b;border-radius:50px}.saved-container::-webkit-scrollbar-thumb:hover{background:#7878a3}@media (min-width: 768px){.saved-container{padding:3.5rem}}.bottom-bar{position:sticky;bottom:0;z-index:50;width:100%;border-top-left-radius:20px;border-top-right-radius:20px;--tw-bg-opacity: 1;background-color:rgb(9 9 10 / var(--tw-bg-opacity));padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between}@media (min-width: 768px){.bottom-bar{display:none}}.file_uploader-img{height:20rem;width:100%;border-radius:24px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}@media (min-width: 1024px){.file_uploader-img{height:480px}}.file_uploader-label{width:100%;border-top-width:1px;--tw-border-opacity: 1;border-top-color:rgb(31 31 34 / var(--tw-border-opacity));padding:1rem;text-align:center;--tw-text-opacity: 1;color:rgb(92 92 123 / var(--tw-text-opacity));font-size:14px;font-weight:400;line-height:140%}.file_uploader-box{height:20rem;flex-direction:column;padding:1.75rem;display:flex;align-items:center;justify-content:center}@media (min-width: 1024px){.file_uploader-box{height:612px}}.grid-container{display:grid;width:100%;max-width:64rem;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.75rem}@media (min-width: 640px){.grid-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.grid-container{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width: 1024px){.grid-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.grid-container{grid-template-columns:repeat(3,minmax(0,1fr))}}.grid-post_link{display:flex;height:100%;width:100%;cursor:pointer;overflow:hidden;border-radius:24px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(31 31 34 / var(--tw-border-opacity))}.grid-post_user{position:absolute;bottom:0;width:100%;gap:.5rem;border-bottom-right-radius:24px;border-bottom-left-radius:24px;background-image:linear-gradient(to top,var(--tw-gradient-stops));--tw-gradient-from: #101012 var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 16 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: transparent var(--tw-gradient-to-position);padding:1.25rem;display:flex;align-items:center;justify-content:space-between}.leftsidebar{display:none;min-width:270px;flex-direction:column;justify-content:space-between;--tw-bg-opacity: 1;background-color:rgb(9 9 10 / var(--tw-bg-opacity));padding:2.5rem 1.5rem}@media (min-width: 768px){.leftsidebar{display:flex}}.leftsidebar-link{border-radius:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;font-size:16px;font-weight:500;line-height:140%}.leftsidebar-link:hover{--tw-bg-opacity: 1;background-color:rgb(135 126 255 / var(--tw-bg-opacity))}.post-card{width:100%;max-width:640px;border-radius:1.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(31 31 34 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(9 9 10 / var(--tw-bg-opacity));padding:1.25rem}@media (min-width: 1024px){.post-card{padding:1.75rem}}.post-card_img{margin-bottom:1.25rem;height:16rem;width:100%;border-radius:24px;-o-object-fit:cover;object-fit:cover}@media (min-width: 480px){.post-card_img{height:400px}}@media (min-width: 1024px){.post-card_img{height:385px}}.topbar{position:sticky;top:0;z-index:50;width:100%;--tw-bg-opacity: 1;background-color:rgb(9 9 10 / var(--tw-bg-opacity))}@media (min-width: 768px){.topbar{display:none}}.user-card{flex-direction:column;gap:1rem;border-radius:20px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(31 31 34 / var(--tw-border-opacity));padding:2rem 1.25rem;display:flex;align-items:center;justify-content:center}.sign-in{background:linear-gradient(to bottom,#92028e,#151f47);border:3px solid #FFD101;color:#fec800;font-family:Oxygen;font-weight:400;font-size:20px;border-radius:18px;transition-duration:.1s;filter:brightness(130%);border:3px solid black}.sign-in:hover{border-radius:18px;border:3px solid transparent;color:#fff;font-weight:500;animation:borderAnimation 5s infinite alternate;background:linear-gradient(85deg,#7000ff,#ff00fb,#00ffb9)}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.hover\:bg-sky-700:hover{--tw-bg-opacity: 1;background-color:rgb(3 105 161 / var(--tw-bg-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:invert-white{--tw-brightness: brightness(0);--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x: var(--radix-toast-swipe-end-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x: var(--radix-toast-swipe-move-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity: .8}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x: 100%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y: -100%}@media not all and (min-width: 1280px){.max-xl\:items-center{align-items:center}}@media (min-width: 640px){.sm\:bottom-0{bottom:0}.sm\:right-0{right:0}.sm\:top-auto{top:auto}.sm\:w-420{width:420px}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.sm\:pt-12{padding-top:3rem}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y: 100%}}@media (min-width: 768px){.md\:ml-\[230px\]{margin-left:230px}.md\:mt-2{margin-top:.5rem}.md\:flex{display:flex}.md\:w-575{width:575px}.md\:max-w-\[420px\]{max-width:420px}.md\:h1-semibold{font-size:36px;font-weight:600;line-height:140%;letter-spacing:-.05em}.md\:h2-bold{font-size:30px;font-weight:700;line-height:140%;letter-spacing:-.05em}.md\:h3-bold{font-size:24px;font-weight:700;line-height:140%;letter-spacing:-.05em}.md\:base-medium{font-size:16px;font-weight:500;line-height:140%}.md\:base-regular{font-size:16px;font-weight:400;line-height:140%}.md\:body-medium{font-size:18px;font-weight:500;line-height:140%}}@media (min-width: 1024px){.lg\:h-12{height:3rem}.lg\:h-36{height:9rem}.lg\:w-12{width:3rem}.lg\:w-36{width:9rem}.lg\:p-10{padding:2.5rem}.lg\:base-medium{font-size:16px;font-weight:500;line-height:140%}.lg\:base-regular{font-size:16px;font-weight:400;line-height:140%}.lg\:body-bold{font-size:18px;font-weight:700;line-height:140%}.lg\:small-regular{font-size:14px;font-weight:400;line-height:140%}}@media (min-width: 1280px){.xl\:block{display:block}.xl\:flex-row{flex-direction:row}.xl\:justify-start{justify-content:flex-start}.xl\:text-left{text-align:left}}@media (min-width: 1536px){.\32xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}