#API .example {color:#333;}
#API .example .request .title {margin:30px 0px 5px;}
#API .example .request .code {background-color:#FCFCFC; box-shadow:inset 0 0px 15px rgba(0,0,0,0.08); padding:20px; border-radius:5px; text-align:center;}
#API .example .request .code a {overflow-wrap:anywhere;}
#API .example .request .code .description {color:#777; padding-top:10px;}
#API .example .request .table {overflow:hidden; border:1px solid rgba(0, 0, 0, 0.05); border-radius:5px; line-height:18px;}
#API .example .request .table .row {display:flex; flex-direction:row; flex-wrap:wrap; width:100%;}
#API .example .request .table .row--header {font-weight:500; background-color:#FCFCFC; border-bottom:1px solid rgba(0, 0, 0, 0.05);}
#API .example .request .table .row--body {border-bottom:1px solid rgba(0, 0, 0, 0.05);}
#API .example .request .table .row .column {display:flex; flex-direction:column; padding:10px;}
#API .example .request .table .row--body .column {}
#API .example .request .table .row .column--0 {flex:1; border-right:1px solid rgba(0, 0, 0, 0.05); align-items:center; font-style:italic;}
#API .example .request .table .row .column--1 {flex:1; border-right:1px solid rgba(0, 0, 0, 0.05); align-items:center;}
#API .example .request .table .row .column--2 {flex:2; border-right:1px solid rgba(0, 0, 0, 0.05); align-items:center;}
#API .example .request .table .row .column--3 {flex:3;}
#API .example .gif {margin-top:30px; display:flex;}
#API .example .gif .title {margin-bottom:5px;}
#API .example .gif .code {background-color:#FCFCFC; box-shadow:inset 0 0px 15px rgba(0,0,0,0.08); padding:41px; border-radius:5px;}
#API .example .gif .left-side {flex:1; margin-right:30px;}
#API .example .gif .left-side video {width:100%; border-radius:5px; background-color:#E0E1E1;}
#API .example .gif .right-side {flex:1;}
#API .example .definition {margin-top:30px;}
#API .example .definition .title {margin-bottom:5px;}
#API .example .definition .code {background-color:#FCFCFC; box-shadow:inset 0 0px 15px rgba(0,0,0,0.08); padding:20px; border-radius:5px;}
/* ---  M E D I A   Q U E R I E S  --- */
@media (max-width:767px) {/* Rules for smartphones only */
	#API .example .gif {flex-flow:column;}
	#API .example .gif .left-side {margin-right:0px;}
	#API .example .request .code, #API .example .gif .code {padding:10px;}
	#API .example .request .table .row .column--3, #API .example .request .table .row .column.default {display:none;}}
/* ---  M E D I A  Q U E R I E S  --- */