.modal{background:#151515;border-radius:5px;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:500px;z-index:1}@media (max-width:767px){.modal{max-width:500px;width:100%}}.modal__content{border-bottom:1px solid #333;padding:20px;position:relative}.modal__content--loading:before{background-color:rgba(0,0,0,.3);background-image:url(../img/components/app-user-profile-edit/spinner.gif);background-position:50%;background-repeat:no-repeat;background-size:40px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.modal__controls{align-items:center;display:flex;padding:20px}.modal__button{background-color:#333;border:none;border-radius:5px;color:hsla(0,0%,100%,.5);cursor:pointer;font-size:15px;font-weight:700;line-height:18px;padding:11px 20px;transition:opacity .3s ease-out}.modal__button:hover{opacity:.7}.modal__button[disabled]{opacity:.5;pointer-events:none}.modal__button+.modal__button{margin-left:10px}.modal__button--confirm{background:linear-gradient(180deg,#544f8b,#3a356f),#2c2953;color:#fff}.modal__button--alt{background:#151515;color:#fff;margin-right:auto;padding:0}.modal-checkboxes{display:flex;flex-direction:column;max-height:288px;overflow:auto}.modal-checkboxes__item{cursor:pointer;font-size:0;padding-right:10px}.modal-checkboxes__item input{display:none}.modal-checkboxes__item span{color:#757575;display:inline-block;font-size:15px;font-weight:700;line-height:24px;overflow:hidden;padding-left:64px;position:relative;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:100%}.modal-checkboxes__item span svg{height:24px;left:34px;position:absolute;width:24px}.modal-checkboxes__item input:checked+span{color:#fff}.modal-checkboxes__item span:before{border:2px solid #757575;border-radius:3px;content:"";height:24px;left:0;position:absolute;width:24px}.modal-checkboxes__item input:checked+span:before{background-color:#7481a2;border-color:#7481a2}.modal-checkboxes__item span:after{border-bottom:3px solid #fff;border-right:3px solid #fff;content:"";height:14px;left:8px;opacity:0;position:absolute;top:1px;transform:rotate(45deg);width:8px}.modal-checkboxes__item input:checked+span:after{opacity:1}.modal-checkboxes__item:not(:last-child){margin-bottom:20px}.modal-radio{display:flex;flex-direction:column}.modal-radio+.modal-radio{margin-top:20px}.modal-radio__title{color:#838383;font-size:13px;line-height:15px;margin-bottom:8px}.modal-radio__item{cursor:pointer}.modal-radio__item input{display:none}.modal-radio__item span{fill:#fff;color:#757575;display:block;font-size:15px;font-weight:700;line-height:18px;padding-left:64px;position:relative;text-transform:capitalize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.modal-radio__item span:after,.modal-radio__item span:before{border-radius:50%;content:"";position:absolute;top:50%;transform:translateY(-50%)}.modal-radio__item input:checked+span{color:#fff}.modal-radio__item span:before{background-color:#757575;height:24px;left:0;width:24px}.modal-radio__item input:checked+span:before{background-color:#7481a2}.modal-radio__item span:after{background-color:#fff;height:12px;left:6px;opacity:0;width:12px}.modal-radio__item input:checked+span:after{opacity:1}.modal-radio__item svg{height:24px;left:34px;position:absolute;top:50%;transform:translateY(-50%);width:24px}.modal-radio__item:not(:last-child){margin-bottom:20px}.playlist-list__item{display:flex}.playlist-list__item svg{height:24px;margin-right:6px;width:24px}.playlist-list__item span{color:#757575;font-size:15px;font-weight:700;line-height:24px;margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.playlist-list__item button{align-items:center;background:linear-gradient(180deg,#544f8b,#3a356f);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;margin-left:auto;min-width:80px;padding:0 16px;text-decoration:none}.playlist-list__item button[disabled]{cursor:default;opacity:.5}.playlist-list__item:not(:last-child){margin-bottom:10px}.modal__error{color:red;margin-top:20px}