.basic-demo-module___VtQ4a__demo{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.basic-demo-module___VtQ4a__button{border:1px solid var(--p-content-border-color);color:var(--p-text-color);cursor:pointer;background:0 0;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;transition:background-color .2s}.basic-demo-module___VtQ4a__button:hover{background-color:light-dark(var(--p-surface-100),var(--p-surface-800))}.basic-demo-module___VtQ4a__button:focus-visible{outline:1px solid var(--p-primary-color);outline-offset:2px}.basic-demo-module___VtQ4a__region{z-index:2000;width:18.75rem;position:fixed;bottom:2rem;right:2rem}.basic-demo-module___VtQ4a__toast{--offset-y:calc(var(--swipe-amount-y) + (var(--toast-offset) + var(--toast-index) * var(--gap)) * var(--raise-factor));--offset-x:var(--swipe-amount-x);--raise-factor:-1;background-color:light-dark(var(--p-surface-0),var(--p-surface-900));border:1px solid light-dark(var(--p-surface-200),var(--p-surface-800));width:100%;color:light-dark(var(--p-surface-900),var(--p-surface-0));touch-action:none;opacity:0;transform:translateX(var(--offset-x)) translateY(100%);z-index:var(--toast-z-index);border-radius:.5rem;outline:none;padding:1rem;transition:transform .3s,opacity .3s,height .3s;position:absolute;bottom:0;right:0;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.basic-demo-module___VtQ4a__toast:focus-visible{outline:1px solid light-dark(var(--p-surface-950),var(--p-surface-0));outline-offset:2px}.basic-demo-module___VtQ4a__toast[data-mounted]{opacity:1;transform:translateY(0)}.basic-demo-module___VtQ4a__toast:not([data-expanded]):not([data-front]){height:var(--front-toast-height);transform:translateX(var(--offset-x)) translateY(calc(var(--raise-factor) * var(--toast-index) * var(--gap))) scale(calc(var(--toast-index) * -.05 + 1));overflow:hidden}.basic-demo-module___VtQ4a__toast[data-mounted][data-expanded]{height:var(--initial-height);transform:translateX(var(--offset-x)) translateY(var(--offset-y))}.basic-demo-module___VtQ4a__toast[data-expanded]:after{content:"";height:calc(var(--gap) + 1px);width:100%;position:absolute;bottom:100%;left:0}.basic-demo-module___VtQ4a__toast:not([data-visible]){opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.basic-demo-module___VtQ4a__toast[data-removed][data-front]:not([data-swipe-out]){opacity:0;transform:translateX(var(--offset-x)) translateY(calc(var(--raise-factor) * -100%))}.basic-demo-module___VtQ4a__toast[data-removed]:not([data-front]):not([data-swipe-out])[data-expanded]{opacity:0;transform:translateX(var(--offset-x)) translateY(calc(var(--raise-factor) * var(--offset-y) * .4))}.basic-demo-module___VtQ4a__toast[data-removed]:not([data-front]):not([data-swipe-out]):not([data-expanded]){opacity:0;transform:translateX(var(--offset-x)) translateY(calc(var(--raise-factor) * 40% * -1));transition:transform .5s,opacity .2s}.basic-demo-module___VtQ4a__toast[data-swiping]{transition:none;transform:translateX(var(--offset-x)) translateY(var(--offset-y))!important}.basic-demo-module___VtQ4a__toast[data-swiped]{-webkit-user-select:none;user-select:none}.basic-demo-module___VtQ4a__toast[data-swipe-out][data-swipe-direction=up]{opacity:0;transform:translateX(var(--offset-x)) translateY(calc(var(--offset-y) - 100%))!important}.basic-demo-module___VtQ4a__toast[data-swipe-out][data-swipe-direction=down]{opacity:0;transform:translateX(var(--offset-x)) translateY(calc(var(--offset-y) + 100%))!important}.basic-demo-module___VtQ4a__toast[data-swipe-out][data-swipe-direction=left]{opacity:0;transform:translateX(calc(var(--offset-x) - 100%)) translateY(var(--offset-y))!important}.basic-demo-module___VtQ4a__toast[data-swipe-out][data-swipe-direction=right]{opacity:0;transition:transform .5s,opacity .2s;transform:translateX(calc(var(--offset-x) + 100%)) translateY(var(--offset-y))!important}.basic-demo-module___VtQ4a__content{grid-template-columns:auto 1fr;align-items:start;gap:.75rem;display:grid}.basic-demo-module___VtQ4a__icon{color:light-dark(var(--p-surface-800),var(--p-surface-100));margin-top:.25rem}.basic-demo-module___VtQ4a__icon>svg{width:.875rem;height:.875rem}.basic-demo-module___VtQ4a__title{color:light-dark(var(--p-surface-800),var(--p-surface-100));font-size:.875rem;font-weight:600}.basic-demo-module___VtQ4a__description{color:light-dark(var(--p-surface-500),var(--p-surface-400));margin-top:.25rem;font-size:.875rem}.basic-demo-module___VtQ4a__close{color:light-dark(var(--p-surface-400),var(--p-surface-500));cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex;position:absolute;top:.5rem;right:.5rem}.basic-demo-module___VtQ4a__close:hover{color:light-dark(var(--p-surface-600),var(--p-surface-200))}.basic-demo-module___VtQ4a__close:focus-visible{outline:1px solid var(--p-primary-color);outline-offset:-1px}.basic-demo-module___VtQ4a__close>svg{width:.75rem;height:.75rem}