.ContainerStyled{z-index:100;justify-content:center;align-items:end;width:100%;height:100%;display:flex;position:fixed;bottom:0;left:0}.profile-modal-container{align-items:flex-end}.outside{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background-color:#0006;justify-content:center;align-items:center;width:100%;height:100%;font-family:Inter;display:flex;position:fixed;top:0;left:0}.ModalContentStyled{z-index:101;background:#1c1c1c;border:1px solid #000;border-radius:20px 20px 0 0;flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex;box-shadow:0 6px 16px #0006;width:100%!important}.keyboard-on{height:100vh!important;max-height:100vh!important}.profile-modal,.moible{box-shadow:none;max-height:unset;border:none;border-radius:0 0 10px 10px;height:100dvh!important}.playlist-modal{max-height:85%;padding-bottom:15px;bottom:0!important}.ModalHeaderStyled{justify-content:flex-start;align-items:flex-end;width:100%;height:40px;margin-bottom:12px;font-size:16px;font-weight:600;display:flex;position:relative}.HeaderIconStyled{color:green;justify-content:flex-start;align-items:center;width:30px;font-size:20px;display:flex}.ModalHeaderContentStyled{justify-content:flex-start;align-items:center;width:90%;display:flex}.CloseIconStyled{cursor:pointer;border-radius:50%;justify-content:flex-end;align-items:flex-end;margin-left:auto;padding:5px;font-size:20px;transition:all .2s ease-in-out;display:flex}.CloseIconStyled:hover{background:#e1e1e1}.ModalBodyContainerStyled{flex-direction:column;justify-content:center;align-items:center;margin:12px 0 16px;font-size:12px;display:flex;overflow-y:auto}.ModalBodyStyled{justify-content:flex-start;align-items:flex-start;display:flex}.ModalFooterStyled{justify-content:flex-end;align-items:center;width:100%;margin:12px 0 0;display:flex}.ModalFooterContentStyled{justify-content:center;align-items:center;margin:0;padding:0;font-size:12px;display:flex}.FooterIconStyled{border-radius:7px;width:10px;height:10px;margin:2px;padding:2px;font-size:10px;box-shadow:0 6px 46px #00000014}.ButtonSectionStyled{justify-content:center;align-items:center;width:90%;margin:2px 4px;padding:2px 4px;font-size:16px;display:flex}.ButtonStyled{cursor:pointer;color:#fff;border-radius:6px;outline:none;flex-wrap:nowrap;justify-content:center;align-items:center;min-width:115px;height:36px;margin:5px;padding:8px 16px;font-family:Inter;font-size:12px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000001f}