.live-demo[dir=rtl] .gui-widget-icon,.live-demo [dir=rtl] .gui-widget-icon{direction:rtl}.live-demo .gui-widget-icon[data-icon]:before{content:attr(data-icon);font-family:Material Icons;font-size:var(--gui-font-lg, 18px);font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased}.live-demo .gui-form form{margin:12px}.live-demo .gui-widget-icon.my-custom-icon:before{content:""}.live-demo .gui-widget-icon.my-custom-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23aaa' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");background-size:20px 20px;background-repeat:no-repeat;background-position:center}.live-demo .gui-widget-icon.my-logo-icon:before{content:""}.live-demo .gui-widget-icon.my-logo-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctext x='12' y='19' font-size='18' text-anchor='middle'%3E%F0%9F%90%99%3C/text%3E%3C/svg%3E");background-size:20px 20px;background-repeat:no-repeat;background-position:center}.live-demo .my-custom-class{display:flex;flex-direction:column;justify-content:space-around;padding:0 12px;cursor:pointer;height:100%}.live-demo .my-custom-class h2,.live-demo .my-custom-class p{margin:0;padding:0}.live-demo .my-custom-class.odd{background-color:var(--gui-bg-surface)}.live-demo .my-custom-class.disabled{color:var(--gui-text-disabled)}.live-demo .my-custom-class.selected{color:var(--gui-text-inverse);background-color:var(--gui-intent-primary);font-weight:700}.live-demo .my-custom-class.focused{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--gui-text-default) 25%,transparent)}.live-demo .product-renderer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;cursor:pointer;height:100%}.live-demo .product-renderer h2,.live-demo .product-renderer p{margin:0;padding:0}.live-demo .product-renderer.odd{background-color:var(--gui-bg-surface)}.live-demo .product-renderer.disabled{color:var(--gui-text-disabled)}.live-demo .product-renderer.selected{color:var(--gui-text-inverse);background-color:var(--gui-intent-primary);font-weight:700}.live-demo .product-renderer.focused{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--gui-text-default) 25%,transparent)}.live-demo .airport-renderer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;cursor:pointer;height:100%}.live-demo .airport-renderer h2,.live-demo .airport-renderer p{margin:0;padding:0}.live-demo .airport-renderer.odd{background-color:var(--gui-bg-surface)}.live-demo .airport-renderer.disabled{color:var(--gui-text-disabled)}.live-demo .airport-renderer.selected{color:var(--gui-text-inverse);background-color:var(--gui-intent-primary);font-weight:700}.live-demo .airport-renderer.focused{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--gui-text-default) 25%,transparent)}.live-demo .car-renderer{display:flex;align-items:center;padding:var(--gui-space-2);gap:var(--gui-space-3);cursor:pointer}.live-demo .car-renderer:hover{background-color:var(--gui-intent-primary-hover);color:var(--gui-text-inverse)}.live-demo .car-renderer:hover .car-renderer__price{color:var(--gui-text-inverse)}.live-demo .car-renderer.selected{background-color:var(--gui-intent-primary-active);color:var(--gui-text-inverse)}.live-demo .car-renderer.selected .car-renderer__price{color:var(--gui-text-inverse)}.live-demo .car-renderer__img{font-size:var(--gui-font-xl)}.live-demo .car-renderer__label{flex:1}.live-demo .car-renderer__price{color:var(--gui-text-secondary)}.live-demo .country-renderer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;cursor:pointer;height:100%;background-color:var(--gui-bg-default)}.live-demo .country-renderer.odd{background-color:var(--gui-bg-surface)}.live-demo .country-renderer.selected{color:var(--gui-text-inverse);background-color:var(--gui-intent-primary);font-weight:700}.live-demo .country-renderer.focused{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--gui-text-default) 25%,transparent)}.live-demo .error{padding:1rem;border:1px solid red;color:red}