/* ================================================================
   ESSAYDEW UNIVERSAL SERVICE DRAWERS
   Compact floating workspace for phone + desktop
   No Service Hub dependency
   ================================================================ */

.edsd-backdrop,
.edsd-drawer,
.edsd-drawer *,
.edsd-drawer *::before,
.edsd-drawer *::after {
    box-sizing: border-box;
}


/* ================================================================
   BACKDROP
   ================================================================ */

.edsd-backdrop {
    position: fixed;
    inset: 0;

    z-index: 999970;

    visibility: hidden;
    opacity: 0;

    background:
        rgba(3, 5, 9, .66);

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);

    transition:
        opacity .16s ease,
        visibility .16s ease;
}

.edsd-backdrop.is-open {
    visibility: visible;
    opacity: 1;
}


/* ================================================================
   DRAWER SHELL
   Compact floating panel on every screen size
   ================================================================ */

.edsd-drawer {
    --edsd-gold: #d8ad54;
    --edsd-gold-bright: #f1ce7a;

    --edsd-bg: #0a0d12;
    --edsd-bg-soft: #11151c;
    --edsd-card: rgba(255,255,255,.035);

    --edsd-text: #f5f2eb;
    --edsd-soft: #c9c8c3;
    --edsd-muted: #8f949d;

    --edsd-line: rgba(255,255,255,.075);
    --edsd-gold-line: rgba(216,173,84,.28);

    position: fixed;

    z-index: 999980;

    top: 50%;
    left: 50%;

    width:
        min(
            calc(100vw - 14px),
            520px
        );

    max-height:
        calc(
            100dvh - 18px
        );

    display: flex;
    flex-direction: column;

    overflow: hidden;

    border:
        1px solid
        var(--edsd-gold-line);

    border-radius: 22px;

    background:
        radial-gradient(
            circle at 86% 0%,
            rgba(216,173,84,.10),
            transparent 27%
        ),
        linear-gradient(
            155deg,
            #141820 0%,
            #0b0e13 55%,
            #080a0e 100%
        );

    color:
        var(--edsd-text);

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    box-shadow:
        0 24px 70px rgba(0,0,0,.64),
        inset 0 1px rgba(255,255,255,.035);

    visibility: hidden;
    opacity: 0;

    transform:
        translate(-50%, -47%)
        scale(.975);

    transition:
        opacity .17s ease,
        transform .20s cubic-bezier(.2,.8,.2,1),
        visibility .17s ease;
}

.edsd-drawer.is-open {
    visibility: visible;
    opacity: 1;

    transform:
        translate(-50%, -50%)
        scale(1);
}


/* ================================================================
   COMPACT HEADER
   ================================================================ */

.edsd-head {
    flex: 0 0 auto;

    display: flex;
    align-items: center;

    min-height: 49px;

    padding:
        7px
        8px
        6px
        9px;

    gap: 7px;

    border-bottom:
        1px solid
        var(--edsd-line);
}

.edsd-back,
.edsd-filter-btn,
.edsd-close {
    width: 35px;
    height: 35px;

    flex: 0 0 35px;

    display: grid;
    place-items: center;

    padding: 0;

    border:
        1px solid
        var(--edsd-line);

    border-radius: 11px;

    background:
        rgba(255,255,255,.035);

    color:
        var(--edsd-soft);

    font-family: inherit;

    cursor: pointer;

    -webkit-tap-highlight-color:
        transparent;

    transition:
        transform .12s ease,
        border-color .12s ease,
        background .12s ease;
}

.edsd-back {
    color:
        var(--edsd-gold-bright);

    font-size: 26px;
    line-height: 1;
}

.edsd-filter-btn {
    font-size: 20px;

    color:
        var(--edsd-gold-bright);
}

.edsd-filter-btn[aria-expanded="true"] {
    border-color:
        rgba(216,173,84,.48);

    background:
        rgba(216,173,84,.10);
}

.edsd-close {
    font-size: 23px;
    line-height: 1;
}

.edsd-back:active,
.edsd-filter-btn:active,
.edsd-close:active {
    transform:
        scale(.92);
}

.edsd-headcopy {
    flex: 1 1 auto;
    min-width: 0;
}

.edsd-title {
    margin: 0;

    overflow: hidden;

    color:
        var(--edsd-text);

    font-size:
        17px;

    font-weight: 820;
    line-height: 1.12;

    letter-spacing: -.25px;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-context-trigger {
    max-width: 100%;

    display: inline-flex;
    align-items: center;

    gap: 4px;

    margin-top: 2px;
    padding: 0;

    border: 0;

    background: none;

    color:
        var(--edsd-muted);

    font-family: inherit;

    font-size: 11.5px;
    font-weight: 650;

    cursor: pointer;

    -webkit-tap-highlight-color:
        transparent;
}

.edsd-context-text {
    min-width: 0;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-context-arrow {
    flex: 0 0 auto;

    color:
        var(--edsd-gold-bright);

    font-size: 14px;
}

.edsd-head-actions {
    display: flex;
    align-items: center;

    gap: 5px;
}


/* ================================================================
   PAGE CONTEXT
   Only visible when originating page sends useful context
   ================================================================ */

.edsd-page-context {
    flex: 0 0 auto;

    margin:
        6px
        8px
        0;

    padding:
        6px
        8px;

    border:
        1px solid
        rgba(216,173,84,.18);

    border-radius: 9px;

    background:
        rgba(216,173,84,.055);

    color:
        var(--edsd-soft);

    font-size: 11px;
    line-height: 1.25;

    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ================================================================
   MAIN SCROLLING AREA
   ================================================================ */

.edsd-body {
    flex: 1 1 auto;

    min-height: 0;

    overflow-y: auto;
    overflow-x: hidden;

    overscroll-behavior: contain;

    padding:
        6px
        7px
        8px;

    scrollbar-width: none;

    -webkit-overflow-scrolling:
        touch;
}

.edsd-body::-webkit-scrollbar {
    display: none;
}

.edsd-state {
    min-height: 0;
}


/* ================================================================
   LOADING
   ================================================================ */

.edsd-loading {
    min-height: 80px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    color:
        var(--edsd-muted);

    font-size: 12px;
    font-weight: 650;
}

.edsd-spinner {
    width: 17px;
    height: 17px;

    border:
        2px solid
        rgba(255,255,255,.11);

    border-top-color:
        var(--edsd-gold-bright);

    border-radius: 50%;

    animation:
        edsdSpin
        .65s
        linear
        infinite;
}

@keyframes edsdSpin {
    to {
        transform:
            rotate(360deg);
    }
}


/* ================================================================
   COMMON EXPERT CARD
   ================================================================ */

.edsd-expert {
    overflow: hidden;

    margin-bottom: 6px;

    border:
        1px solid
        var(--edsd-line);

    border-radius: 13px;

    background:
        linear-gradient(
            105deg,
            rgba(255,255,255,.038),
            rgba(255,255,255,.018)
        );

    transition:
        border-color .12s ease,
        background .12s ease,
        transform .12s ease;
}

.edsd-expert:active {
    transform:
        scale(.992);
}

.edsd-expert-main {
    width: 100%;

    min-width: 0;

    display: flex;
    align-items: center;

    gap: 8px;

    padding:
        7px
        8px;

    border: 0;

    background: none;

    color: inherit;

    font-family: inherit;

    text-align: left;

    cursor: pointer;

    -webkit-tap-highlight-color:
        transparent;
}


/* ================================================================
   SMALL REAL PROFILE IMAGE
   ================================================================ */

.edsd-avatar-wrap {
    position: relative;

    width: 39px;
    height: 39px;

    flex: 0 0 39px;

    overflow: hidden;

    border:
        1px solid
        rgba(216,173,84,.25);

    border-radius: 11px;

    background:
        linear-gradient(
            145deg,
            rgba(216,173,84,.17),
            rgba(255,255,255,.035)
        );
}

.edsd-avatar {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    border-radius: inherit;
}

.edsd-avatar-fallback {
    position: absolute;
    inset: 0;

    display: grid;
    place-items: center;

    color:
        var(--edsd-gold-bright);

    font-size: 13px;
    font-weight: 850;

    text-transform: uppercase;
}


/* ================================================================
   EXPERT IDENTITY / BIO
   ================================================================ */

.edsd-expert-copy {
    flex: 1 1 auto;

    min-width: 0;

    color: inherit;
}

button.edsd-expert-copy {
    padding: 0;

    border: 0;

    background: none;

    font-family: inherit;

    text-align: left;

    cursor: pointer;
}

.edsd-expert-name-row {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 4px;
}

.edsd-expert-name {
    min-width: 0;

    overflow: hidden;

    color:
        var(--edsd-text);

    font-size: 13.5px;
    font-weight: 820;
    line-height: 1.15;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-verified {
    width: 15px;
    height: 15px;

    flex: 0 0 15px;

    display: inline-grid;
    place-items: center;

    border-radius: 50%;

    background:
        rgba(216,173,84,.13);

    color:
        var(--edsd-gold-bright);

    font-size: 9px;
    font-weight: 900;
}

.edsd-expert-qualification,
.edsd-expert-specialty,
.edsd-expert-skills,
.edsd-expert-bio {
    display: block;

    max-width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-expert-qualification {
    margin-top: 2px;

    color:
        var(--edsd-soft);

    font-size: 10.7px;
    font-weight: 620;
}

.edsd-expert-specialty {
    margin-top: 2px;

    color:
        var(--edsd-muted);

    font-size: 10.5px;
}

.edsd-expert-skills {
    margin-top: 3px;

    color:
        var(--edsd-gold-bright);

    font-size: 10.3px;
}

.edsd-expert-bio {
    margin-top: 2px;

    color:
        var(--edsd-muted);

    font-size: 10.3px;
}

.edsd-chevron {
    flex: 0 0 auto;

    color:
        var(--edsd-gold-bright);

    font-size: 20px;
    line-height: 1;
}


/* ================================================================
   STUDENT METRICS
   Locked rule:
   labels ABOVE values
   four equal columns on one compact row
   ================================================================ */

.edsd-metrics {
    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );

    margin:
        0
        7px
        6px;

    padding-top: 5px;

    border-top:
        1px solid
        var(--edsd-line);
}

.edsd-metric {
    min-width: 0;

    position: relative;

    display: flex;
    flex-direction: column;

    align-items: center;

    gap: 1px;

    padding:
        0
        2px;
}

.edsd-metric + .edsd-metric::before {
    content: "";

    position: absolute;

    top: 2px;
    bottom: 2px;
    left: 0;

    width: 1px;

    background:
        rgba(255,255,255,.055);
}

.edsd-metric-label {
    width: 100%;

    overflow: hidden;

    color:
        var(--edsd-muted);

    font-size: 8.7px;
    font-weight: 680;

    line-height: 1.15;

    text-align: center;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-metric-value {
    width: 100%;

    overflow: hidden;

    color:
        var(--edsd-text);

    font-size: 11.5px;
    font-weight: 820;

    line-height: 1.2;

    text-align: center;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-metric:first-child
.edsd-metric-value {
    color:
        var(--edsd-gold-bright);
}


/* ================================================================
   HUMANIZER EXPERT
   Real rate + negotiate/hire
   ================================================================ */

.edsd-expert--humanizer
.edsd-expert-main {
    padding-bottom: 5px;
}

.edsd-avatar-button {
    flex: 0 0 auto;

    padding: 0;

    border: 0;

    background: none;

    cursor: pointer;
}

.edsd-expert-rate {
    max-width: 67px;

    flex: 0 0 auto;

    overflow: hidden;

    padding:
        4px
        6px;

    border:
        1px solid
        rgba(216,173,84,.22);

    border-radius: 999px;

    background:
        rgba(216,173,84,.075);

    color:
        var(--edsd-gold-bright);

    font-size: 10px;
    font-weight: 800;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-expert-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 5px;

    padding:
        0
        7px
        7px;
}

.edsd-action {
    min-height: 31px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding:
        0
        10px;

    border-radius: 9px;

    font-family: inherit;

    font-size: 10.5px;
    font-weight: 780;

    cursor: pointer;

    -webkit-tap-highlight-color:
        transparent;

    transition:
        transform .11s ease,
        background .11s ease;
}

.edsd-action:active {
    transform:
        scale(.95);
}

.edsd-action--ghost {
    border:
        1px solid
        var(--edsd-line);

    background:
        rgba(255,255,255,.025);

    color:
        var(--edsd-soft);
}

.edsd-action--primary {
    border:
        1px solid
        rgba(216,173,84,.45);

    background:
        linear-gradient(
            135deg,
            #d0a247,
            #efd078
        );

    color:
        #151008;
}


/* ================================================================
   COMPANY EXPERT
   No student metrics
   ================================================================ */

.edsd-expert--company
.edsd-expert-main {
    min-height: 62px;
}

.edsd-expert--company
.edsd-expert-skills {
    padding-right: 4px;
}


/* ================================================================
   LOAD 5 MORE
   ================================================================ */

.edsd-load-more-wrap {
    display: flex;
    justify-content: center;

    padding:
        3px
        0
        1px;
}

.edsd-load-more {
    min-height: 34px;

    padding:
        0
        17px;

    border:
        1px solid
        rgba(216,173,84,.27);

    border-radius: 999px;

    background:
        rgba(216,173,84,.065);

    color:
        var(--edsd-gold-bright);

    font-family: inherit;

    font-size: 10.8px;
    font-weight: 800;

    cursor: pointer;

    -webkit-tap-highlight-color:
        transparent;
}

.edsd-load-more:active {
    transform:
        scale(.96);
}


/* ================================================================
   FILTER PANEL
   Hidden until filter icon is tapped
   ================================================================ */

.edsd-filter-panel {
    overflow: hidden;

    border:
        1px solid
        var(--edsd-line);

    border-radius: 13px;

    background:
        rgba(255,255,255,.018);
}

.edsd-filter-row,
.edsd-option-row {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    min-height: 50px;

    padding:
        7px
        10px;

    border: 0;
    border-bottom:
        1px solid
        var(--edsd-line);

    background: none;

    color:
        var(--edsd-text);

    font-family: inherit;

    text-align: left;

    cursor: pointer;

    -webkit-tap-highlight-color:
        transparent;
}

.edsd-filter-row:last-of-type,
.edsd-option-row:last-child {
    border-bottom: 0;
}

.edsd-filter-row > span:first-child {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 2px;
}

.edsd-filter-row small {
    color:
        var(--edsd-muted);

    font-size: 9.5px;
    font-weight: 650;
}

.edsd-filter-row strong {
    max-width: 100%;

    overflow: hidden;

    color:
        var(--edsd-text);

    font-size: 12.5px;
    font-weight: 760;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-filter-row > span:last-child {
    flex: 0 0 auto;

    color:
        var(--edsd-gold-bright);

    font-size: 18px;
}

.edsd-filter-reset-wrap {
    display: flex;
    justify-content: center;

    padding: 8px;
}

.edsd-filter-reset {
    min-height: 30px;

    padding:
        0
        14px;

    border:
        1px solid
        var(--edsd-line);

    border-radius: 999px;

    background:
        rgba(255,255,255,.025);

    color:
        var(--edsd-muted);

    font-family: inherit;

    font-size: 10.5px;
    font-weight: 700;

    cursor: pointer;
}


/* ================================================================
   FILTER OPTION LIST
   ================================================================ */

.edsd-option-row {
    min-height: 43px;
}

.edsd-option-name {
    min-width: 0;

    overflow: hidden;

    font-size: 12.5px;
    font-weight: 710;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-option-count {
    flex: 0 0 auto;

    padding:
        3px
        6px;

    border-radius: 999px;

    background:
        rgba(216,173,84,.075);

    color:
        var(--edsd-gold-bright);

    font-size: 9.5px;
    font-weight: 760;
}


/* ================================================================
   ESSAYDEW AI WORKSPACE
   AI assists understanding / development.
   It does NOT humanize.
   ================================================================ */

.edsd-ai {
    display: flex;
    flex-direction: column;

    gap: 7px;
}

.edsd-ai-input-wrap {
    min-height: 0;
}

.edsd-ai-input {
    width: 100%;

    min-height: 120px;
    max-height: 34dvh;

    resize: vertical;

    padding:
        10px
        11px;

    border:
        1px solid
        var(--edsd-line);

    border-radius: 13px;

    outline: none;

    background:
        rgba(255,255,255,.025);

    color:
        var(--edsd-text);

    font-family: inherit;

    font-size: 14px;
    line-height: 1.4;

    caret-color:
        var(--edsd-gold-bright);

    transition:
        border-color .12s ease,
        background .12s ease;
}

.edsd-ai-input::placeholder {
    color:
        #7e848d;
}

.edsd-ai-input:focus {
    border-color:
        rgba(216,173,84,.42);

    background:
        rgba(255,255,255,.032);
}

.edsd-ai-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 7px;
}

.edsd-ai-upload,
.edsd-ai-submit {
    min-height: 34px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 4px;

    padding:
        0
        11px;

    border-radius: 9px;

    font-family: inherit;

    font-size: 10.8px;
    font-weight: 780;

    cursor: pointer;
}

.edsd-ai-upload {
    border:
        1px solid
        var(--edsd-line);

    background:
        rgba(255,255,255,.025);

    color:
        var(--edsd-soft);
}

.edsd-ai-submit {
    border:
        1px solid
        rgba(216,173,84,.43);

    background:
        linear-gradient(
            135deg,
            #cca047,
            #efd07a
        );

    color:
        #171108;
}


/* ================================================================
   HUMAN EXPERT AREA INSIDE AI
   ================================================================ */

.edsd-human-help {
    margin-top: 2px;

    padding-top: 7px;

    border-top:
        1px solid
        var(--edsd-line);
}

.edsd-section-head {
    min-height: 27px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 8px;

    margin-bottom: 4px;
}

.edsd-section-head strong {
    min-width: 0;

    overflow: hidden;

    color:
        var(--edsd-text);

    font-size: 11.8px;
    font-weight: 790;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-section-link {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;

    gap: 2px;

    padding:
        3px
        4px;

    border: 0;

    background: none;

    color:
        var(--edsd-gold-bright);

    font-family: inherit;

    font-size: 10.3px;
    font-weight: 780;

    cursor: pointer;
}

.edsd-human-preview {
    min-height: 0;
}


/* ================================================================
   AI RESULT
   ================================================================ */

.edsd-ai-result {
    display: flex;
    flex-direction: column;

    gap: 7px;
}

.edsd-ai-result-head {
    color:
        var(--edsd-gold-bright);

    font-size: 9.5px;
    font-weight: 840;

    letter-spacing: .55px;

    text-transform: uppercase;
}

.edsd-ai-result-content {
    max-height: 38dvh;

    overflow-y: auto;

    padding:
        9px
        10px;

    border:
        1px solid
        var(--edsd-line);

    border-radius: 12px;

    background:
        rgba(255,255,255,.025);

    color:
        var(--edsd-soft);

    font-size: 12.8px;
    line-height: 1.45;

    scrollbar-width: none;
}

.edsd-ai-result-content::-webkit-scrollbar {
    display: none;
}

.edsd-ai-result-actions {
    display: flex;
    align-items: center;

    gap: 5px;
}


/* ================================================================
   EMPTY / ERROR
   ================================================================ */

.edsd-empty {
    min-height: 105px;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    gap: 5px;

    padding: 14px;

    border:
        1px dashed
        var(--edsd-line);

    border-radius: 12px;

    color:
        var(--edsd-muted);

    text-align: center;
}

.edsd-empty strong {
    color:
        var(--edsd-soft);

    font-size: 12.5px;
}

.edsd-empty p {
    margin: 0;

    font-size: 10.8px;
}

.edsd-empty--error strong {
    color:
        #e4b9b9;
}

.edsd-retry {
    min-height: 31px;

    margin-top: 4px;

    padding:
        0
        12px;

    border:
        1px solid
        var(--edsd-gold-line);

    border-radius: 999px;

    background:
        rgba(216,173,84,.07);

    color:
        var(--edsd-gold-bright);

    font-family: inherit;

    font-size: 10.5px;
    font-weight: 780;

    cursor: pointer;
}


/* ================================================================
   FOOTER
   Only visible when a specific state really needs it
   ================================================================ */

.edsd-footer {
    flex: 0 0 auto;

    padding:
        6px
        7px
        7px;

    border-top:
        1px solid
        var(--edsd-line);
}


/* ================================================================
   SMALL PHONE OPTIMIZATION
   Still readable — never tiny
   ================================================================ */

@media (max-width: 390px) {

    .edsd-drawer {
        width:
            calc(100vw - 10px);

        border-radius: 19px;
    }

    .edsd-head {
        min-height: 46px;

        padding:
            5px
            6px;
    }

    .edsd-title {
        font-size: 16px;
    }

    .edsd-back,
    .edsd-filter-btn,
    .edsd-close {
        width: 33px;
        height: 33px;

        flex-basis: 33px;
    }

    .edsd-body {
        padding:
            5px
            5px
            7px;
    }

    .edsd-expert-main {
        gap: 7px;

        padding:
            6px
            6px;
    }

    .edsd-avatar-wrap {
        width: 37px;
        height: 37px;

        flex-basis: 37px;
    }

    .edsd-expert-name {
        font-size: 13px;
    }

    .edsd-metrics {
        margin:
            0
            5px
            5px;

        padding-top: 4px;
    }

    .edsd-metric-label {
        font-size: 8.2px;
    }

    .edsd-metric-value {
        font-size: 11px;
    }

    .edsd-expert-actions {
        padding:
            0
            5px
            6px;
    }
}


/* ================================================================
   SHORT PHONE SCREENS
   Maximize visible experts
   ================================================================ */

@media (max-height: 700px) {

    .edsd-drawer {
        max-height:
            calc(100dvh - 10px);

        border-radius: 18px;
    }

    .edsd-head {
        min-height: 43px;
    }

    .edsd-body {
        padding-top: 4px;
    }

    .edsd-expert {
        margin-bottom: 4px;
    }

    .edsd-expert-main {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .edsd-metrics {
        margin-bottom: 4px;
    }

    .edsd-ai-input {
        min-height: 95px;
    }
}


/* ================================================================
   DESKTOP / TABLET
   IMPORTANT:
   Still floating and compact.
   Never turns into a giant right sidebar.
   ================================================================ */

@media (min-width: 760px) {

    .edsd-drawer {
        width:
            min(
                500px,
                calc(100vw - 36px)
            );

        max-height:
            min(
                760px,
                calc(100dvh - 36px)
            );

        border-radius: 23px;
    }

    .edsd-head {
        min-height: 51px;
    }

    .edsd-title {
        font-size: 18px;
    }

    .edsd-body {
        padding:
            7px
            8px
            9px;
    }

    .edsd-expert-main {
        padding:
            8px
            9px;
    }

    .edsd-avatar-wrap {
        width: 41px;
        height: 41px;

        flex-basis: 41px;
    }
}


/* ================================================================
   VERY LARGE DESKTOPS
   Do not let the panel become oversized
   ================================================================ */

@media (min-width: 1400px) {

    .edsd-drawer {
        width: 510px;

        max-height:
            min(
                780px,
                calc(100dvh - 48px)
            );
    }
}


/* ================================================================
   ACCESSIBILITY / REDUCED MOTION
   ================================================================ */

@media (prefers-reduced-motion: reduce) {

    .edsd-backdrop,
    .edsd-drawer,
    .edsd-back,
    .edsd-filter-btn,
    .edsd-close,
    .edsd-expert,
    .edsd-action {
        transition: none;
    }

    .edsd-spinner {
        animation: none;
    }
}