slot[name=form].embed::elm
	{
		$: form/embed;
	}


/***   PAGE   ***/



.page.checkout > * > * > .layout-container
	{
		max-width: 768px;
		padding: 20px;
		margin: auto;
	}

.page.checkout > * > * > .layout-container > *:not(.caption)
	{
		padding: 20px;
		margin: 20px 0px;
		background-color: rgb(255, 255, 255);
	}

.page.checkout > * > * > .layout-container .text.html
	{
		padding: 10px 40px 40px;
	}



/***   FORM   ***/



[cs-form]::slotted( form > fieldset > legend )
	{
		display: none;
	}

[cs-form]::slotted(.button[type="submit"])
	{
		font-size: 0.875em;
		color: rgb( 255, 255, 255 );
		background-color: rgb( 0, 0, 0 );
		padding: 8px 15px;
		border-radius: 4px;
		margin: 15px 0px 0px;
		user-select: none;
	}

[cs-form]::slotted( .field.file .silk-object.input > div::before )
	{
		content: 'Upload hier je CV';
		display: inline-block;
		background: rgb( 0, 0, 0 );
		color: rgb(255, 255, 255);
		border-radius: 3px;
		padding: 10px;
		outline: none;
		white-space: nowrap;
		user-select: none;
		cursor: pointer;
		font-weight: 600;
		z-index: 1;
		font-size: 0.813em;
		position: relative;
		margin: 5px 0px;
		width: 130px;
		text-align: center;
	}

[cs-form]::slotted( .field.file input )
	{
		max-width: 50%;
		margin-left: -79px;
		z-index: 0;
		position: relative;
		font-size: 0.813em;
	}

[cs-form]::slotted( textarea )
	{
		font-family: %(font.text.family);
	}