:root{--banner-height:0px}body{padding-top:var(--banner-height);transition:padding-top .3s}.svg-icon{width:45px;height:45px;margin-left:10px}.admin-icon-preview{object-fit:contain;margin-left:0}@media (max-width:768px){.svg-icon{width:35px;height:35px}.tipeee-icon-container{top:-5px}.chakra-button{padding-left:3rem!important;padding-right:3rem!important}}.img-container{z-index:5;border-radius:100rem;width:100%;max-width:125px;position:relative}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-clip:padding-box;border:5px solid #ffffff40;border-radius:15px}.grad{height:inherit;width:inherit;background:linear-gradient(#000 80%,#53fc18);position:absolute}.avatar{flex:0 auto;order:0;align-self:auto;width:130px;height:130px;position:relative}.avatar-img{z-index:99;border-radius:50%;width:126px;height:126px;margin:2px 0 0 2px;position:absolute;overflow:hidden}.border-radius{border-radius:9000px}.live-marker{z-index:100;text-align:center;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.spin{animation-name:spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}