@import '_content/AuralizeBlazor/AuralizeBlazor.tf5u2o3oxg.bundle.scp.css';
@import '_content/Nextended.Blazor/Nextended.Blazor.tkxqvq0zjw.bundle.scp.css';

/* /Components/Layout/StaticMainLayout.razor.rz.scp.css */
.static-layout-toolbar[b-op0wea7xyx] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 64px;
}

.static-layout-toolbar[b-op0wea7xyx]  .static-layout-icon-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    width: 32px;
    height: 40px;
    box-sizing: border-box;
    line-height: 1;
    vertical-align: middle;
}

.static-layout-icon-button[b-op0wea7xyx] {
    border: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    cursor: pointer;
}

.static-layout-click-host[b-op0wea7xyx] {
    display: contents;
}

.static-delivery-popup-layout[b-op0wea7xyx] {
    min-height: 100dvh;
}

.static-delivery-popup-toolbar[b-op0wea7xyx] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
    min-height: 64px;
}

.static-delivery-popup-title[b-op0wea7xyx] {
    min-width: 0;
    overflow: hidden;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.static-delivery-popup-title-icon[b-op0wea7xyx] {
    display: inline-flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: var(--site-primary);
}

.static-delivery-popup-icon-button[b-op0wea7xyx] {
    display: inline-flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: var(--site-text);
    background: transparent;
    cursor: pointer;
}

.static-delivery-popup-icon-button:hover[b-op0wea7xyx],
.static-delivery-popup-icon-button:focus-visible[b-op0wea7xyx] {
    background: var(--site-primary-soft);
    outline: 0;
}

.static-delivery-popup-main[b-op0wea7xyx],
.static-delivery-popup-container[b-op0wea7xyx] {
    min-height: 100%;
}

.static-layout-menu-backdrop[b-op0wea7xyx] {
    position: fixed;
    z-index: 1290;
    inset: 0;
    background: rgba(15, 23, 42, 0.42);
}

.static-layout-menu-backdrop[hidden][b-op0wea7xyx] {
    display: none;
}

.static-layout-menu-drawer[b-op0wea7xyx] {
    position: fixed;
    z-index: 1300;
    top: 0;
    right: 0;
    width: min(82vw, 320px);
    height: 100dvh;
    padding: 18px;
    overflow-y: auto;
    box-shadow: -12px 0 30px rgba(15, 23, 42, 0.18);
    transform: translateX(105%);
    transition: transform 180ms ease;
    visibility: hidden;
}

.static-layout-menu-drawer.is-open[b-op0wea7xyx] {
    visibility: visible;
    transform: translateX(0);
}

.static-layout-menu-header[b-op0wea7xyx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 2px 2px 16px;
    border-bottom: 1px solid var(--site-border-strong);
}

.static-layout-menu-close[b-op0wea7xyx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: var(--site-text);
    background: transparent;
    cursor: pointer;
}

.static-layout-menu-close:hover[b-op0wea7xyx] {
    background: var(--site-primary-soft);
}

.static-layout-menu-nav[b-op0wea7xyx] {
    display: grid;
    gap: 6px;
    padding-top: 14px;
}

.static-layout-menu-nav a[b-op0wea7xyx],
.static-layout-menu-nav button[b-op0wea7xyx] {
    display: flex;
    align-items: center;
    justify-content:flex-start;
    gap: 12px;
    width: 100%;
    min-height: 48px;
    padding: 10px 12px;
    border: 0;
    border-radius: 8px;
    color: var(--site-text);
    background: transparent;
    font: inherit;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.static-layout-menu-nav a:hover[b-op0wea7xyx],
.static-layout-menu-nav button:hover[b-op0wea7xyx] {
    color: var(--site-primary);
    background: var(--site-primary-soft);
}

.static-layout-menu-nav .material-symbols-rounded[b-op0wea7xyx] {
    color: var(--site-primary);
}

.static-review-guide[b-op0wea7xyx] {
    margin: 0 0 12px;
}

.static-review-error[b-op0wea7xyx] {
    margin: 0 0 12px;
    color: var(--mud-palette-error, #d94e45);
    font-size: 0.875rem;
}

.static-review-files[b-op0wea7xyx] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 8px 0 20px;
}

.static-review-file-picker[b-op0wea7xyx] {
    position: relative;
    display: flex;
    flex: 0 0 100px;
    align-items: center;
    justify-content: center;
    width: 100px;
    aspect-ratio: 1;
    overflow: hidden;
    border: 2px dashed var(--site-border-strong);
    border-radius: 6px;
    text-align: center;
    cursor: pointer;
}

.static-review-file-picker:hover[b-op0wea7xyx],
.static-review-file-picker.is-dragging[b-op0wea7xyx] {
    border-color: var(--site-primary);
    background: var(--site-primary-soft);
}

.static-review-file-picker.is-dragging[b-op0wea7xyx] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--site-primary) 20%, transparent);
}

.static-review-file-picker input[b-op0wea7xyx] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.static-review-preview[b-op0wea7xyx] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.static-review-text-label[b-op0wea7xyx] {
    display: block;
    margin-bottom: 6px;
    font-size: 0.875rem;
}

.static-review-dialog textarea[b-op0wea7xyx] {
    display: block;
    width: 100%;
    padding: 12px;
    resize: vertical;
    border: 1px solid var(--site-border-strong);
    border-radius: 6px;
    color: var(--site-text);
    background: var(--site-surface);
    font: inherit;
}

.static-review-dialog textarea:focus[b-op0wea7xyx] {
    border-color: var(--site-primary);
    outline: 1px solid var(--site-primary);
}

.static-review-counter[b-op0wea7xyx] {
    margin-top: 4px;
    color: var(--site-text-muted);
    font-size: 0.75rem;
    text-align: right;
}

@media (max-width: 600px) {
    .static-layout-toolbar[b-op0wea7xyx] {
        min-height: 56px;
    }

    .static-delivery-popup-toolbar[b-op0wea7xyx] {
        min-height: 56px;
    }

    .static-review-files[b-op0wea7xyx] {
        align-items: flex-start;
    }
}
/* /Components/Pages/Common/Viewimage.razor.rz.scp.css */
.static-view-image-container[b-5sbdfdzhak] {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 0;
}

.static-view-image[b-5sbdfdzhak] {
    display: block;
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    object-fit: contain;
}
/* /Components/Pages/Home/Home.razor.rz.scp.css */
/* #region 메인 기본 화면 */

.static-home-front-door[b-68dq4i1tws]  .FrontDoorWrap_custom {
    width: 100%;
    aspect-ratio: unset !important;
}

.static-home-front-door[b-68dq4i1tws]  .FrontDoorImg_custom {
    height: auto !important;
}

.static-home-front-door[b-68dq4i1tws]  .FrontDoorWrap_custom::before {
    content: none;
}

/* 어두운 영역은 항목 높이와 무관하게 고정 크기로 둔다.
   높이를 컨테이너 기준 100%로 두면 세로가 긴 항목을 편성했을 때 왼쪽 절반이 통째로 어두워진다.
   가로폭 기준 8:5로 고정하면 폭이 같을 때 항상 같은 크기이며, 8:5는 기존 대문 비율이라 지금 화면과 같은 크기가 된다.
   기존에는 상자를 위로 10% 올려 타원 중심을 화면 밖에 두었는데, 같은 중심을 gradient 좌표(0% -10%)로 옮겨 상자는 상단에 붙인다. */
.static-home-front-door-shade[b-68dq4i1tws] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    aspect-ratio: 8 / 5;
    z-index: 1;
    pointer-events: none;
    background: radial-gradient(ellipse 85% 70% at 0% -10%, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .28) 22%, rgba(0, 0, 0, .12) 40%, rgba(0, 0, 0, 0) 65%), linear-gradient(135deg, rgba(0, 0, 0, .22) 0%, rgba(0, 0, 0, .10) 18%, rgba(0, 0, 0, 0) 38%);
}

/* 대문 슬라이드 : 선택자와 규칙을 전용 클래스 안에만 두어 숏폼·핫세일즈 스와이퍼에 영향을 주지 않는다. */

.front-door-swiper[b-68dq4i1tws] {
    width: 100%;
    background: #000;
}

.front-door-slide[b-68dq4i1tws] {
    display: flex;
    align-items: center;
    justify-content: center;
    /* Swiper가 update()로 슬라이드를 다시 계산하면 퍼센트 높이가 콘텐츠 높이로 풀려 가운데 정렬이 깨진다.
       리사이즈·화면회전에서도 유지되도록 퍼센트 대신 flex 라인 높이에 맞춘다. */
    align-self: stretch;
    height: auto;
    overflow: hidden;
    background: #000;
}

.front-door-media[b-68dq4i1tws] {
    display: block;
    width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: contain;
}

.front-door-link[b-68dq4i1tws] {
    display: block;
    width: 100%;
}

.front-door-single-media[b-68dq4i1tws] {
    display: block;
    width: 100%;
    height: auto;
}

.front-door-pagination[b-68dq4i1tws] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
    z-index: 3;
    display: flex;
    justify-content: center;
    pointer-events: none;
}

/* bullet은 Swiper가 만들어 scope 속성이 없으므로 ::deep으로 내려간다. */
.front-door-pagination[b-68dq4i1tws]  .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    background: #fff;
    opacity: 0.45;
    pointer-events: auto;
    /* 밝은 이미지가 하단까지 차는 항목에서도 흰 bullet이 묻히지 않게 한다. */
    box-shadow: 0 0 3px rgba(0, 0, 0, .6);
}

.front-door-pagination[b-68dq4i1tws]  .swiper-pagination-bullet-active {
    opacity: 1;
}

/* 오버레이 영역에서 시작하는 스와이프가 막히지 않도록 버튼만 입력을 받는다. */
.FrontDoorOverlay[b-68dq4i1tws] {
    pointer-events: none;
}

.static-home-notice-title[b-68dq4i1tws],
.static-home-photo-button[b-68dq4i1tws],
.static-home-review-button[b-68dq4i1tws],
.static-home-guide-photo[b-68dq4i1tws] {
    padding: 0;
    border: 0;
    font: inherit;
    cursor: pointer;
}

.static-home-favorite[b-68dq4i1tws] {
    width: fit-content;
}

.FrontDoorOverlay .static-home-favorite[b-68dq4i1tws] {
    min-width: 64px;
    color: var(--mud-palette-white);
    box-shadow: none;
    pointer-events: auto;
}

.static-home-notice-title[b-68dq4i1tws] {
    min-width: 0;
    color: inherit;
    background: transparent;
    text-align: left;
}

.MyLiveSchedule_img[b-68dq4i1tws] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.MyLiveSchedule_btn[b-68dq4i1tws] {
    width: 100%;
    border: 0;
    cursor: default;
}

.MyLiveSchedule_btn_live[b-68dq4i1tws] {
    cursor: pointer;
}

.static-home-guide-photo[b-68dq4i1tws] {
    display: block;
    width: 100%;
    overflow: hidden;
    background: transparent;
}

.static-home-guide-photo[b-68dq4i1tws]  img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.static-home-photo-button[b-68dq4i1tws] {
    color: inherit;
    background: transparent;
}

.static-home-review-button[b-68dq4i1tws] {
    color: inherit;
    background: transparent;
    text-align: left;
}

.static-home-review-button.reviewphoto > img[b-68dq4i1tws] {
    object-fit: cover;
    object-position: center;
}

/* #endregion */

/* #region 리뷰 좋아요 및 상세 dialog */

.static-review-like-row[b-68dq4i1tws] {
    display: flex;
    align-items: center;
    gap: 0;
    margin-top: 12px;
}

.static-review-like-button[b-68dq4i1tws] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 3px;
    border: 0;
    border-radius: 50%;
    color: var(--mud-palette-secondary);
    background: transparent;
    cursor: pointer;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.static-review-like-button:hover[b-68dq4i1tws] {
    background: var(--site-primary-soft);
}

.static-review-like-button:disabled[b-68dq4i1tws] {
    opacity: 0.45;
    cursor: wait;
}

.static-review-like-icon[b-68dq4i1tws] {
    font-size: 1.125rem;
    font-variation-settings: 'FILL' 0;
    transition: color 180ms ease, font-variation-settings 180ms ease;
}

.static-review-like-button.is-liked[b-68dq4i1tws] {
    color: var(--mud-palette-error, #d94e45);
}

.static-review-like-button.is-liked .static-review-like-icon[b-68dq4i1tws] {
    font-variation-settings: 'FILL' 1;
}

.static-review-view-content[b-68dq4i1tws] {
    margin: -16px -24px -24px;
    background: var(--site-surface);
}

.swiper-review-dialog[b-68dq4i1tws] {
    width: 100%;
    max-width: 300px;
    max-height: 600px;
}

.static-review-slide[b-68dq4i1tws] {
    display: flex;
    justify-content: center;
}

.static-review-image-button[b-68dq4i1tws] {
    display: flex;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.static-review-image-button > img[b-68dq4i1tws],
.static-review-noimage > img[b-68dq4i1tws] {
    display: block;
    width: 100%;
    max-width: 300px;
    height: auto;
    margin: 0 auto;
    object-fit: cover;
    object-position: center;
}

.static-review-pagination[b-68dq4i1tws] {
    display: flex;
    justify-content: center;
    min-height: 30px;
    margin-top: 24px;
}

.static-review-dialog-like-wrap[b-68dq4i1tws] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
    width: 100%;
    margin-top: -45px;
    padding: 0 24px;
}

.static-review-meta[b-68dq4i1tws] {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    margin-top: 8px;
    padding: 0 24px;
}

.static-review-avatar[b-68dq4i1tws] {
    display: inline-flex;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: var(--site-surface);
    background: var(--site-primary);
}

.static-review-nick[b-68dq4i1tws] {
    font-size: 0.875rem;
    font-weight: 600;
}

.static-review-date[b-68dq4i1tws] {
    margin-left: auto;
}

.static-review-contents[b-68dq4i1tws] {
    width: 100%;
    margin-top: 8px;
    padding: 24px;
    font-size: 0.875rem;
    line-height: 1.6;
}

/* #endregion */

/* #region 공지·가이드·숏폼 dialog */

.static-home-notice-dialog[b-68dq4i1tws] {
    min-height: 500px;
}

.static-home-guide-dialog[b-68dq4i1tws] {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 16px;
}

.static-home-notice-dialog[b-68dq4i1tws]  p img,
.static-home-guide-dialog[b-68dq4i1tws]  p img {
    width: 100%;
    height: auto;
}

.static-home-shortform-dialog .static-dialog-content[b-68dq4i1tws] {
    padding: 0;
}

.static-home-shortform-body[b-68dq4i1tws] {
    display: flex;
    justify-content: center;
    width: 100%;
    min-height: 600px;
    padding: 0;
    background: transparent;
}

.static-home-shortform-body .MyVideoWrap[b-68dq4i1tws],
.static-home-shortform-body .video-container[b-68dq4i1tws] {
    width: 100%;
    min-height: 600px;
}

.static-home-shortform-body .instagram-media[b-68dq4i1tws] {
    width: 100% !important;
    max-width: 600px !important;
    min-height: 900px;
    margin: 0 auto !important;
}

/* #endregion */

/* #region 메인 팝업 */

.static-home-popup-action[b-68dq4i1tws] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    border: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    cursor: pointer;
}

.static-home-popup-action .material-symbols-rounded[b-68dq4i1tws] {
    font-size: 1.25rem;
    font-variation-settings: 'FILL' 1;
}

.static-home-popup-close[b-68dq4i1tws] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 6px;
    border: 2px solid #fff;
    color: #fff;
    background: var(--mud-palette-dark, #424242);
    cursor: pointer;
}

.static-home-popup-close .material-symbols-rounded[b-68dq4i1tws] {
    font-size: 1.25rem;
    font-variation-settings: 'FILL' 1;
}

/* #endregion */

@media (max-width: 600px) {
    .static-home-guide-dialog[b-68dq4i1tws] {
        padding: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .static-review-like-icon[b-68dq4i1tws] {
        transition: none;
    }
}
/* /Components/Pages/LiveCommerce/OrderDetail.razor.rz.scp.css */
.live-order-detail-head[b-moq2dxgsrn],
.live-order-detail-section-head[b-moq2dxgsrn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
}

.live-order-detail-statuses[b-moq2dxgsrn] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
}

.live-order-detail-info-grid[b-moq2dxgsrn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem 1rem;
    margin: 0;
}

.live-order-detail-info-grid > div[b-moq2dxgsrn] {
    min-width: 0;
    padding: 0.7rem 0.8rem;
    border-radius: 0.6rem;
    background: var(--site-surface-soft);
}

.live-order-detail-info-grid .live-order-detail-info-wide[b-moq2dxgsrn] {
    grid-column: 1 / -1;
}

.live-order-detail-info-grid dt[b-moq2dxgsrn] {
    color: var(--site-text-muted);
    font-size: 0.75rem;
    font-weight: 750;
}

.live-order-detail-info-grid dd[b-moq2dxgsrn] {
    margin: 0.2rem 0 0;
    overflow-wrap: anywhere;
    font-size: 0.88rem;
    font-weight: 700;
}

.live-order-detail-selectable[b-moq2dxgsrn] {
    user-select: all;
}

/* 카드는 MudPaper가 렌더링해 scope 속성이 붙지 않으므로 감싼 요소를 기준으로 지정합니다. */
.live-order-detail-total-wrap[b-moq2dxgsrn]  .live-order-detail-total-card {
    border-width: 2px;
    border-color: var(--site-primary);
}

.live-order-detail-amounts[b-moq2dxgsrn] {
    display: grid;
    gap: 0.1rem;
}

.live-order-detail-amounts > div[b-moq2dxgsrn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.6rem 0;
    border-bottom: 1px solid var(--site-border);
}

.live-order-detail-amounts .live-order-detail-amount-final[b-moq2dxgsrn] {
    border-bottom: 0;
    font-size: 1.02rem;
}

.live-order-detail-amount-final strong[b-moq2dxgsrn] {
    color: var(--site-primary);
    font-size: 1.2rem;
}

/* 최종 결제금액 행이 아래쪽 선을 갖지 않으므로 환불금액 행이 자기 위쪽에 구분선을 갖습니다. */
.live-order-detail-amounts .live-order-detail-amount-refund[b-moq2dxgsrn] {
    border-top: 1px solid var(--site-border);
    border-bottom: 0;
    font-size: 1.02rem;
}

.live-order-detail-amount-refund strong[b-moq2dxgsrn] {
    color: var(--site-text);
    font-size: 1.02rem;
}

.live-order-detail-claims[b-moq2dxgsrn] {
    display: grid;
    gap: 0.8rem;
}

.live-order-detail-claim[b-moq2dxgsrn] {
    display: grid;
    gap: 0.7rem;
    padding: 0.9rem;
    border: 1px solid var(--site-border);
    border-radius: 0.7rem;
}

.live-order-detail-claim-head[b-moq2dxgsrn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    color: var(--site-text-muted);
    font-size: 0.8rem;
}

.live-order-detail-claim-items[b-moq2dxgsrn] {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.live-order-detail-claim-items li[b-moq2dxgsrn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    font-size: 0.86rem;
}

.live-order-detail-claim-items li span[b-moq2dxgsrn] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.live-order-detail-claim-items li b[b-moq2dxgsrn] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.live-order-detail-address[b-moq2dxgsrn] {
    display: grid;
    gap: 0.3rem;
    min-width: 0;
}

/* 배송지 선택 결과에 맞춰 감춤을 전환하므로 display를 지정한 영역에도 hidden이 적용되게 합니다. */
.live-order-detail-empty[hidden][b-moq2dxgsrn],
.live-order-detail-address[hidden][b-moq2dxgsrn],
.live-order-detail-request-editor[hidden][b-moq2dxgsrn] {
    display: none;
}

.live-order-detail-address span[b-moq2dxgsrn] {
    overflow-wrap: anywhere;
    color: var(--site-text-muted);
    font-size: 0.86rem;
}

.live-order-detail-address-change[b-moq2dxgsrn] {
    display: inline-flex;
    min-height: 2.25rem;
    align-items: center;
    gap: 0.3rem;
    padding: 0.35rem 0.65rem;
    border: 1px solid var(--site-primary);
    border-radius: 0.5rem;
    background: transparent;
    color: var(--site-primary);
    font-size: 0.8rem;
    font-weight: 750;
    cursor: pointer;
}

.live-order-detail-address-change .material-symbols-rounded[b-moq2dxgsrn] {
    font-size: 1.1rem;
}

.live-order-detail-address-change:focus-visible[b-moq2dxgsrn],
.live-order-detail-request-editor button:focus-visible[b-moq2dxgsrn] {
    outline: 2px solid var(--site-primary);
    outline-offset: 2px;
}

.live-order-detail-request-editor[b-moq2dxgsrn] {
    display: grid;
    gap: 0.45rem;
    padding-top: 1rem;
    border-top: 1px solid var(--site-border);
}

.live-order-detail-request-editor label[b-moq2dxgsrn] {
    font-size: 0.82rem;
    font-weight: 750;
}

.live-order-detail-request-editor textarea[b-moq2dxgsrn] {
    width: 100%;
    min-height: 5rem;
    resize: vertical;
    padding: 0.7rem 0.8rem;
    border: 1px solid var(--site-border);
    border-radius: 0.55rem;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    font: inherit;
}

.live-order-detail-request-editor > div[b-moq2dxgsrn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
}

.live-order-detail-request-editor > div > span[b-moq2dxgsrn] {
    color: var(--site-text-muted);
    font-size: 0.75rem;
}

.live-order-detail-request-editor button[b-moq2dxgsrn] {
    min-height: 2.35rem;
    padding: 0.45rem 0.8rem;
    border: 0;
    border-radius: 0.5rem;
    background: var(--site-primary);
    color: #fff;
    font-weight: 750;
    cursor: pointer;
}

.live-order-detail-empty[b-moq2dxgsrn] {
    display: flex;
    min-height: 7rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border: 1px dashed var(--site-border);
    border-radius: 0.7rem;
    background: var(--site-surface-soft);
    color: var(--site-text-muted);
    text-align: center;
}

.live-order-detail-empty .material-symbols-rounded[b-moq2dxgsrn] {
    color: var(--site-primary);
    font-size: 2rem;
}

.live-order-detail-tracking-link[b-moq2dxgsrn] {
    display: flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    margin-bottom: 1rem;
    padding: 0.45rem 0.7rem;
    border: 1px solid var(--site-primary);
    border-radius: 0.55rem;
    color: var(--site-primary);
    font-weight: 750;
    text-decoration: none;
}

.live-order-detail-tracking-link .material-symbols-rounded[b-moq2dxgsrn] {
    font-size: 1.2rem;
}

.live-order-detail-tracking-link:hover[b-moq2dxgsrn] {
    background: var(--site-surface-soft);
}

.live-order-detail-tracking-link:focus-visible[b-moq2dxgsrn] {
    outline: 2px solid var(--site-primary);
    outline-offset: 2px;
}

.live-order-detail-claim-actions[b-moq2dxgsrn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.live-order-detail-claim-actions button[b-moq2dxgsrn] {
    min-height: 2.7rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid var(--site-primary);
    border-radius: 0.55rem;
    background: transparent;
    color: var(--site-primary);
    font: inherit;
    font-weight: 750;
    cursor: pointer;
}

.live-order-detail-claim-actions button.is-cancel[b-moq2dxgsrn] {
    grid-column: 1 / -1;
    border-color: var(--mud-palette-error);
    color: var(--mud-palette-error);
}

.live-order-detail-claim-actions button:hover[b-moq2dxgsrn] {
    background: var(--site-surface-soft);
}

.live-order-detail-claim-actions button:focus-visible[b-moq2dxgsrn],
.live-order-claim-dialog button:focus-visible[b-moq2dxgsrn],
.live-order-claim-dialog input:focus-visible[b-moq2dxgsrn],
.live-order-claim-dialog select:focus-visible[b-moq2dxgsrn],
.live-order-claim-dialog textarea:focus-visible[b-moq2dxgsrn] {
    outline: 2px solid var(--site-primary);
    outline-offset: 2px;
}

.live-order-claim-dialog[b-moq2dxgsrn] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.live-order-claim-guide[b-moq2dxgsrn] {
    margin: 0;
    color: var(--site-text-muted);
    font-size: 0.86rem;
}

/* 무료배송이 깨질 수 있다는 접수 전 안내는 일반 설명문과 구분되게 표시합니다. */
.live-order-claim-guide.is-notice[b-moq2dxgsrn] {
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--site-border);
    border-radius: 8px;
    background: var(--site-surface-soft);
    color: var(--site-text);
}

.live-order-claim-toolbar[b-moq2dxgsrn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
}

.live-order-claim-toolbar button[b-moq2dxgsrn] {
    min-height: 2.1rem;
    padding: 0.3rem 0.65rem;
    border: 1px solid var(--site-border);
    border-radius: 0.45rem;
    background: var(--site-surface-soft);
    color: inherit;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

.live-order-claim-items[b-moq2dxgsrn] {
    display: grid;
    max-height: 18rem;
    overflow-y: auto;
    border: 1px solid var(--site-border);
    border-radius: 0.6rem;
}

.live-order-claim-item[b-moq2dxgsrn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem;
    border-bottom: 1px solid var(--site-border);
}

.live-order-claim-item:last-child[b-moq2dxgsrn] {
    border-bottom: 0;
}

.live-order-claim-item > label[b-moq2dxgsrn] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 0.55rem;
    cursor: pointer;
}

.live-order-claim-item > label > input[b-moq2dxgsrn] {
    flex: 0 0 auto;
    width: 1.1rem;
    height: 1.1rem;
    margin-top: 0.15rem;
}

.live-order-claim-item > label > span[b-moq2dxgsrn] {
    display: grid;
    min-width: 0;
    gap: 0.12rem;
}

.live-order-claim-item strong[b-moq2dxgsrn],
.live-order-claim-item small[b-moq2dxgsrn] {
    overflow-wrap: anywhere;
}

.live-order-claim-item small[b-moq2dxgsrn] {
    color: var(--site-text-muted);
    font-size: 0.72rem;
}

.live-order-claim-quantity[b-moq2dxgsrn] {
    display: grid;
    min-width: 8.5rem;
}

.live-order-claim-quantity > div[b-moq2dxgsrn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
}

.live-order-claim-quantity > div[hidden][b-moq2dxgsrn] {
    display: none !important;
}

.live-order-claim-quantity label[b-moq2dxgsrn] {
    color: var(--site-text-muted);
    font-size: 0.7rem;
}

.live-order-claim-quantity > div > span:first-child[b-moq2dxgsrn] {
    padding: 0.25rem 0.5rem;
    border: 1px solid var(--site-primary);
    border-radius: 999px;
    color: var(--site-primary);
    font-size: 0.76rem;
    font-weight: 750;
}

.live-order-claim-quantity > div > span:last-child[b-moq2dxgsrn] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.live-order-claim-quantity button[b-moq2dxgsrn] {
    min-height: 2rem;
    padding: 0.25rem 0.45rem;
    border: 0;
    background: transparent;
    color: var(--site-primary);
    font: inherit;
    font-size: 0.72rem;
    font-weight: 750;
    cursor: pointer;
}

.live-order-claim-item input[type="number"][b-moq2dxgsrn] {
    width: 5rem;
    min-height: 2.35rem;
    padding: 0.35rem 0.45rem;
    border: 1px solid var(--site-border);
    border-radius: 0.45rem;
    background: var(--mud-palette-surface);
    color: inherit;
    font: inherit;
}

.live-order-claim-field[b-moq2dxgsrn] {
    display: grid;
    gap: 0.35rem;
}

.live-order-claim-field > span[b-moq2dxgsrn],
.live-order-claim-refund legend[b-moq2dxgsrn] {
    font-size: 0.82rem;
    font-weight: 750;
}

.live-order-claim-field input[b-moq2dxgsrn],
.live-order-claim-field select[b-moq2dxgsrn],
.live-order-claim-field textarea[b-moq2dxgsrn] {
    width: 100%;
    min-height: 2.7rem;
    padding: 0.6rem 0.7rem;
    border: 1px solid var(--site-border);
    border-radius: 0.5rem;
    background: var(--mud-palette-surface);
    color: inherit;
    font: inherit;
}

.live-order-claim-field textarea[b-moq2dxgsrn] {
    min-height: 5.5rem;
    resize: vertical;
}

.live-order-claim-field > small[b-moq2dxgsrn] {
    color: var(--site-text-muted);
    font-size: 0.72rem;
    text-align: right;
}

.live-order-claim-refund[b-moq2dxgsrn] {
    display: grid;
    gap: 0.75rem;
    margin: 0;
    padding: 0.9rem;
    border: 1px solid var(--site-border);
    border-radius: 0.6rem;
}

.live-order-claim-refund[hidden][b-moq2dxgsrn] {
    display: none;
}

.live-order-detail-items[b-moq2dxgsrn] {
    margin-top: 0.8rem;
    border-top: 1px solid var(--site-border);
}

.live-order-detail-item[b-moq2dxgsrn] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.9rem 0;
    border-bottom: 1px solid var(--site-border);
}

.live-order-detail-item:last-child[b-moq2dxgsrn] {
    border-bottom: 0;
}

.live-order-detail-item > b[b-moq2dxgsrn] {
    margin-left: auto;
    white-space: nowrap;
}

.live-order-detail-thumb[b-moq2dxgsrn] {
    display: grid;
    place-items: center;
    flex: 0 0 3.7rem;
    width: 3.7rem;
    height: 3.7rem;
    overflow: hidden;
    border-radius: 0.7rem;
    background: var(--site-surface-soft);
    color: var(--site-text-muted);
    font-size: 0.7rem;
}

.live-order-detail-image-button[b-moq2dxgsrn] {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: inherit;
    background: transparent;
    cursor: zoom-in;
}

.live-order-detail-image-button:focus-visible[b-moq2dxgsrn] {
    outline: 3px solid var(--site-primary);
    outline-offset: -3px;
}

.live-order-detail-thumb img[b-moq2dxgsrn] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.live-order-detail-item-info[b-moq2dxgsrn] {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
    gap: 0.15rem;
}

.live-order-detail-item-info strong[b-moq2dxgsrn],
.live-order-detail-item-info span[b-moq2dxgsrn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.live-order-detail-item-info span[b-moq2dxgsrn] {
    color: var(--site-text-muted);
    font-size: 0.8rem;
}

.live-order-detail-actions[b-moq2dxgsrn] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.65rem;
    margin-bottom: 1.5rem;
}

.live-order-detail-actions:has(a + a)[b-moq2dxgsrn] {
    grid-template-columns: 1fr 1fr;
}

.live-order-detail-actions a[b-moq2dxgsrn],
.live-order-detail-single-action[b-moq2dxgsrn] {
    display: flex;
    min-height: 2.9rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.6rem;
    text-decoration: none;
    font-weight: 700;
}

.live-order-detail-remove-wrap[b-moq2dxgsrn] {
    display: flex;
    justify-content: center;
    margin: -0.35rem 0 1.5rem;
}

.live-order-detail-remove-action[b-moq2dxgsrn] {
    padding: 0.45rem 0.7rem;
    border: 0;
    background: transparent;
    color: var(--site-text-muted);
    font-size: 0.78rem;
    cursor: pointer;
}

.live-order-detail-remove-action:hover[b-moq2dxgsrn] {
    color: var(--mud-palette-text-primary);
    text-decoration: underline;
}

.live-order-detail-remove-action:focus-visible[b-moq2dxgsrn] {
    border-radius: 0.35rem;
    outline: 2px solid var(--site-primary);
    outline-offset: 2px;
}

@media (max-width: 600px) {
    .live-order-detail-head[b-moq2dxgsrn] {
        flex-direction: column;
    }

    .live-order-detail-statuses[b-moq2dxgsrn] {
        justify-content: flex-start;
    }

    .live-order-detail-info-grid[b-moq2dxgsrn] {
        grid-template-columns: 1fr;
    }

    .live-order-detail-info-grid .live-order-detail-info-wide[b-moq2dxgsrn] {
        grid-column: auto;
    }

    .live-order-detail-item[b-moq2dxgsrn] {
        display: grid;
        grid-template-columns: 3.4rem minmax(0, 1fr);
    }

    .live-order-detail-thumb[b-moq2dxgsrn] {
        grid-row: 1 / span 2;
        width: 3.4rem;
        height: 3.4rem;
    }

    .live-order-detail-item > b[b-moq2dxgsrn] {
        grid-column: 2;
        margin-left: 0;
    }

    .live-order-detail-actions:has(a + a)[b-moq2dxgsrn] {
        grid-template-columns: 1fr;
    }

    .live-order-claim-item[b-moq2dxgsrn] {
        grid-template-columns: 1fr;
    }

    .live-order-claim-quantity > div[b-moq2dxgsrn] {
        justify-content: space-between;
    }

}
/* /Components/Pages/LiveCommerce/OrderHistory.razor.rz.scp.css */
.live-order-history-search[b-a9c5s52z9l] {
    display: grid;
    grid-template-columns: minmax(8rem, 0.8fr) minmax(12rem, 1.5fr) auto auto;
    align-items: end;
    gap: 0.65rem;
}

/* 상세 진입은 카드 상단으로 옮겼으므로 하단에는 결제 진입만 남습니다. */
.live-order-history-actions[b-a9c5s52z9l] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.65rem;
}

.live-order-history-pay-link[b-a9c5s52z9l] {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    min-height: 2.9rem;
    border-radius: 0.6rem;
    font-size: 0.95rem;
    font-weight: 700;
}

/* 현재 상태와 상세 진입을 카드 맨 위 한 줄에 좌우로 둡니다. */
.live-order-history-topbar[b-a9c5s52z9l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    margin-bottom: 0.7rem;
}

/*
 * 상태 칩은 아래 방송명과 같은 좌측 기준선에 서야 하므로 MudChip 자체 여백을 제거합니다.
 * min-width를 0으로 낮추면 위 flex 줄에서 칩 영역이 통째로 접히므로 기본값을 유지합니다.
 */
.live-order-history-status[b-a9c5s52z9l] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

.live-order-history-status[b-a9c5s52z9l]  .mud-chip {
    margin: 0;
}

/* 구매상품 종류가 많아도 상세 진입이 멀어지지 않도록 카드 맨 위 오른쪽에 둡니다. */
.live-order-history-detail-link[b-a9c5s52z9l] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.05rem;
    padding: 0.3rem 0 0.3rem 0.4rem;
    color: var(--site-text);
    font-size: 0.86rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.live-order-history-detail-link .material-symbols-rounded[b-a9c5s52z9l] {
    font-size: 1.15rem;
}

.live-order-history-search label[b-a9c5s52z9l] {
    display: grid;
    gap: 0.3rem;
    color: var(--site-text-muted);
    font-size: 0.76rem;
    font-weight: 750;
}

.live-order-history-search input[b-a9c5s52z9l] {
    width: 100%;
    min-height: 2.55rem;
    padding: 0 0.75rem;
    border: 1px solid var(--site-border);
    border-radius: 0.6rem;
    background: var(--site-surface);
}

.live-order-history-search button[b-a9c5s52z9l],
.live-order-history-search a[b-a9c5s52z9l],
.live-order-history-paging a[b-a9c5s52z9l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.55rem;
    padding: 0 0.9rem;
    border-radius: 0.6rem;
    text-decoration: none;
}

.live-order-history-list[b-a9c5s52z9l],
.live-order-history-section[b-a9c5s52z9l] {
    display: grid;
    gap: 0.8rem;
}

.live-order-history-list[b-a9c5s52z9l] {
    gap: 1.5rem;
}

/*
 * 주문일 제목과 상품 요약은 MudText가 렌더링해 CSS 격리 scope 속성이 붙지 않으므로
 * scope 속성을 갖는 section을 기준으로 ::deep으로 지정합니다.
 */
.live-order-history-section[b-a9c5s52z9l]  .live-order-history-date {
    padding-left: 0.35rem;
}

.live-order-history-head[b-a9c5s52z9l],
.live-order-history-total[b-a9c5s52z9l],
.live-order-history-item[b-a9c5s52z9l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.live-order-history-number[b-a9c5s52z9l] {
    color: var(--site-text-muted);
    font-size: 0.78rem;
    font-weight: 800;
    user-select: all;
}

/* 아래 여백은 구분선 반대쪽 첫 주문상품의 padding과 같게 맞춰 구분선이 한쪽으로 붙지 않게 합니다. */
.live-order-history-section[b-a9c5s52z9l]  .live-order-history-summary {
    margin: 1rem 0 0.85rem;
    font-weight: 850;
}

.live-order-history-items[b-a9c5s52z9l] {
    border-top: 1px solid var(--site-border);
}

.live-order-history-item[b-a9c5s52z9l] {
    padding: 0.85rem 0;
    border-bottom: 1px solid var(--site-border);
}

.live-order-history-no-items[b-a9c5s52z9l] {
    margin: 0;
    padding: 1.1rem 0;
    border-bottom: 1px solid var(--site-border);
    color: var(--site-text-muted);
    font-size: 0.86rem;
    text-align: center;
}

.live-order-history-thumb[b-a9c5s52z9l] {
    display: grid;
    place-items: center;
    flex: 0 0 3.7rem;
    width: 3.7rem;
    height: 3.7rem;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 0.7rem;
    background: var(--site-surface-soft);
}

.live-order-history-image-button[b-a9c5s52z9l] {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: inherit;
    background: transparent;
    cursor: zoom-in;
}

.live-order-history-image-button:focus-visible[b-a9c5s52z9l] {
    outline: 3px solid var(--site-primary);
    outline-offset: -3px;
}

.live-order-history-thumb img[b-a9c5s52z9l] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.live-order-history-item-info[b-a9c5s52z9l] {
    display: grid;
    flex: 1;
    min-width: 0;
    gap: 0.12rem;
}

.live-order-history-item-info strong[b-a9c5s52z9l],
.live-order-history-item-info span[b-a9c5s52z9l] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.live-order-history-item-info span[b-a9c5s52z9l],
.live-order-history-total span[b-a9c5s52z9l] {
    color: var(--site-text-muted);
    font-size: 0.78rem;
}

.live-order-history-total[b-a9c5s52z9l] {
    padding-top: 0.9rem;
}

.live-order-history-payment-total[b-a9c5s52z9l] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.live-order-history-paging[b-a9c5s52z9l] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 1.8rem 0;
}

.live-order-history-paging .is-disabled[b-a9c5s52z9l] {
    opacity: 0.45;
    pointer-events: none;
}

.live-order-history-empty[b-a9c5s52z9l] {
    display: flex;
    min-height: 15rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
}

@media (max-width: 600px) {
    .live-order-history-search[b-a9c5s52z9l] {
        grid-template-columns: 1fr 1fr;
    }

    .live-order-history-search label[b-a9c5s52z9l] {
        grid-column: 1 / -1;
    }

    .live-order-history-head[b-a9c5s52z9l],
    .live-order-history-total[b-a9c5s52z9l] {
        align-items: flex-start;
        flex-direction: column;
    }

    .live-order-history-payment-total[b-a9c5s52z9l] {
        align-items: flex-start;
    }

    .live-order-history-item[b-a9c5s52z9l] {
        display: grid;
        grid-template-columns: 3.4rem minmax(0, 1fr);
    }

    .live-order-history-thumb[b-a9c5s52z9l] {
        grid-row: 1 / span 2;
        width: 3.4rem;
        height: 3.4rem;
    }

    .live-order-history-item > b[b-a9c5s52z9l] {
        grid-column: 2;
    }
}
/* /Components/Pages/LiveCommerce/OrderPayment.razor.rz.scp.css */
/* 주문서(결제) 화면 전용 스타일이며 주문내역 카드 구성을 따릅니다. */
.live-order-payment-card-head[b-2psucaunfl] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.9rem;
}

.live-order-payment-empty-address[b-2psucaunfl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding: 1.3rem 0.75rem;
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: 0.6rem;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-background-gray);
    text-align: center;
}

.live-order-payment-empty-address[hidden][b-2psucaunfl],
.live-order-payment-address-info[hidden][b-2psucaunfl] {
    display: none;
}

.live-order-payment-empty-address > .material-symbols-rounded[b-2psucaunfl] {
    margin-bottom: 0.2rem;
    color: var(--mud-palette-primary);
    font-size: 2rem;
}

.live-order-payment-address-info[b-2psucaunfl] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
    padding: 0.85rem 0;
    font-size: 0.88rem;
}

.live-order-payment-address-info > span[b-2psucaunfl] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.live-order-payment-address-name[b-2psucaunfl] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

    .live-order-payment-address-name em[b-2psucaunfl] {
        font-style: normal;
        font-size: 0.72rem;
        padding: 0.1rem 0.45rem;
        border-radius: 999px;
        background: var(--mud-palette-primary);
        color: var(--mud-palette-primary-text);
    }

.live-order-payment-address-receive[b-2psucaunfl] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.8rem;
}

.live-order-payment-change-button[b-2psucaunfl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 44px;
    padding: 0.5rem 0.85rem;
    border: 1px solid var(--mud-palette-primary);
    border-radius: 0.5rem;
    background: transparent;
    color: var(--mud-palette-primary);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
}

.live-order-payment-change-button .material-symbols-rounded[b-2psucaunfl] {
    font-size: 1.1rem;
}

    .live-order-payment-change-button:hover[b-2psucaunfl] {
        background: var(--mud-palette-primary-hover);
    }

.live-order-payment-bank-empty[b-2psucaunfl] {
    display: block;
    margin-top: 0.5rem;
    color: var(--mud-palette-text-secondary);
}

.live-order-payment-method.is-disabled[b-2psucaunfl] {
    opacity: 0.45;
    cursor: not-allowed;
}

.live-order-payment-memo[b-2psucaunfl] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

    .live-order-payment-memo label[b-2psucaunfl] {
        font-size: 0.88rem;
        font-weight: 600;
    }

    .live-order-payment-memo input[b-2psucaunfl] {
        width: 100%;
        padding: 0.6rem 0.8rem;
        border: 1px solid var(--mud-palette-lines-default);
        border-radius: 0.5rem;
        color: var(--mud-palette-text-primary);
        background: var(--mud-palette-surface);
        font-size: 0.9rem;
    }

.live-order-payment-methods[b-2psucaunfl] {
    display: flex;
    gap: 0.6rem;
}

.live-order-payment-method[b-2psucaunfl] {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.8rem 0.5rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 0.6rem;
    font-weight: 600;
    cursor: pointer;
}

    .live-order-payment-method:has(input:checked)[b-2psucaunfl] {
        border-color: var(--mud-palette-primary);
        background: var(--mud-palette-primary-hover);
        color: var(--mud-palette-primary);
    }

    .live-order-payment-method input[type="radio"][b-2psucaunfl] {
        accent-color: var(--mud-palette-primary);
    }

.live-order-payment-cash-row[b-2psucaunfl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

    .live-order-payment-cash-row label[b-2psucaunfl] {
        flex: 1 1 12rem;
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        font-size: 0.85rem;
        font-weight: 600;
    }

    .live-order-payment-cash-row select[b-2psucaunfl],
    .live-order-payment-cash-row input[b-2psucaunfl] {
        padding: 0.55rem 0.7rem;
        border: 1px solid var(--mud-palette-lines-default);
        border-radius: 0.5rem;
        font-size: 0.9rem;
        font-weight: 400;
    }

.live-order-payment-cash small[b-2psucaunfl] {
    display: block;
    margin-top: 0.4rem;
    color: var(--mud-palette-text-secondary);
}

.live-order-payment-items[b-2psucaunfl] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.live-order-payment-item[b-2psucaunfl] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

    .live-order-payment-item > b[b-2psucaunfl] {
        margin-left: auto;
        white-space: nowrap;
    }

.live-order-payment-thumb[b-2psucaunfl] {
    width: 3.4rem;
    height: 3.4rem;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 0.5rem;
    overflow: hidden;
    background: var(--mud-palette-background-gray);
    color: var(--mud-palette-text-secondary);
    font-size: 0.7rem;
}

    .live-order-payment-thumb img[b-2psucaunfl] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.live-order-payment-item-info[b-2psucaunfl] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    font-size: 0.85rem;
}

    .live-order-payment-item-info span[b-2psucaunfl] {
        color: var(--mud-palette-text-secondary);
    }

.live-order-payment-total-card[b-2psucaunfl] {
    border-width: 2px;
    border-color: var(--mud-palette-primary);
}

.live-order-payment-total-row[b-2psucaunfl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.45rem 0;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.live-order-payment-total-final[b-2psucaunfl] {
    border-bottom: 0;
    font-size: 1.05rem;
}

    .live-order-payment-total-final strong[b-2psucaunfl] {
        color: var(--mud-palette-primary);
        font-size: 1.25rem;
    }

.live-order-payment-submit[b-2psucaunfl] {
    width: 100%;
    padding: 0.95rem 1rem;
    font-size: 1rem;
}

    .live-order-payment-submit[disabled][b-2psucaunfl] {
        opacity: 0.45;
        pointer-events: none;
    }
/* /Components/Pages/LoginLayout.razor.rz.scp.css */
.page[b-rikkfaf0qb] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-rikkfaf0qb] {
    flex: 1;
}

.sidebar[b-rikkfaf0qb] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-rikkfaf0qb] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-rikkfaf0qb]  a, .top-row[b-rikkfaf0qb]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-rikkfaf0qb]  a:hover, .top-row[b-rikkfaf0qb]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-rikkfaf0qb]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-rikkfaf0qb] {
        justify-content: space-between;
    }

    .top-row[b-rikkfaf0qb]  a, .top-row[b-rikkfaf0qb]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-rikkfaf0qb] {
        flex-direction: row;
    }

    .sidebar[b-rikkfaf0qb] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-rikkfaf0qb] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-rikkfaf0qb]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-rikkfaf0qb], article[b-rikkfaf0qb] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-rikkfaf0qb] {
    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-rikkfaf0qb] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/MyPage/DeliveryAddressEdit.razor.rz.scp.css */
.static-delivery-edit-shell[b-0c2jgkogtx] {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}

.static-delivery-form-grid[b-0c2jgkogtx] {
    display: grid;
    gap: 18px;
}

.static-delivery-field[b-0c2jgkogtx] {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.static-delivery-field > span:first-child[b-0c2jgkogtx],
.static-delivery-receive-options legend[b-0c2jgkogtx],
.static-delivery-gate-options legend[b-0c2jgkogtx] {
    color: var(--site-text);
    font-size: 0.875rem;
    font-weight: 700;
}

.static-delivery-input-wrap[b-0c2jgkogtx] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 12px;
    border: 1px solid var(--site-border-strong);
    border-radius: 6px;
    background: var(--site-surface);
}

.static-delivery-input-wrap:focus-within[b-0c2jgkogtx] {
    border-color: var(--site-primary);
    outline: 1px solid var(--site-primary);
}

.static-delivery-input-wrap > .material-symbols-rounded[b-0c2jgkogtx] {
    color: var(--site-primary);
}

.static-delivery-input-wrap input[b-0c2jgkogtx] {
    width: 100%;
    min-width: 0;
    padding: 12px 0;
    border: 0;
    outline: 0;
    color: var(--site-text);
    background: transparent;
    font: inherit;
}

.static-delivery-address-search[b-0c2jgkogtx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
}

.static-delivery-search-button[b-0c2jgkogtx],
.static-delivery-inline-button[b-0c2jgkogtx],
.static-delivery-receive-button[b-0c2jgkogtx],
.static-delivery-primary-action[b-0c2jgkogtx],
.static-delivery-remove-action[b-0c2jgkogtx] {
    border: 0;
    font: inherit;
    cursor: pointer;
}

.static-delivery-search-button[b-0c2jgkogtx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 48px;
    padding: 0 14px;
    border-radius: 6px;
    color: var(--mud-palette-primary-text, #fff);
    background: var(--site-primary);
    font-weight: 700;
}

.static-delivery-inline-button[b-0c2jgkogtx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 50%;
    color: var(--site-text-muted);
    background: transparent;
}

.static-delivery-field.is-hidden[b-0c2jgkogtx],
.static-delivery-receive-etc.is-hidden[b-0c2jgkogtx],
.static-delivery-gate-pass.is-hidden[b-0c2jgkogtx] {
    display: none;
}

.static-delivery-receive-button[b-0c2jgkogtx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 48px;
    padding: 10px 12px;
    border: 1px solid var(--site-border-strong);
    border-radius: 6px;
    color: var(--site-text);
    background: var(--site-surface);
    text-align: left;
}

.static-delivery-receive-button .material-symbols-rounded[b-0c2jgkogtx] {
    color: var(--site-primary);
}

.static-delivery-default-check[b-0c2jgkogtx] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    min-height: 44px;
    cursor: pointer;
}

.static-delivery-default-check input[b-0c2jgkogtx],
.static-delivery-receive-options input[b-0c2jgkogtx],
.static-delivery-gate-options input[b-0c2jgkogtx] {
    accent-color: var(--site-primary);
}

.static-delivery-default-policy[b-0c2jgkogtx] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--site-primary) 35%, var(--site-border-strong));
    border-radius: 6px;
    background: var(--site-primary-soft);
}

.static-delivery-default-policy > .material-symbols-rounded[b-0c2jgkogtx] {
    flex: 0 0 auto;
    color: var(--site-primary);
}

.static-delivery-default-policy > span:last-child[b-0c2jgkogtx] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.static-delivery-default-policy small[b-0c2jgkogtx] {
    color: var(--site-text-muted);
    line-height: 1.5;
}

.static-delivery-actions[b-0c2jgkogtx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
    margin-top: 24px;
}

.static-delivery-primary-action[b-0c2jgkogtx],
.static-delivery-remove-action[b-0c2jgkogtx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 48px;
    padding: 10px 14px;
    border-radius: 6px;
    font-weight: 700;
}

.static-delivery-primary-action[b-0c2jgkogtx] {
    color: var(--mud-palette-primary-text, #fff);
    background: var(--site-primary);
}

.static-delivery-remove-action[b-0c2jgkogtx] {
    border: 1px solid var(--mud-palette-error, #d94e45);
    color: var(--mud-palette-error, #d94e45);
    background: transparent;
}

.static-delivery-remove-action:hover[b-0c2jgkogtx],
.static-delivery-remove-action:focus-visible[b-0c2jgkogtx] {
    background: color-mix(in srgb, var(--mud-palette-error, #d94e45) 10%, transparent);
}

.static-delivery-receive-options[b-0c2jgkogtx],
.static-delivery-gate-options[b-0c2jgkogtx] {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    border: 0;
}

.static-delivery-gate-options[b-0c2jgkogtx] {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--site-border-strong);
}

.static-delivery-receive-options label[b-0c2jgkogtx],
.static-delivery-gate-options label[b-0c2jgkogtx] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.static-delivery-receive-etc[b-0c2jgkogtx],
.static-delivery-gate-pass[b-0c2jgkogtx] {
    display: grid !important;
    gap: 6px !important;
    padding-left: 24px;
}

.static-delivery-receive-etc.is-hidden[b-0c2jgkogtx],
.static-delivery-gate-pass.is-hidden[b-0c2jgkogtx] {
    display: none !important;
}

.static-delivery-receive-etc input[b-0c2jgkogtx],
.static-delivery-gate-pass input[b-0c2jgkogtx] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--site-border-strong);
    border-radius: 6px;
    color: var(--site-text);
    background: var(--site-surface);
    font: inherit;
}

.static-delivery-form-error[b-0c2jgkogtx] {
    margin: 12px 0 0;
    color: var(--mud-palette-error, #d94e45);
    font-size: 0.875rem;
}

@media (max-width: 600px) {
    .static-delivery-address-search[b-0c2jgkogtx] {
        grid-template-columns: minmax(0, 1fr);
    }

    .static-delivery-search-button[b-0c2jgkogtx] {
        min-height: 42px;
    }

    .static-delivery-actions[b-0c2jgkogtx] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/MyPage/DeliveryAddressList.razor.rz.scp.css */
.static-delivery-list[b-33w6hke8sg] {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}

.static-delivery-order-guide[b-33w6hke8sg] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--site-primary) 35%, var(--site-border-strong));
    border-radius: 8px;
    color: var(--site-text);
    background: var(--site-primary-soft);
    font-size: 0.875rem;
    line-height: 1.5;
}

.static-delivery-order-guide .material-symbols-rounded[b-33w6hke8sg] {
    flex: 0 0 auto;
    color: var(--site-primary);
    font-size: 20px;
}

.static-delivery-empty[b-33w6hke8sg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: var(--site-text-muted);
    text-align: center;
}

.static-delivery-empty .material-symbols-rounded[b-33w6hke8sg] {
    margin-bottom: 2px;
    color: var(--site-primary);
    font-size: 40px;
}

.static-delivery-card-header[b-33w6hke8sg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.static-delivery-recipient[b-33w6hke8sg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: var(--site-text);
    font-size: 1.05rem;
}

.static-delivery-recipient strong[b-33w6hke8sg] {
    overflow-wrap: anywhere;
}

.static-delivery-default[b-33w6hke8sg] {
    flex: 0 0 auto;
    padding: 3px 8px;
    border-radius: 999px;
    color: var(--site-primary);
    background: var(--site-primary-soft);
    font-size: 0.75rem;
    font-weight: 700;
}

/*
 * 카드 자체는 MudPaper라서 CSS 격리 scope 속성이 붙지 않아 부모에 건 gap이 적용되지 않습니다.
 * 받는사람과 구분선이 붙어 보이지 않도록 구분선을 가진 이 영역이 바깥 여백을 직접 갖습니다.
 * 아래쪽은 버튼이 이미 영역을 구분하므로 선을 두지 않고 여백만 둡니다.
 */
.static-delivery-card-body[b-33w6hke8sg] {
    display: grid;
    gap: 8px;
    margin: 15px 0;
    padding: 13px 0 0;
    border-top: 1px solid var(--site-border-strong);
    color: var(--site-text);
    line-height: 1.5;
}

.static-delivery-card-body > span[b-33w6hke8sg] {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: start;
    gap: 8px;
    min-width: 0;
}

.static-delivery-card-body .material-symbols-rounded[b-33w6hke8sg] {
    color: var(--site-text-muted);
    font-size: 19px;
    line-height: 1.5;
}

.static-delivery-card-body > span > span:last-child[b-33w6hke8sg] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.static-delivery-card-actions[b-33w6hke8sg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 8px;
}

.static-delivery-select-button[b-33w6hke8sg],
.static-delivery-edit-link[b-33w6hke8sg],
.static-delivery-delete-button[b-33w6hke8sg],
.static-delivery-add-link[b-33w6hke8sg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 44px;
    padding: 9px 13px;
    border-radius: 7px;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.static-delivery-select-button[b-33w6hke8sg] {
    border: 1px solid var(--site-primary);
    color: var(--mud-palette-primary-text, #fff);
    background: var(--site-primary);
}

.static-delivery-edit-link[b-33w6hke8sg] {
    border: 1px solid var(--site-primary);
    color: var(--site-primary);
    background: transparent;
}

.static-delivery-delete-button[b-33w6hke8sg] {
    border: 1px solid var(--mud-palette-error, #d94e45);
    color: var(--mud-palette-error, #d94e45);
    background: transparent;
}

.static-delivery-select-button:hover[b-33w6hke8sg],
.static-delivery-add-link:hover[b-33w6hke8sg] {
    filter: brightness(0.96);
}

.static-delivery-edit-link:hover[b-33w6hke8sg],
.static-delivery-edit-link:focus-visible[b-33w6hke8sg] {
    background: var(--site-primary-soft);
}

.static-delivery-delete-button:hover[b-33w6hke8sg],
.static-delivery-delete-button:focus-visible[b-33w6hke8sg] {
    background: color-mix(in srgb, var(--mud-palette-error, #d94e45) 10%, transparent);
}

.static-delivery-add-link[b-33w6hke8sg] {
    width: 100%;
    min-height: 48px;
    color: var(--mud-palette-primary-text, #fff);
    background: var(--site-primary);
}

@media (max-width: 480px) {
    .static-delivery-card-actions[b-33w6hke8sg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .static-delivery-select-button[b-33w6hke8sg] {
        grid-column: 1 / -1;
    }
}
/* /Components/Pages/MyPage/MyPage.razor.rz.scp.css */
.static-my-page-stack[b-3bffi7wrd2] {
    min-height: 600px;
}

.static-my-page-row[b-3bffi7wrd2] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
    border: 0;
    color: var(--site-text);
    background: transparent;
    font: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.static-my-page-profile[b-3bffi7wrd2] {
    gap: 12px;
}

.static-my-page-profile-icon[b-3bffi7wrd2] {
    flex: 0 0 auto;
    color: var(--site-primary);
    opacity: 0.5;
    font-size: 2.5rem;
}

.static-my-page-greeting[b-3bffi7wrd2] {
    line-height: 1.4;
}

.static-my-page-greeting strong[b-3bffi7wrd2] {
    font-weight: 700;
}

.static-my-page-arrow[b-3bffi7wrd2] {
    margin-left: auto;
    color: var(--site-primary);
}

.static-my-page-review-link[b-3bffi7wrd2] {
    gap: 8px;
}

.static-my-page-row-title[b-3bffi7wrd2] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.static-my-page-notice-row[b-3bffi7wrd2] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.static-my-page-switch[b-3bffi7wrd2] {
    position: relative;
    display: inline-flex;
    width: 44px;
    height: 24px;
    margin-left: auto;
}

.static-my-page-switch input[b-3bffi7wrd2] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.static-my-page-switch-track[b-3bffi7wrd2] {
    position: relative;
    width: 44px;
    height: 24px;
    border-radius: 999px;
    background: var(--mud-palette-action-default, rgba(0, 0, 0, 0.54));
    opacity: 0.55;
    transition: background-color 180ms ease, opacity 180ms ease;
}

.static-my-page-switch-track[b-3bffi7wrd2]::after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--site-surface);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.32);
    content: "";
    transition: transform 180ms ease;
}

.static-my-page-switch input:checked + .static-my-page-switch-track[b-3bffi7wrd2] {
    background: var(--site-primary);
    opacity: 1;
}

.static-my-page-switch input:checked + .static-my-page-switch-track[b-3bffi7wrd2]::after {
    transform: translateX(20px);
}

.static-my-page-switch input:focus-visible + .static-my-page-switch-track[b-3bffi7wrd2] {
    outline: 2px solid var(--site-primary);
    outline-offset: 2px;
}

.static-my-page-switch input:disabled + .static-my-page-switch-track[b-3bffi7wrd2] {
    opacity: 0.35;
    cursor: wait;
}

.static-my-page-notice-guide[b-3bffi7wrd2] {
    margin-bottom: 0;
    font-size: 0.875rem;
}

.static-my-page-remove-link[b-3bffi7wrd2] {
    padding: 0;
    border: 0;
    color: var(--site-text);
    background: transparent;
    font: inherit;
    cursor: pointer;
}

.static-my-page-info-grid[b-3bffi7wrd2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.static-my-page-field[b-3bffi7wrd2] {
    position: relative;
    display: block;
    min-width: 0;
    padding-top: 6px;
}

.static-my-page-field > span[b-3bffi7wrd2] {
    position: absolute;
    top: 0;
    left: 12px;
    z-index: 1;
    padding: 0 4px;
    color: var(--site-text);
    background: var(--site-surface);
    font-size: 0.75rem;
    line-height: 1;
}

.static-my-page-field input[b-3bffi7wrd2] {
    width: 100%;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid var(--mud-palette-lines-inputs, var(--site-border));
    border-radius: 4px;
    color: var(--site-text);
    background: transparent;
    font: inherit;
}

.static-my-page-field input:focus[b-3bffi7wrd2] {
    border-color: var(--site-primary);
    outline: 1px solid var(--site-primary);
}

.static-my-page-nick-status[b-3bffi7wrd2] {
    display: flex;
    align-items: center;
    gap: 4px;
    min-height: 46px;
    color: var(--mud-palette-info, #2196f3);
    font-size: 0.875rem;
}

.static-my-page-nick-status .material-symbols-rounded[b-3bffi7wrd2] {
    flex: 0 0 auto;
    font-size: 1.25rem;
}

.static-my-page-nick-status.is-success[b-3bffi7wrd2] {
    color: var(--mud-palette-success, #4caf50);
}

.static-my-page-nick-status.is-error[b-3bffi7wrd2] {
    color: var(--mud-palette-error, #d94e45);
}

.static-my-page-nick-status.is-loading .material-symbols-rounded[b-3bffi7wrd2] {
    animation: static-my-page-spin-b-3bffi7wrd2 900ms linear infinite;
}

@keyframes static-my-page-spin-b-3bffi7wrd2 {
    to {
        transform: rotate(360deg);
    }
}

.static-my-page-sex[b-3bffi7wrd2] {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.static-my-page-sex legend[b-3bffi7wrd2] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.static-my-page-sex label[b-3bffi7wrd2] {
    cursor: pointer;
}

.static-my-page-sex input[b-3bffi7wrd2] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.static-my-page-sex span[b-3bffi7wrd2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 12px;
    border-radius: 999px;
    color: var(--site-text);
    transition: color 150ms ease, background-color 150ms ease;
}

.static-my-page-sex input:checked + span[b-3bffi7wrd2] {
    color: var(--site-primary);
    background: var(--site-primary-soft);
}

.static-my-page-sex input:checked + span[b-3bffi7wrd2]::before {
    margin-right: 4px;
    font-family: "Material Symbols Rounded";
    content: "check";
}

.static-my-page-sex input:focus-visible + span[b-3bffi7wrd2] {
    outline: 2px solid var(--site-primary);
    outline-offset: 1px;
}

@media (max-width: 600px) {
    .static-my-page-info-grid[b-3bffi7wrd2] {
        grid-template-columns: 1fr;
    }

    .static-my-page-nick-status[b-3bffi7wrd2] {
        min-height: 24px;
        margin-top: -10px;
    }
}
/* /Components/Pages/MyPage/MyReviewList.razor.rz.scp.css */
.static-my-review-list-grid[b-1224fslfni] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.static-my-review-card[b-1224fslfni] {
    min-width: 0;
}

.static-my-review-photo[b-1224fslfni] {
    display: flex;
    width: 100%;
    padding: 0;
    border: 0;
    cursor: pointer;
}

.static-my-review-photo > img[b-1224fslfni] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.static-my-review-like-row[b-1224fslfni] {
    display: flex;
    align-items: center;
    gap: 0;
    margin-top: 12px;
}

.static-my-review-like-button[b-1224fslfni] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 3px;
    border: 0;
    border-radius: 50%;
    color: var(--mud-palette-secondary);
    background: transparent;
    cursor: pointer;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.static-my-review-like-button:hover[b-1224fslfni] {
    background: var(--site-primary-soft);
}

.static-my-review-like-button:disabled[b-1224fslfni] {
    opacity: 0.45;
    cursor: wait;
}

.static-my-review-like-icon[b-1224fslfni] {
    font-size: 1.125rem;
    font-variation-settings: 'FILL' 0;
    transition: color 180ms ease, font-variation-settings 180ms ease;
}

.static-my-review-like-button.is-liked[b-1224fslfni] {
    color: var(--mud-palette-error, #d94e45);
}

.static-my-review-like-button.is-liked .static-my-review-like-icon[b-1224fslfni] {
    font-variation-settings: 'FILL' 1;
}

.static-my-review-more-wrap[b-1224fslfni] {
    display: flex;
    grid-column: 1 / -1;
    justify-content: center;
}

.static-my-review-more[b-1224fslfni] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 4px 12px;
    color: var(--site-text);
    background: transparent;
    font: inherit;
    font-size: 0.875rem;
    cursor: pointer;
}

.static-my-review-more:hover[b-1224fslfni] {
    color: var(--site-primary-dark);
    background: var(--site-primary-soft);
}

.static-my-review-empty[b-1224fslfni] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 300px;
}

.static-my-review-guide[b-1224fslfni] {
    margin: 0 0 12px;
}

.static-my-review-error[b-1224fslfni] {
    margin: 0 0 12px;
    color: var(--mud-palette-error, #d94e45);
    font-size: 0.875rem;
}

.static-my-review-files[b-1224fslfni] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 8px 0 20px;
}

.static-my-review-file-picker[b-1224fslfni] {
    position: relative;
    display: flex;
    flex: 0 0 100px;
    align-items: center;
    justify-content: center;
    width: 100px;
    aspect-ratio: 1;
    overflow: hidden;
    border: 2px dashed var(--site-border-strong);
    border-radius: 6px;
    text-align: center;
    cursor: pointer;
}

.static-my-review-file-picker:hover[b-1224fslfni],
.static-my-review-file-picker.is-dragging[b-1224fslfni] {
    border-color: var(--site-primary);
    background: var(--site-primary-soft);
}

.static-my-review-file-picker.is-dragging[b-1224fslfni] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--site-primary) 20%, transparent);
}

.static-my-review-file-picker input[b-1224fslfni] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.static-my-review-preview[b-1224fslfni] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.static-my-review-preview-image[b-1224fslfni] {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.static-my-review-preview-image > img[b-1224fslfni] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.static-my-review-text-label[b-1224fslfni] {
    display: block;
    margin-bottom: 6px;
    font-size: 0.875rem;
}

.static-my-review-manage-dialog textarea[b-1224fslfni] {
    display: block;
    width: 100%;
    padding: 12px;
    resize: vertical;
    border: 1px solid var(--site-border-strong);
    border-radius: 6px;
    color: var(--site-text);
    background: var(--site-surface);
    font: inherit;
}

.static-my-review-manage-dialog textarea:focus[b-1224fslfni] {
    border-color: var(--site-primary);
    outline: 1px solid var(--site-primary);
}

.static-my-review-counter[b-1224fslfni] {
    margin-top: 4px;
    color: var(--site-text-muted);
    font-size: 0.75rem;
    text-align: right;
}

.static-my-review-delete-action[b-1224fslfni] {
    color: var(--mud-palette-error-text, #fff);
    background: var(--mud-palette-error, #d94e45);
}

.static-my-review-delete-action:hover[b-1224fslfni] {
    background: var(--mud-palette-error-darken, #c43f37);
}

.static-my-review-action-spacer[b-1224fslfni] {
    flex: 1 1 auto;
}

#static-my-review-list-content[b-1224fslfni] {
    transition: opacity 140ms ease, transform 140ms ease;
}

#static-my-review-list-content.is-loading[b-1224fslfni] {
    opacity: 0.35;
    transform: translateY(4px);
    pointer-events: none;
}

#static-my-review-list-content.is-entering[b-1224fslfni] {
    animation: static-my-review-content-enter-b-1224fslfni 180ms ease-out;
}

@keyframes static-my-review-content-enter-b-1224fslfni {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 600px) {
    .static-my-review-files[b-1224fslfni] {
        align-items: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    #static-my-review-list-content[b-1224fslfni],
    .static-my-review-like-icon[b-1224fslfni] {
        transition: none;
    }

    #static-my-review-list-content.is-entering[b-1224fslfni] {
        animation: none;
    }
}
/* /Components/Pages/Notice/Notice.razor.rz.scp.css */
.static-notice-tabs[b-op2q1kf4ir] {
    display: flex;
    width: 100%;
    border-bottom: 1px solid var(--site-border);
}

.static-notice-tab[b-op2q1kf4ir] {
    position: relative;
    display: flex;
    flex: 1 1 50%;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 150px;
    min-height: 48px;
    padding: 8px 12px;
    color: var(--site-text-muted);
    background-color: var(--site-surface);
    text-decoration: none;
    transition: color 160ms ease, background-color 160ms ease;
}

.static-notice-tab[b-op2q1kf4ir]  .mud-icon-root {
    color: currentColor;
}

.static-notice-tab[b-op2q1kf4ir]  .material-symbols-rounded {
    font-variation-settings: 'FILL' 0;
    transition: font-variation-settings 300ms cubic-bezier(0, 0, 0.2, 1);
}

.static-notice-tab:hover[b-op2q1kf4ir] {
    background: var(--site-primary-soft);
}

.static-notice-tab.is-active[b-op2q1kf4ir] {
    color: var(--site-primary);
    background-color: var(--site-primary-soft);
}

.static-notice-tab.is-active[b-op2q1kf4ir]  .material-symbols-rounded,
.static-notice-tab:hover[b-op2q1kf4ir]  .material-symbols-rounded {
    font-variation-settings: 'FILL' 1;
}

.static-notice-tab.is-active[b-op2q1kf4ir]::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    background: var(--site-primary);
    content: "";
}

.static-notice-tab-icon[b-op2q1kf4ir] {
    position: relative;
    display: inline-flex;
}

.static-notice-tab-badge[b-op2q1kf4ir] {
    position: absolute;
    top: -1px;
    right: -3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--site-primary);
}

.static-notice-panel[b-op2q1kf4ir] {
    transition: opacity 140ms ease, transform 140ms ease;
}

.static-notice-panel.is-loading[b-op2q1kf4ir] {
    opacity: 0.35;
    transform: translateY(4px);
    pointer-events: none;
}

.static-notice-panel.is-entering[b-op2q1kf4ir] {
    animation: static-notice-content-enter-b-op2q1kf4ir 180ms ease-out;
}

.static-notice-stack[b-op2q1kf4ir] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.static-notice-paper[b-op2q1kf4ir] {
    box-sizing: border-box;
    border: 1px solid var(--site-border);
}

.static-notice-item[b-op2q1kf4ir] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    gap: 4px;
    padding: 0;
    border: 0;
    color: var(--site-text);
    background: transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.static-notice-subject[b-op2q1kf4ir] {
    font-size: 1rem;
    line-height: 1.5;
}

.static-notice-date[b-op2q1kf4ir] {
    flex-shrink: 0;
    margin-left: auto;
    color: var(--site-text-muted);
    text-align: right;
}

.static-notice-more[b-op2q1kf4ir] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 4px 12px;
    color: var(--site-text);
    background: transparent;
    font: inherit;
    font-size: 0.875rem;
    text-decoration: none;
    cursor: pointer;
}

.static-notice-more:hover[b-op2q1kf4ir] {
    color: var(--site-primary-dark);
    background: var(--site-primary-soft);
}

.static-notice-empty[b-op2q1kf4ir] {
    box-sizing: border-box;
    border: 1px dashed var(--site-border-strong);
}

.static-notice-empty-icon[b-op2q1kf4ir] {
    margin-bottom: 8px;
    color: var(--site-primary);
    font-size: 2.5rem;
    opacity: 0.2;
}

.static-notice-dialog-content[b-op2q1kf4ir] {
    min-height: 500px;
}

.static-notice-dialog-subject[b-op2q1kf4ir] {
    margin-bottom: 8px;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.6;
}

.static-notice-dialog-content[b-op2q1kf4ir]  .guide-content p img {
    width: 100%;
    height: auto;
}

@keyframes static-notice-content-enter-b-op2q1kf4ir {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 600px) {
    .static-notice-tab[b-op2q1kf4ir] {
        min-width: 0;
    }

    .static-notice-dialog-content[b-op2q1kf4ir] {
        min-height: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .static-notice-tab[b-op2q1kf4ir],
    .static-notice-panel[b-op2q1kf4ir] {
        transition: none;
    }

    .static-notice-panel.is-entering[b-op2q1kf4ir] {
        animation: none;
    }
}
/* /Components/Pages/Review/ReviewList.razor.rz.scp.css */
.static-review-list-grid[b-twbfnfxqxa] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.static-review-card[b-twbfnfxqxa] {
    min-width: 0;
}

.static-review-photo[b-twbfnfxqxa] {
    display: flex;
    width: 100%;
    padding: 0;
    border: 0;
    cursor: pointer;
}

.static-review-photo > img[b-twbfnfxqxa] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.static-review-like-row[b-twbfnfxqxa] {
    display: flex;
    align-items: center;
    gap: 0;
    margin-top: 12px;
}

.static-review-like-button[b-twbfnfxqxa] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 3px;
    border: 0;
    border-radius: 50%;
    color: var(--mud-palette-secondary);
    background: transparent;
    cursor: pointer;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.static-review-like-button:hover[b-twbfnfxqxa] {
    background: var(--site-primary-soft);
}

.static-review-like-button:disabled[b-twbfnfxqxa] {
    opacity: 0.45;
    cursor: wait;
}

.static-review-like-icon[b-twbfnfxqxa] {
    font-size: 1.125rem;
    font-variation-settings: 'FILL' 0;
    transition: color 180ms ease, font-variation-settings 180ms ease;
}

.static-review-like-button.is-liked[b-twbfnfxqxa] {
    color: var(--mud-palette-error, #d94e45);
}

.static-review-like-button.is-liked .static-review-like-icon[b-twbfnfxqxa] {
    font-variation-settings: 'FILL' 1;
}

.static-review-more-wrap[b-twbfnfxqxa] {
    display: flex;
    grid-column: 1 / -1;
    justify-content: center;
}

.static-review-more[b-twbfnfxqxa] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 4px 12px;
    color: var(--site-text);
    background: transparent;
    font: inherit;
    font-size: 0.875rem;
    cursor: pointer;
}

.static-review-more:hover[b-twbfnfxqxa] {
    color: var(--site-primary-dark);
    background: var(--site-primary-soft);
}

.static-review-empty[b-twbfnfxqxa] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 300px;
}

.static-review-view-content[b-twbfnfxqxa] {
    margin: -16px -24px -24px;
    background: var(--site-surface);
}

.swiper-review-dialog[b-twbfnfxqxa] {
    width: 100%;
    max-width: 300px;
    max-height: 600px;
}

.static-review-slide[b-twbfnfxqxa] {
    display: flex;
    justify-content: center;
}

.static-review-image-button[b-twbfnfxqxa] {
    display: flex;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.static-review-image-button > img[b-twbfnfxqxa],
.static-review-noimage > img[b-twbfnfxqxa] {
    display: block;
    width: 100%;
    max-width: 300px;
    height: auto;
    margin: 0 auto;
    object-fit: cover;
    object-position: center;
}

.static-review-pagination[b-twbfnfxqxa] {
    display: flex;
    justify-content: center;
    min-height: 30px;
    margin-top: 24px;
}

.static-review-dialog-like-wrap[b-twbfnfxqxa] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
    width: 100%;
    margin-top: -45px;
    padding: 0 24px;
}

.static-review-meta[b-twbfnfxqxa] {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    margin-top: 8px;
    padding: 0 24px;
}

.static-review-avatar[b-twbfnfxqxa] {
    display: inline-flex;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: var(--site-surface);
    background: var(--site-primary);
}

.static-review-nick[b-twbfnfxqxa] {
    font-size: 0.875rem;
    font-weight: 600;
}

.static-review-date[b-twbfnfxqxa] {
    margin-left: auto;
}

.static-review-contents[b-twbfnfxqxa] {
    width: 100%;
    margin-top: 8px;
    padding: 24px;
    font-size: 0.875rem;
    line-height: 1.6;
}

#static-review-list-content[b-twbfnfxqxa] {
    transition: opacity 140ms ease, transform 140ms ease;
}

#static-review-list-content.is-loading[b-twbfnfxqxa] {
    opacity: 0.35;
    transform: translateY(4px);
    pointer-events: none;
}

#static-review-list-content.is-entering[b-twbfnfxqxa] {
    animation: static-review-content-enter-b-twbfnfxqxa 180ms ease-out;
}

@keyframes static-review-content-enter-b-twbfnfxqxa {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    #static-review-list-content[b-twbfnfxqxa],
    .static-review-like-icon[b-twbfnfxqxa] {
        transition: none;
    }

    #static-review-list-content.is-entering[b-twbfnfxqxa] {
        animation: none;
    }
}
/* /Components/Shared/StaticDialogShell.razor.rz.scp.css */
/* JavaScript 동적 dialog와 함께 사용하는 공용 스타일은 wwwroot/css/custom.css에서 관리합니다. */