:host,
:root {
    --br-input-container-background-color: transparent;
    --br-input-container-border: 1px solid #c3c3c3;
    --br-input-container-hover-box-shadow: 0 0 0px 2px hsl(215deg 100% 90%);
    --br-input-container-hover-border: 1px solid hsl(225deg 100% 55%);
    --br-input-container-focus-box-shadow: 0 0 0px 1px hsl(225deg 100% 55%);
    --br-input-container-focus-border: 1px solid hsl(225deg 100% 55%);
}

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

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