.notification{background-color:var(--color-surface-secondary);border-radius:var(--radius-xs);display:flex;align-items:center;padding-right:var(--spacing-xl);padding-left:var(--spacing-sm);padding-block:var(--spacing-sm);position:fixed;right:var(--spacing-xl);left:var(--spacing-xl);z-index:999999;margin:0 auto;transform:translateY(calc(-100% - 90px));transition:transform .3s cubic-bezier(.42,0,.58,1);top:var(--spacing-md);min-height:var(--spacing-6xl)}.notification.notification-visible{transform:translateY(0)}.notification.notification--error{background-color:var(--color-text-error-sale)}.notification.notification--error .notification-text,.notification.notification--error .notification-close{color:var(--color-beige-50)}.notification.header-present{top:90px}.notification__open-bag{cursor:pointer}.notification p{margin-right:var(--spacing-xl);white-space:nowrap;margin-left:var(--spacing-lg)}.notification img{border-radius:var(--radius-xs)}.notification.main-login-source{height:var(--spacing-6xl)}.notification.main-login-source .notification-text{margin-left:var(--spacing-xl)}.notification span{display:flex;justify-content:space-between;width:100%;align-items:center}.notification span:has(>a.visually-hidden){justify-content:flex-end}.notification span a{text-decoration:underline;text-underline-offset:var(--spacing-sm)}.notification span button{border:none;background-color:transparent;display:flex;cursor:pointer}@media screen and (min-width: 1024px){.notification{width:258px;min-width:-moz-fit-content;min-width:fit-content;margin:inherit;right:var(--spacing-3xl);left:auto;transform:translateY(0);transform:translate(100vw);top:82px}.notification.header-present{top:82px}.notification.notification-visible{transform:translate(0)}.notification.fade-out-notification{opacity:0;transition:opacity .3s cubic-bezier(.42,0,.58,1)}}