.elementor-3053 .elementor-element.elementor-element-eb498fd{--display:flex;--min-height:100vh;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}@media(min-width:768px){.elementor-3053 .elementor-element.elementor-element-eb498fd{--content-width:100vw;}}/* Start custom CSS for container, class: .elementor-element-eb498fd */:root {
 --background: #f0f0f0;
 --border: #808080;
 --hover: #aaff44;
 --selected: #099250;
 --selected-text: #ffffff;
 --focus: #2563eb;
}
.listbox {
 border: 2px;
 border-radius: 5px;
 border-color: var(--border);
 border-style: solid;
 overflow-y: auto;
 height: calc(15 * 28px);
 background: var(--background);
 -webkit-overflow-scrolling: touch;
}
.listbox[role="listbox"]:focus {
 outline: 2px solid var(--focus);
 outline-offset: -2px;
}
.option {
 height: 28px;
 line-height: 28px;
 padding: 0 10px;
 font-size: 15px;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 cursor: pointer;
 user-select: none;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
}
.option:not(.selected):hover {
 background: var(--hover);
}
.option.selected {
 background: var(--selected);
 color: var(--selected-text);
}/* End custom CSS */