.main {
	overflow: initial !important;
}
.sample-code-item .platform-container span {
	color: #aaaaaa;
}
.sample-code-item .platform-container {
	margin-top: 0.2em;
}
.sample-code-item .platform-container span:not(:last-child)::after {
	content: "·";
	display: inline-block;
	margin-left: 0.4em;
	margin-right: 0.175em;
	color: #aaaaaa;
}

#sample-code
	section.sample-code
	ul.sample-code-items
	li.sample-code-item
	.cs-title {
	line-height: 1 !important;
}

@media only screen and (max-width: 734px) {
	#sample-code
		section.sample-code
		ul.sample-code-items
		li.sample-code-item
		.cs-title {
		margin-top: 0.5em;
	}
}

#sample-code .link-sample-code {
	color: rgba(51, 51, 51, 0.6);
	pointer-events: none;
}

.sample-code h3 {
	padding-bottom: 0.5em;
}

/* .sample-code-items li.sample-code-item:not(:last-child){
    border-bottom: 1px solid #d6d6d6;
} */

.sticky {
	background-color: rgba(242, 242, 242, 0.9);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	font-size: 1.2rem;
	top: 52px;
	padding-top: 0.8em;
	padding-bottom: 0.75em;
}

@media only screen and (max-width: 734px) {
	.sticky {
		top: 48px;
	}
}

inputp[type="text"] {
	text-align: center;
}

.sample-icon img {
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	background-color: #fafafa;
}

.sample-icon,
.sample-description {
	padding-top: 3em;
	padding-bottom: 3em;
}

.sample-code-items .sample-code-item:not(:last-child) .sample-description {
	border-bottom: 1px solid #d2d2d2;
}

.font-bold {
	font-weight: 600;
}

@media only screen and (max-width: 734px) {
	.sample-icon {
		padding-top: 2em;
		padding-bottom: 0em;
	}
	.sample-description {
		padding-top: 1em;
		padding-bottom: 2em;
	}
}

input[type="text"].searchbar {
	width: 80%;
	color: #1d1d1f;
	border: 1px solid #dadada;
	border-radius: 12px;
	outline: none;
	padding: 1.7em 4.25em 1.6em 2.7em !important;
	background-color: rgba(255, 255, 255, 0.04);
	background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2064%2064%22%20xml%3Aspace%3D%22preserve%22%3E%0A%09%3Cpath%20style%3D%22fill%3A%23939598%3B%22%20d%3D%22M57.8%2C54.2L44.6%2C40.9c2.9-3.7%2C4.9-8.1%2C4.9-13.1c0-12-9.7-21.6-21.6-21.6c-12%2C0-21.6%2C9.7-21.6%2C21.6%20c0%2C12%2C9.7%2C21.6%2C21.6%2C21.6c5%2C0%2C9.5-2%2C13.1-4.9l13.2%2C13.2L57.8%2C54.2z%20M11.3%2C27.8c0-9.1%2C7.4-16.5%2C16.5-16.5s16.5%2C7.4%2C16.5%2C16.5%20s-7.4%2C16.5-16.5%2C16.5S11.3%2C36.9%2C11.3%2C27.8z%22%2F%3E%0A%3C%2Fsvg%3E");
	background-size: auto 35%;
	background-position: 0.8em;
	background-repeat: no-repeat;
}

.theme-dark input[type="text"].searchbar::-webkit-input-placeholder {
	color: #6e6e73;
}

.theme-dark input[type="text"].searchbar::-moz-placeholder {
	color: #6e6e73;
}

.theme-dark input[type="text"].searchbar::-ms-input-placeholder {
	color: #6e6e73;
}

.theme-dark input[type="text"].searchbar::placeholder {
	color: #6e6e73;
}

.theme-dark input[type="text"].searchbar:focus {
	border-color: #0071e3;
	box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
	outline: none;
}