/* Mogubo — discography */
.discography-block { margin-bottom:0; }
.discography-tools { position:relative; z-index:10; width:100%; margin:0 0 16px; padding:8px; text-align:left; background:rgba(17,18,21,0.50); border:1px solid rgba(0,0,0,0.88); -webkit-border-radius:7px; border-radius:7px; -webkit-background-clip:padding-box; background-clip:padding-box; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.070), 0 1px 0 rgba(255,255,255,0.025); box-shadow: inset 0 1px 0 rgba(255,255,255,0.070), 0 1px 0 rgba(255,255,255,0.025); }
.discography-search-form { display:block; width:100%; margin:0; padding:0; }
.discography-tool-row { display:block; width:100%; }
.discography-tool-row:after { content:""; display:block; clear:both; }
.discography-tool-cell { display:block; vertical-align:top; min-width:0; -webkit-box-sizing:border-box; box-sizing:border-box; }
.discography-tool-type { float:left; width:78px; padding-right:4px; }
.discography-tool-sort { float:left; width:82px; padding-left:4px; padding-right:4px; }
.discography-tool-search { width:auto; margin-left:160px; padding-left:4px; }
.discography-tool-search .search-control, .discography-tool-search .search-control-field { min-width:0; max-width:100%; }
.discography-tool-label { display:block; margin:0 0 3px; color:#aeb2b5; font-size:11px; font-weight:700; line-height:14px; letter-spacing:0.35px; text-transform:uppercase; text-shadow:0 -1px 0 rgba(0,0,0,0.90); -webkit-user-select:none; user-select:none; }
.discography-tool-row.is-mobile-row { display:block; width:100%; font-size:0; table-layout:auto; }
.discography-tool-row.is-mobile-row .discography-tool-cell { float:none; display:inline-block; vertical-align:top; font-size:11px; -webkit-box-sizing:border-box; box-sizing:border-box; }
.discography-tool-row.is-mobile-row .discography-tool-type { width:50%; padding:0 3px 0 0; }
.discography-tool-row.is-mobile-row .discography-tool-sort { width:50%; padding:0 0 0 3px; }
.discography-tool-row.is-mobile-row .discography-tool-search { display:block; width:auto; margin:7px 0 0; padding:0; }
.discography-tool-row.is-mobile-stack .discography-tool-type, .discography-tool-row.is-mobile-stack .discography-tool-sort, .discography-tool-row.is-mobile-stack .discography-tool-search { display:block; width:100%; padding:0; }
.discography-tool-row.is-mobile-stack .discography-tool-sort, .discography-tool-row.is-mobile-stack .discography-tool-search { margin-top:7px; }
.discography-grid { position:relative; z-index:1; width:100%; margin:0; font-size:0; text-align:left; }
.discography-album { display:inline-block; position:relative; width:48.5%; margin:0 3% 18px 0; vertical-align:top; font-size:14px; text-align:left; }
.discography-album.is-right-column { margin-right:0; }
.discography-cover-button { position:relative; z-index:2; }
.discography-cover { display:block; width:100%; height:auto; }
.discography-details { position:relative; z-index:1; height:0; visibility:hidden; margin-top:-7px; overflow:hidden; -webkit-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px; -webkit-background-clip:padding-box; background-clip:padding-box; -webkit-transition:height 180ms ease-out; transition:height 180ms ease-out; }
.discography-album.is-open .discography-details, .discography-album.is-closing .discography-details { visibility:visible; }
.discography-details-inner { position:relative; overflow:hidden; padding:16px 10px 11px; background:rgba(17,18,21,0.72); border:1px solid rgba(0,0,0,0.92); border-top:0; -webkit-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px; -webkit-background-clip:padding-box; background-clip:padding-box; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.035), inset -1px 0 0 rgba(255,255,255,0.025), inset 0 -1px 0 rgba(255,255,255,0.025), 0 5px 10px rgba(0,0,0,0.24); box-shadow: inset 1px 0 0 rgba(255,255,255,0.035), inset -1px 0 0 rgba(255,255,255,0.025), inset 0 -1px 0 rgba(255,255,255,0.025), 0 5px 10px rgba(0,0,0,0.24); }
.discography-album-title { margin:0; color:#f0f0f0; font-size:16px; font-weight:500; line-height:21px; text-shadow:0 -1px 0 rgba(0,0,0,0.90); }
.discography-release-kind { color:#b9bdc0; font-size:15px; font-weight:500; }
.discography-album-artist { margin:0 0 1px; font-size:12px; line-height:17px; text-shadow:0 -1px 0 rgba(0,0,0,0.80); }
.discography-album-date { margin-top:0; color:#aeb2b5; font-size:11px; line-height:16px; letter-spacing:0.35px; text-shadow:0 -1px 0 rgba(0,0,0,0.72); }
.discography-no-results { display:none; margin:3px 0 18px; padding:14px 10px; color:#aeb2b5; font-size:12px; font-weight:500; line-height:18px; text-align:center; background:rgba(0,0,0,0.16); border:1px solid rgba(255,255,255,0.035); -webkit-border-radius:7px; border-radius:7px; text-shadow:0 -1px 0 rgba(0,0,0,0.72); }
.discography-actions { margin-top:2px; }
.discography-actions .link-button { margin-top:0; margin-bottom:0; }
@media screen and (max-width:480px) {
  .discography-tools { padding:7px; }
  .discography-album { margin-bottom:15px; }
  .discography-details-inner { padding-left:8px; padding-right:8px; }
  .discography-album-title { font-size:15px; }
  .discography-release-kind { font-size:15px; }
}
@media screen and (max-width:340px) {
  .discography-album { display:block; width:100%; margin-right:0; }
}

/* The first measurement runs immediately after the tools are parsed. */
html.responsive-layout .discography-tool-row { visibility:hidden; }
html.responsive-layout .discography-tool-row.is-layout-ready { visibility:visible; }

/* Legacy Safari uses the same 180 ms curve with a single animation-frame loop.
   Only the active panel content receives a temporary compositing layer. */
html.ios6-device .discography-details { -webkit-transition:none; transition:none; }
html.ios6-device .discography-album.is-animating .discography-details-inner { -webkit-transform:translate3d(0,0,0); -webkit-backface-visibility:hidden; }

/* Keep translatable native-menu labels separate from immutable numeric counts. */
.select-translation-labels { position:absolute; left:-10000px; top:0; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }

.select-translation-labels span { display:block; white-space:nowrap; }
