:where(.app-modal){text-align:start}:where(.app-modal) button:not([data-slot]){font:inherit;cursor:pointer}:where(.app-modal) a{color:inherit;text-decoration:none}.app-modal .btn{border:1px solid var(--line);background:var(--paper);min-height:36px;font:500 12px/1.2 var(--body);border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;display:inline-flex}.app-modal .btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.app-modal .icon-btn{width:32px;min-width:32px;height:32px;min-height:32px;color:var(--ink);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}:where(.app-modal) button:disabled{opacity:.5;cursor:default}.app-modal .full{width:100%}.app-modal .text-btn{color:var(--ink);background:0 0;border:0;padding:0;font-size:12px}.app-modal .text-btn:hover{text-decoration:underline}.app-modal .field{flex-direction:column;gap:6px;margin:14px 0;display:flex}.app-modal .field :is(input,textarea,select){border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;min-height:36px;color:var(--ink);font:13px/1.5 var(--body);border-radius:6px;padding:7px 10px}.app-modal .field :is(input,select){height:36px}.app-modal form>:is(p,.field,.btn){margin:0}.app-modal [role=alert]:not([data-slot=inline-alert]){color:var(--ink)}@media (max-width:800px){.app-modal :is(.btn,.icon-btn,.text-btn){min-height:44px}.app-modal .icon-btn{min-width:44px}.app-modal .field :is(input,textarea,select){min-height:44px;font-size:16px}}:where(.app-modal) .app-modal-content{padding:24px}:where(.app-modal) .modal-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}:where(.app-modal) .modal-head h2{min-width:0;font:500 25px/1.2 var(--heading);letter-spacing:-.8px;overflow-wrap:anywhere;margin:0}:where(.app-modal) .modal-head .icon-btn{flex:none}.app-modal .modal-head .icon-btn:hover:not(:disabled),.app-modal .modal-head .icon-btn:focus-visible{background:var(--wash);color:var(--ink)}.app-modal.skill-sources-modal{width:min(730px,100vw - 32px);max-height:calc(100svh - 44px)}.app-modal.skill-sources-modal .app-modal-content{padding:23px 27px}.app-modal.skill-sources-modal .modal-head{margin-bottom:17px}@media (max-width:700px){.app-modal.skill-sources-modal{width:calc(100vw - 20px);max-height:calc(100svh - 24px)}}