/* COMIXIO 9.3.9.150 - ordre éditorial de l'album et retrait réversible. */
.storybd-v7.storybd-library .storybd-album-layout-help{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0 0 10px;
    padding:10px 12px;
    border:1px solid rgba(20,28,44,.12);
    border-radius:14px;
    background:#fff9e8;
    color:#344054;
    font-size:13px;
    line-height:1.35;
}
.storybd-v7.storybd-library .storybd-album-layout-status{
    flex:0 0 auto;
    color:#141c2c;
    font-weight:800;
    text-align:right;
}
.storybd-v7.storybd-library .storybd-album-layout-status.is-saving{
    color:#876300;
}
.storybd-v7.storybd-library .storybd-album-layout-status.is-error{
    color:#b42318;
}
.storybd-v7.storybd-library .storybd-album-layout-card{
    position:relative;
    transition:opacity .2s ease, transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.storybd-v7.storybd-library .storybd-album-layout-card.is-album-dragging{
    z-index:4;
    transform:scale(.98);
    opacity:.72;
}
.storybd-v7.storybd-library .storybd-library-story-box.is-album-updating .storybd-library-reader-primary,
.storybd-v7.storybd-library .storybd-library-story-box.is-album-updating .storybd-library-cover-read-link{
    pointer-events:none;
    opacity:.55;
}
.storybd-v7.storybd-library .storybd-library-story-box.is-album-updating .storybd-book-offer-open{
    cursor:wait!important;
    opacity:.55!important;
}
.storybd-v7.storybd-library .storybd-album-card-controls{
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:6px;
    width:100%;
    margin:0 0 8px;
    padding:6px;
    border:1px solid rgba(20,28,44,.13);
    border-radius:12px;
    background:#fff;
    box-shadow:0 5px 16px rgba(20,28,44,.06);
    box-sizing:border-box;
}
.storybd-v7.storybd-library .storybd-album-order-chip{
    display:inline-flex;
    align-items:center;
    gap:4px;
    color:#596273;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
    white-space:nowrap;
}
.storybd-v7.storybd-library .storybd-album-order-chip b{
    display:inline-grid;
    place-items:center;
    min-width:22px;
    height:22px;
    padding:0 4px;
    border-radius:8px;
    background:#141c2c;
    color:#fff;
    font-size:12px;
}
.storybd-v7.storybd-library .storybd-album-move-controls{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:3px;
}
.storybd-v7.storybd-library .storybd-album-move,
.storybd-v7.storybd-library .storybd-album-drag,
.storybd-v7.storybd-library .storybd-album-toggle-exclusion{
    min-height:28px;
    border:1px solid rgba(20,28,44,.16);
    border-radius:8px;
    background:#f8fafc;
    color:#141c2c;
    font:inherit;
    font-size:12px;
    font-weight:800;
    line-height:1;
}
.storybd-v7.storybd-library .storybd-album-move{
    width:28px;
    padding:0;
    cursor:pointer;
}
.storybd-v7.storybd-library .storybd-album-move:disabled{
    opacity:.3;
    cursor:not-allowed;
}
.storybd-v7.storybd-library .storybd-album-drag{
    display:inline-grid;
    place-items:center;
    width:30px;
    cursor:grab;
    user-select:none;
    touch-action:none;
}
.storybd-v7.storybd-library .storybd-album-drag:active{
    cursor:grabbing;
}
.storybd-v7.storybd-library .storybd-album-toggle-exclusion{
    padding:0 8px;
    cursor:pointer;
}
.storybd-v7.storybd-library .storybd-album-move:hover:not(:disabled),
.storybd-v7.storybd-library .storybd-album-drag:hover,
.storybd-v7.storybd-library .storybd-album-toggle-exclusion:hover{
    border-color:#ff2d6f;
    background:#fff0f5;
    color:#b4235a;
}
.storybd-v7.storybd-library .storybd-album-excluded-note{
    display:none;
    margin:0 0 8px;
    padding:7px 9px;
    border-radius:9px;
    background:#344054;
    color:#fff;
    font-size:11px;
    font-weight:800;
    line-height:1.25;
    text-align:center;
}
.storybd-v7.storybd-library .storybd-album-layout-card.is-album-excluded{
    border-color:rgba(52,64,84,.42)!important;
    background:#eef1f4!important;
}
.storybd-v7.storybd-library .storybd-album-layout-card.is-album-excluded .storybd-album-excluded-note{
    display:block;
}
.storybd-v7.storybd-library .storybd-album-layout-card.is-album-excluded > .storybd-library-image-wrap img{
    filter:grayscale(1)!important;
    opacity:.34!important;
}
.storybd-v7.storybd-library .storybd-album-layout-card.is-album-excluded > .storybd-library-image-wrap::after{
    content:"Retirée de l'album";
    position:absolute;
    left:50%;
    top:50%;
    z-index:4;
    transform:translate(-50%,-50%);
    width:max-content;
    max-width:82%;
    padding:7px 10px;
    border-radius:999px;
    background:rgba(20,28,44,.9);
    color:#fff;
    font-size:11px;
    font-weight:900;
    text-align:center;
    pointer-events:none;
}
.storybd-v7.storybd-library .storybd-album-layout-card.is-album-excluded .storybd-album-order-chip b{
    background:#667085;
}
.storybd-v7.storybd-library .storybd-album-layout-card.is-album-excluded .storybd-album-toggle-exclusion{
    border-color:#0e9384;
    background:#e8fff9;
    color:#087669;
}
@media(max-width:768px){
    .storybd-v7.storybd-library .storybd-album-layout-help{
        align-items:flex-start;
        flex-direction:column;
    }
    .storybd-v7.storybd-library .storybd-album-layout-status{
        text-align:left;
    }
    .storybd-v7.storybd-library .storybd-album-card-controls{
        grid-template-columns:1fr auto;
    }
    .storybd-v7.storybd-library .storybd-album-order-chip{
        grid-column:1;
    }
    .storybd-v7.storybd-library .storybd-album-move-controls{
        grid-column:2;
        grid-row:1;
    }
    .storybd-v7.storybd-library .storybd-album-toggle-exclusion{
        grid-column:1 / -1;
        min-height:32px;
    }
}