.notification{border:none;padding:0;margin:0;max-width:none;max-height:none;overflow:visible;background:transparent;pointer-events:none;z-index:210;position:fixed;top:var(--spacing-8);left:var(--spacing-8);right:var(--spacing-8);width:auto;opacity:0;transform:translateY(-100%);transition:opacity .3s ease,transform .3s ease,display .3s ease allow-discrete}.notification[open]{opacity:1;transform:translateY(0);@starting-style{opacity:0;transform:translateY(-100%)}}.notification::backdrop{background:transparent;pointer-events:none}@media(width>=768px){.notification{top:calc(var(--promo-banner-height) + var(--header-height-desktop) + var(--spacing-16));right:var(--spacing-16);left:auto;width:auto;max-width:400px;transition:opacity .3s ease,transform .3s ease,display .3s ease allow-discrete,top .3s ease;transform:translate(100%)}.notification[open]{transform:translate(0);@starting-style{opacity:0;transform:translate(100%)}}.notification__body{border-radius:var(--radius-4);border:1px solid var(--color-grey-02)}}.notification__body{pointer-events:auto;background-color:var(--color-white);box-shadow:0 4px 12px color-mix(in srgb,var(--color-black) 10%,transparent);border:1px solid var(--color-grey-02);box-sizing:border-box;padding:var(--spacing-16);border-radius:var(--radius-4);display:grid;gap:var(--spacing-16);grid-template-columns:auto 1fr;align-items:start}.notification__image{grid-column:1;grid-row:1 / 2;width:80px;border-radius:var(--radius-2);overflow:hidden}.notification__image img{display:block;width:100%;aspect-ratio:64 / 96;-o-object-fit:cover;object-fit:cover}.notification__image-skeleton{width:100%;aspect-ratio:64 / 96;border-radius:var(--radius-2);background:linear-gradient(90deg,var(--color-grey-02) 25%,var(--color-grey-01) 50%,var(--color-grey-02) 75%);background-size:200% 100%;animation:notification-skeleton-shimmer 1.5s infinite linear}@keyframes notification-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.notification__icon{grid-column:1;grid-row:1;width:24px;height:24px;color:var(--color-black)}.notification__content{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:var(--spacing-16);min-width:0}.notification__no-image{.notification__content{grid-column:1 / 3}}.notification__texts{display:flex;flex-direction:column;gap:var(--spacing-4)}.notification__title-row{display:flex;gap:var(--spacing-16);align-items:flex-start}.notification__title{flex:1;margin:0;color:var(--color-black)}.notification__description{margin:0;color:var(--color-black)}.notification__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;color:var(--color-black);transition:opacity .2s ease}.notification__close:hover{opacity:.7}.notification__close:focus-visible{outline:2px solid var(--color-information);outline-offset:2px;border-radius:var(--radius-2)}.notification__slot{width:100%}.notification__actions{grid-column:1 / -1;grid-row:2;display:flex;gap:var(--spacing-8);flex-direction:row;align-items:flex-start}.notification__actions .btn{width:100%}@media(width>=768px){.notification__image{grid-row:1 / 4}.notification__actions{grid-column:2;flex-direction:column}.notification__actions .btn{width:auto}}.notification--error .notification__icon{color:var(--color-error)}.notification-stack{position:fixed;top:var(--spacing-8);left:var(--spacing-8);right:var(--spacing-8);display:flex;flex-direction:column;gap:var(--spacing-8);z-index:210;pointer-events:none}.notification-stack .notification{position:relative;top:auto;right:auto;left:auto;width:100%;z-index:auto}@media(width>=768px){.notification-stack{top:calc(var(--promo-banner-height) + var(--header-height-desktop) + var(--spacing-16));right:var(--spacing-16);left:auto;width:400px;transition:top .3s ease}:root.promo-hidden .notification-stack{top:calc(var(--header-height-desktop) + var(--spacing-16))}.notification-stack .notification{max-width:none;transform:translate(100%)}.notification-stack .notification[open]{transform:translate(0);@starting-style{opacity:0;transform:translate(100%)}}}.notification--static.notification{position:relative;top:auto;right:auto;left:auto;opacity:1;transform:none}