@square/maker/components/Toast/styles.css

Maker Design System by Square

.📚19-10-2BxUl0{background-color:var(--maker-color-background,#fff);border-radius:var(--maker-shape-default-border-radius,4px);box-shadow:0 8px 16px #0000001a,0 4px 32px #0000001a;margin:8px 0;overflow:hidden;pointer-events:auto;transition:transform .5s,opacity .5s,max-height .5s,margin .5s,padding .5s}.📚19-10-2fcqNB{--initial-bottom-padding:16px;align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;left:0;padding:0 24px;padding-bottom:var(--initial-bottom-padding);pointer-events:none;position:fixed;right:0;top:0;transition:padding-bottom .5s;z-index:1}.📚19-10-2bRwdS{opacity:0;transform:translateY(50%)}.📚19-10-2y0RVm{--actionbar-top-padding:24px;--actionbar-size:48px;--actionbar-bottom-padding:calc(24px + env(safe-area-inset-bottom, 24px) + var(--chrome-bottom-offset, 0px));padding-bottom:calc(var(--actionbar-top-padding) + var(--actionbar-size) + var(--actionbar-bottom-padding))}@media screen and (min-width:840px){.📚19-10-2y0RVm{padding-bottom:var(--initial-bottom-padding)}}.📚19-10-2_06ri{background-color:var(--toast-bg-color);box-sizing:border-box;width:100%}@media screen and (min-width:840px){.📚19-10-2_06ri{max-width:600px}}.📚19-10-2Pigc8{border:1px solid var(--maker-color-neutral-10,#f1f1f1)}.📚19-10-2jcnd9{grid-gap:16px;align-items:flex-start;display:flex;padding:16px}.📚19-10-2Fq56P,.📚19-10-2PN4F1{flex-shrink:0;height:24px}.📚19-10-2Fq56P{align-items:center;color:var(--toast-accent-color);display:flex}.📚19-10-2ziElt{color:var(--toast-color);cursor:pointer;flex-shrink:0;height:24px}.📚19-10-2_laKu{grid-gap:8px;display:flex;flex-grow:1;flex-wrap:wrap}.📚19-10-2omeiS{flex-grow:1}.📚19-10-2DKCbj{grid-gap:4px;display:flex}.📚19-10-2_wKQv{margin:0 4px}.📚19-10-2q7C6x{background-color:var(--toast-bg-color)}
/*# sourceMappingURL=styles.css.map*/