.profile-icon-container{width:max-content;display:flex;align-items:center;cursor:pointer}.profile-icon-container>span{margin:0 4px}.profile-button-streak-container{position:relative;width:max-content;height:max-content;margin-left:5px}.streak-icon{color:orange;font-size:50px;position:relative}.streak-container{position:relative;width:max-content}.streak-text{display:flex;align-items:center;align-content:center;justify-content:center;width:35px;height:35px;font-size:clamp(10px,35px,18px);white-space:nowrap;line-height:1;position:absolute;right:5px;top:12px;text-align:center;background-color:orange;padding:2px;border-radius:100%;font-weight:700;color:#fff}.small-streak-icon{color:orange;font-size:25px;position:absolute}.small-streak-container{position:relative;width:max-content;height:23.8px}.small-streak-text{display:flex;align-items:center;align-content:center;justify-content:center;width:15px;height:15px;font-size:clamp(5px,15px,10px);white-space:nowrap;line-height:1;position:absolute;top:8px;left:4px;text-align:center;background-color:orange;padding:1px;border-radius:100%;font-weight:700;color:#fff}footer{background-color:var(--primary-color);color:white;text-align:center;padding:1.5rem 0;margin-top:3rem}footer nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}footer nav a{color:var(--accent-color);margin:0 1rem;font-size:1rem;font-weight:500}footer nav a:hover{text-decoration:underline}.matekx-banner{position:relative;background-color:var(--primary-background);border-bottom:1px solid var(--light-primary);font-size:14px;line-height:1.4}.matekx-banner-link{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 44px 8px 16px;color:#3d3a8c;text-align:center;text-decoration:none}.matekx-banner-link:hover{color:var(--primary-color)}.matekx-banner-link:hover .matekx-banner-text strong{text-decoration:underline}.matekx-banner-badge{flex-shrink:0;padding:1px 8px;border-radius:999px;background-color:var(--primary-color);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.matekx-banner-arrow{flex-shrink:0;transition:transform .15s ease}.matekx-banner-link:hover .matekx-banner-arrow{transform:translateX(3px)}.matekx-banner-close{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:28px;height:28px;border:none;border-radius:50%;background:transparent;color:#3d3a8c;font-size:20px;line-height:1;cursor:pointer}.matekx-banner-close:hover{background-color:rgba(108,99,255,.15)}@media (max-width:600px){.matekx-banner{font-size:13px}.matekx-banner-link{padding:8px 40px 8px 12px;gap:8px}.matekx-banner-arrow{display:none}}