@charset "UTF-8";
/*!
 * Copyright 2014-2022 Intermorphic Ltd.
 */
/*subnav for mobile only*/
/*requires: <div id="header" class="sticky-md-top">*/
/*requires: <nav class="bd-subnavbar py-2 bg-blue d-xs-block d-md-none"*/
/*requires:container-xxl my-md-2*/
/*requires: data-bs-offset="90"*/
/*requires: scroll-padding-top: 90px*/
/*requires: id="content" class="bd-main order-1 pt-2"*/
/*requires: top: 5.8rem;*/

.s-apple, .s-youtube, .s-amazon, .s-deezer, .s-tidal, .s-more {
	display:none;
	/*display: inline-block;*/
}
.s-display {
	display: inline-block;
}
.btn-link {
	font-size:1em;
	text-decoration:none;
}
a .btn-link {
	color: white;
	background-color: aquamarine;
}
a .btn-link:hover {
color: white;
}
@media (min-width: 768px) {
  html {
    scroll-padding-top: 70px !important; /*260718 - links page! 20314 - desktop sticky responsive header*/
  }
}
body {
  position: relative;
  overflow-y: auto;
}
/*Site main colours
------------------------------------*/
header.navbar {
  background-color: #DD0000 !important;
  border-bottom: 1px solid #CC0000;
}
.bd-footer {
  background-color: #eee !important;
}
a {
  color: #dd0000;
  text-decoration: none
}
a:hover {
  text-decoration: underline;
}
a button {
  /*color: #0066cc !important;*/
}
.bd-sidebar-toggle svg.bi {
  fill: #0066cc;
}
.btn-bd-download {
  border-color: #58c51f;
  margin-left: 3px;
  padding: 0.3rem !important;
}
.btn-bd-download.download {
  /*background-color: #eee;*/
  background-color: #0066cc;
  background-color: #58c51f;
  border-color: #3FAC06;
  color: #fff !important;
}
.btn-bd-download.version {
  background-color: #0d6efd;
  border-color: #0b5ed7;
  color: #fff !important;
}
.btn-bd-download.download a, .btn-bd-download.version i {
  color: #fff !important;
}
.btn-bd-download.download:hover, .btn-bd-download.download:active {
  background-color: #3FAC06 !important;
  opacity: 0.95;
}
.btn-bd-download.version:hover, .btn-bd-download.version:active {
  background-color: #0b5ed7 !important;
  opacity: 0.95;
}
@media (max-width: 768px) { /*fixes the version number position*/
  .navbar-collapse .btn-bd-download.version iframe {
    padding-top: 0px !important;
    margin-top: 0px !important;
  }
}
/*Site headings
------------------------------------*/
h1 {
  padding-top: 0px;
  font-size: 36px !important;
}
@media (max-width: 992px) {
  h1 {
    padding-top: 10px;
  }
  .col1 h1 {
    padding-top: 25px;
  }
}
@media (max-width: 820px) {
  h1 {
    font-size: 32px !important;
  }
}
h2 {
  padding-top: 5px;
}
@media (max-width: 768px) {
  h1 { /*content title*/
    font-size: 1.85em !important;
  }
  h2 { /*content title*/
    font-size: 1.5em !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .guide #overview { /*Stop big margin some screen sizes wrt User Guide*/
    margin-top: 0 !important;
  }
}
/*Site fonts
------------------------------------*/
.fs-7 {
  font-size: 0.8em; /*small font tag*/
}
.fs-8 {
  font-size: 0.5em !important; /*small font tag*/
}
.fs-6px {
  font-size: 6px !important; /*small font tag*/
}
.fs-ugm {
  font-size: 1em !important; /*user guide menu font tag*/
}
aside .fw-600 {
  font-weight: 600 !important; /*user guide menu font tag*/
}
.toc .fw-600 {
  font-weight: 600 !important; /*user guide menu font tag*/
}
.strikethrough {
  text-decoration: line-through;
}
@media (max-width: 768px) { /*How to size all text wrt screen size*/
  #featureset td, #tutorials-table td {
    font-size: 1.5vmax;
  }
  #tutorials-table li.fs-4 {
    font-size: 2vmax !important;
  }
  .ffavp table td, .ffavp table th, .releases table td, table.variants td, .wse-obj td, .wse-obj th .wse-preset {
    font-size: 1.5vmax !important;
    margin: 2px !important;
    padding: 2px !important;
  }
  .downloads table td {
    font-size: 2vmax !important;
    margin: 2px !important;
    padding: 2px !important;
  }
  .downloads h2 {
    font-size: 3vmax !important;
  }
  .downloads h4 {
    font-size: 2.4vmax !important;
  }
  .downloads h4 span {
    display: block;
    padding-top: 5px;
    margin-left: 0;
    padding-left: 0 !important;
    font-size: 1.9vmax !important;
  }
}
/*Site icons
------------------------------------*/
.nav-item, .wjicon {
  display: flex;
  align-items: center;
  vertical-align: middle;
}
.nav-item a svg, .wjicon {
  margin-right: 3px;
}
img.icon-im {
  margin-right: 6px;
}
main h1 i, main h2 i, main h3 i {
  margin-right: 10px !important;
}
main h1 .share i, main h2 .share i {
  margin-right: 0px !important;
}
a i, p i, .bd-links a i, .bd-sidebar button i, li i {
  margin-right: 4px;
}
.links a .btn i {
  margin-right: 0px;
}
.btn.share {
  line-height: 1em;
  vertical-align: top;
  margin-top: 0.6em;
}
@media (max-width: 768px) {
  .btn.share {
    margin-top: 0.25em;
  }
}
.links button {
  padding: 2px;
}
/*Streaming links
------------------------------------*/
.links td.title div div, .links td.year div div {
  display: inline-block;
}
.links td.title div div {
	font-weight: normal!important;
}

.cover-art {
  width: 40px;
  margin-left: 2px;
  margin-right: 2px;
}
.artist {
  display: none !important;
  visibility: hidden !important;
}
.colartz {
  /*display: none;
  visibility: hidden;*/
}
.howtoplay i {
  margin-right: 0;
}
.links .spacer {
  height: 2px;
  margin: 0;
  padding: 0;
  background-color: #ccc;
}

@media (min-width: 569px) { /*shrink buttons*/
  .links button {
    padding: 4px 8px;
  }
}
@media (max-width: 756px) { /*size cover art*/
  .cover-art {
    width: 30px;
  }
}
/*Site external links
------------------------------------*/
/*Appends an external link icon to links any external site. Special cases for buttons, header and footer */
[href^="https://"]:not(:has(.btn)):not(:has(svg)):not(:has(.footer-ext-link)):not(:has(.bi-play-circle))::after {
  background-color: currentColor;
  content: ""/ "(external link)";
  display: inline-block;
  margin-block-end: -0.1ch;
  margin-inline-start: .6ch;
  mask: url("data:image/svg+xml,<svg viewBox='0 0 16 16' width='1em' height='1em' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/><path fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/></svg>");
  mask-size: cover;
  height: 0.9em;
  width: 0.9em;
}
/*Site header
------------------------------------*/
@media (min-width: 768px) and (max-width: 1200px) {
  .nav-item .menu-txt-hide-se { /*prevent menu wrapping because of 'search'*/
    /*display: none;*/
  }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .nav-item .menu-txt-hide-t { /*prevent menu wrapping because of 'translate'*/
    /*display: none;*/
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .nav-item .menu-txt-hide-a { /*prevent menu wrapping because of 'about'*/
    /*display: none;*/
  }
}
@media (min-width: 768px) and (max-width: 900px) {
  .nav-item .menu-txt-hide-sh { /*prevent menu wrapping because of 'about'*/
    /*display: none;*/
  }
}
/*Site navbar
------------------------------------*/
.bd-navbar .navbar-nav .nav-link {
  padding-right: 0.4rem !important;
  padding-left: 0.4rem !important;
  margin-right: 0.6rem;
  margin-left: 0.6rem;
}
@media (max-width: 1100px) {
  .bd-navbar .navbar-nav .nav-link {
    /*padding-right: 0.4rem !important;
    padding-left: 0.4rem !important;
    margin-right: 0.5rem;
    margin-left: 0.5rem;*/
  }
}
@media (max-width: 992px) {
  .bd-navbar .navbar-nav .nav-link {
    /* padding-right: 0.2rem !important;
    padding-left: 0.2rem !important;
    margin-right: 0.1rem;
    margin-left: 0.1rem;*/
  }
}
.bd-navbar .navbar-nav .nav-link {
  /*padding-right: .25rem;
    padding-left: .25rem;*/
  /*color: rgba(0, 102, 204, 0.9);*/
  /*color: rgba(00, 128, 255, 0.9);*/
  /*color: rgba(128, 128, 128, 0.9);*/
  /*background-color: #fafafa;*/
  /*background-color: #EFF8FF;*/
  /*background-color: #fff;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;*/
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link.active { /*header*/
  /*color: rgba(0, 102, 204, 0.9);
  text-decoration: underline;
  background-color: #EEF6FE;
  border-radius: 10px;*/
  color: #fff;
}
.navbar-toggler {
  color: #fff !important;
  border-color: #fff !important;
}
.bd-subnavbar {
  background-color: rgba(220, 220, 220, 0.9);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.15)
}
.bd-subnavbar img {
  margin-right: 4px;
}
.bd-links li li {
  list-style-type: none;
}
.bd-links a {
  margin-left: 0rem !important;
}
.bd-links ol, .bd-links ul {
  padding-left: 1.4rem;
}
#latest {
  margin: 0;
  padding: 0;
}
li .divider {
  line-height: 3px !important;
  height: 3px !important;
  padding: 0 !important;
  margin: 0 !important;
}
/*Site Scroll to top (myBtn) / back (byBtn)
------------------------------------*/
#myBtn, #myBtnLg, #byBtn, #byBtnLg {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 25px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #999;
  color: white;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 8px;
  font-size: 12px;
}
#myBtn:hover, #myBtnLg:hover, #byBtn:hover, #byBtnLg:hover {
  background-color: #555;
}
#byBtn, #byBtnLg {
  right: 60px;
}
/*Site main content
------------------------------------*/
.bd-content h3 { /*fixes heading offsets*/
  margin-top: 2rem;
}
.bd-content .row h3 { /*fixes cz heading offsets in music */
  margin-top: 0.3rem;
}
.bd-content > span > h2:not(:first-child), .bd-content > div > h2:not(:first-child) { /*fixes heading offsets*/
  margin-top: 3rem;
}
/*Site grid
------------------------------------*/
@media (min-width: 768px) {
  .bd-layout {
    /*grid-template-columns: 4fr; tc*/ /*WAS 1fr 3fr*/
    grid-template-columns: 1.1fr 3fr;
  }
}
@media (min-width: 992px) {
  .bd-layout {
    /*grid-template-columns:*/ /*4fr; tc*/ /*WAS 1fr 5fr;*/
    grid-template-columns: 1.6fr 6fr;
  }
}
.col1 .bd-layout {
  grid-template-columns: 0fr 4fr;
}
@media (min-width: 992px) {
  .bd-main {
    grid-template-areas: "intro toc""content toc";
    grid-template-columns: 11fr 1fr;
    grid-template-rows: auto 1fr;
  }
}
@media (min-width: 768px) {
  .bd-links {
    top: 4rem;
    top: 5.8rem; /*220314 - desktop sticky responsive header*/
  }
}
@media (max-width: 1200px) {
  .bd-links ol, .bd-links ul { /*mostly fixes sidebar list item padding for smaller screen*/
    padding-left: 1rem;
  }
}
/*Site Scrollspy
------------------------------------*/
#side-menu {
  position: relative;
}
/*Lists & tables
------------------------------------*/
.list-group {
  list-style-type: none;
}
.list-group a {
  border: none;
}
.list-group-item-action {
  width: auto;
}
.list-group-item.active {
  background-color: #dd0000;
  border-color: none;
  color: #fff;
}
.bd-links a:hover, .bd-links a:focus {
  color: rgba(0, 0, 0, 1);
  background-color: rgba(220, 0, 0, 0.2)
}
.button.play {
  padding-left: 2px;
  padding-right: 2px;
}
.button.play img {
  height: 24px;
  border: 1px solid white;
}
.button.play a {
  color: rgba(255, 255, 255, 1);
  background-color: rgba(0, 0, 0, 0)
}
button.play a:hover, .button.play:focus a, button.play:hover a {
  color: rgba(255, 255, 255, 1) !important;
}
table a.list-group-item {
  padding: 3px;
  border: none;
}
table.toc a.list-group-item {
  padding: 1px;
  border: none;
  text-decoration: underline;
}
table.variants ul {
  padding-left: 1.5em;
}
table.variants p {
  padding-left: 0.5em;
}
aside a.list-group-item {
  background-color: rgba(0, 0, 0, 0);
}
/*Home
------------------------------------*/
.home .bd-main a .btn {
  color: white !important;
}
.home .bd-main .btn-download {
  background-color: #58c51f !important;
}
.home .bd-main .btn-download:hover {
  background-color: #3FAC06 !important;
}
/*Learn
------------------------------------*/
.bd-sidebar .tar-n { /*Show target tag*/
  display: none !important;
}
.bd-content .tar-y { /*Hide target tag*/
  display: none !important;
}
@media (max-width: 768px) {
  .tutorial .btn.version {
    display: none;
  }
}
/*News
------------------------------------*/
ul.newslist {
  padding-left: 0px;
  list-style: none;
}
ul.newslist ul {
  padding-left: 24px;
  /*padding-bottom: 10px;*/
}
ul.newslist > li {
  font-weight: bold;
  color: #555;
  padding-bottom: 10px;
}
ul.newslist ul > li {
  font-weight: normal;
}
ul.newslist p {
  margin: 3px inherit;
}
.news.today .year {
  display: none;
}
.news.archive .year, .year {
  color: #666666;
  font-weight: bold;
  margin-right: 5px;
}
.news.releases ul.newslist > li {
  font-weight: normal;
  color: #555;
  padding: 5px inherit;
}
.news ul.newslist span.date {
  padding-right: 5px !important;
}
li .version, li .version a { /*news list version number*/
  color: green;
  text-decoration: underline;
}
/*Site Badges & Updates
------------------------------------*/
#header .header-news, .news .badge, .blog .badge, .new-version, .releases .badge {
  display: none; /*Don't show badge by default*/
}
.downloads .badge {
  display: inline-block;
}
.bd-content .badge {
  margin-left: 5px;
}
.new-item {
  display: inline-block !important; /*Show badge if js says to*/
  /*background-color: #d4af37 !important;*/ /* #d4af37 Gold*/ /* #00dd00 Green*/ /*#821d85 Violet */ /*Dark green #006400*/
  background-color: #006400 !important;
  /*background-color: #FFCA28 !important;*/ /*Submitted*/
}
.vimportant { /*For something v important*/
  background-color: #f00 !important;
}
button.version {
  margin-right: 0px;
  padding-right: 0;
  padding-bottom: 2px;
}
button.guide {
  margin-right: 0px;
  padding-right: 0;
}
button.bd-sidebar-toggle {
  margin-left: 15px;
}
.version iframe {
  position: relative;
  top: 0px;
}
@media (max-width: 768px) { /*fixes the release number position on mobile*/
  .version iframe {
    top: 2px;
  }
}
/*Breadcrumb
------------------------------------*/
ol.breadcrumb {
  margin-bottom: 0;
  vertical-align: middle;
  line-height: 2rem;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.3rem;
}
@media (max-width: 320px) {
  .breadcrumb .vs-hide {
    display: none;
  }
}
/*BD Sidebar Styling
------------------------------------*/
.nodropbutton .bd-sidebar-toggle, .nodownloadbutton .btn-bd-download {
  display: none !important;
}
.nosearch button.version {
  width: 100%;
}
.nosearch button.version a {
  float: right;
}
button.version img {
  opacity: 0.55;
}
.nosubnavbar .bd-subnavbar {
  display: none;
}
.nosubnavbar .bd-layout {
  padding-top: 1rem;
}
@media (max-width: 768px) {
  #search-input .gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box, .gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box-focus, .gsc-control-cse, .gsc-control-cse-en {
    width: 180px;
  }
}
/*Site Help section Sidebar
------------------------------------*/
.help .bd-links ol, .help .bd-links ul {
  padding-left: 0.5rem;
}
/*Contents Tables
------------------------------------*/
.table.toc th:first-child, .table.toc td:first-child {
  padding-left: 1rem; /*fixes first col padding for wrapper-ug*/
}
.table.toc > :not(caption) > * > * { /*fixes first col padding for wrapper-ug*/
  padding: .5rem .5rem !important;
}
.guide .table.toc ol, .guide .table.toc ul, .help .table.toc ol, .help .table.toc ul { /*fixes first col padding for wrapper-ug*/
  padding-left: 1rem;
}
.table.toc ul li ul {
  padding-left: 1.4rem;
  /*display:none;*/ /*Used to hide sub-items*/
}
.table.toc li a span { /*fixes underline on responsive shortened text*/
  text-decoration: underline;
}
.guide .table.toc tbody tr td, .help .table.toc tbody tr td, .legal .table.toc tbody tr td, .learn .table.toc tbody tr td {
  width: 33% !important;
}
.table.toc tbody tr td ul li {
  width: 100% !important;
  display: inline-block;
}
@media (max-width: 568px) {
  .guide .table.toc ol, .guide .table.toc ul, .help .table.toc ol, .help .table.toc ul { /*fixes first col padding for wrapper-ug*/
    padding-left: 0.2rem;
  }
}
/*Downloads Tables
------------------------------------*/
.table.dl tbody tr td ul li {
  width: 100% !important;
  display: inline-block;
  padding-left: 5px;
}
.table.dl ul li ul {
  padding-left: 0;
  /*display:none;*/ /*Used to hide sub-items*/
}
.downloads .offer {
  font-size: 0.4em;
}
/*Releases Table
------------------------------------*/
.table.releases tbody tr td {
  width: 20%;
  padding-right: 0 !important;
}
.table.releases th, .table.releases td {
  padding-left: 0.2rem !important; /*fixes first col padding for wrapper-ug*/
}
table.releases th {
  font-size: 1.1em;
  padding-right: 0 !important;
}
.table.releases table.release td {
  width: auto;
  padding-right: 0 !important;
}
.release .version {
  font-size: 1.2em;
}

.release .status {
  width: 4px !important;
}
.releases .key.available, .releases .key.submitted, .releases .key.soon {
  font-size: 0.38em;
}
.releases .available {
  background-color: #50C878; /*greem*/
}
.releases .submitted {
  background-color: #FFCA28; /*gold*/
}
.releases .soon {
  background-color: #E97451; /*red*/
}
@media (max-width: 568px) {
  .table.releases th {
    padding-left: 4px !important;
  }
  .table.releases th {
    font-size: 1em !important;
  }
}
/*User Guide & Tutorials
------------------------------------*/
#guide {
  height: 85vh;
}
.guide dd li {
  font-style: italic;
  font-weight: 600;
  margin-bottom: 10px;
}
.guide dd li li {
  font-style: normal;
  font-weight: normal;
  margin-bottom: 0px;
}
.guide .tutorial {
  background-color: palegreen;
  padding: 0.2em;
  margin-top: 10px;
  margin-left: 0;
}
.guide dt span i.bi {
  font-weight: bold;
  margin-right: 5px;
  color: #3399ff;
}
.guide ul li {
  margin-bottom: 5px;
}
.guide .li-1-b ul > li {
  font-weight: bold;
}
.guide .li-1-b ul > li > ul > li {
  font-weight: normal;
}
.obs {
  display: none;
}
.ratio {
  /*width: 900px;*/
  height: 300px;
}
@media (min-width: 992px) { /* was 992 maximizes video size on large screens*/
  .tutorials video {
    /*width: 860px;*/
  }
}
@media (max-width: 568px) {
  .guide dt em {
    font: 14px Arial, sans-serif;
    width: 1.2em;
    height: 1.2em;
    line-height: 1.2em;
    margin-right: 5px;
    margin-left: -2px;
  }
  .guide #content ol, .guide #content ul {
    padding-left: 10px;
    margin-left: 5px;
  }
  .row.svg .col-12 { /*max size schematic*/
    padding: 0 !important;
  }
}
/*User Guide colours
------------------------------------*/
.nr em, .nb em, .ng em, .nwme em, .nwae em {
  display: inline-block;
  box-sizing: initial;
  background: #fff;
  border: 0.1em solid #333;
  color: #333;
  text-align: center;
  border-radius: 50%;
  box-sizing: content-box;
  font: 11px Arial, sans-serif;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.7em;
  margin-right: 3px;
  margin-left: 0px;
}
.guide dt em { /*Overides the above for DT elements*/
  font-size: 16px;
  width: 1.4em;
  height: 1.4em;
  line-height: 1.4em;
  margin-right: 5px;
  margin-left: -2px;
}
.nc, .nc-small {
  display: inline-block;
  font: 20px Arial, sans-serif;
  width: 1.4em;
  height: 1.4em;
  box-sizing: initial;
  background: #fff;
  border: 0.1em solid #333;
  color: #333;
  text-align: center;
  border-radius: 50%;
  line-height: 1.4em;
  box-sizing: content-box;
  margin-right: 5px;
}
.nc-small {
  font: 11px Arial, sans-serif;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  margin-right: 2px;
}
.guide em em { /* space the small schematic buttons */
  margin-right: 2px;
  margin-left: 4px;
}
.guide dt em em { /* don't space the big schematic buttons */
  margin-right: 0;
  margin-left: 0;
}
/*Colours*/
.param-values, .param-default {
  color: #770000;
  font-weight: 500;
  font-style: italic;
}
.param-default {
  color: #222;
  font-weight: 400;
}
.ncblue {
  color: #00f;
  border: 0.1em solid #00f;
  background-color: rgba(0, 0, 255, 0.1);
}
.ncwme {
  color: #3399ff;
  border: 0.1em solid #3399ff;
  background-color: rgba(51, 153, 255, 0.1);
}
.ncwae {
  color: #9d20ff;
  border: 0.1em solid #9d20ff;
  background-color: rgba(157, 32, 255, 0.1);
}
.ncgrey {
  color: #333;
  border: 0.1em solid #333;
  background-color: rgba(70, 70, 70, 0.1);
}
.ncred {
  color: #f00;
  border: 0.1em solid #f00;
  background-color: rgba(255, 0, 0, 0.1);
}
.ncteal {
  color: #028582;
  border: 0.1em solid #028582;
  background-color: rgba(2, 133, 130, 0.1);
}
.ncorange {
  color: #f00;
  border: 0.1em solid #f00;
  background-color: rgba(255, 119, 0, 0.1);
}
.ncgreen {
  color: #f00;
  border: 0.1em solid #f00;
  background-color: rgba(88, 197, 31, 0.1);
}
.nr {
  color: #f00;
  font-style: normal;
}
.nr em {
  color: #f00;
  border: 0.1em solid #f00;
  background-color: rgba(255, 0, 0, 0.1);
}
.nb {
  color: #333;
  font-style: normal;
}
.nb em {
  color: #00f;
  border: 0.1em solid #00f;
  background-color: rgba(0, 0, 255, 0.1);
}
.ng {
  color: #333;
  font-style: normal;
}
.ng em {
  color: #333;
  border: 0.1em solid #333;
  background-color: rgba(70, 70, 70, 0.1);
}
.nwme {
  color: #3399ff;
  font-style: normal;
}
.nwme em {
  color: #3399ff;
  border: 0.1em solid #3399ff;
  background-color: rgba(51, 153, 255, 0.1);
}
.nwae {
  color: #9d20ff;
  font-style: normal;
}
.nwae em {
  color: #9d20ff;
  border: 0.1em solid #9d20ff;
  background-color: rgba(157, 32, 255, 0.1);
}
.wae-mo1 {
  background-color: rgba(2, 133, 130, 1);
  /*background-color: #028582;*/
}
.card.wae-mo1 {
  background-color: rgba(2, 133, 130, 0.1);
}
.wae-ds {
  background-color: rgba(171, 174, 52, 1);
  /*background-color: #abae34;*/
}
.card.wae-ds {
  background-color: rgba(171, 174, 52, 0.1);
}
.wae-osc {
  background-color: rgba(54, 181, 232, 1);
  /*background-color: #36b5e8;*/
}
.card.wae-osc {
  background-color: rgba(54, 181, 232, 0.1);
}
.wae-par {
  background-color: rgba(251, 50, 72, 1);
  /*background-color: #fb3248;*/
}
.card.wae-par {
  background-color: rgba(251, 50, 72, 0.1);
}
.wae-wt {
  background-color: rgba(159, 39, 254, 1);
  /*background-color: #9f27fe;*/
}
.card.wae-wt {
  background-color: rgba(159, 39, 254, 0.1);
}
.wae-amp {
  background-color: rgba(169, 100, 74, 1);
  /*background-color: #a9644a;*/
}
.card.wae-amp {
  background-color: rgba(169, 100, 74, 0.1);
}
.wae-cho {
  background-color: rgba(190, 191, 47, 1);
  /*background-color: #bebf2f;*/
}
.card.wae-cho {
  background-color: rgba(190, 191, 47, 0.1);
}
.wae-com {
  background-color: rgba(45, 175, 190, 1);
  /*background-color: #2dafbe;*/
}
.card.wae-com {
  background-color: rgba(45, 175, 190, 0.1);
}
.wae-del {
  background-color: rgba(48, 210, 114, 1);
  /*background-color: #30d272;*/
}
.card.wae-del {
  background-color: rgba(48, 210, 114, 0.1);
}
.wae-dis {
  background-color: rgba(184, 81, 195, 1);
  /*background-color: #b851c3;*/
}
.card.wae-dis {
  background-color: rgba(184, 81, 195, 0.1);
}
.wae-eq {
  background-color: rgba(81, 107, 246, 1);
  /*background-color: #516bf6;*/
}
.card.wae-eq {
  background-color: rgba(81, 107, 246, 0.1);
}
.wae-fil {
  background-color: rgba(75, 117, 39, 1);
  /*background-color: #4b7527;*/
}
.card.wae-fil {
  background-color: rgba(75, 117, 39, 0.1);
}
.wae-od {
  background-color: rgba(156, 52, 83, 1);
  /*background-color: #9c3453;*/
}
.card.wae-od {
  background-color: rgba(156, 52, 83, 0.1);
}
.wae-rev-1 {
  background-color: rgba(253, 113, 40, 1);
  /*background-color: #fd7028;*/
}
.card.wae-rev-1 {
  background-color: rgba(253, 113, 40, 0.1);
}
.wae-rev-2xl {
  background-color: rgba(255, 183, 0, 1);
  /*background-color: #ffb700;*/
}
.card.wae-rev-2xl {
  background-color: rgba(255, 183, 0, 0.1);
}
.wae-ps {
  background-color: rgba(255, 153, 255, 1);
  /*background-color: #ff99ff;*/
}
.card.wae-ps {
  background-color: rgba(255, 153, 255, 0.1);
}
.wae-env {
  background-color: rgba(230, 30, 158, 1);
  /*background-color: #e61e9e;*/
}
.card.wae-env {
  background-color: rgba(230, 30, 158, 0.1);
}
.wae-lfo {
  background-color: rgba(74, 102, 200, 1);
  /*background-color: #4a66c8;*/
}
.card.wae-lfo {
  background-color: rgba(74, 102, 200, 0.1);
}
.wae-rnd {
  background-color: rgba(90, 179, 52, 1);
  /*background-color: #5ab334;*/
}
.card.wae-rnd {
  background-color: rgba(90, 179, 52, 0.1);
}
.wae-jun {
  background-color: rgba(205, 205, 205, 1);
  /*background-color: #cdcdcd;*/
}
.card.wae-jun {
  background-color: rgba(205, 205, 205, 0.1);
}
:root {
  --wme-generator: 200, 200, 200; /*#f37e2f*/
  --wme-rhythmic: 243, 126, 47; /*#f37e2f*/
  --wme-ambient: 99, 192, 241; /*#63c0f1*/
  --wme-sequence: 234, 234, 234; /*#40E0D0*/
  --wme-seq-euclidian: 64, 224, 208; /*#40E0D0*/
  --wme-seq-ttm: 68, 153, 24; /*#449918*/
  --wme-seq-pattern-r: 238, 130, 238; /*#ee82ee*/
  --wme-seq-pattern-b: 237, 78, 173; /*#ed4ead*/
  --wme-seq-pattern-f: 221, 160, 221; /*#dda0dd*/
  --wme-follower: 186, 69, 255; /*#BA45FF #D35EFF #9d32f3*/
  --wme-repeater: 250, 253, 83; /*fafd53*/
  --wme-listener: 153, 153, 153; /*#999999*/
  --wme-pattern: 231, 87, 181; /*#e757b5*/
  --wme-parameter: 51, 153, 255; /*#3399ff*/
  --wae-parameter: 157, 32, 255; /*#9d20ff*/
  --amax: 1;
  --amin: 0.1;
}
.wme-generator {
  background-color: rgba(var(--wme-generator), var(--amax));
}
.card.wme-generator {
  background-color: rgba(var(--wme-generator), var(--amin));
}
.wme-rhythmic {
  background-color: rgba(var(--wme-rhythmic), var(--amax));
}
.card.wme-rhythmic {
  background-color: rgba(var(--wme-rhythmic), var(--amin));
}
.wme-ambient {
  background-color: rgba(var(--wme-ambient), var(--amax));
}
.card.wme-ambient {
  background-color: rgba(var(--wme-ambient), var(--amin));
}
.wme-sequence {
  background-color: rgba(var(--wme-sequence), var(--amax));
}
.card.wme-sequence {
  background-color: rgba(var(--wme-sequence), var(--amin));
}
.wme-seq-euclidian {
  background-color: rgba(var(--wme-seq-euclidian), var(--amax));
}
.card.wme-seq-euclidian {
  background-color: rgba(var(--wme-seq-euclidian), var(--amin));
}
.wme-seq-ttm {
  background-color: rgba(var(--wme-seq-ttm), var(--amax));
}
.card.wme-seq-ttm {
  background-color: rgba(var(--wme-seq-ttm), var(--amin));
}
.wme-seq-pattern-r {
  background-color: rgba(var(--wme-seq-pattern-r), var(--amax));
}
.card.wme-seq-pattern-r {
  background-color: rgba(var(--wme-seq-pattern-r), var(--amin));
}
.wme-seq-pattern-b {
  background-color: rgba(var(--wme-seq-pattern-b), var(--amax));
}
.card.wme-seq-pattern-b {
  background-color: rgba(var(--wme-seq-pattern-b), var(--amin));
}
.wme-seq-pattern-f {
  background-color: rgba(var(--wme-seq-pattern-f), var(--amax));
}
.card.wme-seq-pattern-f {
  background-color: rgba(var(--wme-seq-pattern-f), var(--amin));
}
.wme-follower {
  background-color: rgba(var(--wme-follower), var(--amax));
}
.card.wme-follower {
  background-color: rgba(var(--wme-follower), var(--amin));
}
.wme-repeater {
  background-color: rgba(var(--wme-repeater), var(--amax));
}
.card.wme-repeater {
  background-color: rgba(var(--wme-repeater), var(--amin));
}
.wme-listener {
  background-color: rgba(var(--wme-listener), var(--amax));
}
.card.wme-listener {
  background-color: rgba(var(--wme-listener), var(--amin));
}
.wme-parameter {
  background-color: rgba(var(--wme-parameter), var(--amax));
}
.card.wme-parameter {
  background-color: rgba(var(--wme-parameter), var(--amin));
}
.alert-info.wme-parameter {
  background-color: rgba(var(--wme-parameter), var(--amin));
}
.wae-parameter {
  background-color: rgba(var(--wae-parameter), var(--amax));
}
.alert-info.wae-parameter {
  background-color: rgba(var(--wae-parameter), var(--amin));
}
/*Units + palletes*/
.pattern-syntax {
  background-color: #fff;
  padding: 10px;
}
.unit {
  width: 10px;
  display: inline-block;
  margin: 5px 5px 5px 0;
  line-height: 18px;
}
table .palette {
  width: 100% !important;
}
.palette tr {
  border: thin solid #ddd;
}
.palette td {
  border: thin solid #ddd;
}
.palette td table tr td {
  width: 40px !important;
  height: 15px !important;
  color: transparent;
}
.palette td.spacer {
  width: 9px;
}
.palette .darktext td.text {
  background-color: #fff;
  color: #000;
  font-size: 0.6em;
}
.palette .lighttext td.text {
  background-color: #000;
  color: #fff;
  font-size: 0.6em;
}
.palette td.name {
  width: auto;
  white-space: nowrap;
  text-align: right;
  font-size: 0.6em;
}
.palette td.none {
  font-size: 8px;
  /*visibility: hidden;*/
}
/* colors */
.vel {
  color: #449918;
}
.ltc, .dur {
  color: #cc0000;
}
.ntc, .freq {
  color: #3399ff;
}
.mtc {
  color: #ff7700;
}
.dzr {
  background-color: #923dd2;
  border-color: #923dd2;
}
.dzr:hover {
  background-color: #721db2;
  border-color: #721db2;
}
.amz {
  background-color: #1fc0de;
  border-color: #1fc0de;
}
.amz:hover {
  background-color: #0fa0be;
  border-color: #0fa0be;
}
.spt {
  background-color: #1ed760;
  border-color: #1ed760;
}
.spt:hover {
  background-color: #0eb740;
  border-color: #0eb740;
}
.imc {
  color: #0066cc !important;
}
.vau {
  color: #006400 !important;
}
.frc {
  color: #3FAC06 !important;
}
/*Translate
------------------------------------*/
.im-localisation #google_translate_element, .navbar.translation {
  visibility: hidden !important;
  height: 0px !important;
  display: none !important;
}
.skiptranslate iframe.goog-te-banner-frame, .skiptranslate iframe {
  /* this prevents top pop up which is impossible to get to work with Bootstrap on mobile */
  visibility: hidden !important;
  height: 0px !important;
  display: none !important;
  /* below may not do anything */
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  top: 0 !important;
  left: -32000px !important;
}
.im.skiptranslate {
  /* also requireed to prevent top pop up which is impossible to get to work with Bootstrap on mobile */
  visibility: hidden !important;
  display: none !important;
  height: 0px !important;
  /* below may not do anything */
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  top: 0 !important;
  left: -32000px !important;
}
/* gets rid of pesky translate 40px space at top */
body[style] {
  top: 0 !important;
}
/*Bluesky tc250110
------------------------------------*/
.bi-bluesky::before {
  content: "";
  background-color: currentColor;
  -webkit-mask: url("../images/icons/bluesky.svg") no-repeat 50% 50%;
  mask: url("../images/icons/bluesky.svg") no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 16px;
  width: 16px;
}
/*Footer
------------------------------------*/
footer p a, footer a {
  text-decoration: underline;
  color: #cc0000 !important;
}
footer .copyright {
  font-size: 12px;
}
footer .copyright p {
  margin-bottom: 0 !important;
}
/*Archive
------------------------------------*/
.archive #header header {
  background-color: #ddd !important;
  background: #ddd !important;
}
/*New features
------------------------------------*/
.new-features li > em {
  color: #000000;
  font-weight: bold;
  background-color: #eeeeee;
  padding-left: 2px;
  padding-right: 2px;
  margin-right: 2px;
}
/*Learn Item Frame
------------------------------------*/
#tutorial-item {
  height: 100vh;
}
/*Audio controls
------------------------------------*/
audio {
  max-width: 200px !important;
}
audio.wjuri {
  max-width: 40px !important;
}
.audio-file button {
  width: 100% !important;
}
.audio-file audio {
  float: left !important;
  line-height: 1.5em !important;
}
.audio-file span {
  font-size: 1.1em;
}
/*Tutorials table
------------------------------------*/
#tutorials-table li {
  padding-bottom: 5px;
}
/*FFAVP tables
------------------------------------*/
.ffavp .table th:first-child, .ffavp .table td:first-child {
  padding-left: 0.5em !important; /*fixes first col padding for wrapper-ug*/
}
/*Print
------------------------------------*/
@media print {
  .guide .bd-content h2 {
    page-break-before: always;
  }
}
/*Artworks
------------------------------------*/
.art .card img, .wotjas .card img {
  width: 868px;
  height: auto;
}
.art .card.portrait img, .wotjas .card.portrait img {
  width: 440px;
  height: auto;
}
/*Wotjas
------------------------------------*/
.wotja {
  width: 28px !important;
}
.wotjas td .artist {
  font-size: 0.5em;
}
@media (max-width: 768px) {
  table {
    font-size: 1.5vmax !important;
  }
  audio {
    max-width: 200px !important;
  }
  .wotjas td .artist {
    display: block
  }
}
/*WJURI CSS Display
------------------------------------*/
.wjuri-wrapper {
  background-color: #000;
  display: inline-block;
  border-radius: .2rem;
  padding: 0.25rem 0.25em 0.15em 0.25em;
  margin-bottom: 0em; /*1em;*/
  margin-right: auto;
  width: auto;
}
.wjuri-button {
  background-color: #dd0000; /*#0d6efd*/
  border-color: #dd0000; /*#0d6efd*/
  display: inline-block;
  padding: .25rem .5rem;
  border-radius: .2rem;
}
.wjuri-button a {
  color: #fff;
  display: inline-block;
  font-weight: 500;
  font-size: 0.9em;
}
.wjuri-button:hover {
  color: #fff;
  background-color: rgba(220, 0, 0, 0.8);
  /*background-color: #cc2222;*/ /*#0b5ed7*/
  border-color: #dd2222; /*#0a58ca*/
}
.wjuri-links {
  color: #dd0000; /*#6c757d;*/
}
.wjuri-links a {
  color: #fff;
  white-space: normal;
  font-size: 0.8em;
}
.wjuri-links a i {
  /*margin-left: 0.3em;*/
  margin-right: 0;
}
/* Used to display Bootstrap icons if available*/
.wjuri-size i::before, .wjuri-guide i::before, .wjuri-file i::before, .wjuri-youtube i::before, .wjuri-tutorial i::before, .wjuri-copy i::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*margin-left:0em;*/
}
.wjuri-size i::before {
  content: "\f504";
}
.wjuri-guide i::before {
  content: "\f47f";
}
.wjuri-copy i::before {
  content: "\f290";
}
.wjuri-file i::before {
  content: "\f30a";
}
.wjuri-youtube i::before {
  content: "\f62b";
}
.wjuri-tutorial i::before {
  content: "\f6fe";
}
.wjuri-links i {
  /*display:none*/ ;
}
.wjuri-size i::before {
  /*display:none;*/
}
.wjuri-label {
  display: none;
}
.wjuri-get {
  /*display: none;*/
}
.wjuri-size {
  /*display:none;*/
}
.wjuri-built-in {
  /*display: none;*/
}
.wjuri-guide {
  /*display: none;*/
}
.wjuri-copy {
  /*display:none*/ ;
}
.wjuri-file {
  /*display: none;*/
}
.wotjas .table > :not(:first-child) {
  border-top: none !important;
}
/* Full width buttons, no dark box*/
/* ------------------------------------*/
/*.wjuri-wrapper {
  background-color: #fff;
  border-radius: none;
  padding: 0;
  margin-bottom: 0;
}
.wjuri-links a {
  color: #0066cc !important;
  font-size: 0.8em;
}*/
/*WJURI CSS Styling
------------------------------------*/
.wjuri-w { /*wrapper*/
  background-color: #000;
  display: inline-block;
  border-radius: .2rem;
  padding: 0.25rem 0.25em 0.15em 0.25em;
  margin-bottom: 1em;
  margin-right: auto;
  width: auto;
}
.wjuri-b { /*button*/
  background-color: #dd0000; /*#0d6efd*/
  border-color: #dd0000; /*#0d6efd*/
  display: inline-block; /*use block for full width button*/
  padding: .25rem .5rem;
  border-radius: .2rem;
}
.wjuri-b a {
  color: #fff;
  display: inline-block;
  font-weight: 500;
  font-size: 0.9em;
}
.wjuri-b .wjb {
  display: block; /*full width button*/
}
.wjuri-b .wjb a {
  display: inline-block;
}
.wjuri-b:hover {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}
.wjuri-l { /*links*/
  color: #6c757d;
  font-size: 0.8em;
}
.wjuri-l a {
  color: #fff;
  white-space: normal;
}
.wjuri-l a i {
  margin-left: 0.3em;
  margin-right: 0;
}
.wjuri-l.l2 {
  font-size: 0.7em;
  margin-bottom: 0;
}
.wjuri-plug-ins {
  color: #f70;
}