.multiselection{display:flex;margin:auto;max-width:1150px;padding:20px}.multiselection-image{width:40%}.multiselection-image img{width:100%}.multiselection-content{padding:20px;width:60%}.multiselection-content-location-select{margin-bottom:20px}.multiselection-content-location-select span{font-weight:700}#locationSelection{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;line-height:18px;padding:10px 32px 10px 12px;position:relative;user-select:none;width:250px}#locationSelection:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #555;content:"";height:0;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:transform .25s;width:0}#locationSelection.open:after{transform:translateY(-50%) rotate(180deg)}#selectedLocation{display:block;font-size:16px}.options-list{background:#fff;border-radius:0 0 4px 4px;border-top:none;left:-1px;max-height:0;overflow:hidden;position:absolute;top:calc(100% - 1px);transition:max-height .25s ease;width:calc(100% + 2px);z-index:10}.open .options-list{border:1px solid #ccc}#locationSelection.open .options-list{max-height:400px;overflow-y:auto}.location-option{cursor:pointer;display:block;font-size:14px;margin-right:0;padding:8px 10px;white-space:nowrap}.location-option:hover{background-color:#eee}.location-option.active{color:#fff}@media(max-width:767px){.multiselection{flex-direction:column}.multiselection-image{margin-bottom:20px;width:100%}.multiselection-content{padding:0;width:100%}}