.user-notification[data-v-d8dc16bc]{display:inline-block;position:relative;width:-moz-max-content;width:max-content}.user-notification:hover .user-notification__menu[data-v-d8dc16bc]{--tw-translate-y:.5rem;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));visibility:visible}.user-notification__btn[data-v-d8dc16bc]:hover{background-color:var(--b-neutral-tonal--bg)!important}.user-notification__menu[data-v-d8dc16bc]{--tw-translate-y:.75rem;--tw-shadow:0 4px 12px 0 rgba(0,0,0,.12);--tw-shadow-colored:0 4px 12px 0 var(--tw-shadow-color);background-color:var(--b-raised--bg);border-color:var(--b-de-disabled--oln);border-radius:12px;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:block;left:0;min-height:476px;opacity:0;overflow:hidden;padding:1.25rem;position:absolute;top:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden;width:420px;z-index:2}.user-notification__row[data-v-d8dc16bc]{align-items:center;border-bottom-width:1px;border-color:var(--b-de-disabled--oln);display:flex;justify-content:space-between;padding-bottom:1rem;width:100%}.user-notification__title[data-v-d8dc16bc]{color:var(--b-de-primary--txt);display:inline-block;font-size:16px;font-weight:700;line-height:32px}.user-notification__content[data-v-d8dc16bc]{display:block;width:100%}.top-banner[data-v-8cbfb641]{display:flex;flex-direction:column;z-index:2}.top-banner[data-v-8cbfb641],.top-banner__link[data-v-8cbfb641]{height:4rem;overflow:hidden;position:relative}.top-banner__link[data-v-8cbfb641]{background-color:var(--b-neutral-a--bg);flex-shrink:0;transition-duration:.7s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.top-banner__link.show[data-v-8cbfb641]{height:4rem}.top-banner__image[data-v-8cbfb641]{height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}