:host,
:root {
    --br-input-container-background-color: transparent;
    --br-input-container-border: 1px solid #474b50;
    --br-input-container-hover-box-shadow: 0 0 0px 2px rgb(135 205 255 / 30%);
    --br-input-container-hover-border: 1px solid hsl(225deg 100% 60%);
    --br-input-container-focus-box-shadow: 0 0 0px 1px hsl(225deg 100% 60%);
    --br-input-container-focus-border: 1px solid hsl(225deg 100% 60%);
}

.br-container [type=date]::-webkit-calendar-picker-indicator,
.br-container [type=datetime-local]::-webkit-calendar-picker-indicator {
	/** Encoded from Material design icons. Path is `import("@mdi/js").mdiCalendar` */
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE5LDE5SDVWOEgxOU0xNiwxVjNIOFYxSDZWM0g1QzMuODksMyAzLDMuODkgMyw1VjE5QTIsMiAwIDAsMCA1LDIxSDE5QTIsMiAwIDAsMCAyMSwxOVY1QzIxLDMuODkgMjAuMSwzIDE5LDNIMThWMU0xNywxMkgxMlYxN0gxN1YxMloiPjwvcGF0aD4NCjwvc3ZnPg==);
}

.br-container [type=time]::-webkit-calendar-picker-indicator {
	/** Encoded from Material design icons. Path is `import("@mdi/js").mdiClockOutline` */
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTIsMjBBOCw4IDAgMCwwIDIwLDEyQTgsOCAwIDAsMCAxMiw0QTgsOCAwIDAsMCA0LDEyQTgsOCAwIDAsMCAxMiwyME0xMiwyQTEwLDEwIDAgMCwxIDIyLDEyQTEwLDEwIDAgMCwxIDEyLDIyQzYuNDcsMjIgMiwxNy41IDIsMTJBMTAsMTAgMCAwLDEgMTIsMk0xMi41LDdWMTIuMjVMMTcsMTQuOTJMMTYuMjUsMTYuMTVMMTEsMTNWN0gxMi41WgoiPjwvcGF0aD4KPC9zdmc+);
}