.modal{color:var(--main-font-color);background-color:var(--main-bg-color);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-width:300px;display:flex}.form{width:100%;color:var(--main-font-color);display:flex}.item{direction:rtl;width:300px;transition:background-color .1s}.select{color:var(--main-font-color);border-radius:10px}.input{color:var(--main-font-color)}.button{cursor:pointer;background-color:var(--main-button-color);width:70px;height:40px;color:var(--main-font-color);border:none;border-radius:5px;font-size:16px}.button:hover{background-color:var(--button-hover-color)}.button.disabled{cursor:default;background-color:var(--button-disabled-color)}.exit{cursor:pointer;font-size:28px;position:absolute;top:10px;right:10px}.exit:hover{opacity:.5}.title{margin-top:10px}@media (max-width:700px){.title{font-size:18px}}@media (max-width:500px){.title{font-size:14px}}.buttons{justify-content:left;align-items:center;gap:10px;width:100%;font-size:16px;display:flex}.cancel{cursor:pointer;color:#7272f8}.cancel:hover{opacity:.75}.song{color:var(--soft-font-color)}