.city-selector-modal .oui-button.oui-button--circle.oui-modal--floating-close-button{width:24px;height:24px}.city-selector-modal .oui-button.oui-button--circle.oui-modal--floating-close-button svg{stroke-width:2px}.city-selector-modal .city-selector-modal-body-header{text-align:center;color:#3c3c3c;margin-bottom:48px}@media (min-width:900px){.city-selector-modal .city-selector-modal-body-header{margin-bottom:40px}}.city-selector-modal>.oui-modal--overlay>.oui-modal--content{width:auto;min-height:354px;padding:0}.city-selector-modal .city-selector-modal-body{padding:0 28px 28px}@media (min-width:900px){.city-selector-modal .city-selector-modal-body{padding:30px 50px 50px}}.city-selector-modal .city-selector-modal-body ul{color:#636363;-moz-column-gap:20px;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:40px 20px;list-style:none;display:flex}@media (min-width:900px){.city-selector-modal .city-selector-modal-body ul{gap:36px}}.city-selector-modal .city-selector-modal-body ul li{cursor:pointer;border:1px solid #e5e5e5;border-radius:16px;flex-direction:column;justify-content:flex-end;min-width:123px;height:90px;transition:height .45s ease-in-out,border-color .45s ease-in-out,color .45s ease-in-out,box-shadow .45s ease-in-out;display:flex;position:relative}@media (min-width:360px){.city-selector-modal .city-selector-modal-body ul li{min-width:45%}}@media (min-width:480px){.city-selector-modal .city-selector-modal-body ul li{min-width:30%}}@media (min-width:768px){.city-selector-modal .city-selector-modal-body ul li{min-width:20%}}@media (min-width:900px){.city-selector-modal .city-selector-modal-body ul li{min-width:156px}}.city-selector-modal .city-selector-modal-body ul li.selected-city{border-color:#ccf0e4;height:77.5px;box-shadow:0 8px 28px -11px #01b37b41}.city-selector-modal .city-selector-modal-body ul li.selected-city svg{scale:1.25}.city-selector-modal .city-selector-modal-body ul li.selected-city svg [class$=dynamic-shade-fill]{fill:var(--oui-orange-100)}.city-selector-modal .city-selector-modal-body ul li.selected-city svg [class$=dynamic-shade-fill-white]{fill:var(--oui-white-100)}.city-selector-modal .city-selector-modal-body ul li.selected-city svg [class$=dynamic-shade-stroke]{stroke:var(--oui-orange-100)}.city-selector-modal .city-selector-modal-body ul li.selected-city svg [class$=dynamic-shade-stop-color]{stop-color:var(--oui-orange-100)}.city-selector-modal .city-selector-modal-body ul li.selected-city svg [class$=dynamic-shade-stroke-fill]{stroke:var(--oui-orange-100);fill:var(--oui-orange-100)}.city-selector-modal .city-selector-modal-body ul li.selected-city .shimmering-text{color:var(--oui-green-100)}.city-selector-modal .city-selector-modal-body ul li svg{transform-origin:bottom;transition:scale .45s ease-in-out}.city-selector-modal .city-selector-modal-body ul li svg *{transition:stroke .45s ease-in-out,fill .45s ease-in-out,stop-color .45s ease-in-out}.city-selector-modal .city-selector-modal-body ul li .shimmering-text{color:#636363;transition:color .45s ease-in-out;position:relative;overflow:hidden}.city-selector-modal .city-selector-modal-body ul li .shimmering-text:before{content:"";z-index:2;background-color:#ffffffab;width:15px;height:30px;transition:left .45s ease-in-out;position:absolute;top:-4px;left:-30px;rotate:125deg}.city-selector-modal .city-selector-modal-body ul li:hover{border-color:#ccf0e4;height:77.5px;box-shadow:0 8px 28px -11px #01b37b41}.city-selector-modal .city-selector-modal-body ul li:hover .shimmering-text{color:var(--oui-green-100)}.city-selector-modal .city-selector-modal-body ul li:hover .shimmering-text:before{left:calc(100% + 10px)}.city-selector-modal .city-selector-modal-body ul li:hover svg{scale:1.25}.city-selector-modal .city-selector-modal-body ul li:hover svg [class$=dynamic-shade-fill]{fill:var(--oui-orange-100)}.city-selector-modal .city-selector-modal-body ul li:hover svg [class$=dynamic-shade-fill-white]{fill:var(--oui-white-100)}.city-selector-modal .city-selector-modal-body ul li:hover svg [class$=dynamic-shade-stroke]{stroke:var(--oui-orange-100)}.city-selector-modal .city-selector-modal-body ul li:hover svg [class$=dynamic-shade-stop-color]{stop-color:var(--oui-orange-100)}.city-selector-modal .city-selector-modal-body ul li:hover svg [class$=dynamic-shade-stroke-fill]{stroke:var(--oui-orange-100);fill:var(--oui-orange-100)}.city-selector-modal .city-selector-modal-body ul li:before{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffffd9 18%,#fff 50%,#ffffffd8 82%,#fff0 100%);width:100%;height:16px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.city-selector-modal .city-selector-modal-body ul li>button{cursor:pointer;background:0 0;border:none;border-radius:16px;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative;top:-12px}.city-selector-modal .city-selector-modal-body ul li>button:focus-visible{outline-style:solid;outline-width:var(--oui-scale-1);outline-offset:var(--oui-scale-7);outline-color:var(--oui-orange-100)}