/*!
 * CSS for styling HTML-formatted JSON Schema objects
 *
 * @file
 * @author Munaf Assaf <massaf@wikimedia.org>
 * @ingroup Extensions
 */

.mw-json-schema-code-samples {
	border: 1px solid #c8ccd1;
	display: none;
	font-size: 120%;
	min-width: 30em;
	position: absolute;
	background: #fff;
	padding: 0 1.4em;
	box-shadow: rgba( 0, 0, 0, 0.3 ) 0.3em 0.3em 1em;
	right: 0;
}

/* Avoid setting padding-top/bottom on the outer element.
   Padding doesn't collapse with margin, and this element will
   start and end with <h2> and <pre> elements which already
   have their own margins. Setting padding-top/bottom would
   cause it to have more padding than visually makes sense.
   Instead, apply that spacing through margin. However,
   one cannot apply margin within border and background area,
   so we instead apply this margin to an extra pseudo element
   that will be the first and last child. See T198269. */
.mw-json-schema-code-samples::before,
.mw-json-schema-code-samples::after {
	content: '';
	display: block;
	margin-top: 1.4em;
}

.client-nojs .mw-json-schema-code-glyph {
	display: none;
}

.mw-json-schema-code-glyph {
	/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
	font-family: 'entypo';
	font-size: 3em;
	background: #d73333;
	color: #fff;
	right: 0;
	top: -0.9em;
	padding: 0.1em;
	cursor: pointer;
	transition: background-color 0.5s;
	line-height: 0.46em;
}

.mw-json-schema-code-glyph:hover {
	background: #ff4242;
}

/*!
 * Entypo
 * Copyright (c) 2012, Daniel Bruce (www.entypo.com).
 *
 * This Font Software is licensed under the SIL Open Font License,
 * Version 1.1. See ENTYPO-LICENSE.txt or http://scripts.sil.org/OFL.
 */
@font-face {
	font-family: 'entypo';
	src: url( entypo.eot );
}

@font-face {
	font-family: 'entypo';
	src: url( data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAT0AA8AAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAcZiabO0dERUYAAAF0AAAAHAAAACAAMgAET1MvMgAAAZAAAAA8AAAAYBX7Q5tjbWFwAAABzAAAAEwAAAFa7l3cxWN2dCAAAAIYAAAABAAAAAQARAURZ2FzcAAAAhwAAAAIAAAACP//AANnbHlmAAACJAAAAMgAAADYSRas/2hlYWQAAALsAAAALgAAADb+G4CkaGhlYQAAAxwAAAAdAAAAJApoBgZobXR4AAADPAAAABQAAAAUG7gAqmxvY2EAAANQAAAADAAAAAwAYADEbWF4cAAAA1wAAAAfAAAAIABJAE9uYW1lAAADfAAAATwAAAKSODlpy3Bvc3QAAAS4AAAANAAAAEtv7YNQd2ViZgAABOwAAAAGAAAABmqqURsAAAABAAAAAMw9os8AAAAAzKfdRAAAAADNQRsneNpjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3jaY2Bmnck4gYGVgYXVmOUsAwPDLAjNBMSMxgxogAmJ7eIEJBwYeJ+LsDH8AzI5IMKMSEoUGBgB420H6XjaY2BgYGaAYBkGRgYQCAHyGMF8FgYLIM3FwMHABIQMDLwPGJ6L/P8PVgVjM/7/qsAs8QGqFwoY2RjgAowgnUwMqICRYdgDAHmpC+UARAURAAAAAf//AAJ42k2NQQqCQBhGv99xlMBxEKJACFLU2RVZtBJaZNAFukFIR+oOrXQVdIU6QNRW2tQFQoZ017f6eG/xYCAHjD3fgcHGpCRMs8o28UlLiz+zihntRck6zDtc2RY1WUUdn3uBFwdekBtjHdFRH/jue8rNGwDC32ZtAgWuZsFSSIxaPehLGg76thWqHi1T3iMrTBYrUslimdJbyqaR0g1dfaatG9KaNvoiI19oLfyIxW7i1C9HCSFIUSyEfui78JXzqh3lt8Uf4oEu6njaY2BkYGBgYmD456nKGs9v85VBnoMBBM46Smsi0yxprKFAigOkloEBANUTBq0AAHjaY2BkYGBj+MfAwMDBAAIsaQyMDKiAFQAnkwF+AAAAAuwARAgAAAAIAAAABAAAAATMAGYAAAAsACwALAA0AGx42mNgZGBgYGWQY2BiAAEQycgAEnNg0AMJAAAGwgCZAHjalZHbSkJBFIa/STtYG7Gb8KKLTXibmCJBdJOmRESFSYdLTQtJ3WJ2eoGeoMvoAXqQqPfpAfr3OJYFQTHM4vvX/GvW7LWBBC9EMNEYsK49ZIMnNeQJ4mw5jrDEoeMoi9w6nmSWB8dTqn1yPM02z45nSPLuOEbSeI7nSJmUY0886pXAM23H88TNqNcrC+be8RsZ80iRPk1qDGhxLfKVCehoBXS5tLqoWOCEZQ7YEGfJsKJYkmPAHT15K6o954q27upTZo9dquzIX2BNqqpciWP2xRWp8Vr/R3WWtDqEa9z1vaJl31bTHqiiRkM3dGz1hXIBZ4qb0l05m7o3/IK+OpxK/Td/Y1daPb7O65+nab3kb57f53UkVdebA+vwNd1wAmG2IVW2p2E2p5ghr4lmWVXM28zwf+Q+AOEBW0x42mNgYgCD/yYM2AErAwMjEyMzIwsjK1t6TmVBhiF7aV6mgYGBC4h2BTLAtLmhCQDn/gorAAFRG2qpAAA= ) format( 'woff' );
	font-weight: normal;
	font-style: normal;
}