.title-bar form{width:calc(100% - 26px - 10px)}.title-bar form .form-control{border-color:rgba(var(--theme-color),1);border-radius:30px}.use-location-sec{margin-top:22px;padding:18px 28px;background-color:rgba(var(--light-gray),1);border-top:1px solid rgba(var(--border-color),1);border-bottom:1px solid rgba(var(--border-color),1);cursor:pointer;margin-bottom:25px}@media(max-width:576px){.use-location-sec{padding:18px 20px}}.use-location-sec .container{display:flex;align-items:center;gap:12px}.use-location-sec .navigation-arrow{width:18px;height:18px;transform:scaleX(-1)}.use-location-sec h3{color:rgba(var(--theme-color),1)}.use-location-sec .right-arrow{margin-left:auto;fill:rgba(var(--content-color),1)}.predefined-content .section-title{font-weight:500;color:rgba(var(--title-color),1);margin-top:24px}.list-li{display:flex;align-items:center;gap:15px;cursor:pointer}.list-li h4{font-weight:400}.list-li .icon-box{width:46px;height:46px;background-color:rgba(var(--light-gray),1);border-radius:8px;border:1px solid rgba(var(--border-color),1);display:flex;align-items:center;justify-content:center}.list-li .icon-box svg{width:22px;height:22px;fill:rgba(var(--content-color),1)}.list-li+.list-li{margin-top:12px;padding-top:12px;border-top:1px solid rgba(var(--border-color),1)}.icon-box{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid rgba(var(--border-color),1);background-color:rgba(var(--light-gray),1)}.icon-box svg{fill:rgba(var(--content-color),1);width:22px;height:22px}.room-ul li{display:flex;align-items:center;gap:13px}.room-ul li .middle-content h4{font-weight:400;color:rgba(var(--content-color),1)}.room-ul li .middle-content h3{margin-bottom:4px;font-size:calc(18px + (20 - 18)*(100vw - 320px)/(1920 - 320))}.room-ul li .qty-counter{margin-left:auto}.room-ul li+li{padding-top:15px;margin-top:15px}.room-ul li+li,.selection-panel{border-top:1px solid rgba(var(--border-color),1)}.selection-panel{position:fixed;bottom:0;left:0;width:100%;padding:15px}.selection-panel>div{display:flex;align-items:center}.selection-panel .btn{margin-left:auto}.selection-panel h4{color:rgba(var(--content-color),1);font-weight:400;margin-top:3px}.search-section{background-color:#f4f4f4;padding-bottom:20px}.dark .search-section{background-color:#283339}.search-section .search-box{background-color:rgba(var(--white),1);padding:15px;border-radius:12px;margin-top:-45px;position:relative;z-index:2}.search-section .search-box .selection-wrapper{display:flex;align-items:center;gap:14px;position:relative}.search-section .search-box .selection-wrapper+.selection-wrapper{margin-top:14px}.search-section .search-box .selection-wrapper .select-input{border:1px solid rgba(var(--border-color),1);border-radius:8px;padding:10px 18px;width:calc(50% - 7px);cursor:pointer}.search-section .search-box .selection-wrapper .select-input .react-datepicker-wrapper input,.search-section .search-box .selection-wrapper .select-input .react-datepicker__input-container input{padding:0;border:none;color:rgba(var(--title-color),1);font-weight:500;margin-top:4px;font-size:calc(18px + (20 - 18)*(100vw - 320px)/(1920 - 320));width:100%}.dark .search-section .search-box .selection-wrapper .select-input .react-datepicker-wrapper input,.dark .search-section .search-box .selection-wrapper .select-input .react-datepicker__input-container input{background-color:#172228}.search-section .search-box .selection-wrapper .select-input h5{color:rgba(var(--content-color),1);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.search-section .search-box .selection-wrapper .select-input h4{color:rgba(var(--title-color),1);font-weight:500;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-section .search-box .selection-wrapper .interchange-btn{position:absolute;left:50%;transform:translateX(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:100%;background-color:rgba(var(--white),1);border:1px solid rgba(var(--border-color),1);padding:0}.search-section .search-box .selection-wrapper .interchange-btn svg{width:22px;height:22px}