@charset "UTF-8";#snack-bar{ --svg-close:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16,1A15,15,0,1,0,31,16,15,15,0,0,0,16,1Zm5.18,22.42L16,18.3l-5.15,5.19L8.57,21.2,13.7,16,8.5,10.86l2.29-2.29L16,13.7l5.13-5.2,2.31,2.31L18.3,16l5.19,5.13Z"/></svg>'); --radius:0.5625rem; background-color:var(--basic-color,white); color:var(--basic-color-reverse,black); border-radius:var(--radius); font-size:var(--font-size,inherit); max-width:calc(100vw - var(--gutter,3.125rem)); max-height:calc(100dvh - var(--gutter,3.125rem)); padding:1rem 1.5rem 1rem 1.5rem; position:fixed; width:fit-content; border:none; overflow-y:auto; &::backdrop{background-color:transparent;} &:not([class*="type-"]){box-shadow:0 0 0 1px var(--box-shadow),0 0.4375rem 0.3125rem -0.3125rem rgba(0, 0, 0, 0.3);} &[class*="type-"]{box-shadow:0 0.4375rem 0.3125rem -0.3125rem rgba(0, 0, 0, 0.3);&:not([class*="reverse"]){ padding-left:2.25rem; &:before{position:absolute;top:1.375rem;left:0.75rem;content:"";width:1rem;height:1rem;background-color:currentColor;-webkit-mask-position:center center;-webkit-mask-size:contain;-webkit-mask-image:var(--svg-before);mask-position:center center;mask-size:contain;mask-image:var(--svg-before);}}} &[class*="-center"]{left:50%;} &[style*="auto"]{left:var(--fixed-position,1.5625rem);right:var(--fixed-position,1.5625rem);} &.with-btn{padding-right:3rem;} &.pos-top-left{top:var(--half-gutter,1.5625rem);left:var(--half-gutter,1.5625rem);@media(min-width:90rem){ left:var(--fixed-position,1.5625rem);}} &.pos-center{top:50%;transform:translate(-50%,-50%);} &.pos-top-center{top:var(--half-gutter,1.5625rem);transform:translateX(-50%);} &.pos-top-right{top:var(--half-gutter,1.5625rem);right:var(--half-gutter,1.5625rem);left:initial;@media(min-width:90rem){ right:var(--fixed-position,1.5625rem);}} &.pos-bottom-left{top:initial;bottom:var(--half-gutter,1.5625rem);left:var(--half-gutter,1.5625rem);@media(min-width:90rem){ left:var(--fixed-position,1.5625rem);}} &.pos-bottom-center{top:initial;bottom:var(--half-gutter,1.5625rem);transform:translateX(-50%);} &.pos-bottom-right{top:initial;bottom:var(--half-gutter,1.5625rem);right:var(--half-gutter,1.5625rem);left:initial;@media(min-width:90rem){ right:var(--fixed-position,1.5625rem);}} &.type-reverse{background-color:var(--heading-color,black);color:var(--basic-color-reverse,white);} &.type-success{--svg-before:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16,0A16,16,0,1,0,32,16,16.00584,16.00584,0,0,0,16,0Zm0,28.8A12.8,12.8,0,1,1,28.8,16,12.817,12.817,0,0,1,16,28.8ZM23.344,8.928,12.8,19.472,8.656,15.344,6.4,17.6,12.8,24,25.6,11.2Z"/></svg>');background-color:var(--green,green);color:white;@media(prefers-color-scheme:dark){ color:black;}} &.type-alert{--svg-before:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M14.06,9.7c0-.8.65-1.45,1.45-1.45h.97c.8,0,1.45.65,1.45,1.45v.97c0,.8-.65,1.45-1.45,1.45h-.97c-.8,0-1.45-.65-1.45-1.45v-.97ZM19.87,23.75h-7.75v-1.94h1.94v-5.81h-1.94v-1.94h5.81v7.75h1.94v1.94ZM16,.5C7.44.5.5,7.44.5,16s6.94,15.5,15.5,15.5,15.5-6.94,15.5-15.5c0-8.56-6.94-15.5-15.5-15.5,0,0,0,0,0,0ZM16,28.59c-6.96,0-12.59-5.64-12.59-12.59S9.04,3.41,16,3.41s12.59,5.64,12.59,12.59c0,6.96-5.64,12.59-12.59,12.59h0Z"/></svg>');background-color:var(--yellow,yellow);color:black;} &.type-error{--svg-before:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M30.87,23.56L20.02,3.49c-1.18-2.29-3.93-3.15-6.15-1.94-.8.44-1.45,1.11-1.87,1.94L1.15,23.56c-1.33,2.37-.54,5.4,1.75,6.77.69.41,1.46.64,2.26.66h21.67c2.66-.08,4.75-2.38,4.67-5.13-.02-.81-.24-1.6-.62-2.31ZM16.01,26.55c-.99-.03-1.76-.89-1.73-1.91.03-.97.79-1.75,1.73-1.78.99.06,1.74.93,1.69,1.95-.05.94-.78,1.69-1.69,1.74ZM17.58,14.62c-.08,1.43-.16,2.85-.24,4.28-.04.46-.04.89-.04,1.34-.01.74-.59,1.33-1.3,1.34-.7,0-1.28-.57-1.3-1.3-.11-2.23-.24-4.41-.35-6.64-.04-.59-.08-1.18-.12-1.76-.05-.91.5-1.74,1.34-2.02.83-.21,1.68.23,2.01,1.05.12.29.17.61.16.93-.04.93-.12,1.86-.16,2.78h0Z"/></svg>');background-color:var(--raspberry,red);color:white;} & .snack-bar--title{margin:0 !important;color:inherit;font-size:inherit;font-weight:600;} & .snack-bar--close{background-color:transparent;border-radius:0 var(--radius) 0 0;color:inherit;height:2rem;outline-color:currentColor;outline-offset:-2px;position:absolute;right:0;top:0;width:2rem;z-index:1;&:after{ background-color:currentColor; -webkit-mask-image:var(--svg-close); -webkit-mask-position:center center; -webkit-mask-size:1rem 1rem; -webkit-mask-repeat:no-repeat; mask-image:var(--svg-close); mask-position:center center; mask-size:1rem 1rem; mask-repeat:no-repeat; position:absolute; width:2rem; height:2rem; content:""; top:0; left:0;}}}:root.snackbar-overflow{ height:100dvh; overflow:hidden; & body{overscroll-behavior:none;& > [inert]{ -webkit-filter:blur(3px); filter:blur(3px);}}}