header .pp {
    height: 60px;
    width: 60px;
    border-radius: 50%;
}

header .pps {
    height: 60px;
    width: 82px;
    clip-path: circle();
}

header .icons {
    width: 24px;
    height: 24px;
}

header li>ul                 { transform: translatex(100%) scale(0) }
header li:hover>ul           { transform: translatex(101%) scale(1) }
header li > button svg       { transform: rotate(-90deg) }
header li:hover > button svg { transform: rotate(-270deg) }

header .group:hover .group-hover\:scale-100 { transform: scale(1) }
header .group:hover .group-hover\:-rotate-180 { transform: rotate(180deg) }
header .scale-0 { transform: scale(0) }
header .min-w-32 { min-width: 8rem }

header .profile {
    margin-left: 5.5rem;
    min-width: 200px;
}

header li {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

header .bulle {
    min-width: 240px;
}

header .deco {
    position: relative;
    bottom: 3px;
}

@media (max-width: 1376px) {
    .mini {
        margin-left: 35px !important;
    }
}