/***
	The new CSS reset - version 1.7.3 (last updated 7.8.2022)
	GitHub page: https://github.com/elad2412/the-new-css-reset
***/

/*
	¡¸User-Agent-Stylesheet¡¹¤Î¥¹¥¿¥¤¥ë¤ò¡¸display¡¹¥×¥í¥Ñ¥Æ¥£ÒÔÍâ¡¢¤¹¤Ù¤ÆÏ÷³ý¤¹¤ë¡£
	- ¡¸symbol *¡¹ ¤Î²¿·Ö¤Ï¡¢Firefox SVG ¥¹¥×¥é¥¤¥È¤Î¥Ð¥°¤ò½â›Q¤¹¤ë¤¿¤á¤Î¤â¤Î¤Ç¤¹¡£
*/
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
	all: unset;
	display: revert;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

a, button {
	cursor: revert;
}

ol, ul, menu {
	list-style: none;
}

table {
	border-collapse: collapse;
}

/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
input, textarea {
	-webkit-user-select: auto;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
	white-space: revert;
}

/* minimum style to allow to style meter element */
meter {
	-webkit-appearance: revert;
	appearance: revert;
}

/* reset default text opacity of input placeholder */
::placeholder {
	color: unset;
}

/* fix the feature of 'hidden' attribute.
display:revert; revert to element instead of attribute */
:where([hidden]) {
	display: none;
}

/* revert for bug in Chromium browsers
- fix for the content editable attribute will work properly.
- webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
:where([contenteditable]:not([contenteditable="false"])) {
	-moz-user-modify: read-write;
	-webkit-user-modify: read-write;
	overflow-wrap: break-word;
	-webkit-line-break: after-white-space;
	-webkit-user-select: auto;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable="true"]) {
	-webkit-user-drag: element;
}
