.berth{position:relative;min-height:400px;height:100%}.berth .berth__map{position:absolute;top:30px;bottom:0;width:100%}.berth .berth__select-wrapper{z-index:1;position:relative;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-radius:20px;margin-top:-1px;margin-left:-1px;margin-right:-1px;overflow:initial !important}.berth .berth__select{position:relative;display:flex;align-items:center;gap:6px;background-color:#F4F6F9;border-radius:50px;padding:15px 20px;flex-basis:100%;max-width:336px;cursor:pointer}.berth .berth__select--show .berth__select-list{display:flex}.berth .berth__select-icon{--width-icon: 16px;--height-icon: 16px;--primary-color-icon: #0E254B99;max-width:var(--width-icon);overflow:hidden;transition:all 0.1s ease-in-out}.berth .berth__select-icon.opacity{max-width:0}.berth .berth__select-title{font-size:16px;font-weight:600;line-height:20px;text-align:left;color:#0E254B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.berth .berth__select-arrow{--width-icon: 16px;--height-icon: 8px}.berth .berth__select-price{margin-left:auto}.berth .berth__select-list{z-index:1;display:none;position:absolute;flex-direction:column;top:0;left:0;right:0;background-color:#FFFFFF;border-radius:22px;overflow:auto;max-height:380px}.berth .berth__select-list::-webkit-scrollbar{width:6px}.berth .berth__select-list::-webkit-scrollbar-thumb{background-color:rgba(52, 133, 255, 0.5);border-radius:10px}.berth .berth__select-list::-webkit-scrollbar-track{background-color:rgba(0, 0, 0, 0.1);border-radius:10px}.berth .berth__select-item{padding:15px 20px;display:flex;align-items:center;gap:5px}.berth .berth__select-item:not(.berth__select-item--active) .berth__select-arrow{display:none}.berth .berth__select-item:hover{background-color:#F4F6F9}.berth .berth__select-item--active{background-color:#FFE9DC;color:#FF6B17;border-radius:50px;order:-1}.berth .berth__select-item--active .berth__select-icon{--primary-color-icon: currentColor}.berth .berth__select-item--active .berth__select-title{color:currentColor}.berth .berth__select-item--active .berth__select-arrow{--primary-color-icon: currentColor;transform:rotate(180deg)}