.sheet__backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);opacity:0;pointer-events:none;transition:opacity .25s;z-index:9998}.sheet__backdrop--open{opacity:1;pointer-events:auto}.sheet{position:fixed;left:0;right:0;bottom:-100%;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -16px 40px rgba(0,0,0,.2);transition:bottom .35s cubic-bezier(.25,.8,.25,1);max-height:72vh;display:flex;flex-direction:column;z-index:9999;will-change:bottom}.sheet__header,.sheet__search{position:sticky;background:#fff}.sheet--open{bottom:0}.sheet--keyboard{bottom:auto;top:0;height:100vh;height:100dvh;border-top-left-radius:0;border-top-right-radius:0}.sheet__header{top:0;z-index:30;padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.sheet__title{margin:0;font-size:16px;font-weight:600;color:#0f172a}.sheet__close{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;color:#334155;cursor:pointer;transition:.2s}.sheet__search{top:56px;z-index:25;padding:12px 20px;border-bottom:1px solid #e5e7eb}.sheet__input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:10px;font-size:15px;color:#0f172a;background:#fff;transition:border-color .2s,box-shadow .2s}.sheet__input::placeholder{color:#9aa3b2}.sheet__input:focus{outline:0;border-color:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.25)}.sheet__grid-wrapper{flex:1;overflow:auto;padding:20px;overscroll-behavior:contain}.sheet__grid{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-start}.city-card{position:relative;flex:0 0 calc(50% - 7px);border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);text-decoration:none;color:inherit;transition:box-shadow .28s}@media (min-width:481px) and (max-width:1024px){.city-card{flex:0 0 calc((100% - 2*14px)/ 3)}}@media (min-width:1025px){.city-card{flex:0 0 calc((100% - 3*14px)/ 4)}}.city-card__img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;filter:brightness(.88) contrast(1.02);transition:transform .28s,filter .28s}.city-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(transparent,rgba(0,0,0,.58));color:#fff}.city-card__title{font-weight:600;font-size:16px;letter-spacing:.2px}@media (hover:hover){.sheet__close:hover{border-color:#d1d5db;box-shadow:0 2px 8px rgba(0,0,0,.08)}.city-card:hover{box-shadow:0 8px 22px rgba(0,0,0,.12)}.city-card:hover .city-card__img{transform:scale(1.045);filter:brightness(.95) contrast(1.03)}}.sheet__grid-wrapper::-webkit-scrollbar{width:10px}.sheet__grid-wrapper::-webkit-scrollbar-track{background:#f1f3f7;border-radius:10px}.sheet__grid-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.sheet__grid-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}