.csm-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.csm-modal.active{display:flex;opacity:1;visibility:visible}.csm-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(5px)}.csm-modal-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translateY(50px);transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.csm-modal.active .csm-modal-content{transform:translateY(0)}.csm-close-btn{position:absolute;top:30px;right:30px;background:0 0;border:none;font-size:40px;color:#fff;cursor:pointer;padding:10px;line-height:1;transition:all .3s ease;z-index:10}.csm-close-btn:hover{transform:scale(1.1);opacity:.8}.csm-search-container{width:100%;max-width:600px;padding:0 20px}.csm-search-form{position:relative;display:flex;align-items:center;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:50px;padding:5px;transition:all .3s ease}.csm-search-form:focus-within{border-color:rgba(255,255,255,.5);box-shadow:0 0 30px rgba(255,255,255,.1)}.csm-search-input{flex:1;background:0 0;border:none;outline:none;padding:20px 25px;font-size:18px;color:#fff;font-weight:300}.csm-search-input::placeholder{color:rgba(255,255,255,.7)}.csm-search-submit{background:rgba(255,255,255,.2);border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin-right:5px}.csm-search-submit:hover{background:rgba(255,255,255,.3);transform:scale(1.05)}.csm-search-submit svg{width:20px;height:20px;color:#fff}@media (max-width:768px){.csm-close-btn{top:20px;right:20px;font-size:30px}.csm-search-container{padding:0 15px}.csm-search-input{font-size:16px;padding:15px 20px}.csm-search-submit{width:45px;height:45px}}@keyframes fadeInModal{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.csm-modal.active .csm-search-container{animation:fadeInModal .5s cubic-bezier(.25,.46,.45,.94) .2s both}