@font-face {
    font-family: '@btczzk';
    src: url('https://cdn.shopify.com/s/files/1/0729/3485/0886/files/KronaOne-Regular.woff2?v=1695623641') format('woff2');
  }

#zzk1 {
    inset: 0;
    position: absolute;
}
.zzkbgvid {
    filter:   brightness(50%);
  
    filter: blur(15px);
    scale: 1.1;
    bottom: 0;
    height: 100vh;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: -1;
}
.zzkmaincontainer {
    background-position: 50%;
    background-size: cover;
    height: 100%;
    position: absolute;
    width: 100%;
}
.wibblewobblecontwrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}
.zzksect {

    max-width: 40rem;
    width: 100%;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(2px);
    background-color: rgba(27, 27, 27, 0.28);
    background-origin: border-box;
    border: 3px solid rgba(255, 255, 255, 0.22400000000000003);
    border-radius: 27px;
    padding: 27px 23px;
    position: fixed;
   
}
.mainsect {
 
align-items: center;
display: flex;
gap: 14px;
margin-top: -10px;
padding-top: 10px;
    
}
.zzkpfp {
    border-radius: 50%;
    height: 120px;
    min-width: 120px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 120px;
}
.zzkinfo {
    display: block;
    flex-direction: column;
    gap: 3px;
    margin: 0;
}
.diggle h2 {
    font-size: 12px !important;
}
.zzkinfo h1, h3,.diggle h2, span, a, p {
    font-family: '@btczzk';
    color: white !important;
    transition: color 0.5s ease-in;
}
.zzkinfo h1:hover {
    color: transparent;
    -webkit-text-stroke: 0.1px white;
}
.widgetcontainerwrappers {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: right;
    position: relative;
    margin-bottom: 33px;
    margin-top: 10px;
}
.widgetcontainermain {

flex-wrap: nowrap;
gap: 10px;
box-sizing: border-box;
display: flex;
width: 100%;
    
}
.widgetdose {
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    display: flex;
    width: 100%;
        transition: all 2s ease-in-out;

    justify-content: center;
    white-space: nowrap;
}
.widgetdoseinner {
    display: block;
    max-width: initial;
    background-color: rgba(191, 191, 191, 0.07);
    border: 2px solid rgba(191, 191, 191, 0.05);
    border-radius: 25px;
    box-sizing: border-box;
    justify-content: space-between;
    max-width: -moz-fit-content;
    max-width: initial;
    width: 100%;
}
.widgetdoseinfo {
    gap: 10px;
    justify-content: left;
    padding: 10px;
    position: relative;
    white-space: nowrap;
    align-items: center;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dosepfp {
    display: flex;
}
.dosepfp1 {
    display: flex;
    position: relative;
}
.dosepfp img:first-child {
    border: 2px solid rgba(27, 27, 27, 0.15);
    border-radius: 40%;
    height: 60px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 60px;
}
.dosedesc {
    justify-content: space-between;
    width: 100%;
    display: flex;
    gap: 12px;
}
.dosedesctitle {
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: center;
}
.dosedescname {
    align-items: center;
    display: flex;
}
.false {
    font-size: 20px;
}

h3 {
    font-size: 14px;
}

.widgetdose:hover {
    cursor: pointer !important;
    
}
.widgetdoseinner {
    transition: all 0.4s ease-in-out;
}
.widgetdoseinner:hover {
    color: black;
    background: #0d0d0d !important;
}
.socialmain {
  
        margin-bottom: 13px;
        padding: 0 15px;

}
.socials {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    justify-content: center;
    margin-top: 30px;
    row-gap: 11px;
    width: 100%;
    gap: 35px;
}
.socials svg {
    font-size: 30px;
    transition: 0.5s;
    color: #bfbfbf !important;
    filter: drop-shadow(#bfbfbf 1px 0 7px) !important;
}
.socials svg:hover {
    scale: 1.15;
    fill: white;
    color: white !important;
    filter: drop-shadow(#ffffff 1px 0 7px) !important;
}
#music-icon svg {
    filter: drop-shadow(#ffffff 1px 0 7px) !important;
    fill: #bfbfbf !important;
    transition: 0.5s;
}
#music-icon svg:hover {
    fill: white !important;
    filter: drop-shadow(#ffffff 1px 0 7px) !important;
    scale: 1.15;
}
* {
    cursor: inherit !important;
  }

  body, label {
    cursor: -webkit-image-set(url('https://cdn.shopify.com/s/files/1/0757/1603/4847/files/image_20_70442491-73e4-4cb4-b9b0-53fffdde996f.png?v=1713031394') 6x), auto !important;
    cursor: image-set('https://cdn.shopify.com/s/files/1/0757/1603/4847/files/image_20_70442491-73e4-4cb4-b9b0-53fffdde996f.png?v=1713031394' 6x), auto !important;
  }

  a:hover, textarea:hover, input:hover, select:hover, button:hover, summary:hover, svg:hover, label:hover, .widgetdose:hover, svg:hover{
    cursor: -webkit-image-set(url('https://cdn.shopify.com/s/files/1/0757/1603/4847/files/image_19_ce9f852b-be34-4db9-91db-ca695f6d105a.png?v=1713031394') 6x), auto !important;
    cursor: image-set('https://cdn.shopify.com/s/files/1/0757/1603/4847/files/image_19_ce9f852b-be34-4db9-91db-ca695f6d105a.png?v=1713031394' 6x), auto !important;
  }
  @media screen and (max-width: 720px){
    .zzksect {
        scale: 0.90;
        width: 100%;
    }
        .widgetcontainermain {
            flex-direction: column;
            display: flex;
            width: 100%;
        }
        

    }
    @keyframes fadeup {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        } 
        } 
        @keyframes moveup {
        0% {
            transform: translateY(50%);
        }
        100% {
            transform: translateY(0);
        }
        } 

.zzksect {
    opacity: 0;
    animation: fadeup 0.8s forwards 1.2s, moveup 0.8s forwards 1.2s;
    animation-delay: 0.4s;
}
.zzkpfp {
    opacity: 0;
    animation: fadeup 0.8s forwards 1.2s, moveup 0.8s forwards 1.2s;
    animation-delay: 0.8s;
}
.zzkinfo {
    opacity: 0;
    animation: fadeup 0.8s forwards 1.2s, moveup 0.8s forwards 1.2s;
    animation-delay: 1.2s;
}
.widgetcontainerwrappers {
    opacity: 0;
    animation: fadeup 0.8s forwards 1.2s, moveup 0.8s forwards 1.2s;
    animation-delay: 1.8s;
}
.ig {
    
        opacity: 0;
        animation: fadeup 0.8s forwards 1.2s, moveup 0.8s forwards 1.2s;
        animation-delay: 2.2s;
    
}
.tiktok {
    
    opacity: 0;
    animation: fadeup 0.8s forwards 1.2s, moveup 0.8s forwards 1.2s;
    animation-delay: 2.4s;

}
.discord {
    
    opacity: 0;
    animation: fadeup 0.8s forwards 1.2s, moveup 0.8s forwards 1.2s !important;
    animation-delay: 2.6s !important;

}

#music-icon {
    opacity: 0;
    animation: fadeup 0.8s forwards 1.2s, moveup 0.8s forwards 1.2s !important;
    animation-delay: 2.6s !important;

}