@import 'LittleElsewhereTherapy.Interface.vhglwswngu.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-0y9rljlqr5] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-0y9rljlqr5] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-s73tzhirlw],
.components-reconnect-repeated-attempt-visible[b-s73tzhirlw],
.components-reconnect-failed-visible[b-s73tzhirlw],
.components-pause-visible[b-s73tzhirlw],
.components-resume-failed-visible[b-s73tzhirlw],
.components-rejoining-animation[b-s73tzhirlw] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-s73tzhirlw],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-s73tzhirlw],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-s73tzhirlw],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-s73tzhirlw],
#components-reconnect-modal.components-reconnect-retrying[b-s73tzhirlw],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-s73tzhirlw],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-s73tzhirlw],
#components-reconnect-modal.components-reconnect-failed[b-s73tzhirlw],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-s73tzhirlw] {
    display: block;
}


#components-reconnect-modal[b-s73tzhirlw] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-s73tzhirlw 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-s73tzhirlw 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-s73tzhirlw 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-s73tzhirlw]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-s73tzhirlw 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-s73tzhirlw {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-s73tzhirlw {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-s73tzhirlw {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-s73tzhirlw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-s73tzhirlw] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-s73tzhirlw] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-s73tzhirlw] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-s73tzhirlw] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-s73tzhirlw] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-s73tzhirlw] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-s73tzhirlw 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-s73tzhirlw] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-s73tzhirlw {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Shared/ArtworkCameraDialog.razor.rz.scp.css */
.artwork-camera-dialog[b-b06iajkzpg] { width: min(460px, calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow: auto; padding: 26px 30px 24px; border: 1px solid #e0e4d7; border-radius: 24px; text-align: center; }
.dialog-topline[b-b06iajkzpg] { text-align: left; }
.dialog-topline .eyebrow[b-b06iajkzpg] { font-size: 10px; }
.dialog-close[b-b06iajkzpg] { width: 36px; height: 36px; }
.artwork-pairing-emblem[b-b06iajkzpg] { display: grid; place-items: center; width: 46px; height: 46px; margin: 8px auto 14px; border: 1px solid #dde5d1; border-radius: 15px; background: #eef3e5; color: #6b8158; }
h2[b-b06iajkzpg] { font-size: 38px; line-height: 1.02; }
h2 em[b-b06iajkzpg] { color: #79876b; }
#artwork-camera-description[b-b06iajkzpg] { max-width: 320px; margin: 14px auto 0; color: #687165; font-size: 13px; line-height: 1.65; }
.artwork-qr-stage[b-b06iajkzpg] { display: grid; place-items: center; width: 248px; max-width: 100%; aspect-ratio: 1; margin: 20px auto 0; overflow: hidden; border: 1px solid #e1e5d9; border-radius: 16px; background: white; }
.artwork-qr-stage img[b-b06iajkzpg] { display: block; width: 100%; height: auto; image-rendering: pixelated; }
.artwork-qr-stage .loading-ring[b-b06iajkzpg] { width: 28px; height: 28px; }
.artwork-qr-stage p[b-b06iajkzpg] { padding: 20px; color: #687165; font-size: 13px; line-height: 1.6; }
.artwork-pairing-status[b-b06iajkzpg] { min-height: 18px; margin-top: 10px; color: #586d4d; font-size: 12px; }
.artwork-connection-note[b-b06iajkzpg] { margin-top: 12px; padding: 12px; border: 1px solid #e4d8be; border-radius: 12px; background: #f8f1e3; color: #745e44; font-size: 12px; line-height: 1.5; text-align: left; }
.artwork-pairing-note[b-b06iajkzpg] { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 18px; color: #63715b; font-size: 12px; line-height: 1.6; }
.artwork-pairing-note[b-b06iajkzpg]  .icon { width: 17px; height: 17px; font-size: 17px; color: #7b876e; }
.artwork-pairing-actions[b-b06iajkzpg] { display: flex; justify-content: center; gap: 8px; margin-top: 20px; }
.artwork-pairing-actions .button[b-b06iajkzpg] { min-height: 44px; padding: 10px 16px; gap: 9px; border-color: #d7dfcd; border-radius: 12px; font-size: 12px; }
.artwork-pairing-actions .button .icon[b-b06iajkzpg] { width: 14px; height: 14px; font-size: 14px; }
.artwork-link-fallback[b-b06iajkzpg] { margin-top: 16px; text-align: left; }
.artwork-link-fallback label[b-b06iajkzpg] { display: block; margin-bottom: 6px; color: #63715b; font-size: 12px; }
.artwork-link-fallback input[b-b06iajkzpg] { width: 100%; padding: 11px; border: 1px solid #d7dfcd; border-radius: 10px; background: #fffefa; color: var(--ink); font-size: 13px; }
.artwork-pairing-privacy[b-b06iajkzpg] { display: flex; justify-content: center; align-items: flex-start; gap: 6px; max-width: 300px; margin: 18px auto 0; color: #687165; font-size: 11px; line-height: 1.5; }
.artwork-pairing-privacy[b-b06iajkzpg]  .icon { width: 10px; height: 10px; margin-top: 3px; font-size: 10px; }
@media (max-height: 750px) {
    .artwork-camera-dialog[b-b06iajkzpg] { padding-block: 18px; }
    .artwork-pairing-emblem[b-b06iajkzpg] { display: none; }
    h2[b-b06iajkzpg] { margin-top: 8px; font-size: 32px; }
    #artwork-camera-description[b-b06iajkzpg] { margin-top: 10px; }
    .artwork-qr-stage[b-b06iajkzpg] { width: 220px; margin-top: 14px; }
    .artwork-pairing-note[b-b06iajkzpg], .artwork-pairing-actions[b-b06iajkzpg] { margin-top: 14px; }
}
@media (max-width: 480px) {
    .artwork-camera-dialog[b-b06iajkzpg] { padding-inline: 22px; }
    .artwork-link-fallback input[b-b06iajkzpg] { font-size: 16px; }
}
/* /Components/Shared/SessionArtwork.razor.rz.scp.css */
.shared-artwork-panel[b-40mopvhugh]{position:fixed;z-index:35;inset:calc(var(--conversation-top,68px) + 12px) 16px calc(var(--conversation-bottom,68px) + 12px) auto;width:min(44vw,620px);display:flex;flex-direction:column;gap:0;background:#fffefa;border:1px solid #dce3d1;border-radius:24px;box-shadow:0 16px 55px #243b2b24;overflow:hidden;color:#3e5542}.shared-artwork-panel header[b-40mopvhugh]{display:flex;gap:20px;justify-content:space-between;align-items:start;padding:24px 26px 20px}.shared-artwork-panel header span[b-40mopvhugh]{font:500 10px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#73856a}.shared-artwork-panel h2[b-40mopvhugh]{font:400 30px/1.15 var(--serif);margin:8px 0 0;overflow-wrap:anywhere}.artwork-close[b-40mopvhugh]{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:transparent;color:#65755b;border:1px solid #dce3d1;padding:0}.shared-artwork-image[b-40mopvhugh]{flex:1;min-height:0;display:grid;place-items:center;margin:0 18px;background:#f2f3eb;border:1px solid #e6e9de;border-radius:14px;overflow:hidden}.shared-artwork-image img[b-40mopvhugh]{width:100%;height:100%;object-fit:contain;min-height:0;display:block}.shared-artwork-words[b-40mopvhugh]{padding:12px 26px 0;margin:0;white-space:pre-wrap;font:400 13px/1.7 var(--sans);max-height:20%;overflow:auto}.shared-artwork-panel footer[b-40mopvhugh]{display:flex;flex-direction:column;gap:9px;align-items:center;padding:20px 24px}.shared-artwork-panel footer button[b-40mopvhugh]{display:flex;gap:10px;align-items:center;justify-content:center;border:1px solid #d9e2ca;border-radius:13px;background:#fffefa;min-height:40px;width:100%;font:500 12px/1.4 var(--sans);color:#597248}.shared-artwork-panel footer span[b-40mopvhugh]{font:400 10px/1.4 var(--sans);color:#829276}.artwork-return[b-40mopvhugh],.shared-artwork-status[b-40mopvhugh]{position:fixed;z-index:34;bottom:calc(var(--conversation-bottom,68px) + 16px);right:20px;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fffefa;border:1px solid #dce3d1;border-radius:16px;color:#4d6547;box-shadow:0 6px 24px #243b2b12;font:500 12px/1.5 var(--sans)}.shared-artwork-status[b-40mopvhugh]{right:auto;left:20px}.shared-artwork-status button[b-40mopvhugh]{margin-left:10px;border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;font:inherit;color:inherit}.shared-artwork-panel button:focus-visible[b-40mopvhugh],.artwork-return:focus-visible[b-40mopvhugh],.shared-artwork-status button:focus-visible[b-40mopvhugh]{outline:2px solid #698157;outline-offset:3px}@media(max-width:720px){.shared-artwork-panel[b-40mopvhugh]{inset:calc(var(--conversation-top,68px) + 8px) 10px calc(var(--conversation-bottom,68px) + 8px);width:auto;border-radius:20px}.shared-artwork-panel header[b-40mopvhugh]{padding:18px 20px}.shared-artwork-panel h2[b-40mopvhugh]{font-size:27px}.shared-artwork-panel footer[b-40mopvhugh]{padding:15px 20px}.shared-artwork-status[b-40mopvhugh]{left:12px;right:12px;font-size:11px}}
/* /Components/Shared/SessionProgress.razor.rz.scp.css */
.session-progress[b-w8hrr5rp5v] { display: inline-flex; flex: 0 0 auto; }
.session-progress-trigger[b-w8hrr5rp5v] {
    display: inline-grid;
    place-items: center;
    gap: 4px;
    min-width: 64px;
    min-height: 48px;
    padding: 4px 6px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent;
    color: #65755d;
    cursor: pointer;
}
.session-progress-trigger:focus-visible[b-w8hrr5rp5v] { outline: 2px solid #839575; outline-offset: 3px; }
.session-progress-label[b-w8hrr5rp5v] { font: 400 10px/1.2 var(--sans); white-space: nowrap; }
.session-progress-dial[b-w8hrr5rp5v] {
    display: grid;
    grid-template: repeat(2, 1fr) / repeat(2, 1fr);
    gap: 2px;
    width: 23px;
    height: 23px;
    overflow: hidden;
    border-radius: 50%;
    mask-image: radial-gradient(circle, transparent 0 31%, #000 35%);
}
.session-progress-part[b-w8hrr5rp5v] { background: #dbe2d3; transition: background-color 600ms ease; }
.session-progress-part.is-filled[b-w8hrr5rp5v] { background: #708662; }
/* Clockwise, beginning at the top. */
.session-progress-part:nth-child(1)[b-w8hrr5rp5v] { grid-area: 1 / 2; }
.session-progress-part:nth-child(2)[b-w8hrr5rp5v] { grid-area: 2 / 2; }
.session-progress-part:nth-child(3)[b-w8hrr5rp5v] { grid-area: 2 / 1; }
.session-progress-part:nth-child(4)[b-w8hrr5rp5v] { grid-area: 1 / 1; }
.session-progress-help[b-w8hrr5rp5v] {
    position: fixed;
    inset: auto;
    box-sizing: border-box;
    width: min(290px, calc(100vw - 32px));
    margin: 0;
    padding: 22px;
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid #dce3d3;
    border-radius: 20px;
    background: #fffef9;
    color: #3d5341;
    text-align: left;
    box-shadow: 0 16px 48px #1f382824, 0 2px 8px #1f38280d;
}
.session-progress-heading[b-w8hrr5rp5v] { display: block; color: #72816a; font: 500 10px/1.5 var(--sans); letter-spacing: .08em; text-transform: uppercase; }
.session-progress-phase[b-w8hrr5rp5v] { display: block; margin-top: 10px; font: 400 25px/1.2 var(--serif); text-wrap: pretty; }
.session-progress-explanation[b-w8hrr5rp5v] { display: block; margin-top: 14px; color: #61725b; font: 12px/1.7 var(--sans); }
@media (max-width: 620px) {
    .session-progress-trigger[b-w8hrr5rp5v] { min-width: 54px; min-height: 44px; padding: 3px; gap: 3px; }
    .session-progress-label[b-w8hrr5rp5v] { font-size: 9px; }
    .session-progress-dial[b-w8hrr5rp5v] { width: 21px; height: 21px; }
}
@media (prefers-reduced-motion: reduce) { .session-progress-part[b-w8hrr5rp5v] { transition: none; } }
@media (forced-colors: active) {
    .session-progress-part[b-w8hrr5rp5v] { background: Canvas; border: 1px solid GrayText; forced-color-adjust: none; }
    .session-progress-part.is-filled[b-w8hrr5rp5v] { background: Highlight; border-color: Highlight; }
}