.sn-modal{position:fixed;display:grid;place-items:center;z-index:10;inset:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(.375rem);backdrop-filter:blur(.375rem)}.sn-modal-inner{background-color:var(--white);border-radius:.625rem;max-width:31.25rem;min-width:12.5rem;min-height:12.5rem}.sn-modal-heading{display:flex}.sn-modal-close{margin-left:auto}.sn-modal-footer{display:flex;justify-content:flex-end;gap:1rem}.small-modal{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;inset:auto;width:100%;bottom:5rem}@media(min-width:750px){.small-modal{place-items:flex-end;padding-right:.5rem}}.small-modal.soft-error .sn-modal-inner{background-color:var(--page-color-red-light)}.small-modal.soft-error .sn-modal-inner .item-heading{color:var(--white);text-shadow:0 0 .3125rem var(--page-color-red-dark)}.small-modal.soft-error .sn-modal-time{background:var(--page-color-red-dark)}.small-modal .sn-modal-inner{max-width:100%;width:calc(100% - 1.5rem);min-height:3.75rem;background:var(--primary-light);padding:1.5rem;position:relative;overflow:hidden}@media(min-width:750px){.small-modal .sn-modal-inner{max-width:25rem}}.small-modal .sn-modal-heading{position:absolute;right:1.5rem}.small-modal .sn-modal-close svg{width:1.25rem;height:1.25rem;opacity:.6}.small-modal .item-heading{font-size:1.25rem;color:var(--text)}.small-modal .sn-modal-time{position:absolute;animation:scaleX linear;transform-origin:left;bottom:0;transform:scaleX(0);width:100%;height:.25rem;left:.0625rem;border-radius:.25rem;background:var(--primary)}