/* Media Library */
/* div#container div.library {} */
div#container div.library h1.apphead {color:var(--forecolor);}
div#container div.library h1.apphead {display:none; width:1px; height:1px; overflow:hidden; margin:0;}

/* Media Library: Row */
div#container div.library div.row {position:relative; margin-top:var(--rowgap);}
/* div#container div.library div.row {min-height:10em; border-bottom:.125rem solid lime; border-color:var(--blkfull);} */
/* div#container div.library div.grid {} */
/* div#container div.library div.slidergrid {} */

/* Media Library: Billboard Row */
/* div#container div.library div.bbrow {} */

/* Media Library: Media Slide Row */
/* div#container div.library div.sldrow {} */



/* Billboard Row */
div#container div.library div.bbrow {height:0; transition:.5s; padding-bottom:var(--billboardrowaspectratio); margin:0;}

/* Billboard: Poster */
div#container div.library div.bbrow div.billboard {position:absolute; inset:0; bottom:auto; height:0; padding-bottom:var(--billboardposteraspectratio);}
div#container div.library div.bbrow div.billboard div.poster {position:absolute; inset:0; bottom:auto; height:100%; width:100%;}
div#container div.library div.bbrow div.billboard div.poster {cursor:pointer; user-select:none;}

/* Billboard: Media Poster */
div#container div.library div.bbrow div.billboard div.mediaposter {background-color:black; background-image:none; background-size:cover; background-attachment:fixed;}
/* div#container div.library div.bbrow div.billboard div.mediaposter {background-size:contain; background-repeat:no-repeat; background-position:top;} */
div#container div.library div.bbrow div.billboard div.mediaposter img.hero {display:none;}
div#container div.library div.bbrow div.billboard div.mediaposter img.hero {object-fit:cover; height:100%; width:100%;}
div#container div.library div.bbrow div.billboard div.mediaposter div.gradient {position:absolute;}
div#container div.library div.bbrow div.billboard div.mediaposter div.gradient.left {background:var(--billboardleftedgegradient);}
div#container div.library div.bbrow div.billboard div.mediaposter div.gradient.left {inset:0; right:auto; height:100%; width:75%;}
div#container div.library div.bbrow div.billboard div.mediaposter div.gradient.bottom {background:var(--billboardbottomedgegradient);}
div#container div.library div.bbrow div.billboard div.mediaposter div.gradient.bottom {inset:0;top:auto; height:25%; width:100%;}

/* Billboard: Vignette Poster */
/* div#container div.library div.bbrow div.billboard div.vignetteposter {} */
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette {position:absolute; left:var(--edgewidth); bottom:var(--billboardcontentlevel); transform:translateY(50%); width:33%; width:37.5%;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette {color:var(--forecolor); font-size:1.375rem; text-shadow:var(--billboardtextshadow); transition:.25s;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.mediahead {font-size:6rem; font-size:5rem; font-weight:bold; line-height:1; /* white-space:nowrap; */ transition:.5s;}
/* div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.mediahead span.caption {} */
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.mediahead span.caption:empty {display:flex; flex-direction:column; align-items:center;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.mediahead span.caption:empty::after {background-color:gainsboro; content:''; display:block; height:.75em; width:4em; border-radius:10em;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.mediasubhead {font-size:1.5em; margin-top:.25em;}
/* div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.mediasubhead span.caption {} */
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.mediasubhead span.caption:empty {display:flex; flex-direction:column; align-items:center;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.mediasubhead span.caption:empty::after {background-color:gainsboro; content:''; display:block; height:.75em; width:8em; border-radius:10em;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.mediadescription {font-weight:300; margin-top:.5em;}
/* div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.mediadescription span.caption {} */
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.mediadescription span.caption:empty {display:flex; flex-direction:column; align-items:center;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.mediadescription span.caption:empty::before,
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.mediadescription span.caption:empty::after {background-color:gainsboro; content:''; display:block; height:.75em; opacity:.625; border-radius:10em; margin-top:.25rem;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.mediadescription span.caption:first-child:empty:before {width:24em;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.mediadescription span.caption:first-child:empty:after {width:21em;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.mediadescription span.caption:last-child:empty:before {width:18em;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.mediadescription span.caption:last-child:empty:after {width:15em;}

/* Billboard: Vignette Action Box */
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.actionbox {display:flex; flex-direction:row; align-items:center; justify-content:center; grid-gap:.5rem; margin-top:1em;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.actionbox a.btn {display:flex; flex-direction:row; align-items:center;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.actionbox a.btn {color:inherit; font-weight:bold; text-decoration:none;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.actionbox a.btn {min-height:2.5em; padding:.25em 1.5em; padding:0 1.5em; border-radius:.25em; /* border:.25rem solid transparent; */}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.actionbox a.btn:focus {outline:.125rem solid white;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.actionbox a.btn svg.icon {font-size:1.375em;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.actionbox a.btn span.caption {white-space:nowrap; margin-left:.625em;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.actionbox a.btnpr {background-color:white; color:black;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.actionbox a.btnpr:hover {background-color:var(--whitesheet1);}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.actionbox a.btnpr:active {background-color:var(--whiteglass); color:var(--drkblacksheet);}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.actionbox a.btnsec {background-color:var(--greysheet); color:white;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.actionbox a.btnsec:hover {background-color:var(--greyglass);}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.actionbox a.btnsec:active {background-color:var(--greyglass); color:var(--whitesheet);}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.actionbox a.playbtn {display:none;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.actionbox a.playbtn svg.icon {font-size:1.875em;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.actionbox a.playbtn span.caption {margin-left:.125rem;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.actionbox a.morebtn {display:none;}

/* Billboard: Vignette Rating Box */
div#container div.library div.bbrow div.billboard div.vignetteposter div.ratingbox {display:none;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.ratingbox {position:absolute; bottom:var(--billboardcontentlevel); right:0;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.ratingbox div.rating {background-color:var(--ltrblackglass); color:white; font-size:.75em; font-size:1.5rem; height:2em; width:8em;}
div#container div.library div.bbrow div.billboard div.vignetteposter div.ratingbox div.rating {display:flex; flex-direction:row; align-items:center; padding:0 1em; border-left:.25rem solid var(--ratingboxoffwhite);}
/* div#container div.library div.bbrow div.billboard div.vignetteposter div.ratingbox div.rating span.caption {} */



/* Media Slide Row */
div#container div.library div.sldrow {/* display:none; */--sliderpagedelta:0; /* opacity:.75; */}

/* Media Slide: Head */
/* div#container div.library div.sldrow div.rowhead {} */
div#container div.library div.sldrow h2.rowhead {color:var(--forecolor); font-size:1.5rem; font-size:1.875rem; font-weight:500; padding:0 var(--edgewidth); margin:0;}
/* div#container div.library div.sldrow h2.rowhead {} */
div#container div.library div.sldrow h2.rowhead {display:grid; grid-template-columns:1fr auto;}
div#container div.library div.sldrow h2.rowhead a.rowtitle {grid-row:1 / 1; grid-column:1 / 1;}
div#container div.library div.sldrow h2.rowhead a.rowtitle {display:flex; align-items:center;}
div#container div.library div.sldrow h2.rowhead a.rowtitle {color:inherit; line-height:1; text-decoration:none;}
div#container div.library div.sldrow h2.rowhead a.rowtitle span.caption {display:flex; align-items:center;}
/* div#container div.library div.sldrow h2.rowhead a.rowtitle span.caption:empty {} */
div#container div.library div.sldrow h2.rowhead a.rowtitle span.caption:empty::before {background-color:var(--forecolor); content:''; display:block; height:.75em; width:4em; border-radius:10em;}
div#container div.library div.sldrow h2.rowhead a.rowtitle svg.chevronarrow {color:var(--seemoreteal); font-size:.5em; margin-left:.5em; /* margin-top:.25rem; */}
div#container div.library div.sldrow h2.rowhead a.rowtitle svg.chevronarrow {visibility:hidden;}
div#container div.library div.sldrow h2.rowhead a.rowtitle span.caption::after {color:var(--seemoreteal); font-size:.625em; /* font-size:.5em; */ white-space:nowrap; margin-left:1em; /* margin-top:.25rem; */}
div#container div.library div.sldrow h2.rowhead a.rowtitle span.caption::after {content:'Explore All'; --fullwidth:5.25em;}
div#container div.library div.sldrow h2.rowhead a.rowtitle span.caption::after {content:'See More'; --fullwidth:4.5em;}
div#container div.library div.sldrow h2.rowhead a.rowtitle span.caption::after {width:0; transform:translateX(-1rem);}
div#container div.library div.sldrow h2.rowhead a.rowtitle span.caption::after {overflow:hidden; opacity:0; visibility:hidden; transition:.5s;}
div#container div.library div.sldrow h2.rowhead a.rowtitle:hover svg.chevronarrow {visibility:visible;}
div#container div.library div.sldrow h2.rowhead a.rowtitle:hover span.caption::after {width:var(--fullwidth); transform:none;}
div#container div.library div.sldrow h2.rowhead a.rowtitle:hover span.caption::after {opacity:1; visibility:visible;}
div#container div.library div.sldrow h2.rowhead p.rowsummary {grid-row:2 / 2; grid-column:1 / 1;}
div#container div.library div.sldrow h2.rowhead p.rowsummary {color:var(--forecolor1); font-size:.5em; margin:0;}
/* div#container div.library div.sldrow h2.rowhead p.rowsummary:empty {} */
div#container div.library div.sldrow h2.rowhead p.rowsummary:empty::after {background-color:var(--forecolor1); content:''; display:block; height:.75em; width:16em; border-radius:10em; margin-top:.25em;}
div#container div.library div.sldrow h2.rowhead div.pager {grid-row:1 / span 2; grid-column:2 / 2;}
div#container div.library div.sldrow h2.rowhead div.pager ul.dotlist {list-style:none; padding:0; margin:0;}
div#container div.library div.sldrow h2.rowhead div.pager ul.dotlist {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; gap:.375rem .125rem;}
div#container div.library div.sldrow h2.rowhead div.pager ul.dotlist li.dot {background-color:var(--dotlistoffgrey); height:.25rem; width:1.5rem; border-radius:.5rem;}
/* div#container div.library div.sldrow h2.rowhead div.pager ul.dotlist li.dot {box-shadow:var(--boxshadow);} */
div#container div.library div.sldrow h2.rowhead div.pager ul.dotlist li.dot.on {background-color:var(--dotlistongrey);}

/* Media Slide: Body */
div#container div.library div.sldrow div.rowbody {position:relative; overflow:hidden; margin-top:.625rem;}
/* div#container div.library div.sldrow div.rowbody div.slider {display:flex; flex-direction:row; align-items:center;} */
div#container div.library div.sldrow div.rowbody div.slider {overflow:auto; overflow:visible; scrollbar-width:none; z-index:10; margin:0 var(--edgewidth);}

/* Media Slide: Media List */
div#container div.library div.sldrow div.rowbody div.slider ul.medialist {list-style:none; padding:0; margin:0;}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist {display:flex; flex-direction:row; align-items:center; /* gap:var(--cellgap); */ margin-left:calc(-1*var(--cellgap));}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist {width:fit-content; /* padding:0 var(--edgewidth); */}
/* div#container div.library div.sldrow div.rowbody div.slider ul.medialist {transform:translateX(0);} */
div#container div.library div.sldrow div.rowbody div.slider ul.medialist {transform:translateX( calc( -1 * var(--sliderpagewidth) * var(--sliderpagedelta) ) );}
div#container div.library div.sldrow.smooth div.rowbody div.slider ul.medialist {pointer-events:none; transition:var(--rowslidetime);}
/* Media Slide: Media List Item */
/* div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem {opacity:.25; border:var(--cellgap) solid; border-color:red olivedrab orange blueviolet;} */
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem {--slideritemsize:calc( var(--sliderpagewidth) / var(--slideritemsperpage) );}
/* div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem:hover {z-index:2;} */
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem {width:var(--slideritemsize); transition:.125s; padding:0 var(--cellgap);}
/* Media Slide: Media List Link */
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink {display:block; width:100%;}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink {color:inherit; text-decoration:none;}
/* div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem:hover a.medialink {scale:1.5; transition:.5s;} */
/* Media Slide: Media List Link: Preview */
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview {/* background-color:lawngreen; */ position:relative; padding-bottom:var(--thumbnailaspectratio);}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview {overflow:hidden; border-radius:var(--slidercorner);}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview::after {position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:3;}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview::after {background-color:red; color:white; font-weight:bold; padding:.25rem .5rem; border-radius:.25rem .25rem 0 0;}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview::after {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%;}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem.fp a.medialink div.preview::after {content:'Recently Added'; content:'Featured Project'; content:'Featured';}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview img.thumbnail,
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview video.sneakpeek,
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview iframe.sneakpeek {position:absolute; inset:0; height:100%; width:100%; object-fit:cover; transition:.375s; z-index:1; border:0 none;}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview iframe.sneakpeek {scale:.125; height:800%; width:800%; transform:translate(-350%,-350%);}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview img.thumbnail {opacity:1; visibility:visible;}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview video.sneakpeek {opacity:0; visibility:hidden;}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview iframe.sneakpeek {opacity:0; visibility:hidden;}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview.peek img.thumbnail {opacity:0; visibility:hidden;}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview.peek video.sneakpeek {opacity:1; visibility:visible;}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview.peek iframe.sneakpeek {opacity:1; visibility:visible;}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview div.backuptext {position:absolute; inset:0; height:100%; width:100%;}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview div.backuptext {display:flex; flex-direction:column; padding:.75rem;}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview div.backuptext {background-color:var(--ltblack); background-image:linear-gradient(transparent,black); z-index:-1;}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview div.backuptext {background:var(--medialinktextbgcolor); color:var(--forecolor); /* opacity:.625; */ z-index:2;}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview div.backuptext {font-size:1.5rem; font-size:1.375rem; font-weight:bold; /* text-align:center; */}
/* div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview div.backuptext span.mediaid {} */
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview div.backuptext span.medianame {color:var(--forecolor1); font-size:.625em;}
/* div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview div.backuptext span.medianame {position:absolute; inset:0;} */
/* div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview div.backuptext span.medialabel {top:auto; padding:10%;} */
/* div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview div.backuptext span.medialabel {bottom:auto; right:auto;} */
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview div.backuptext span.medialabel {line-height:1.25; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/* div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview div.backuptext span.medialabel:empty {} */
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem a.medialink div.preview div.backuptext span.medialabel:empty::after {background-color:gainsboro; content:''; display:block; height:.75em; width:7em; border-radius:10em;}
/* Media Slide: Media List Item: Progress Bar */
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem div.progressbar {display:none;}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem div.progressbar {background-color:#ffffff4d; height:.25rem; width:67%; overflow:hidden; border-radius:.5rem; margin:0 auto; margin-top:.5rem;}
/* div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem div.progressbar {position:absolute; top:100%; right:0; left:0;} */
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem div.progressbar::after {content:'';}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem div.progressbar::after {display:block; height:100%; width:var(--progressamount);}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem div.progressbar::after {background-color:red; --progressamount:25%;}
div#container div.library div.sldrow div.rowbody div.slider ul.medialist li.mediaitem.fp div.progressbar::after {/* background-color:lime; */ --progressamount:75%;}

/* Media Slide: Media List Shifters */
div#container div.library div.sldrow div.rowbody div.shifter {position:absolute; top:0; bottom:0; z-index:20;}
div#container div.library div.sldrow div.rowbody div.shifter {color:white; cursor:pointer; display:grid; place-items:center; min-width:var(--shiftbtnwidth);}
div#container div.library div.sldrow div.rowbody div.shifter {background-color:var(--blk3); background-color:transparent; transition:.25s;}
div#container div.library div.sldrow div.rowbody div.shifter:hover {background-color:var(--blk5);}
div#container div.library div.sldrow div.rowbody div.shifter.leftbtn {left:0; border-radius:0 var(--slidercorner) var(--slidercorner) 0;}
div#container div.library div.sldrow div.rowbody div.shifter.rightbtn {right:0; border-radius:var(--slidercorner) 0 0 var(--slidercorner);}
div#container div.library div.sldrow div.rowbody div.shifter svg.icon {display:none; font-size:2.5rem; transition:.125s;}
div#container div.library div.sldrow div.rowbody:hover div.shifter svg.icon {display:block;}
div#container div.library div.sldrow div.rowbody:hover div.shifter:hover svg.icon {transform:scale(1.25);}






/* Large Smartphone */
@media screen and (max-width:64rem) {


	:root {--slideritemsperpage:4;}


	/* Media Library */
	/* div#container div.library {} */
	/* div#container div.library h1.apphead {} */
	/* Media Library: Row */
	/* div#container div.library div.row {} */
	/* Media Library: Billboard Row */
	/* div#container div.library div.bbrow {} */
	/* Media Library: Media Slide Row */
	/* div#container div.library div.sldrow {} */

	/* Billboard Row */
	/* div#container div.library div.bbrow {} */
	/* Billboard: Poster */
	/* div#container div.library div.bbrow div.billboard {} */
	/* div#container div.library div.bbrow div.billboard div.poster {} */
	/* Billboard: Media Poster */
	/* div#container div.library div.bbrow div.billboard div.mediaposter {} */
	/* Billboard: Vignette Poster */
	/* div#container div.library div.bbrow div.billboard div.poster {} */
	/* div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette {} */
	div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette {font-size:1.25rem;}
	div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.mediahead {font-size:5rem;}
	/* Billboard: Vignette Action Box */
	/* div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.actionbox {} */
	/* Billboard: Vignette Rating Box */
	/* div#container div.library div.bbrow div.billboard div.vignetteposter div.ratingbox {} */

	/* Media Slide Row */
	/* div#container div.library div.sldrow {} */
	/* Media Slide: Head */
	/* div#container div.library div.sldrow h2.rowhead {} */
	/* Media Slide: Body */
	/* div#container div.library div.sldrow div.rowbody {} */
	/* Media Slide: Media List */
	/* div#container div.library div.sldrow div.rowbody div.slider ul.medialist {} */
	/* Media Slide: Media List Shifters */
	/* div#container div.library div.sldrow div.rowbody div.shifter {} */
}


/* Medium Smartphone */
@media screen and (max-width:52rem) {


	:root {--slideritemsperpage:3;}


	/* Media Library */
	/* div#container div.library {} */
	/* div#container div.library h1.apphead {} */
	/* Media Library: Row */
	/* div#container div.library div.row {} */
	/* Media Library: Billboard Row */
	/* div#container div.library div.bbrow {} */
	/* Media Library: Media Slide Row */
	/* div#container div.library div.sldrow {} */

	/* Billboard Row */
	/* div#container div.library div.bbrow {} */
	/* Billboard: Poster */
	/* div#container div.library div.bbrow div.billboard {} */
	/* div#container div.library div.bbrow div.billboard div.poster {} */
	/* Billboard: Media Poster */
	/* div#container div.library div.bbrow div.billboard div.mediaposter {} */
	/* Billboard: Vignette Poster */
	/* div#container div.library div.bbrow div.billboard div.poster {} */
	/* div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette {} */
	div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette {font-size:1.125rem;}
	div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.mediahead {font-size:4rem;}
	/* Billboard: Vignette Action Box */
	/* div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.actionbox {} */
	/* Billboard: Vignette Rating Box */
	/* div#container div.library div.bbrow div.billboard div.vignetteposter div.ratingbox {} */

	/* Media Slide Row */
	/* div#container div.library div.sldrow {} */
	/* Media Slide: Head */
	/* div#container div.library div.sldrow h2.rowhead {} */
	/* Media Slide: Body */
	/* div#container div.library div.sldrow div.rowbody {} */
	/* Media Slide: Media List */
	/* div#container div.library div.sldrow div.rowbody div.slider ul.medialist {} */
	/* Media Slide: Media List Shifters */
	/* div#container div.library div.sldrow div.rowbody div.shifter {} */
}


/* Small Smartphone */
@media screen and (max-width:36rem) {


	:root {--slideritemsperpage:2;}


	/* Media Library */
	/* div#container div.library {} */
	/* div#container div.library h1.apphead {} */
	/* Media Library: Row */
	/* div#container div.library div.row {} */
	/* Media Library: Billboard Row */
	/* div#container div.library div.bbrow {} */
	/* Media Library: Media Slide Row */
	/* div#container div.library div.sldrow {} */

	/* Billboard Row */
	/* div#container div.library div.bbrow {} */
	/* Billboard: Poster */
	/* div#container div.library div.bbrow div.billboard {} */
	/* div#container div.library div.bbrow div.billboard div.poster {} */
	/* Billboard: Media Poster */
	/* div#container div.library div.bbrow div.billboard div.mediaposter {} */
	div#container div.library div.bbrow div.billboard div.mediaposter {background-attachment:scroll;}
	div#container div.library div.bbrow div.billboard div.mediaposter div.gradient.left {width:100%;}
	/* Billboard: Vignette Poster */
	/* div#container div.library div.bbrow div.billboard div.poster {} */
	div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette {width:50%;}
	div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette {font-size:1rem;}
	div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.mediahead {font-size:3rem;}
	/* Billboard: Vignette Action Box */
	/* div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.actionbox {} */
	/* Billboard: Vignette Rating Box */
	/* div#container div.library div.bbrow div.billboard div.vignetteposter div.ratingbox {} */

	/* Media Slide Row */
	/* div#container div.library div.sldrow {} */
	/* Media Slide: Head */
	div#container div.library div.sldrow h2.rowhead {display:flex; flex-direction:row; align-items:center; justify-content:space-between;}
	div#container div.library div.sldrow h2.rowhead a.rowtitle {white-space:nowrap;}
	div#container div.library div.sldrow h2.rowhead p.rowsummary {text-align:right; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	/* div#container div.library div.sldrow h2.rowhead div.pager {} */
	div#container div.library div.sldrow h2.rowhead div.pager ul.dotlist {display:none;}
	/* Media Slide: Body */
	/* div#container div.library div.sldrow div.rowbody {} */
	/* Media Slide: Media List */
	/* div#container div.library div.sldrow div.rowbody div.slider ul.medialist {} */
	/* Media Slide: Media List Shifters */
	/* div#container div.library div.sldrow div.rowbody div.shifter {} */
}


/* Small Smartphone */
@media screen and (max-width:24rem) {


	:root {--slideritemsperpage:1;}


	/* Media Library */
	/* div#container div.library {} */
	/* div#container div.library h1.apphead {} */
	/* Media Library: Row */
	/* div#container div.library div.row {} */
	/* Media Library: Billboard Row */
	/* div#container div.library div.bbrow {} */
	/* Media Library: Media Slide Row */
	/* div#container div.library div.sldrow {} */

	/* Billboard Row */
	/* div#container div.library div.bbrow {} */
	/* Billboard: Poster */
	/* div#container div.library div.bbrow div.billboard {} */
	/* div#container div.library div.bbrow div.billboard div.poster {} */
	/* Billboard: Media Poster */
	/* div#container div.library div.bbrow div.billboard div.mediaposter {} */
	/* Billboard: Vignette Poster */
	/* div#container div.library div.bbrow div.billboard div.poster {} */
	div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette {font-size:.875rem;}
	div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.mediahead {font-size:2rem;}
	/* Billboard: Vignette Action Box */
	/* div#container div.library div.bbrow div.billboard div.vignetteposter div.vignette div.actionbox {} */
	/* Billboard: Vignette Rating Box */
	/* div#container div.library div.bbrow div.billboard div.vignetteposter div.ratingbox {} */

	/* Media Slide Row */
	/* div#container div.library div.sldrow {} */
	/* Media Slide: Head */
	/* div#container div.library div.sldrow h2.rowhead {} */
	/* Media Slide: Body */
	/* div#container div.library div.sldrow div.rowbody {} */
	/* Media Slide: Media List */
	/* div#container div.library div.sldrow div.rowbody div.slider ul.medialist {} */
	/* Media Slide: Media List Shifters */
	/* div#container div.library div.sldrow div.rowbody div.shifter {} */
}