'use client';
import { css } from 'lit';

var css_248z = css`.top-start{top:var(--toast-container-top)}.middle-start,.top-start{left:var(--toast-container-left)}.middle-start{top:50%;transform:translateY(-50%)}.middle-center{left:50%;top:50%;transform:translate(-50%,-50%)}.middle-end{right:var(--toast-container-right);top:50%;transform:translateY(-50%)}.toast-container{--toast-container-top:calc(108px + var(--sgds-spacer-8));--toast-container-right:var(--sgds-spacer-8);--toast-container-left:var(--sgds-spacer-8);--toast-container-bottom:var(--sgds-spacer-8);max-width:100%;pointer-events:none;position:fixed;width:max-content;z-index:1200}.top-center{left:50%;transform:translateX(-50%)}.top-center,.top-end{top:var(--toast-container-top)}.top-end{right:var(--toast-container-right)}.bottom-start{left:var(--toast-container-left)}.bottom-center,.bottom-start{bottom:var(--toast-container-bottom)}.bottom-center{left:50%;transform:translateX(-50%)}.bottom-end{bottom:var(--toast-container-bottom);right:var(--toast-container-right)}slot{display:flex;flex-direction:column;gap:.5rem}`;

export { css_248z as default };
//# sourceMappingURL=toast-container.js.map
