button.ters-action{padding:5px 10px;border:unset;border-radius:5px;background-color:var(--blue-100);font-size:1.3em;cursor:pointer}button.ters-action.negative{color:#fff;background-color:var(--error)}button.ters-action:disabled{color:var(--gray-600);background-color:var(--gray-400) !important;cursor:not-allowed}ters-edit-button button{display:flex;align-items:center;gap:5px}ters-edit-button[editing="true"] button.edit{display:none}ters-edit-button button.save{display:none;background-color:var(--teal-100)}ters-edit-button[editing="true"] button.save{display:flex}ters-remove-button{place-self:center}ters-remove-button[removing="false"]{display:none}button.ters-action.delete{display:flex;align-items:center;border:unset;border-radius:5px;background-color:var(--error);color:#fff;font-size:1em;cursor:pointer}@media screen and (max-width:500px){ters-edit-button[editing="true"] button.save{position:absolute;top:0;right:0;font-size:2em;border:solid .2em #fff;border-radius:unset;border-bottom-left-radius:5px;box-shadow:var(--darken-50) -.2em .2em .2em}}main{display:grid;place-items:center;overflow:hidden}div.landing{display:grid;align-content:start;width:80vw;max-height:70vh;padding:1em;border:solid 3px #000;border-radius:7px;background-color:#fff;overflow:auto;box-shadow:rgba(0,0,0,.3) 5px 5px 5px}p{font-size:1.3em;margin-block:.5em}a.landing{place-self:center}@media screen and (max-width:900px){div.landing{font-size:.7em}}@media screen and (max-width:600px){div.landing{width:90vw}}@media screen and (prefers-color-scheme:dark){div.landing{background-color:var(--gray-700);border-color:#fff}}