/*! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com*/

    #laravel-notify abbr:where([title]){ -webkit-text-decoration:underline dotted;text-decoration:underline dotted}
    #laravel-notify h1,
    #laravel-notify h2,
    #laravel-notify h3,
    #laravel-notify h4,
    #laravel-notify h5,
    #laravel-notify h6{font-size:inherit;font-weight:inherit}
    #laravel-notify a{color:inherit;text-decoration:inherit}
    #laravel-notify b,
    #laravel-notify strong{font-weight:bolder}
    #laravel-notify code,
    #laravel-notify kbd,
    #laravel-notify pre,
    #laravel-notify samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}
    #laravel-notify small{font-size:80%}
    #laravel-notify sub,
    #laravel-notify sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
    #laravel-notify sub{bottom:-.25em}
    #laravel-notify sup{top:-.5em}
    #laravel-notify table{border-collapse:collapse;border-color:inherit;text-indent:0}
    #laravel-notify button{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}
    #laravel-notify button,
    #laravel-notify select{text-transform:none}
    #laravel-notify [type=button],
    #laravel-notify [type=reset],
    #laravel-notify [type=submit],
    #laravel-notify button{-webkit-appearance:button;background-color:transparent;background-image:none}
    #laravel-notify :-moz-focusring{outline:auto}
    #laravel-notify :-moz-ui-invalid{box-shadow:none}
    #laravel-notify progress{vertical-align:baseline}
    #laravel-notify ::-webkit-inner-spin-button,
    #laravel-notify ::-webkit-outer-spin-button{height:auto}
    #laravel-notify summary{display:list-item}
    #laravel-notify dl,
    #laravel-notify figure,
    #laravel-notify h1,
    #laravel-notify h2,
    #laravel-notify h3,
    #laravel-notify h4,
    #laravel-notify h5,
    #laravel-notify h6,
    #laravel-notify hr,
    #laravel-notify p,
    #laravel-notify pre{margin:0}
    #laravel-notify menu,
    #laravel-notify ol,
    #laravel-notify ul{list-style:none;margin:0;padding:0}
    
    #laravel-notify [role=button],
    #laravel-notify button{cursor:pointer}
    #laravel-notify audio,
    #laravel-notify canvas,
    #laravel-notify embed,
    #laravel-notify iframe,
    #laravel-notify img,
    #laravel-notify object,
    #laravel-notify svg,
    #laravel-notify video{display:block;vertical-align:middle}
    #laravel-notify img,
    #laravel-notify video{height:auto;max-width:100%}
    #laravel-notify [hidden]{display:none}
    
    #laravel-notify .pointer-events-none{pointer-events:none}
    #laravel-notify .pointer-events-auto{pointer-events:auto}
    #laravel-notify .fixed{position:fixed}
    #laravel-notify .absolute{position:absolute}
    #laravel-notify .relative{position:relative}
    #laravel-notify .inset-0{bottom:0;left:0;right:0;top:0}
    #laravel-notify .z-10{z-index:10}.ml-4{margin-left:1rem}
    #laravel-notify .ml-6{margin-left:1.5rem}
    #laravel-notify .mt-1{margin-top:.25rem}
    #laravel-notify .flex{display:flex}
    #laravel-notify .inline-flex{display:inline-flex}
    #laravel-notify .h-10{height:2.5rem}
    #laravel-notify .h-12{height:3rem}
    #laravel-notify .h-40{height:10rem}
    #laravel-notify .h-5{height:1.25rem}
    #laravel-notify .h-6{height:1.5rem}
    #laravel-notify .w-0{width:0}
    #laravel-notify .w-10{width:2.5rem}
    #laravel-notify .w-12{width:3rem}
    #laravel-notify .w-5{width:1.25rem}
    #laravel-notify .w-6{width:1.5rem}
    #laravel-notify .w-full{width:100%}
    #laravel-notify .max-w-sm{max-width:24rem}
    #laravel-notify .flex-1{flex:1 1 0%}
    #laravel-notify .flex-shrink-0,
    #laravel-notify .shrink-0{flex-shrink:0}
    #laravel-notify .translate-y-0{--tw-translate-y:0px}
    #laravel-notify .translate-y-0,
    #laravel-notify.translate-y-2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    #laravel-notify .translate-y-2{--tw-translate-y:0.5rem}
    #laravel-notify .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    #laravel-notify .flex-col{flex-direction:column}
    #laravel-notify .items-start{align-items:flex-start}
    #laravel-notify .items-end{align-items:flex-end}
    #laravel-notify .items-center{align-items:center}
    #laravel-notify .justify-end{justify-content:flex-end}
    #laravel-notify .justify-center{justify-content:center}
    #laravel-notify.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}
    #laravel-notify .overflow-hidden{overflow:hidden}
    #laravel-notify .rounded-full{border-radius:9999px}
    #laravel-notify .rounded-lg{border-radius:.5rem}
    #laravel-notify .rounded-md{border-radius:.375rem}
    #laravel-notify .border-l-4{border-left-width:4px}
    #laravel-notify .border-t-4{border-top-width:4px}
    #laravel-notify .border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}
    #laravel-notify .border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity))}
    #laravel-notify .border-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity))}
    #laravel-notify .border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}
    #laravel-notify .border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}
    #laravel-notify .border-yellow-500{--tw-border-opacity:1;border-color:rgb(234 179 8/var(--tw-border-opacity))}
    #laravel-notify .bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}
    #laravel-notify .bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}
    #laravel-notify .bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity))}
    #laravel-notify .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}
    #laravel-notify .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}
    #laravel-notify .from-green-600{--tw-gradient-from:#16a34a;--tw-gradient-to:rgba(22,163,74,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
    #laravel-notify .from-orange-500{--tw-gradient-from:#f97316;--tw-gradient-to:rgba(249,115,22,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
    #laravel-notify .from-red-600{--tw-gradient-from:#dc2626;--tw-gradient-to:rgba(220,38,38,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
    #laravel-notify .from-teal-500{--tw-gradient-from:#14b8a6;--tw-gradient-to:rgba(20,184,166,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
    #laravel-notify .via-green-500{--tw-gradient-to:rgba(34,197,94,0);--tw-gradient-stops:var(--tw-gradient-from),#22c55e,var(--tw-gradient-to)}
    #laravel-notify .via-red-500{--tw-gradient-to:rgba(239,68,68,0);--tw-gradient-stops:var(--tw-gradient-from),#ef4444,var(--tw-gradient-to)}
    #laravel-notify .to-green-800{--tw-gradient-to:#166534}
    #laravel-notify .to-red-800{--tw-gradient-to:#991b1b}
    #laravel-notify .p-2{padding:.5rem}
    #laravel-notify .p-4{padding:1rem}
    #laravel-notify .px-4{padding-left:1rem;padding-right:1rem}
    #laravel-notify .py-6{padding-bottom:1.5rem;padding-top:1.5rem}
    #laravel-notify .text-right{text-align:right}
    #laravel-notify .text-2xl{font-size:1.5rem;line-height:2rem}
    #laravel-notify .text-sm{font-size:.875rem;line-height:1.25rem}
    #laravel-notify .text-xl{font-size:1.25rem;line-height:1.75rem}
    #laravel-notify .font-medium{font-weight:500}
    #laravel-notify .font-semibold{font-weight:600}.leading-5{line-height:1.25rem}
    #laravel-notify .leading-6{line-height:1.5rem}
    #laravel-notify .text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}
    #laravel-notify .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}
    #laravel-notify .text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}
    #laravel-notify .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}
    #laravel-notify .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}
    #laravel-notify .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}
    #laravel-notify .text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity))}
    #laravel-notify .text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}
    #laravel-notify .text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}
    #laravel-notify .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}
    #laravel-notify .text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity))}
    #laravel-notify .opacity-0{opacity:0}
    #laravel-notify .opacity-100{opacity:1}
    #laravel-notify .opacity-75{opacity:.75}
    #laravel-notify .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
    #laravel-notify .transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}
    #laravel-notify .duration-100{transition-duration:.1s}
    #laravel-notify .duration-150{transition-duration:.15s}
    #laravel-notify .duration-300{transition-duration:.3s}
    #laravel-notify .ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}
    #laravel-notify .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}
    #laravel-notify .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}
    #laravel-notify .hover\:text-slate-500:hover{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}
    #laravel-notify .focus\:text-gray-500:focus{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}
    #laravel-notify .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
    @media (min-width:640px){
        #laravel-notify .sm\:translate-x-0{--tw-translate-x:0px}
            #laravel-notify .sm\:translate-x-0,.sm\:translate-x-2{
                transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
            }
            #laravel-notify .sm\:translate-x-2{--tw-translate-x:0.5rem}
            #laravel-notify .sm\:translate-y-0{
                --tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
            }
            #laravel-notify .sm\:items-start{align-items:flex-start}
            #laravel-notify .sm\:justify-end{justify-content:flex-end}
            #laravel-notify .sm\:p-6{padding:1.5rem}
    }