/*! Notes...

    Author: Jay George
    Author URI: https://jaygeorge.co.uk

    ABOUT THIS CSS
    ===================================================
    - Class name prefixes are influenced by Namespaces article - http://csswizardry.com/2015/03/more-transparent-ui-code-with-namespaces/
    - Class relationships are based on BEM structure
    - For more information open readme.css at https://raw.githubusercontent.com/JayGeorge/framework_css/main/css-framework/css/readme.css

*/@layer base,elements,objects,components,modifiers,vendors,ui,utilities,scope;@layer components{.c-toast{position:fixed;bottom:var(--spacing-m);z-index:var(--z-index-below-nav);padding:var(--spacing-s) var(--spacing-m);background:#fff;border-radius:10px;box-shadow:var(--box-shadow-polaroid);font-family:var(--font-family-headline);font-weight:var(--font-family-headline-weight-medium);font-size:var(--font-size-s-1);line-height:var(--font-size-s-1-line-height);text-transform:uppercase;text-align:center;animation:1s var(--animation-timing-function-linear-out-slow-in) rotate-in-up both}.c-toast a{text-decoration:none;color:#000}.c-toast [src*=svg]{position:relative;top:-.15rem;margin-inline:var(--spacing-s) 0;font-size:2.5rem}.c-toast button{--width: 2rem;position:absolute;top:-1.25rem;right:-1rem;display:grid;align-content:center;width:var(--width);height:var(--width);padding:0;font-family:var(--font-family-decorative);font-size:2em;background:var(--color-red);color:#fff;border-radius:50px;cursor:pointer}:where(html):not(.js--toastPopped) .c-toast{display:none}@media (max-width: 599px){.c-toast{margin-inline:var(--spacing-s);width:calc(100% - var(--spacing-s) * 2)}}@media (min-width: 600px){.c-toast{right:var(--spacing-m);padding:var(--spacing-s-1) 2.2rem}.c-toast [src*=svg]{margin-inline-end:.25rem}}}