.wrapper{position:relative}.profileButton{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);border-radius:var(--radius-full);cursor:pointer;border:none;background-color:var(--color-transparent);transition:all var(--duration-normal) var(--ease-in-out)}.profileButton:hover{background-color:var(--color-gray-3)}.avatar{width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--color-gray-200);display:flex;align-items:center;justify-content:center}.avatarInitial{font-size:var(--font-size-sm);color:var(--color-gray-600)}.dropdown{position:absolute;z-index:1000;right:0;top:100%;margin-top:var(--spacing-1);width:192px;background-color:var(--color-white);border-radius:var(--spacing-2);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-200);padding:var(--spacing-1) 0;overflow:hidden}@media screen and (max-width:991px){.dropdown{position:relative;z-index:auto}}.dropdownHeader{padding:var(--spacing-2) var(--spacing-4);border-bottom:1px solid var(--color-gray-200)}.dropdownHeaderLabel{font-size:var(--font-size-sm);color:var(--color-gray-600)}.dropdownHeaderUsername{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:250px}.menuSection{padding:var(--spacing-1) 0}.menuItem{display:block;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-gray-700);text-decoration:none;width:100%;text-align:left;background-color:var(--color-transparent);border:none;cursor:pointer}.menuItem:hover{background-color:var(--color-gray-3)}.logoutSection{border-top:1px solid var(--color-gray-200);padding:var(--spacing-1) 0}.logoutButton{display:block;width:100%;text-align:left;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-gray-700);background-color:var(--color-transparent);border:none;cursor:pointer}.logoutButton:hover{background-color:var(--color-gray-3)}.bannerRoot{height:100%;justify-content:space-between;gap:var(--spacing-6);background-color:var(--color-gray-900);z-index:50}.bannerContent,.bannerRoot{display:flex;width:100%;align-items:center}.bannerContent{flex-wrap:wrap;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2)}@media (min-width:640px){.bannerContent{gap:var(--spacing-4)}}.bannerText{font-size:var(--font-size-sm);color:var(--color-white);margin:0;&>*{margin:0}}.bannerPrimaryButton{display:flex;border-radius:var(--radius-full);background-color:var(--color-red-500);padding:var(--spacing-1) 14px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-white);box-shadow:var(--shadow-sm);text-decoration:none;transition:background-color var(--duration-normal) var(--ease-in-out)}.bannerPrimaryButton:hover{background-color:var(--color-red-600)}.bannerSecondaryButton{display:flex;border-radius:var(--radius-full);border:1px solid var(--color-white);padding:var(--spacing-1) 14px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-white);box-shadow:var(--shadow-sm);text-decoration:none;transition:all var(--duration-normal) var(--ease-in-out)}.bannerSecondaryButton:hover{border-color:var(--color-gray-300);color:var(--color-gray-200)}.bannerCloseButton{cursor:pointer;color:var(--color-white);padding:var(--spacing-3);display:flex;align-items:center;justify-content:center;background:var(--color-transparent);border:none;transition:color var(--duration-normal) var(--ease-in-out)}.bannerCloseButton:focus-visible{outline-offset:-4px}.bannerCloseButton:hover{color:var(--color-gray-200)}.bannerCloseIcon{height:20px;width:20px;color:var(--color-white)}