.modal-mobile{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50;display:flex;align-items:flex-end}.modal-mobile__line{position:absolute;border-top:2px solid #ddd;width:130px;top:16px;left:0;right:0;margin:auto}.modal-mobile__back-button{margin-right:1rem}.modal-mobile__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);animation:fadeIn .3s ease forwards}.modal-mobile__content{position:relative;width:100%;min-height:70vh;max-height:90vh;background-color:#fff;border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:0 -4px 6px -1px rgba(0,0,0,.1);overflow-y:auto;animation:slideUp .3s ease forwards;display:flex;flex-direction:column}.modal-mobile__header{display:flex;justify-content:space-between;align-items:center;padding:2rem 1rem .5rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.modal-mobile__header--noborder{border-bottom:none}.modal-mobile__title{font-size:1.125rem;font-weight:600;color:#111827}.modal-mobile__close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;color:#4b5563;cursor:pointer}.modal-mobile__close:hover{background-color:#f3f4f6}.modal-mobile__nav{padding:.5rem 0;flex-grow:1;overflow-y:auto}.modal-mobile__list{list-style:none;margin:0;padding:0}.modal-mobile__item{border-bottom:1px solid #f3f4f6}.modal-mobile__item:last-child{border-bottom:none}.modal-mobile__link{display:block;padding:1rem;color:#111827;text-decoration:none;transition:background-color .2s}.modal-mobile__link:focus,.modal-mobile__link:hover{background-color:#f9fafb}.modal-mobile__link:active{background-color:#f3f4f6}@keyframes fadeIn{0%{opacity:0}to{opacity:100%}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}