@layer components{:root{--twentyone--toast--background: var(--twentyone--color--lightgrey);--twentyone--toast--box-shadow: var(--twentyone--element--box-shadow);--twentyone--toast--box-shadow--static: none;--twentyone--toast--margin: var(--twentyone--spacing--8) 0;--twentyone--toast--padding: calc(var(--twentyone--element--padding) / 2) var(--twentyone--element--padding);--twentyone--toast--gap: var(--twentyone--spacing--12);--twentyone--toast--border-radius: var(--twentyone--element--border-radius);--twentyone--toast--color: var(--twentyone--color--primary);--twentyone--toast--icon--color: var(--twentyone--color--primary);--twentyone--toast--icon--font-size: var(--twentyone--element--icon--font-size);--twentyone--toast--icon--margin-top: var(--twentyone--spacing--12);--twentyone--toast--icon--color--inverted: var(--twentyone--color--white);--twentyone--toast--list--margin: var(--twentyone--spacing--16);--twentyone--toast--list--max-width: 25em}.twentyone-toasts{bottom:0;gap:var(--twentyone--toast--gap);margin:var(--twentyone--toast--list--margin);max-width:var(--twentyone--toast--list--max-width);opacity:0;pointer-events:none;position:fixed;right:0;visibility:hidden;z-index:99999;transition:var(--twentyone--element--transition)}.twentyone-toasts.is--active{opacity:1;pointer-events:all;visibility:visible}.twentyone-toast{align-items:center;background:var(--twentyone--toast--background);display:flex;fill:var(--twentyone--toast--icon--color);flex-wrap:nowrap;font-size:1em;gap:var(--twentyone--toast--gap);justify-content:space-between;margin:var(--twentyone--toast--margin);opacity:0;padding:var(--twentyone--toast--padding);position:relative;visibility:hidden;box-shadow:var(--twentyone--toast--box-shadow);border-radius:var(--twentyone--toast--border-radius);transition:var(--twentyone--element--transition);translate:0 -50%}.twentyone-toast.align--bottom{align-items:flex-end}.twentyone-toast.align--bottom>svg,.twentyone-toast.align--bottom>img{margin-bottom:var(--twentyone--toast--icon--margin-top);margin-top:0}.twentyone-toast.align--center{align-items:center}.twentyone-toast.align--center>svg,.twentyone-toast.align--center>img{margin-top:0}.twentyone-toast.align--top{align-items:flex-start}.twentyone-toast.has--tooltip .twentyone-toast-content{display:flex}.twentyone-toast.is--active,.twentyone-toast.is--static{opacity:1;pointer-events:all;visibility:visible;translate:0 0}.twentyone-toast.is--static{box-shadow:var(--twentyone--toast--box-shadow--static)}.twentyone-toast.is--inverted{fill:var(--twentyone--toast--icon--color--inverted)}.twentyone-toast.justify--left{flex-direction:row}.twentyone-toast.justify--right{flex-direction:row-reverse}.twentyone-toast.swiper-slide{height:auto}.twentyone-toast:first-child{margin-top:0}.twentyone-toast:last-child{margin-bottom:0}.twentyone-toast::before{display:none}.twentyone-toast .twentyone-button{margin:0;position:relative;right:unset;top:unset}.twentyone-toast .twentyone-icon-text-content{color:var(--twentyone--toast--color)}.twentyone-toast .twentyone-icon-text-content *{color:var(--twentyone--toast--color)}.twentyone-toast p+.twentyone-button{margin-top:var(--twentyone--spacing--8)}.twentyone-toast>.twentyone-icon svg,.twentyone-toast>.twentyone-icon img{aspect-ratio:1/1;flex:0 0 auto;fill:var(--twentyone--toast--icon--color);font-size:var(--twentyone--toast--icon--font-size);height:auto;object-fit:contain;width:1em;transition:var(--twentyone--element--transition)}.twentyone-toast.is--error,.twentyone-toast.is--error.is--inverted{background:var(--twentyone--color--error);border-color:var(--twentyone--color--error);color:var(--twentyone--color--white);fill:var(--twentyone--color--white)}.twentyone-toast.is--error>.twentyone-icon svg,.twentyone-toast.is--error>.twentyone-icon img,.twentyone-toast.is--error.is--inverted>.twentyone-icon svg,.twentyone-toast.is--error.is--inverted>.twentyone-icon img{fill:inherit}.twentyone-toast.is--error .twentyone-icon-text-content,.twentyone-toast.is--error .twentyone-icon-text-content *,.twentyone-toast.is--error.is--inverted .twentyone-icon-text-content,.twentyone-toast.is--error.is--inverted .twentyone-icon-text-content *{color:inherit}.twentyone-toast.is--error.is--secondary,.twentyone-toast.is--error.is--secondary.is--inverted{background:color-mix(in srgb, var(--twentyone--color--error) 10%, var(--twentyone--color--white) 90%);border-color:rgba(0,0,0,0);color:var(--twentyone--color--error);fill:var(--twentyone--color--error)}.twentyone-toast.is--error.is--secondary>.twentyone-icon svg,.twentyone-toast.is--error.is--secondary>.twentyone-icon img,.twentyone-toast.is--error.is--secondary.is--inverted>.twentyone-icon svg,.twentyone-toast.is--error.is--secondary.is--inverted>.twentyone-icon img{fill:inherit}.twentyone-toast.is--error.is--secondary .twentyone-icon-text-content,.twentyone-toast.is--error.is--secondary .twentyone-icon-text-content *,.twentyone-toast.is--error.is--secondary.is--inverted .twentyone-icon-text-content,.twentyone-toast.is--error.is--secondary.is--inverted .twentyone-icon-text-content *{color:inherit}.twentyone-toast.is--error.is--tertiary,.twentyone-toast.is--error.is--tertiary.is--inverted{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--twentyone--color--error);fill:var(--twentyone--color--error);background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--twentyone--color--error);fill:var(--twentyone--color--error);background:var(--twentyone--toast--background)}.twentyone-toast.is--error.is--tertiary>.twentyone-icon svg,.twentyone-toast.is--error.is--tertiary>.twentyone-icon img,.twentyone-toast.is--error.is--tertiary.is--inverted>.twentyone-icon svg,.twentyone-toast.is--error.is--tertiary.is--inverted>.twentyone-icon img{fill:inherit}.twentyone-toast.is--error.is--tertiary .twentyone-icon-text-content,.twentyone-toast.is--error.is--tertiary .twentyone-icon-text-content *,.twentyone-toast.is--error.is--tertiary.is--inverted .twentyone-icon-text-content,.twentyone-toast.is--error.is--tertiary.is--inverted .twentyone-icon-text-content *{color:inherit}.twentyone-toast.is--warning,.twentyone-toast.is--warning.is--inverted{background:var(--twentyone--color--warning);border-color:var(--twentyone--color--warning);color:var(--twentyone--color--black);fill:var(--twentyone--color--black)}.twentyone-toast.is--warning>.twentyone-icon svg,.twentyone-toast.is--warning>.twentyone-icon img,.twentyone-toast.is--warning.is--inverted>.twentyone-icon svg,.twentyone-toast.is--warning.is--inverted>.twentyone-icon img{fill:inherit}.twentyone-toast.is--warning .twentyone-icon-text-content,.twentyone-toast.is--warning .twentyone-icon-text-content *,.twentyone-toast.is--warning.is--inverted .twentyone-icon-text-content,.twentyone-toast.is--warning.is--inverted .twentyone-icon-text-content *{color:inherit}.twentyone-toast.is--warning.is--secondary,.twentyone-toast.is--warning.is--secondary.is--inverted{background:color-mix(in srgb, var(--twentyone--color--warning) 10%, var(--twentyone--color--white) 90%);border-color:rgba(0,0,0,0);color:var(--twentyone--color--warning);fill:var(--twentyone--color--warning)}.twentyone-toast.is--warning.is--secondary>.twentyone-icon svg,.twentyone-toast.is--warning.is--secondary>.twentyone-icon img,.twentyone-toast.is--warning.is--secondary.is--inverted>.twentyone-icon svg,.twentyone-toast.is--warning.is--secondary.is--inverted>.twentyone-icon img{fill:inherit}.twentyone-toast.is--warning.is--secondary .twentyone-icon-text-content,.twentyone-toast.is--warning.is--secondary .twentyone-icon-text-content *,.twentyone-toast.is--warning.is--secondary.is--inverted .twentyone-icon-text-content,.twentyone-toast.is--warning.is--secondary.is--inverted .twentyone-icon-text-content *{color:inherit}.twentyone-toast.is--warning.is--tertiary,.twentyone-toast.is--warning.is--tertiary.is--inverted{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--twentyone--color--warning);fill:var(--twentyone--color--warning);background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--twentyone--color--warning);fill:var(--twentyone--color--warning);background:var(--twentyone--toast--background)}.twentyone-toast.is--warning.is--tertiary>.twentyone-icon svg,.twentyone-toast.is--warning.is--tertiary>.twentyone-icon img,.twentyone-toast.is--warning.is--tertiary.is--inverted>.twentyone-icon svg,.twentyone-toast.is--warning.is--tertiary.is--inverted>.twentyone-icon img{fill:inherit}.twentyone-toast.is--warning.is--tertiary .twentyone-icon-text-content,.twentyone-toast.is--warning.is--tertiary .twentyone-icon-text-content *,.twentyone-toast.is--warning.is--tertiary.is--inverted .twentyone-icon-text-content,.twentyone-toast.is--warning.is--tertiary.is--inverted .twentyone-icon-text-content *{color:inherit}.twentyone-toast.is--success,.twentyone-toast.is--success.is--inverted{background:var(--twentyone--color--success);border-color:var(--twentyone--color--success);color:var(--twentyone--color--white);fill:var(--twentyone--color--white)}.twentyone-toast.is--success>.twentyone-icon svg,.twentyone-toast.is--success>.twentyone-icon img,.twentyone-toast.is--success.is--inverted>.twentyone-icon svg,.twentyone-toast.is--success.is--inverted>.twentyone-icon img{fill:inherit}.twentyone-toast.is--success .twentyone-icon-text-content,.twentyone-toast.is--success .twentyone-icon-text-content *,.twentyone-toast.is--success.is--inverted .twentyone-icon-text-content,.twentyone-toast.is--success.is--inverted .twentyone-icon-text-content *{color:inherit}.twentyone-toast.is--success.is--secondary,.twentyone-toast.is--success.is--secondary.is--inverted{background:color-mix(in srgb, var(--twentyone--color--success) 10%, var(--twentyone--color--white) 90%);border-color:rgba(0,0,0,0);color:var(--twentyone--color--success);fill:var(--twentyone--color--success)}.twentyone-toast.is--success.is--secondary>.twentyone-icon svg,.twentyone-toast.is--success.is--secondary>.twentyone-icon img,.twentyone-toast.is--success.is--secondary.is--inverted>.twentyone-icon svg,.twentyone-toast.is--success.is--secondary.is--inverted>.twentyone-icon img{fill:inherit}.twentyone-toast.is--success.is--secondary .twentyone-icon-text-content,.twentyone-toast.is--success.is--secondary .twentyone-icon-text-content *,.twentyone-toast.is--success.is--secondary.is--inverted .twentyone-icon-text-content,.twentyone-toast.is--success.is--secondary.is--inverted .twentyone-icon-text-content *{color:inherit}.twentyone-toast.is--success.is--tertiary,.twentyone-toast.is--success.is--tertiary.is--inverted{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--twentyone--color--success);fill:var(--twentyone--color--success);background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--twentyone--color--success);fill:var(--twentyone--color--success);background:var(--twentyone--toast--background)}.twentyone-toast.is--success.is--tertiary>.twentyone-icon svg,.twentyone-toast.is--success.is--tertiary>.twentyone-icon img,.twentyone-toast.is--success.is--tertiary.is--inverted>.twentyone-icon svg,.twentyone-toast.is--success.is--tertiary.is--inverted>.twentyone-icon img{fill:inherit}.twentyone-toast.is--success.is--tertiary .twentyone-icon-text-content,.twentyone-toast.is--success.is--tertiary .twentyone-icon-text-content *,.twentyone-toast.is--success.is--tertiary.is--inverted .twentyone-icon-text-content,.twentyone-toast.is--success.is--tertiary.is--inverted .twentyone-icon-text-content *{color:inherit}.twentyone-toast.is--info,.twentyone-toast.is--info.is--inverted{background:var(--twentyone--color--info);border-color:var(--twentyone--color--info);color:var(--twentyone--color--white);fill:var(--twentyone--color--white)}.twentyone-toast.is--info>.twentyone-icon svg,.twentyone-toast.is--info>.twentyone-icon img,.twentyone-toast.is--info.is--inverted>.twentyone-icon svg,.twentyone-toast.is--info.is--inverted>.twentyone-icon img{fill:inherit}.twentyone-toast.is--info .twentyone-icon-text-content,.twentyone-toast.is--info .twentyone-icon-text-content *,.twentyone-toast.is--info.is--inverted .twentyone-icon-text-content,.twentyone-toast.is--info.is--inverted .twentyone-icon-text-content *{color:inherit}.twentyone-toast.is--info.is--secondary,.twentyone-toast.is--info.is--secondary.is--inverted{background:color-mix(in srgb, var(--twentyone--color--info) 10%, var(--twentyone--color--white) 90%);border-color:rgba(0,0,0,0);color:var(--twentyone--color--info);fill:var(--twentyone--color--info)}.twentyone-toast.is--info.is--secondary>.twentyone-icon svg,.twentyone-toast.is--info.is--secondary>.twentyone-icon img,.twentyone-toast.is--info.is--secondary.is--inverted>.twentyone-icon svg,.twentyone-toast.is--info.is--secondary.is--inverted>.twentyone-icon img{fill:inherit}.twentyone-toast.is--info.is--secondary .twentyone-icon-text-content,.twentyone-toast.is--info.is--secondary .twentyone-icon-text-content *,.twentyone-toast.is--info.is--secondary.is--inverted .twentyone-icon-text-content,.twentyone-toast.is--info.is--secondary.is--inverted .twentyone-icon-text-content *{color:inherit}.twentyone-toast.is--info.is--tertiary,.twentyone-toast.is--info.is--tertiary.is--inverted{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--twentyone--color--info);fill:var(--twentyone--color--info);background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--twentyone--color--info);fill:var(--twentyone--color--info);background:var(--twentyone--toast--background)}.twentyone-toast.is--info.is--tertiary>.twentyone-icon svg,.twentyone-toast.is--info.is--tertiary>.twentyone-icon img,.twentyone-toast.is--info.is--tertiary.is--inverted>.twentyone-icon svg,.twentyone-toast.is--info.is--tertiary.is--inverted>.twentyone-icon img{fill:inherit}.twentyone-toast.is--info.is--tertiary .twentyone-icon-text-content,.twentyone-toast.is--info.is--tertiary .twentyone-icon-text-content *,.twentyone-toast.is--info.is--tertiary.is--inverted .twentyone-icon-text-content,.twentyone-toast.is--info.is--tertiary.is--inverted .twentyone-icon-text-content *{color:inherit}}