.button{appearance:none;background:var(--accent);border:1px solid var(--accent);cursor:pointer;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;gap:var(--space-h-xsmall);text-align:center;vertical-align:baseline;cursor:pointer;width:auto;max-width:100%;color:var(--foreground);padding:0;padding:.6875rem var(--space-h-small);border-radius:999em;align-items:center;font-size:.75rem;text-decoration:none;transition:all .2s ease-out;display:inline-flex;position:relative;overflow:hidden}.button img{opacity:1;width:16px;height:auto;transition:all .2s ease-out}.hover .button--priority-secondary:hover img{filter:invert()}.button[disabled]{pointer-events:none;color:var(--border);border-color:var(--border)}.button[disabled] img{opacity:.2}.button--priority-secondary{background:var(--background);color:var(--foreground);border:1px solid var(--foreground)}.hover .button--priority-secondary:hover{background:var(--foreground);color:var(--foreground-inverted)}
.modal-overlay{z-index:2;background-color:#0009;flex-direction:column;justify-content:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal{contain:content;-webkit-overflow-scrolling:touch;background-color:var(--background);width:100%;max-width:calc(100vw - 40px);height:auto;max-height:calc(100vh - 120px);position:relative;overflow-y:auto}@media screen and (min-width:860px){.modal-overlay{align-items:center}.modal{max-width:800px}}.modal__header{padding:var(--space-h);justify-content:flex-end;align-items:center;padding-bottom:0;display:flex}.modal__header:has(h2){padding-bottom:var(--space-h);border-bottom:1px solid var(--border);justify-content:space-between}.modal__header h2{text-align:center;font-weight:600;font-size:var(--font-default);flex:auto;margin:0}.modal__back,.modal__close{flex:none;width:16px}.modal__header button{appearance:none;cursor:pointer;background:0 0;border:0;padding:0}.modal__content{padding:var(--space-v) var(--space-h);position:relative;inset:0}.modal:has(.modal__header) .modal__content{padding-top:0}.modal:has(.modal__header h2) .modal__content{padding-top:var(--space-h)}.modal:not(:has(footer)) .modal__content{padding-bottom:var(--space-h)}.modal__content h2{margin:var(--space-v-medium) 0 var(--space-v) 0;font-weight:600;font-size:var(--font-mediumplus)}.modal__content h2:first-child{margin-top:0}.modal__close{appearance:none;cursor:pointer;background:0 0;border:none;padding:0;display:block}