/**
 * AnimeFLV - tiers builder styles: tier lists (afl-tier-), trailers (afl-trl-)
 * and anime requests (afl-req-). Palette from css.css: primary #01bcf3,
 * accent #ff7e00, text #515b64, muted #8f9aa5, borders #eceff1.
 */

/* Shared bits */
.afl-pills{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:2px 0 6px;margin:0;scrollbar-width:thin}
.afl-pill{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;height:32px;padding:0 12px;border-radius:16px;background:#eceff1;color:#515b64;font-size:13px;font-weight:600;white-space:nowrap;line-height:32px;transition:background-color .2s,color .2s}
.afl-pill:before{font-size:12px}
.afl-pill em{font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:rgba(0,0,0,.08);font-size:11px;line-height:20px;text-align:center}
.afl-pill:hover{color:#01bcf3}
.afl-pill.is-active{background:#01bcf3;color:#fff}
.afl-pill.is-active em{background:rgba(255,255,255,.25)}
.afl-empty{margin:10px 0;padding:18px 12px;color:#8f9aa5;text-align:center;background:#f7f9fa;border-radius:4px}
.afl-more{display:block;margin:12px auto 0}
.WdgtCn>.Top .afl-req-all,.WdgtCn>.Top .afl-tier-card__more{float:right;margin-top:-28px;font-size:12px;font-weight:600;color:#01bcf3}
.WdgtCn>.Top .afl-req-all:before{margin-right:5px}
.afl-busy{opacity:.55;pointer-events:none}

/* Anime picker (trailers form) */
.afl-picker{position:relative}
.afl-picker__results{position:absolute;z-index:30;left:0;right:0;top:100%;margin:2px 0 0;padding:4px 0;list-style:none;background:#fff;border-radius:4px;box-shadow:0 6px 18px rgba(0,0,0,.18);max-height:280px;overflow-y:auto}
.afl-picker__results li button,.afl-tier-results li{display:flex;align-items:center;gap:10px;width:100%;padding:6px 10px;border:0;background:none;color:#515b64;text-align:left;font-size:13px;line-height:1.3}
.afl-picker__results li button:hover,.afl-picker__results li button:focus{background:#f1f9fc;color:#01bcf3;outline:0}
.afl-picker__results img,.afl-tier-results img{flex:0 0 32px;width:32px;height:44px;object-fit:cover;border-radius:2px;background:#eceff1}
.afl-picker__results small,.afl-tier-results small{display:block;color:#8f9aa5;font-size:11px}
.afl-picker__results .is-empty{padding:8px 12px;color:#8f9aa5;font-size:13px}

/* ------------------------------------------------------------------ */
/* Tier list                                                            */
/* ------------------------------------------------------------------ */
.afl-tier-page{padding:20px 0 10px}
.afl-tier-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.afl-tier-head .Title{margin:0;font-size:18px;line-height:1.3;min-width:0;overflow-wrap:anywhere}
h1.Title{font-weight:700}
.afl-tier-head__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.afl-tier-head__actions .BtnNw{margin:0}
.afl-tier-public{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:600;font-size:13px;cursor:pointer}
.afl-tier-public input{margin:0}
.afl-tier-user{display:flex;align-items:center;gap:14px;margin:0 0 15px;padding:12px 14px;background:#f7f9fa;border-radius:4px}
.afl-tier-user__avatar{flex:0 0 56px;width:56px;height:56px;border-radius:50%;object-fit:cover;background:#eceff1}
.afl-tier-user__body{flex:1 1 auto;min-width:0}
.afl-tier-user__name{display:block;font-size:15px;font-weight:700;color:#515b64;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
a.afl-tier-user__name:hover{color:#01bcf3}
.afl-tier-user__slogan{margin:2px 0 0;font-size:13px;color:#515b64;overflow-wrap:anywhere}
.afl-tier-user__slogan.is-empty{color:#8f9aa5;font-style:italic}
.afl-tier-user .Button.afl-tier-user__btn{flex:0 0 auto;margin:0;height:34px;line-height:34px;padding:0 14px;font-size:12px}
.afl-tier-user__btn:before{margin-right:6px}
.afl-tier-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 10px;font-size:12px}
.afl-tier-help{flex:1 1 260px;margin:0;color:#8f9aa5}
.afl-tier-status{color:#8f9aa5;font-weight:600;min-height:1em}
.afl-tier-status.is-saved{color:#43a047}
.afl-tier-status.is-error{color:#e53935}
.afl-tier-view{font-weight:600;color:#01bcf3}
.afl-tier-view:before{margin-right:5px}

.afl-tier-board{display:flex;flex-direction:column;gap:4px;background:#1a1c1f;border-radius:4px;padding:4px}
.afl-tier{--tier-color:#01bcf3;display:flex;align-items:stretch;min-height:108px;background:#2a2d31;border-radius:3px;overflow:hidden}
.afl-tier__label{flex:0 0 84px;display:flex;align-items:center;justify-content:center;padding:6px;background:var(--tier-color);color:#1a1c1f;font-size:26px;font-weight:800;text-align:center;line-height:1.1;overflow-wrap:anywhere}
.afl-tier--unranked .afl-tier__label{font-size:13px;color:#fff}
.afl-tier__items{flex:1 1 auto;display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px;min-width:0;margin:0;padding:4px;list-style:none}
.afl-tier__items:empty:before{content:attr(data-empty);align-self:center;padding:0 10px;color:#8f9aa5;font-size:12px;line-height:92px}
.afl-tier__item{position:relative;flex:0 0 70px;width:70px;height:100px;border-radius:2px;overflow:hidden;background:#3a3e43;touch-action:manipulation}
.afl-tier__cover,.afl-tier__cover img{display:block;width:100%;height:100%}
.afl-tier__cover img{object-fit:cover;max-width:none}
.afl-tier__add{flex:0 0 44px;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;border-left:1px solid rgba(255,255,255,.06);background:transparent;color:#8f9aa5;font-size:18px;cursor:pointer;transition:background-color .2s,color .2s}
.afl-tier__add:hover,.afl-tier__add:focus{background:var(--tier-color);color:#1a1c1f;outline:0}
.afl-tier__tools{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;background:rgba(0,0,0,.72);opacity:0;transition:opacity .15s}
.afl-tier__item:hover .afl-tier__tools,.afl-tier__item:focus-within .afl-tier__tools,.afl-tier__item.is-menu .afl-tier__tools{opacity:1}
.afl-tier__tools button{flex:1 1 25%;height:24px;margin:0;padding:0;border:0;background:transparent;color:#fff;font-size:11px;line-height:24px;cursor:pointer}
.afl-tier__tools button:hover,.afl-tier__tools button:focus{background:#01bcf3;outline:0}
.afl-tier__tools [data-afl-tier-remove]:hover,.afl-tier__tools [data-afl-tier-remove]:focus{background:#e53935}
.afl-tier__menu{position:absolute;z-index:5;left:2px;right:2px;bottom:26px;max-height:74px;margin:0;padding:2px;list-style:none;overflow-y:auto;background:#fff;border-radius:3px;box-shadow:0 4px 14px rgba(0,0,0,.4)}
.afl-tier__menu button{display:flex;align-items:center;gap:4px;width:100%;margin:0;padding:2px 4px;border:0;background:none;color:#515b64;font-size:11px;font-weight:700;text-align:left;cursor:pointer}
.afl-tier__menu button:hover,.afl-tier__menu button:focus{background:#f1f9fc;outline:0}
.afl-tier__menu i{flex:0 0 10px;width:10px;height:10px;border-radius:2px;background:var(--tier-color)}
.afl-tier__item.is-dragging{opacity:.4}
.afl-tier__items.is-over{background:rgba(1,188,243,.12)}
.afl-tier-board:not(.is-editable) .afl-tier__items:empty{display:none}
.afl-tier-board:not(.is-editable) .afl-tier{min-height:84px}
@media (hover:none){
.afl-tier-board.is-editable .afl-tier__item{height:124px}
.afl-tier-board.is-editable .afl-tier__cover{height:100px}
.afl-tier-board.is-editable .afl-tier__tools{opacity:1;background:#1a1c1f}
.afl-tier-board.is-editable .afl-tier__menu{bottom:26px}
}

/* Search modal */
.afl-tier-modal .Bod{padding-bottom:10px}
.afl-tier-modal__tier{display:inline-block;margin-left:4px;padding:0 8px;border-radius:3px;background:var(--tier-color,#01bcf3);color:#1a1c1f;font-weight:800}
.afl-tier-results{margin:0;padding:0;list-style:none;max-height:360px;overflow-y:auto}
.afl-tier-results li{border-bottom:1px solid #eceff1;padding:6px 0}
.afl-tier-results li span{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.afl-tier-results li button{flex:0 0 auto;margin:0;padding:4px 10px;border:0;border-radius:3px;background:#01bcf3;color:#fff;font-size:12px;font-weight:600}
.afl-tier-results li button[disabled]{background:#eceff1;color:#8f9aa5;cursor:default}
.afl-tier-results .is-empty{display:block;color:#8f9aa5;text-align:center;border:0}

/* Profile card */
.afl-tier-mini{display:flex;flex-direction:column;gap:3px;background:#1a1c1f;border-radius:4px;padding:3px}
.afl-tier-mini__row{--tier-color:#01bcf3;display:flex;align-items:stretch;background:#2a2d31;border-radius:2px;overflow:hidden}
.afl-tier-mini__label{flex:0 0 40px;display:flex;align-items:center;justify-content:center;background:var(--tier-color);color:#1a1c1f;font-weight:800;font-size:15px;padding:2px;text-align:center;overflow:hidden}
.afl-tier-mini__items{display:flex;flex-wrap:wrap;gap:3px;margin:0;padding:3px;list-style:none;min-width:0}
.afl-tier-mini__items img{display:block;width:40px;height:56px;object-fit:cover;border-radius:2px;max-width:none}
.afl-tier-card__note{margin:10px 0;color:#8f9aa5;font-size:13px}
.afl-tier-card__note:before{margin-right:6px}

@media all and (max-width:767px){
.afl-tier-head .Title{font-size:16px}
.afl-tier__label{flex-basis:48px;font-size:20px}
.afl-tier--unranked .afl-tier__label{font-size:10px}
.afl-tier__add{flex-basis:36px}
.afl-tier__item{flex-basis:56px;width:56px;height:80px}
.afl-tier{min-height:88px}
.afl-tier__items:empty:before{line-height:72px}
.afl-tier-user{flex-wrap:wrap}
.afl-tier-user__body{flex-basis:calc(100% - 70px)}
.afl-tier-user .Button.afl-tier-user__btn{width:100%;text-align:center}
}
@media (hover:none) and (max-width:767px){
.afl-tier-board.is-editable .afl-tier__item{flex-basis:64px;width:64px;height:112px}
.afl-tier-board.is-editable .afl-tier__cover{height:88px}
}

/* ------------------------------------------------------------------ */
/* Trailers                                                             */
/* ------------------------------------------------------------------ */
.afl-trl-intro,.afl-req-intro{margin:0 0 12px;color:#8f9aa5;font-size:13px}
.afl-trl-form__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}
.afl-trl-form .help-block{margin:-6px 0 10px;font-size:12px}
.afl-trl-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;margin:0 0 10px}
.afl-trl-bar .afl-pills{max-width:100%}
.afl-trl-total{color:#8f9aa5;font-size:13px;font-weight:600}
.afl-trl-list{margin:0;padding:0;list-style:none}
.afl-trl-row{position:relative;display:flex;align-items:center;gap:12px;padding:10px 40px 10px 0;border-bottom:1px solid #eceff1}
.afl-trl-row:last-child{border-bottom:0}
.afl-trl-row__thumb{position:relative;flex:0 0 128px;width:128px;height:72px;border-radius:3px;overflow:hidden;background:#1a1c1f}
.afl-trl-row__thumb img{width:100%;height:100%;object-fit:cover;max-width:none}
.afl-trl-row__thumb span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:24px;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.afl-trl-row__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.afl-trl-row__anime{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.afl-trl-row__anime a{color:#515b64}
.afl-trl-row__anime a:hover{color:#01bcf3}
.afl-trl-row__title{font-size:13px;color:#515b64;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.afl-trl-row__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12px;color:#8f9aa5}
.afl-trl-status,.afl-req-status{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:700;line-height:18px;background:#eceff1;color:#515b64;white-space:nowrap}
.afl-trl-status.is-approved,.afl-req-status.is-accepted{background:#e3f6ec;color:#2e7d32}
.afl-trl-status.is-pending,.afl-req-status.is-pending{background:#fff3e0;color:#e65100}
.afl-trl-status.is-rejected,.afl-req-status.is-rejected{background:#fdecea;color:#c62828}
.afl-req-status.is-added{background:#e1f5fe;color:#0277bd}
.afl-trl-row__del,.afl-req-del{position:absolute;right:0;top:50%;transform:translateY(-50%);width:32px;height:32px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#8f9aa5;font-size:14px;cursor:pointer}
.afl-trl-row__del:hover,.afl-trl-row__del:focus,.afl-req-del:hover,.afl-req-del:focus{background:#fdecea;color:#e53935;outline:0}

.afl-trl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.afl-trl-grid.is-single{grid-template-columns:minmax(0,1fr)}
.afl-trl-card{min-width:0}
.afl-trl-play,.afl-trl-frame{position:relative;display:block;width:100%;padding-top:56.25%;border-radius:4px;overflow:hidden;background:#1a1c1f}
.afl-trl-play img,.afl-trl-frame iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;border:0}
.afl-trl-play img{transition:transform .3s,opacity .3s;opacity:.85}
.afl-trl-play:hover img,.afl-trl-play:focus img{transform:scale(1.04);opacity:1}
.afl-trl-play__icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:44px;border-radius:12px;background:rgba(0,0,0,.7);color:#fff;font-size:24px;line-height:44px;text-align:center;transition:background-color .2s}
.afl-trl-play:hover .afl-trl-play__icon,.afl-trl-play:focus .afl-trl-play__icon{background:#e53935}
.afl-trl-card__title{display:block;margin-top:6px;font-size:13px;font-weight:600;color:#515b64;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media all and (max-width:767px){
.afl-trl-form__grid{grid-template-columns:minmax(0,1fr)}
.afl-trl-row__thumb{flex-basis:96px;width:96px;height:54px}
.afl-trl-grid{grid-template-columns:minmax(0,1fr)}
}

/* ------------------------------------------------------------------ */
/* Requests                                                             */
/* ------------------------------------------------------------------ */
.afl-req-form__ids{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}
.SidebarA .afl-req-form__ids{grid-template-columns:minmax(0,1fr)}
.afl-req-form textarea{resize:vertical;min-height:70px}
.afl-req-form button[disabled]{opacity:.6;cursor:wait}
.afl-req-dup .alert{margin:0 0 8px}
.afl-req-dup .afl-req-list{margin-bottom:10px;border:1px solid #eceff1;border-radius:4px;padding:0 10px}
.afl-req-filters{margin:0 0 12px}
.afl-req-filters__row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.afl-req-filters__row .form-control{flex:1 1 160px;width:auto;min-width:0}
.afl-req-filters__row select.form-control{flex:0 1 170px}
.afl-req-filters__row .btn{flex:0 0 auto}
.afl-req-total{margin:0 0 6px;color:#8f9aa5;font-size:13px;font-weight:600}
.afl-req-list{margin:0;padding:0;list-style:none}
.afl-req-item{position:relative;display:flex;gap:14px;padding:12px 40px 12px 0;border-bottom:1px solid #eceff1}
.afl-req-item:last-child{border-bottom:0}
.afl-req-vote{flex:0 0 48px;display:flex;flex-direction:column;align-items:center;gap:2px}
.afl-req-vote__btn{width:44px;height:36px;margin:0;padding:0;border:1px solid #dfe4e8;border-radius:4px;background:#fff;color:#8f9aa5;font-size:16px;line-height:34px;text-align:center;cursor:pointer;transition:all .2s}
.afl-req-vote__btn:hover:not([disabled]),.afl-req-vote__btn:focus:not([disabled]){border-color:#01bcf3;color:#01bcf3;outline:0}
.afl-req-vote__btn.is-voted{background:#01bcf3;border-color:#01bcf3;color:#fff}
.afl-req-vote__btn[disabled],.afl-req-vote__btn.is-static{opacity:.55;cursor:default}
.afl-req-vote__btn.is-voted[disabled]{opacity:.8}
.afl-req-vote__count{font-size:13px;font-weight:700;color:#515b64}
.afl-req-body{flex:1 1 auto;min-width:0}
.afl-req-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.afl-req-title{font-size:15px;color:#515b64;overflow-wrap:anywhere}
.afl-req-links{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px;font-size:12px;font-weight:600}
.afl-req-links a{color:#01bcf3}
.afl-req-watch{color:#ff7e00!important}
.afl-req-watch:before{margin-right:4px}
.afl-req-note{margin:6px 0 0;font-size:13px;color:#515b64;overflow-wrap:anywhere}
.afl-req-admin{margin:6px 0 0;padding:6px 10px;border-left:3px solid #01bcf3;background:#f1f9fc;font-size:12px;color:#515b64;overflow-wrap:anywhere}
.afl-req-admin:before{margin-right:6px;color:#01bcf3}
.afl-req-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:12px;color:#8f9aa5}
.afl-req-meta img{width:20px;height:20px;border-radius:50%;object-fit:cover}
.afl-req-meta a{color:#515b64;font-weight:600}
.afl-req-meta a:hover{color:#01bcf3}
.afl-req-stats ul{margin:0;padding:0;list-style:none}
.afl-req-stats li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #eceff1;font-size:13px}
.afl-req-stats li:last-child{border-bottom:0}
@media all and (max-width:767px){
.afl-req-form__ids{grid-template-columns:minmax(0,1fr)}
.afl-req-vote{flex-basis:40px}
.afl-req-vote__btn{width:40px}
.afl-req-filters__row select.form-control,.afl-req-filters__row .form-control{flex:1 1 100%}
.afl-req-filters__row .btn{flex:1 1 100%}
}