.states{padding-top:20px;padding-bottom:40px}.states .states-header{margin-bottom:40px;display:flex;gap:30px;align-items:center;justify-content:space-between}.states .states-header .wrapper-title{display:flex;align-items:center;gap:24px}.states .states-header .wrapper-title .title{font-weight:800}.states .states-header .states-searchbar{position:relative;max-width:365px;width:100%}.states .states-header .states-searchbar input{border-radius:12px;backdrop-filter:blur(21px);font-size:16px;color:#53707F;padding:15.5px 105px 15.5px 14px;height:56px}.states .states-header .states-searchbar input::-moz-placeholder{color:#53707F}.states .states-header .states-searchbar input::placeholder{color:#53707F}.states .states-header .states-searchbar .btn{position:absolute;right:8px;top:8px;font-size:14px;padding:11.5px 16px;height:40px}.states .count{display:flex;padding:15px 14px;border-radius:12px;border:2px solid #CACFD7;background:#FFF;backdrop-filter:blur(21px);color:#2A3E49;font-family:"Montserrat",sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:normal;overflow:hidden;text-overflow:ellipsis}.states .states-body{display:flex;flex-direction:column;gap:24px}.states .states-body .state{padding:16px 24px;background-color:#FFF;border-radius:16px;transition:box-shadow ease-in-out 0.5s;interpolate-size:allow-keywords}.states .states-body .state::details-content{block-size:0;transition:content-visibility,block-size;transition-duration:400ms;transition-behavior:allow-discrete;overflow:hidden}.states .states-body .state:hover{box-shadow:0 66px 19px 0 rgba(0,0,0,0),0 42px 17px 0 rgba(0,0,0,.01),0 24px 14px 0 rgba(0,0,0,.02),0 11px 11px 0 rgba(0,0,0,.04),0 3px 6px 0 rgba(0,0,0,.05)}.states .states-body .state:hover .circle-animation{border-color:#2A3E49}.states .states-body .state:hover .circle-animation .horizontal,.states .states-body .state:hover .circle-animation .vertical{background-color:#2A3E49}.states .states-body .state[open]{padding:16px 24px 32px}.states .states-body .state[open]::details-content{block-size:auto}.states .states-body .state[open]:hover{box-shadow:none}.states .states-body .state[open]:hover .circle-animation{border-color:#53707F}.states .states-body .state[open]:hover .circle-animation .horizontal,.states .states-body .state[open]:hover .circle-animation .vertical{background-color:#53707F}.states .states-body .state[open] .circle-animation{transition:border-color ease-in-out 0.5s}.states .states-body .state[open] .circle-animation .horizontal{transform:translate(-50%,-50%) rotate(90deg);opacity:0;transition:background-color ease-in-out 0.5s,transform ease-in-out 0.3s}.states .states-body .state[open] .circle-animation .vertical{transform:translate(-50%,-50%) rotate(90deg);transition:background-color ease-in-out 0.5s,transform ease-in-out 0.3s}.states .states-body .state .circle-animation{transition:border-color ease-in-out 0.5s}.states .states-body .state .circle-animation .horizontal{transition:background-color ease-in-out 0.5s,transform ease-in-out 0.3s}.states .states-body .state .circle-animation .vertical{transition:background-color ease-in-out 0.5s,transform ease-in-out 0.3s}.states .states-body .state summary{display:flex;justify-content:space-between;align-items:center;gap:24px;list-style:none;cursor:pointer}.states .states-body .state summary::-webkit-details-marker{display:none}.states .states-body .state summary .wrapper-title{display:flex;align-items:center;gap:24px}.states .states-body .state summary .wrapper-title .title{font-weight:700}.states .states-body .state .cities-section{margin-top:40px}.states .states-body .state .cities-section:first-of-type{margin-top:24px}.states .states-body .state .cities-section .section-title{font-size:16px;font-weight:600;line-height:20px}.states .states-body .state .cities-section .city-grid{margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.states .states-body .state .cities-section .city-grid .city{display:flex;justify-content:space-between;align-items:center;gap:16px;border-radius:12px;border:2px solid #CACFD7;background:#FFF;backdrop-filter:blur(21px);padding:14px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;transition:background-color ease-in-out 0.3s,border ease-in-out 0.3s}.states .states-body .state .cities-section .city-grid .city:hover{background-color:#F4F5F3;border:2px solid #53707F}.states .states-body .state .cities-section .city-grid .city .city-title{color:#2A3E49;text-overflow:ellipsis;overflow:hidden;font-family:"Montserrat",sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:normal;width:calc(100% - 16px - 69px)}.states .states-body .state .cities-section .city-grid .city .badge{padding:6px;font-family:"IBM Plex Sans",sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:normal;border-radius:8px;border:2px solid;overflow:hidden;text-overflow:ellipsis;color:#53707F}.states .states-body .state .cities-section .city-grid .city .badge-own{background-color:#FDDE71;border-color:#F4CA35}.states .states-body .state .cities-section .city-grid .city .badge-partner{background-color:#C8D5FF;border-color:#A6B6E9}.states .states-body .state .cities-section .city-grid .city .badge-delivery{background-color:#D9F2AE;border-color:#B1D86E}.states .states-body .state .controls{display:flex;align-items:center;gap:24px;margin-top:40px}.states .states-body .state .controls .btn{max-width:160px;width:100%;font-size:16px;padding:14px 16px;height:48px}@media (max-width:1200px){.states .states-body .state .cities-section .city-grid{margin-top:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:768px){.states{padding-top:30px;padding-bottom:40px}.states .states-header{margin-bottom:32px;flex-direction:column;gap:24px;align-items:flex-start}.states .states-header .states-searchbar{max-width:100%}}@media (max-width:576px){.states .count{padding:12px 14px;font-size:16px}.states .states-header{margin-bottom:32px;flex-direction:column;gap:24px;align-items:flex-start}.states .states-header .wrapper-title .title{font-size:20px}.states .states-body .state{padding:16px 24px}.states .states-body .state[open]{padding:16px 24px 24px}.states .states-body .state summary .wrapper-title{width:calc(100% - 24px - 32px);gap:16px}.states .states-body .state summary .wrapper-title .title{font-size:18px}.states .states-body .state .cities-section{margin-top:32px}.states .states-body .state .cities-section:first-of-type{margin-top:24px}.states .states-body .state .cities-section .section-title{font-weight:500}.states .states-body .state .cities-section .city-grid{margin-top:12px;grid-template-columns:repeat(1,1fr);gap:16px}.states .states-body .state .cities-section .city-grid .city{padding:14px}.states .states-body .state .cities-section .city-grid .city .city-title{font-size:16px}.states .states-body .state .controls{display:flex;flex-direction:column;gap:16px;margin-top:32px}.states .states-body .state .controls .btn{max-width:100%}}