.title-bar{background-color:var(--background);border-bottom:2px solid #000;justify-content:space-between;align-items:center;gap:.5rem;padding:.375rem .5rem;display:flex}.title-bar--movable{cursor:move}.title-bar__title{font-family:var(--font-mono);color:#000;font-size:.75rem;font-weight:700}.title-bar__buttons{gap:.375rem;margin-left:auto;display:flex}.title-bar__button{background-color:var(--background);border:2px solid #000;border-radius:.25rem;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:all .2s;display:flex;box-shadow:2px 2px #000}.title-bar__button:hover{box-shadow:none;transform:translate(2px,2px)}.title-bar__button--minimize:hover{background-color:var(--color-zinc-600)}.title-bar__button--close:hover{background-color:var(--color-red-500)}.title-bar__icon{stroke-width:5px;width:.75rem;height:.75rem;transition:all .2s}@media (min-width:0) and (max-width:640px){.title-bar{background-color:var(--background);border-bottom:2px solid #000;justify-content:space-between;align-items:center;gap:.5rem;padding:.25rem .3rem;display:flex}.title-bar--movable{cursor:move}.title-bar__title{font-family:var(--font-mono);color:#000;font-size:.75rem;font-weight:700}.title-bar__buttons{gap:.375rem;margin-left:auto;display:flex}.title-bar__button{background-color:var(--background);border:1.5px solid #000;border-radius:.25rem;justify-content:center;align-items:center;width:1.1rem;height:1.1rem;transition:all .2s;display:flex;box-shadow:2px 2px #000}.title-bar__button:hover{box-shadow:none;transform:translate(2px,2px)}.title-bar__button--minimize:hover{background-color:var(--color-zinc-600)}.title-bar__button--close:hover{background-color:var(--color-red-500)}.title-bar__icon{stroke-width:5px;width:.6rem;height:.6rem;transition:all .2s}}@media (min-width:641px) and (max-width:1024px){.title-bar{background-color:var(--background);border-bottom:2px solid #000;justify-content:space-between;align-items:center;gap:.5rem;padding:.25rem .3rem;display:flex}.title-bar--movable{cursor:move}.title-bar__title{font-family:var(--font-mono);color:#000;font-size:.75rem;font-weight:700}.title-bar__buttons{gap:.375rem;margin-left:auto;display:flex}.title-bar__button{background-color:var(--background);border:1.5px solid #000;border-radius:.25rem;justify-content:center;align-items:center;width:1.1rem;height:1.1rem;transition:all .2s;display:flex;box-shadow:2px 2px #000}.title-bar__button:hover{box-shadow:none;transform:translate(2px,2px)}.title-bar__button--minimize:hover{background-color:var(--color-zinc-600)}.title-bar__button--close:hover{background-color:var(--color-red-500)}.title-bar__icon{stroke-width:5px;width:.6rem;height:.6rem;transition:all .2s}}