@import '_content/Sonepar.Spark.Associate.Shell/Sonepar.Spark.Associate.Shell.l2tqli6n8e.bundle.scp.css';
@import '_content/Sonepar.Spark.Watts/Sonepar.Spark.Watts.dox2i5nf0b.bundle.scp.css';

/* /Components/Features/Agreements/AccountCard.razor.rz.scp.css */
.account-card-title[b-25i3ouffcg] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-037, 6px);
    text-align: start;
    font-weight: var(--watts-font-weight-bold, 600);
}

[b-25i3ouffcg] .blanket-group-card {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-075, 12px);
    margin-top: var(--watts-spacing-075, 12px);
    padding: var(--watts-spacing-075, 12px);
    outline: none;
    border: 1px solid var(--watts-border-default);
    border-radius: var(--watts-border-radius-50, 8px);
}

.blanket-grid[b-25i3ouffcg] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--watts-spacing-075, 12px);
}

[b-25i3ouffcg] .blazor--watts-card--collapsable-tab {
    padding: var(--watts-spacing-075, 12px);
    border: none;
    border-radius: var(--watts-border-radius-100, 16px);
}

.account-card-wrapper[b-25i3ouffcg] {
    width: 100%;
}

.account-card-wrapper[b-25i3ouffcg] >  .blazor--watts-card {
    outline: none;
}

[b-25i3ouffcg] .show-more-button {
    align-self: start;
}

.show-more-text-responsive[b-25i3ouffcg],
[b-25i3ouffcg] .show-more-button:not(:has(> .show-more-text)) {
    display: none;
}

@media (width < 1920px) {
    .blanket-grid[b-25i3ouffcg] {
        grid-template-columns: repeat(2, 1fr);
    }

    .show-more-text[b-25i3ouffcg],
    .blanket-grid-collapsed[b-25i3ouffcg]  div:has(> .blanket-card):last-of-type {
        display: none;
    }

    .show-more-text-responsive[b-25i3ouffcg],
    [b-25i3ouffcg] .show-more-button:not(:has(> .show-more-text)) {
        display: block;
    }
}

@media (width < 1280px) {
    .blanket-grid[b-25i3ouffcg] {
        grid-template-columns: repeat(1, 1fr);
    }
}
/* /Components/Features/Agreements/BlanketCard.razor.rz.scp.css */
.main-text[b-piqv03v46z] {
    font-size: var(--watts-font-size-100, 16px);
    font-weight: var(--watts-font-weight-bold, 600);
    line-height: 125%;
}

.subtle-text[b-piqv03v46z] {
    font-size: var(--watts-font-size-087, 14px);
    font-weight: var(--watts-font-weight-regular, 500);
    color: var(--watts-content-subtle);
    line-height: 125%;
}

.subtlest-text[b-piqv03v46z] {
    font-size: var(--watts-font-size-075, 12px);
    font-weight: var(--watts-font-weight-regular, 500);
    color: var(--watts-content-subtlest);
    line-height: 133%;
}

.release-text[b-piqv03v46z] {
    font-size: var(--watts-font-size-100, 16px);
    font-weight: var(--watts-font-weight-black, 700);
    color: var(--watts-content-brand);
    line-height: 125%;
}

.blanket-row[b-piqv03v46z] {
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-050, 8px);
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

[b-piqv03v46z] .blanket-card {
    height: 100%;
    padding: var(--watts-spacing-075, 12px) var(--watts-spacing-100, 16px) var(--watts-spacing-100, 16px) var(--watts-spacing-100, 16px);
    outline-color: var(--watts-border-default);
}

[b-piqv03v46z] .border-warning {
    outline-color: var(--watts-border-warning);
}

[b-piqv03v46z] .border-bold {
    outline-color: var(--watts-border-bold);
}
/* /Components/Features/Agreements/DraftSummariesPopover.razor.rz.scp.css */
.draft-container[b-am9i1nt2t6] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-025, 0.25rem);
    width: 328px;
    max-height: 368px;
    overflow: auto;
}

.draft-row[b-am9i1nt2t6] {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid var(--watts-border-default);
}

.draft-row:last-child[b-am9i1nt2t6] {
    border-bottom: none;
}

.draft-sub-row[b-am9i1nt2t6] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.reel-count[b-am9i1nt2t6] {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
    gap: var(--watts-spacing-025, 0.25rem);
    font-weight: var(--watts-font-weight-bold, 600);
    font-size: var(--watts-font-size-100, 1rem);
}
/* /Components/Features/Agreements/OrderErrorBanner.razor.rz.scp.css */
.order-error-banners[b-7mhvl8zbkk] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-050, 8px);
    align-self: stretch;
}

.order-error-banner[b-7mhvl8zbkk] {
    color: var(--watts-contrast-brand);
    min-height: var(--watts-spacing-250);
    background: var(--watts-bg-error);
    display: flex;
    align-items: flex-start;
    gap: var(--watts-spacing-050, 8px);
    align-self: stretch;
    font-weight: 500;
    padding: var(--watts-spacing-075, 12px) var(--watts-spacing-100, 16px);
}

.order-error-banner__content[b-7mhvl8zbkk] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-025, 4px);
    flex: 1;
}

.order-error-banner__link[b-7mhvl8zbkk] {
    text-decoration: underline;
    cursor: pointer;
    width: fit-content;
}

/* /Components/Features/Agreements/TabsComponent.razor.rz.scp.css */
.tabs-container[b-2pdj591ysc] {
    border-radius: 6px;
    padding: var(--watts-spacing-025);
    display: inline-flex;
    background: var(--watts-bg-interactive-secondary);
}
/* /Components/Features/Orders/OrderDocuments.razor.rz.scp.css */
.documents-card-wrapper[b-d2i4vts6rm] {
    display: flex;
    align-self: stretch;
}

.documents-card-wrapper[b-d2i4vts6rm]  > * {
    display: flex;
    height: 100%;
    width: 100%;
    padding: var(--watts-spacing-075, 12px);
}

.documents-card[b-d2i4vts6rm] {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--watts-spacing-050, 8px);
}

.documents-card-header[b-d2i4vts6rm] {
    display: flex;
    align-items: center;
    gap: var(--watts-spacing-050, 8px);
}

.documents-card-list[b-d2i4vts6rm] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-075, 12px);
}

.documents-card-item[b-d2i4vts6rm] {
    color: var(--watts-content-subtle);
    font-size: var(--watts-font-size-087, 14px);
    font-weight: var(--watts-font-weight-regular, 500);
    line-height: 125%;
}
/* /Components/Features/Orders/OrderInfo.razor.rz.scp.css */
[b-5un8pwq8es] .order-info-card {
    padding: var(--watts-spacing-075, 12px);
    height: 100%;
    width: 100%;
}

[b-5un8pwq8es] .order-info-notes-button {
    border-radius: var(--watts-border-radius-37, 6px);
    padding: 0 var(--watts-spacing-050, 8px);
    height: var(--watts-spacing-200, 32px);
}

[b-5un8pwq8es] .watts-divider--vertical {
    height: auto;
    align-self: stretch;
}

.order-info-heading[b-5un8pwq8es] {
    display: flex;
    justify-content: start;
    flex-direction: row;
    gap: var(--watts-spacing-050, 8px);
    align-items: center;
    font-weight: var(--watts-font-weight-bold, 600);
    font-size: var(--watts-font-size-125, 24px);
    line-height: var(--watts-line-height-s, 120%);
    color: var(--watts-content-default, #16171D);
}

.order-info-notes-button-text[b-5un8pwq8es] {
    font-size: var(--watts-font-size-087, 13.92px);
    font-weight: var(--watts-font-weight-regular, 500);
    line-height: var(--watts-line-height-m, 125%);
}

.order-info-sections[b-5un8pwq8es] {
    display: flex;
    flex-direction: row;
    height: 100%;
    gap: var(--watts-spacing-200, 32px);
}

.order-info-section[b-5un8pwq8es] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: var(--watts-spacing-075, 12px);
}

.order-info-field[b-5un8pwq8es] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-025, 4px);
}

.order-info-field-label[b-5un8pwq8es] {
    font-weight: var(--watts-font-weight-regular,500);
    font-size: var(--watts-font-size-075, 12px);
    line-height: var(--watts-line-height-l, 133%);
    color: var(--watts-content-subtle, #414458);
}

.order-info-field-value[b-5un8pwq8es] {
    font-size: var(--watts-font-size-087, 14px);
    font-weight: var(--watts-font-weight-regular, 500);
    line-height: var(--watts-line-height-m, 125%);
}

.order-info-field-value-subtle[b-5un8pwq8es] {
    color: var(--watts-content-subtle);
}

.order-info-reference-value[b-5un8pwq8es] {
    display: flex;
    align-items: center;
    gap: var(--watts-spacing-050, 8px);
}
/* /Components/Features/Orders/OrderTotalsCard.razor.rz.scp.css */
[b-gth25vqxzn] .totals-card {
    display: flex;
    flex-direction: column;
    width: 400px;
    gap: var(--watts-spacing-100, 16px);
    padding: var(--watts-spacing-100, 16px);
    font-size: var(--watts-font-size-125, 20px);
    line-height: var(--watts-line-height-s, 120%);
    justify-self: flex-end;
}

.totals-heading[b-gth25vqxzn] {
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-050, 8px);
    font-weight: var(--watts-font-weight-bold);
}

.totals-body[b-gth25vqxzn] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-025, 4px);
    align-items: flex-end;
}

.totals-line[b-gth25vqxzn] {
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-200, 32px);
    align-self: flex-end;
    font-size: var(--watts-font-size-087, 14px);
    line-height: var(--watts-line-height-m, 125%);
}

.totals-main[b-gth25vqxzn] {
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-300, 48px);
    align-self: flex-end;
}
/* /Components/Features/Reels/AdditionalInformationCard.razor.rz.scp.css */
[b-4c8vwtmcnd] .additional-info-card {
    padding: var(--watts-spacing-100, 16px);
    height: fit-content;
}

.additional-info-header[b-4c8vwtmcnd] {
    font-weight: var(--watts-font-weight-bold, 600);
    font-size: var(--watts-font-size-125, 24px);
    line-height: var(--watts-line-height-s, 120%);
    color: var(--watts-content-default, #16171D);
    margin-bottom: var(--watts-spacing-100, 16px);
}

.additional-info-inputs-grid[b-4c8vwtmcnd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--watts-spacing-075, 12px);
}

[b-4c8vwtmcnd] textarea {
    max-height: 384px !important;
}
/* /Components/Features/Reels/CompletionBar.razor.rz.scp.css */
.completion-bar[b-prjo1mh8yb] {
    display: flex;
    flex-direction: row;
    flex: 1 0 0;
    background-color: var(--watts-bg-bold);
    height: 8px;
    min-height: 8px;
    border-radius: var(--watts-border-radius-100, 16px);
    overflow: hidden;
}

.filled-portion[b-prjo1mh8yb] {
    height: 8px;
}

.filled-portion:last-child[b-prjo1mh8yb] {
    border-top-right-radius: var(--watts-border-radius-100, 16px);
    border-bottom-right-radius: var(--watts-border-radius-100, 16px);
}
/* /Components/Features/Reels/Create/AccountInfoLogisticsCard.razor.rz.scp.css */
[b-vw4d4yom7x] .logistics-card {
    padding: var(--watts-spacing-100, 16px);
    height: fit-content;
}

.logistics-card-body[b-vw4d4yom7x] {
    display: flex;
    flex-direction: row;
    justify-items: start;
    align-items: stretch;
    gap: var(--watts-spacing-150);
}

.logistics-card-panel[b-vw4d4yom7x] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-100);
    flex: 1; 
}

.logistics-card-heading[b-vw4d4yom7x] {
    display: flex;
    justify-content: start;
    flex-direction: row;
    gap: var(--watts-spacing-050, 8px);
    align-items: center;
    font-weight: var(--watts-font-weight-bold, 600);
    font-size: var(--watts-font-size-125, 24px);
    line-height: var(--watts-line-height-s, 120%);
    color: var(--watts-content-default, #16171D);
}

.logistics-card-address-item[b-vw4d4yom7x] {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-items: start;
    align-items: flex-start;
    gap: var(--watts-spacing-025);
    max-width: 240px;
    overflow-wrap: break-word;
    font-weight: var(--watts-font-weight-regular, 500);
    font-size: var(--watts-font-size-100, 16px);
    line-height: var(--watts-line-height-m, 125%);
}

.logistics-card-field-label[b-vw4d4yom7x] {
    font-weight: var(--watts-font-weight-regular,500); 
    font-size: var(--watts-font-size-075, 12px);
    line-height: var(--watts-line-height-l, 133%);
    color: var(--watts-content-subtle, #414458);
}

.logistics-card-field-value[b-vw4d4yom7x] {
    font-weight: var(--watts-font-weight-regular, 500);
    font-size: var(--watts-font-size-100, 16px);
    line-height: var(--watts-line-height-m, 125%);
}

.logistics-card-radio-label[b-vw4d4yom7x] {
    font-weight: var(--watts-font-weight-regular, 500);
    font-size: var(--watts-font-size-100, 16px);
    line-height: var(--watts-line-height-l, 133%);
}

.logistics-card-options[b-vw4d4yom7x],
.logistics-card-options--disabled[b-vw4d4yom7x] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-100);
}

.logistics-card-options--disabled[b-vw4d4yom7x] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Divider */
[b-vw4d4yom7x] .watts-divider--vertical {
    height: auto;
}

[b-vw4d4yom7x] .watts-divider--major {
    color: var(--watts-border-default);
}


[b-vw4d4yom7x] .watts-combobox__interactive-wrapper {
    height: var(--watts-sizing-250);
}

[b-vw4d4yom7x] .watts-combobox__label {
    font-size: var(--watts-font-size-075, 12px);
}

[b-vw4d4yom7x] .watts-text-field-container--m .watts-text-field {
    height: var(--watts-sizing-250);
}

[b-vw4d4yom7x] .watts-date-picker .watts-text-field__label {
    font-size: var(--watts-font-size-075, 12px);
}
/* /Components/Features/Reels/Create/AddressCard.razor.rz.scp.css */
.address-card-wrapper[b-ykmhpoqtlm] {
    display: flex;
    gap: var(--watts-spacing-050);
    padding: var(--watts-spacing-100) 0;
    width: 100%;
    align-items: flex-start;
}

.address-card-content[b-ykmhpoqtlm] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-025, 4px);
    min-width: 0;
}

[b-ykmhpoqtlm] .watts-radio {
    flex: 1;
}

.address-card-chip-wrapper[b-ykmhpoqtlm] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--watts-spacing-037);
}

.address-card-chip-text[b-ykmhpoqtlm] {
    font-size: 11px;
    line-height: var(--watts-line-height-m, 125%);
}

.address-card-text[b-ykmhpoqtlm] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-025, 4px);

    font-weight: var(--watts-font-weight-regular, 500);
    font-size: var(--watts-font-size-087, 14px);
    color: var(--watts-content-subtle);
    line-height: var(--watts-line-height-m, 125%);
}

.address-card-name[b-ykmhpoqtlm] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.address-card-actions[b-ykmhpoqtlm] {
    display: flex;
    align-items: flex-start;
}
/* /Components/Features/Reels/Create/AddressDrawer.razor.rz.scp.css */
.address-wrapper[b-p1dsdhdlvc] {
    display: contents;
}

.no-results[b-p1dsdhdlvc] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-200, 32px);
    width: 100%;
    text-align: center;
}

.no-results-image[b-p1dsdhdlvc] {
    width: 168px;
    height: 168px;
    align-self: center;
    padding-top: var(--watts-spacing-125, 16px);
}

.no-results-title[b-p1dsdhdlvc] {
    font-size: var(--watts-font-size-125, 20px);
    font-weight: var(--watts-font-weight-bold, 600);
    line-height: var(--watts-line-height-s, 120%);
}

.no-results-description[b-p1dsdhdlvc] {
    font-size: var(--watts-font-size-100, 16px);
    font-weight: var(--watts-font-weight-regular, 500);
    line-height: var(--watts-line-height-m, 125%);
    color: var(--watts-content-subtlest);
}

[b-p1dsdhdlvc] :nth-child(even of .table-row-container) {
    background-color: unset !important;
}

[b-p1dsdhdlvc] .search-input-textbox {
    padding-top: 0;
    padding-bottom: var(--watts-spacing-050, 8px);
}

[b-p1dsdhdlvc] .container-fluid:has(.no-results) > .search-input-textbox {
    display: none;
}
/* /Components/Features/Reels/Create/EditAddressDrawer.razor.rz.scp.css */
[b-xbc7zi6mdd] .watts-drawer__overlay {
    background: none;
}

.address-required-fields-message[b-xbc7zi6mdd] {
    margin-top: var(--watts-spacing-012);
    color: var(--watts-content-default);
    font-size: var(--watts-font-size-087);
    font-weight: var(--watts-font-weight-regular);
    line-height: var(--watts-line-height-m);
}
/* /Components/Features/Reels/Create/EstimatedTotalCard.razor.rz.scp.css */
.estimated-total-card[b-u3ihi9nuh1] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-100, 16px);
    padding: var(--watts-spacing-100, 16px);
    min-width: 280px;
}

.estimated-total-header[b-u3ihi9nuh1] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--watts-spacing-050, 8px);
}

.estimated-total-lines[b-u3ihi9nuh1] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-050, 8px);
}

.estimated-total-line[b-u3ihi9nuh1] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.estimated-total-total[b-u3ihi9nuh1] {
    padding-top: var(--watts-spacing-050, 8px);
    border-top: 1px solid var(--watts-border-default, #E0E0E0);
    color: var(--watts-content-brand-bold, #1F2B7A);

    /* title/title-4/bold */
    font-family: var(--watts-font-family-default, Poppins);
    font-size: var(--watts-font-size-125, 20px);
    font-style: normal;
    font-weight: var(--watts-font-weight-bold, 600);
    line-height: 120%; /* 24px */

}
/* /Components/Features/Reels/Create/MultipleProductModal.razor.rz.scp.css */
.multi-product-modal-row[b-ihmxrb6bzk] {
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-100, 16px);
    align-items: center;
    width: 100%;
}

.multi-product-modal-column[b-ihmxrb6bzk] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-025, 4px);
    width: 110px;
}

.multi-product-modal-column-header[b-ihmxrb6bzk] {
    font-size: var(--watts-font-size-075, 12px);
    line-height: var(--watts-line-height-l, 133%);
    color: var(--watts-content-subtle, #414458);
    font-weight: var(--watts-font-weight-regular, 500);
}

.multi-product-modal-column-value[b-ihmxrb6bzk] {
    font-size: var(--watts-font-size-087, 14px);
    line-height: var(--watts-line-height-m, 125%);
    color: var(--watts-content-default, #16171D);
    font-weight: var(--watts-font-weight-bold, 600);
}

.multi-product-modal-footer[b-ihmxrb6bzk] {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

[b-ihmxrb6bzk] .watts-radio{
    display: flex;
    width: 100%;
    align-items:center;
}

[b-ihmxrb6bzk] .watts-radio__label {
    flex: 1;
}

[b-ihmxrb6bzk] .watts-modal__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

[b-ihmxrb6bzk] .watts-modal--m {
    max-height: 250px;
}
/* /Components/Features/Reels/Create/NoReelCard.razor.rz.scp.css */
.no-reel-card[b-9pqtv4cfpj] {
    padding: var(--watts-spacing-100, 16px) var(--watts-spacing-150, 24px);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}
/* /Components/Features/Reels/Create/OverrideCutAttributesPopover.razor.rz.scp.css */
.cut-attributes-popover-body[b-5rqnxtnrt3] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-100, 16px);
    min-width: 280px;
}

.cut-attributes-popover-fields[b-5rqnxtnrt3] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-100, 16px);
}

.cut-attributes-popover-actions[b-5rqnxtnrt3] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: var(--watts-spacing-025, 8px);
    border-top: 1px solid var(--watts-border-default, #e0e0e0);
}

.cut-attributes-uom[b-5rqnxtnrt3] {
    color: var(--watts-content-subtlest);
    white-space: nowrap;
    padding: 0 var(--watts-spacing-025, 8px);
}
/* /Components/Features/Reels/Create/ProductInformationPopover.razor.rz.scp.css */
.compartment-color-circle[b-c0843dxfmu] {
    box-sizing: border-box;
    height: var(--watts-sizing-150, 24px);
    width: var(--watts-sizing-150, 24px);
    min-width: var(--watts-sizing-150, 24px);
    background-color: var(--watts-orange-500);
    outline: 1px solid var(--watts-content-subtlest);
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    vertical-align: middle;
}

.compartment-color-circle-button[b-c0843dxfmu] {
    box-sizing: border-box;
    padding: 0;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    border-radius: 50%;
    transition: box-shadow 0.1s ease;
}

.compartment-color-circle-button:hover[b-c0843dxfmu] {
    box-shadow: 0 0 0 6px var(--watts-bg-interactive-tertiary-hover);
}
    
.product-information-popover-body[b-c0843dxfmu] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-100, 16px);
    min-width: 280px;
}

.product-information-popover-row[b-c0843dxfmu] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--watts-spacing-100, 16px);
}

.product-information-popover-header[b-c0843dxfmu] {
    font-size: var(--watts-font-size-075, 12px);
    line-height: var(--watts-line-height-l, 133%);
    color: var(--watts-content-subtle, #414458);
    font-weight: var(--watts-font-weight-regular, 500);
}

.product-information-popover-value[b-c0843dxfmu] {
    font-size: var(--watts-font-size-087, 14px);
    line-height: var(--watts-line-height-m, 125%);
    color: var(--watts-content-default, #16171D);
    font-weight: var(--watts-font-weight-bold, 600);
}

.product-information-popover-actions[b-c0843dxfmu] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
/* /Components/Features/Reels/Create/PullingHeadsToggle.razor.rz.scp.css */
.pulling-heads-container[b-67ul3ydw4n] {
    display: flex;
    align-items: center;
    gap: var(--watts-spacing-050, 8px);
}

.pulling-heads-info-btn[b-67ul3ydw4n] {
    padding: 0;
    min-width: unset;
    flex-direction: column;
    align-items: flex-end;
}

.popover-btn-container[b-67ul3ydw4n] {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
}

.pulling-heads-container[b-67ul3ydw4n]  .watts-toggle {
    display: flex;
    align-items: center;
}

.pulling-heads-container[b-67ul3ydw4n]  .watts-toggle__label {
    font-size: var(--watts-font-size-087, 14px);
    min-width: fit-content;
}

.pulling-heads-container[b-67ul3ydw4n]  .watts-toggle__input-wrapper {
    display: flex;
    align-items: center;
    width: var(--watts-sizing-250, 40px);
    height: var(--watts-sizing-125, 20px);
    padding: 2px;
}

.pulling-heads-container[b-67ul3ydw4n]  .watts-toggle__input {
    gap: 6px;
    width: var(--watts-sizing-250, 40px);
    height: var(--watts-sizing-125, 20px);
    min-width: calc(var(--watts-spacing-100) * 2 + var(--watts-spacing-037) * 3) !important;
    transform: translateX(calc(var(--watts-spacing-100) * -1)) !important;
}

.pulling-heads-container[b-67ul3ydw4n]  .watts-toggle__input-thumb {
    width: var(--watts-sizing-075, 12px);
    height: var(--watts-sizing-075, 12px);
}

.pulling-heads-container[b-67ul3ydw4n]  .watts-toggle__input .watts-icon {
    width: var(--watts-sizing-075, 12px);
    height: var(--watts-sizing-075, 12px);
}

.pulling-heads-container[b-67ul3ydw4n]  .sr-only:checked ~ .watts-toggle__input-wrapper .watts-toggle__input {
    transform: translateX(2px) !important;
}
/* /Components/Features/Reels/Create/ReelCard.razor.rz.scp.css */
[b-2a0o0wbmlw] .reel-row {
    padding: var(--watts-spacing-050, 8px) var(--watts-spacing-100, 16px) var(--watts-spacing-050, 8px) var(--watts-spacing-100, 16px);
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-100, 16px);
    width: 100%;
    align-items: center;
    align-self: stretch;
    flex-wrap: wrap;
}

[b-2a0o0wbmlw] .reel-column {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--watts-spacing-025, 4px);
}

.reel-type-selector[b-2a0o0wbmlw] {
    display: flex;
    width: 240px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--watts-spacing-025, 4px);
}

.reel-type-selector[b-2a0o0wbmlw]  .watts-combobox__interactive-wrapper {
    height: var(--watts-sizing-250);
}

.reel-parallel-toggle[b-2a0o0wbmlw] {
    display: flex;
    align-items: center;
    gap: var(--watts-spacing-075, 12px);
    margin-top: var(--watts-spacing-050, 8px);
}

[b-2a0o0wbmlw] .reel-delete-button {
    padding: 0;
}

.stock-wrapper[b-2a0o0wbmlw] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--watts-spacing-075, 12px);
}

.reel-header[b-2a0o0wbmlw] {
    display: flex;
    align-items: flex-start;
    gap: var(--watts-spacing-100, 16px);
    margin-top: var(--watts-spacing-025, 4px);
    margin-bottom: auto;
}

.reel-type-name[b-2a0o0wbmlw] {
    display: flex;
    align-items: center;
    width: 148px;
    gap: var(--watts-spacing-037, 6px);
    font-size: var(--watts-font-size-125, 20px);
    font-weight: var(--watts-font-weight-bold, 600);
    line-height: 120%;
    margin-top: var(--watts-spacing-050, 8px);
}

[b-2a0o0wbmlw] .inner-section {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: var(--watts-spacing-100, 16px);
    margin-bottom: auto;
}

[b-2a0o0wbmlw] .inner-section-options {
    display: flex;
    flex-direction: row;
    padding: var(--watts-spacing-050, 8px) 0;
    justify-content: flex-end;
    align-items: center;
    align-self: flex-start;
    gap: var(--watts-spacing-050, 16px);
}

[b-2a0o0wbmlw] .inner-section-options ::deep svg {
    width: var(--watts-sizing-100, 16px);
    height: var(--watts-sizing-100, 16px);
}

[b-2a0o0wbmlw] .subsection-title {
    display: flex;
    width: 148px;
    padding: 8px;
    gap: 8px;
    align-self: stretch;
}

[b-2a0o0wbmlw] .watts-combobox__interactive-wrapper {
    height: var(--watts-sizing-200);
}

[b-2a0o0wbmlw] .watts-combobox__label {
    font-size: 11px;
}

[b-2a0o0wbmlw] .watts-text-field-container--m .watts-text-field {
    height: var(--watts-sizing-200);
    padding-top: var(--watts-spacing-037);
    padding-bottom: var(--watts-spacing-037);
}

[b-2a0o0wbmlw] input[type=number]::-webkit-inner-spin-button {
    align-self: center;
    height: 18px;
}

[b-2a0o0wbmlw] .watts-text-field_label {
    font-size: 11px;
}
/* /Components/Features/Reels/Create/ReelItemsCard.razor.rz.scp.css */
.main-title-row[b-2vnsp9yvol] {
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-050, 8px);
    align-items: center;
    font-size: var(--watts-font-size-087, 14px);
    font-weight: var(--watts-font-weight-regular, 500);
    line-height: var(--watts-line-height-m, 125%);
}

.title-detail-row[b-2vnsp9yvol] {
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-025, 4px);
    align-items: center;
    align-content: center;
}

.title-spacer[b-2vnsp9yvol] {
    font-weight: var(--watts-font-weight-regular, 500);
    color: var(--watts-content-subtlest);
}

.line-item-list[b-2vnsp9yvol] {
    display: flex;
    flex-direction: column;
    padding: var(--watts-spacing-075, 12px);
}

.stack-layer-group[b-2vnsp9yvol] {
    border-top: var(--watts-border-width-100, 1px) solid var(--watts-border-default);
}

.stack-layer-group + .stack-layer-group[b-2vnsp9yvol] {
    border-top: var(--watts-border-width-100, 1px) solid var(--watts-border-bold);
}
/* /Components/Features/Reels/Create/ReelTotalsDisplay.razor.rz.scp.css */
.reel-total-row[b-z2brtkkpgv] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--watts-spacing-125, 12px);
}

.est-total[b-z2brtkkpgv] {
    display: flex;
}

.totals-estimate-label[b-z2brtkkpgv] {
    line-height: var(--watts-line-height-m);
    font-size: var(--font-size-100, 16px);
    color: var(--watts-content-subtlest);
}

.totals-estimate-label strong[b-z2brtkkpgv] {
    color: black;
}

.totals-primary-label[b-z2brtkkpgv] {
    line-height: var(--watts-line-height-m);
    font-size: var(--font-size-100, 16px);
    color: var(--watts-content-subtlest);
}

.totals-primary-label strong[b-z2brtkkpgv] {
    color: black
}

.totals-secondary-label[b-z2brtkkpgv] {
    line-height: var(--watts-line-height-s);
    font-size: var(--watts-font-size-087);
    color: var(--watts-content-subtlest);
}

.totals-secondary-label strong[b-z2brtkkpgv] {
    color: black;
}

.totals-wrapper[b-z2brtkkpgv] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.totals-wrapper[b-z2brtkkpgv]  .watts-message {
    padding: 0px !important;
}
/* /Components/Features/Reels/Create/RegionSelector.razor.rz.scp.css */
.state-selector-option[b-a9mdepu8ny] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
}

.state-selector-option__code[b-a9mdepu8ny] {
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
}

.state-selector-option__name[b-a9mdepu8ny] {
    flex: 1;
    min-width: 0;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--watts-content-subtle);
}
/* /Components/Features/Reels/Create/SpecificLengthRemainingDisplay.razor.rz.scp.css */
.stock-display[b-04qucglq8y] {
    font-size: 12px;
    line-height: 16px;
    font-weight: var(--watts-font-weight-regular, 500);
    color: var(--watts-content-subtlest, #626684);
    white-space: nowrap;
}
/* /Components/Features/Reels/Create/StockDisplay.razor.rz.scp.css */
.stock-display[b-m5c8s3w7qx] {
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-025,4px);
    font-weight: var(--watts-font-weight-500, 500);
}

.stock-status[b-m5c8s3w7qx] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.stock-quantity[b-m5c8s3w7qx] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
/* /Components/Features/Reels/Create/WireCompartmentCard.razor.rz.scp.css */
.compartment-card-wrapper[b-qe1can7qrx] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.compartment-card-wrapper[b-qe1can7qrx]  .blazor--watts-card {
    background-color: var(--watts-bg-interactive-secondary, #F8F8F8);
    flex: 1;
}

.compartment-card-content[b-qe1can7qrx] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    gap: var(--watts-spacing-050, 14px);
    padding: var(--watts-spacing-050, 14px);
    width: 100%;
    height: 100%;
}

.compartment-color-row[b-qe1can7qrx] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--watts-spacing-050, 8px);
}

.compartment-info-popover[b-qe1can7qrx] {
    display: flex;
    align-items: center;
    margin-top: 0.85rem;
    margin-bottom: auto;
    height: 20px;
}

.compartment-color-selector[b-qe1can7qrx] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-025, 2px);
    flex: 1;
    min-width: 170px;
    max-width: 100%;
}

.compartment-card-wrapper[b-qe1can7qrx]  .watts-combobox {
    width: 100%;
}

.compartment-card-wrapper[b-qe1can7qrx]  .watts-combobox__interactive-wrapper {
    background-color: var(--watts-bg-default);
    width: 100%;
}

.compartment-card-wrapper[b-qe1can7qrx]  .watts-combobox__interactive-wrapper input {
    min-width: 0;
    width: 100%;
}

.compartment-details-row[b-qe1can7qrx] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--watts-spacing-050, 8px);
    min-height: 35px;
}
/* /Components/Features/Reels/Create/WireStackLayer.razor.rz.scp.css */
.reel-input-spacer[b-mlnzckaivo] {
    color: var(--watts-content-subtlest, #626684);
    margin-top: var(--watts-spacing-075, 12px);
    margin-bottom: auto;
}

.reel-input[b-mlnzckaivo] {
    display: flex;
    width: 140px;
    min-width: 110px;
    flex-direction: column;
    gap: var(--watts-spacing-025);
    margin-bottom: auto;
}

.move-layer-row[b-mlnzckaivo] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--watts-spacing-025, 2px);
}

.reel-info-popover[b-mlnzckaivo] {
    display: flex;
    align-items: center;
    margin-top: 0.85rem;
    margin-bottom: auto;
    height: 20px;
}

.move-layer-row[b-mlnzckaivo]  .watts-button {
    transition-duration: unset;
}
/* /Components/Features/Reels/Finalize/ContactDrawer.razor.rz.scp.css */
.contact-drawer-wrapper[b-k6grgi5b2d] {
    display: contents;
}

.contact-option-text[b-k6grgi5b2d] {
    font-size: var(--watts-font-size-087, 14px);
    font-weight: var(--watts-font-weight-bold, 600);
    line-height: var(--watts-line-height-m, 125%);
}

.contact-option-subtext[b-k6grgi5b2d] {
    font-size: var(--watts-font-size-075, 12px);
    font-weight: var(--watts-font-weight-regular, 500);
    line-height: var(--watts-line-height-l, 133%);
    color: var(--watts-content-subtle);
}

[b-k6grgi5b2d] .table-count-label {
    font-size: var(--watts-font-size-087, 14px);
    font-weight: var(--watts-font-weight-regular, 500);
    color: var(--watts-content-subtle);
    padding-top: var(--watts-spacing-150, 24px);
    padding-bottom: var(--watts-spacing-100, 16px);
}

[b-k6grgi5b2d] :nth-child(even of .table-row-container) {
    background-color: unset;
}

[b-k6grgi5b2d] .watts-radio {
    align-items: center;
    width: 100%;
}

[b-k6grgi5b2d] .table-count-label {
    display: none;
}

[b-k6grgi5b2d] .filter-header:has(+ .table-row-container) > .table-count-label {
    display: block;
}
/* /Components/Features/Reels/Finalize/ContactInfoCard.razor.rz.scp.css */
.contact-card-body[b-z930lvo2r2] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-100, 16px);
    padding: var(--watts-spacing-100, 16px);
}

.contact-card-list[b-z930lvo2r2] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-075, 12px);
}
/* /Components/Features/Reels/Finalize/ContactInfoRow.razor.rz.scp.css */
.contact-row[b-oc8wo3yz8q] {
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-100, 16px);
    align-items: flex-end;
    width: 100%;
}

.contact-search-btn-body[b-oc8wo3yz8q] {
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-037, 6px);
    align-items: center;
}

.contact-readonly-field[b-oc8wo3yz8q] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-037, 6px);
    flex: 1 1 0;
}

.contact-readonly-label[b-oc8wo3yz8q] {
    font-size: var(--watts-font-size-075, 12px);
    line-height: var(--watts-line-height-l, 133%);
    font-weight: var(--watts-font-weight-regular, 500);
    color: var(--watts-content-subtle);
}

.contact-readonly-text[b-oc8wo3yz8q] {
    font-size: var(--watts-font-size-100, 16px);
    line-height: var(--watts-line-height-m, 125%);
    font-weight: var(--watts-font-weight-regular, 500);
}

[b-oc8wo3yz8q] .watts-icon--s {
    height: var(--watts-sizing-100, 16px) !important;
    width: var(--watts-sizing-100, 16px) !important;
}
/* /Components/Features/Reels/Finalize/ContactSearchBar.razor.rz.scp.css */
[b-yrx1a2f6jp] .watts-combobox__interactive-wrapper {
    height: var(--watts-sizing-250);
    max-width: 160px;
    border: unset;
    outline: unset !important;
    border-radius: unset;
}

[b-yrx1a2f6jp] .watts-text-field {
    padding-left: 0 !important;
}

[b-yrx1a2f6jp] .watts-combobox input {
    font-size: var(--watts-font-size-087, 14px);
    min-width: 78px;
    field-sizing: content;
}
/* /Components/Features/Reels/Finalize/CreateReleaseModal.razor.rz.scp.css */
.release-modal[b-3s0sw2lilp]  .watts-modal--m {
    height: fit-content;
    min-height: unset;
    width: 480px;
}

.release-modal[b-3s0sw2lilp]  .watts-modal__content {
    overflow: hidden;
}

.release-modal-content[b-3s0sw2lilp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--watts-spacing-100, 16px);
    text-align: center;
}

h2[b-3s0sw2lilp] {
    color: var(--watts-content-default, #16171D);
    text-align: center;
    font-size: var(--watts-font-size-125, 20px);
    font-weight: var(--watts-font-weight-bold, 600);
    line-height: 120%;
}

p[b-3s0sw2lilp] {
    color: var(--watts-content-subtle, #414458);
    text-align: center;
    font-size: var(--watts-font-size-100, 16px);
    font-weight: var(--watts-font-weight-regular, 500);
    line-height: 125%;
}
/* /Components/Features/Reels/Finalize/CustomOpcoFields.razor.rz.scp.css */
.opco-fields-card-body[b-f84opforj9] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-100, 16px);
    padding: var(--watts-spacing-100, 16px);
}

.opco-fields-grid[b-f84opforj9] {
    display: grid;
    column-gap: var(--watts-spacing-100, 16px);
    row-gap: var(--watts-spacing-075, 12px);
    grid-template-columns: repeat(4, 1fr);
}

@media (width < 1024px) {
    .opco-fields-grid[b-f84opforj9] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Features/Reels/Finalize/LineItemRow.razor.rz.scp.css */
.line-item-row[b-9tl8zpdel5] {
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-100, 16px);
    padding-top: var(--watts-spacing-037, 6px);
    padding-bottom: var(--watts-spacing-037, 6px);
}

.line-item-row + .line-item-row[b-9tl8zpdel5] {
    border-top: var(--watts-border-width-100, 1px) solid var(--watts-border-default);
}

.line-item-cut-detail[b-9tl8zpdel5] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-025, 4px);
    width: 100px;
}

.line-item-column-header[b-9tl8zpdel5] {
    font-size: var(--watts-font-size-075, 12px);
    line-height: var(--watts-line-height-l, 133%);
    color: var(--watts-content-subtle, #414458);
    font-weight: var(--watts-font-weight-regular, 500);
}

.line-item-column-primary[b-9tl8zpdel5] {
    font-size: var(--watts-font-size-087, 14px);
    line-height: var(--watts-line-height-m, 125%);
    color: var(--watts-content-default, #16171D);
    font-weight: var(--watts-font-weight-regular, 500);
}

.line-item-column-secondary[b-9tl8zpdel5] {
    font-size: var(--watts-font-size-075, 12px);
    line-height: var(--watts-line-height-l, 133%);
    color: var(--watts-content-subtlest, #626684);
    font-weight: var(--watts-font-weight-regular, 500);
}
/* /Components/Features/Reels/Finalize/ProductSummary.razor.rz.scp.css */
.product-summary[b-ws2tc0i2z3] {
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-050, 8px);
    align-items: center;
    flex: 1 1 0%;
}

.product-summary-image[b-ws2tc0i2z3] {
    width: 40px;
    height: 40px;
    align-content: center;
}

.product-summary-details[b-ws2tc0i2z3] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-037, 6px);
    justify-content: center;
}

.product-summary-name[b-ws2tc0i2z3] {
    font-size: var(--watts-font-size-087, 14px);
    font-weight: var(--watts-font-weight-bold, 600);
    color: var(--watts-content-default);
}

.product-summary-description[b-ws2tc0i2z3] {
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-037, 6px);
    align-items: center;
}

.product-summary-id[b-ws2tc0i2z3] {
    display: flex;
    flex-direction: row;
    min-height: 16px;
    gap: var(--watts-spacing-025, 4px);
    font-size: var(--watts-font-size-075, 12px);
    line-height: var(--watts-line-height-l, 133%);
    font-weight: var(--watts-font-weight-regular, 500);
    color: var(--watts-content-subtle);
}

.product-summary-comment[b-ws2tc0i2z3] {
    display: flex;
    flex-direction: row;
    font-size: var(--watts-font-size-075, 12px);
    line-height: var(--watts-line-height-l, 133%);
    font-weight: var(--watts-font-weight-regular, 500);
    color: var(--watts-content-subtle);
}
/* /Components/Features/Reels/Finalize/SalesRep.razor.rz.scp.css */
.sales-rep-title[b-d306x6kwz4] {
    font-size: var(--watts-font-size-075, 12px);
    font-weight: var(--watts-font-weight-regular, 500);
    line-height: var(--watts-line-height-l, 133%);
    color: var(--watts-content-subtle, #414458);
}

.sales-rep-link[b-d306x6kwz4],
.sales-rep-text[b-d306x6kwz4] {
    font-size: var(--watts-font-size-100, 16px);
    font-weight: var(--watts-font-weight-regular, 500);
    line-height: var(--watts-line-height-m, 125%);
    color: var(--watts-content-interactive, #16171D);
}

.sales-rep-phone[b-d306x6kwz4] {
    font-size: var(--watts-font-size-087, 13.92px);
    font-weight: var(--watts-font-weight-regular, 500);
    line-height: var(--watts-line-height-m, 125%);
    color: var(--watts-content-default, #16171D);
}
/* /Components/Features/Reels/Finalize/SalesRepInfoCard.razor.rz.scp.css */
.sales-rep-info-container[b-o68wr9hox3] {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: var(--watts-spacing-050, 8px);
}

.sales-rep-info[b-o68wr9hox3] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-025, 4px);
}
/* /Components/Features/Reels/ReleaseHeaderCard.razor.rz.scp.css */
[b-xwp6gqrbv5] .blanket-header-card {
    padding: var(--watts-spacing-100, 16px) var(--watts-spacing-150, 24px);
    background-color: var(--watts-bg-brand-bolder);
}

.title-group[b-xwp6gqrbv5] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-050, 8px);
    flex: 1 0 0;
    color: var(--watts-contrast-brand-bolder);
}

.title-main[b-xwp6gqrbv5] {
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-050, 8px);
    align-items: center;

    font-size: var(--watts-font-size-150, 24px);
    font-weight: var(--watts-font-weight-regular, 500);
    line-height: var(--watts-line-height-l);
}

.title-description-line[b-xwp6gqrbv5] {
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-050, 8px);

    font-size: var(--watts-font-size-087, 14px);
    font-weight: var(--watts-font-weight-light, 400);
    line-height: var(--watts-line-height-m, 125%);
}

.blanket-amount[b-xwp6gqrbv5] {
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-075, 12px);
    flex: 1 0 0;
    align-items: flex-end;

    font-size: 16px;
    font-weight: var(--watts-regular, 500);
    line-height: var(--watts-line-height-m, 125%);
}

.blanket-amount-label[b-xwp6gqrbv5] {
    max-width: 100px;
}

.release-popover-body[b-xwp6gqrbv5] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-150, 24px);
}

.release-popover-body[b-xwp6gqrbv5]  > .watts-button {
    align-self: center;
}

[b-xwp6gqrbv5] .watts-popover [role=dialog] [role=document] {
    width: 328px;
    overflow-y: unset !important;
}
/* /Components/Features/Reels/SemiStickyWrapper.razor.rz.scp.css */
.semi-sticky-wrapper[b-8802axh85w] {
    position: sticky;
    top: 0px;
    z-index: var(--watts-z-index-sticky);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-top: 8px;
    pointer-events: none;
}

.scroll-area[b-8802axh85w] {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 200%;
    box-shadow: 0 0 64px 24px var(--watts-bg-bold);
    margin-top: 16px;
}

.semi-sticky-top-anchor[b-8802axh85w] {
    margin-bottom: -24px;
}

.semi-sticky-bottom-anchor[b-8802axh85w] {
    margin-top: -24px;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-b0l7gvzorv] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

[b-b0l7gvzorv] .nav-tabs {
    border: none;
}

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

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

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

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

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

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

#blazor-error-ui[b-b0l7gvzorv] {
    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-b0l7gvzorv] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-1ld75ofanr],
.components-reconnect-repeated-attempt-visible[b-1ld75ofanr],
.components-reconnect-failed-visible[b-1ld75ofanr],
.components-pause-visible[b-1ld75ofanr],
.components-resume-failed-visible[b-1ld75ofanr],
.components-rejoining-animation[b-1ld75ofanr] {
    display: none;
}

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


#components-reconnect-modal[b-1ld75ofanr] {
    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-1ld75ofanr 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-1ld75ofanr {
    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/Pages/CreateRelease.razor.rz.scp.css */
.page-content[b-9y8rgpo295] {
    display: flex;
    flex-direction: column;
    padding: var(--watts-spacing-150, 24px);
    gap: var(--watts-spacing-150, 24px);
}

.create-release-footer[b-9y8rgpo295] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    padding: var(--watts-spacing-100, 16px) var(--watts-spacing-150, 24px);
    gap: var(--watts-spacing-100, 16px);
}

[b-9y8rgpo295] .watts-text-field:has(input:disabled) {
    border-color: var(--watts-border-interactive-disabled);
}
.header-est-total[b-9y8rgpo295] {
    color: var(--watts-contrast-brand-bolder,#FFF);
    align-content: center;
    display: flex;
    align-items: center;
    gap: var(--watts-spacing-050, 8px);
}
.finalize-content[b-9y8rgpo295] {
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-200, 32px);
    align-items: flex-start;
}

.finalize-cards[b-9y8rgpo295] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-150, 24px);
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
}

.estimated-total-sticky[b-9y8rgpo295] {
    position: sticky;
    top: 0;
    align-self: flex-start;
}

[b-9y8rgpo295] .confirmation-container > .watts-body-5 {
    font-size: 20px;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.wire-title[b-z9gwk6cvst] {
    font-size: 1.75rem;
    font-weight: var(--watts-font-weight-bold, 600);
    line-height: 133%;
}

.wire-title-bar[b-z9gwk6cvst] {
    display: flex;
    flex-direction: column;
    background-color: var(--watts-bg-default, white);
    width: 100%;
    padding: var(--watts-spacing-150, 24px);
    gap: var(--watts-spacing-075, 12px);
}

.wire-title-row[b-z9gwk6cvst] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--watts-spacing-075, 12px);
    flex-wrap: wrap;
}

.wire-title-actions[b-z9gwk6cvst] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--watts-spacing-075, 12px);
    flex-wrap: wrap;
    width: 100%;
}

.wire-title-search[b-z9gwk6cvst] {
    width: 500px;
    min-width: 0;
    flex-shrink: 0;
}

.wire-home-body[b-z9gwk6cvst] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-125, 20px);
    padding: var(--watts-spacing-150, 24px) var(--watts-spacing-150, 24px) var(--watts-spacing-500, 80px) var(--watts-spacing-150, 24px);
    flex-wrap: wrap;
    align-content: center;
}

[b-z9gwk6cvst] .account-group-card {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-100, 16px);
    width: 100%;
    border-radius: var(--watts-border-radius-50, 8px);
}
/* /Components/Pages/Order.razor.rz.scp.css */

.header-wrapper[b-2o82vwpcdq] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: var(--watts-spacing-075, 12px);
}

.order-header[b-2o82vwpcdq] {
    display: flex;
    padding: var(--spacing-150, 24px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-100, 16px);
    border-bottom: 1px solid var(--watts-border-default);
    background: var(--watts-bg-default);
}

.order-header-content[b-2o82vwpcdq] {
    display: flex;
    flex-direction: column;
}

h2[b-2o82vwpcdq] {
    color: var(--watts-content-default);
    font-size: 28px;
    font-weight: var(--font-weight-bold, 600);
    line-height: 133%;
}

h3[b-2o82vwpcdq] {
    color: var(--watts-content-subtlest);
    font-size: var(--font-size-087, 14px);
    font-weight: var(--font-weight-regular, 500);
    line-height: 125%;
}

span[b-2o82vwpcdq] {
    color: var(--watts-content-default);
    font-size: var(--font-size-087, 14px);
    font-weight: var(--font-weight-regular, 500);
    line-height: 125%;
}
/* /Components/Shared/Banner.razor.rz.scp.css */
.error-banner[b-utadmenh6h] {
    color: var(--watts-contrast-brand);
    min-height: var(--watts-spacing-250);
    background: var(--watts-bg-error);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--watts-spacing-050, 8px);
    align-self: stretch;
    font-weight: 500;
}
/* /Components/Shared/Breadcrumb.razor.rz.scp.css */
.breadcrumb-nav[b-kiyx0xigvu] {
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-050, 8px);
    align-items: center;
    height: var(--watts-spacing-200, 32px);
}

.breadcrumb-nav-content[b-kiyx0xigvu] {
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-025, 4px);
    align-items: center;
    color: var(--watts-content-interactive);
    font-size: var(--font-size-075, 12px);
    font-weight: var(--font-weight-regular, 500);
    line-height: 133%;
}

.breadcrumb-nav-content-end[b-kiyx0xigvu] {
    color: var(--watts-content-subtlest);
}

[b-kiyx0xigvu] .watts-divider--vertical {
    height: var(--watts-sizing-100);
}

[b-kiyx0xigvu] .watts-icon {
    color: var(--watts-content-subtlest);
}
/* /Components/Shared/CopyToClipboardButton.razor.rz.scp.css */
.copy-to-clipboard-button-wrapper[b-kxxb0ort66] {
    height: var(--watts-sizing-125, 20px);
}
/* /Components/Shared/ExtraLightMessage.razor.rz.scp.css */
.extra-light-message[b-alflk7sa4i] {
    margin-top: var(--watts-spacing-012);
    color: var(--watts-content-default);
    font-size: var(--watts-font-size-087);
    font-weight: var(--watts-font-weight-regular);
    line-height: var(--watts-line-height-m);
}

[b-alflk7sa4i] .watts-icon {
    color: var(--watts-content-subtle)
}
/* /Components/Shared/FeedbackMessage.razor.rz.scp.css */
.feedback-message-container[b-xn7a3fdqzs] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--watts-spacing-050, 16px);
    align-self: stretch;
}

.feedback-message[b-xn7a3fdqzs] {
    text-align: center;
    font-size: var(--watts-font-size-125, 20px);
    font-weight: var(--watts-font-size-600, 600);
    line-height: var(--watts-line-height-s, 120%); /* 24px */
}

.sub-feedback-message[b-xn7a3fdqzs] {
    text-align: center;
    color: var(--watts-content-subtlest, #67747E);
    font-size: var(--watts-font-size-100, 16px);
    font-weight: var(--watts-font-weight-500, 500);
    line-height: var(--watts-line-height-m, 125%); /* 20px */
}
/* /Components/Shared/LiveCount/LiveCountTextArea.razor.rz.scp.css */
.textarea-wrapper[b-g6kobd766v] {
    position: relative;
    align-self: start;
}

.textarea-counter[b-g6kobd766v] {
    position: absolute;
    bottom: var(--watts-spacing-075, 12px);
    left: var(--watts-spacing-100, 16px);
    font-size: var(--watts-font-size-075, 12px);
    font-weight: var(--watts-font-weight-500, 500);
    line-height: var(--watts-line-height-m, 133%);
    color: var(--watts-content-subtle, #414458);
    pointer-events: none;
    background-color: var(--watts-bg-default, #ffffff);
    padding: 0 var(--watts-spacing-025, 4px);
    border-radius: 2px;
}

.textarea-wrapper:has(.watts-helper-text) > .textarea-counter[b-g6kobd766v] {
    bottom: var(--watts-spacing-200, 32px);
}

.textarea-counter-error[b-g6kobd766v] {
    color: var(--watts-content-error);
    border: var(--watts-border-width-100, 1px) solid var(--watts-border-error);
}

[b-g6kobd766v] .watts-text-field-container {
    display: grid;
    grid-template: 1fr / 1fr;
    position: relative;
}

[b-g6kobd766v] .watts-text-field-container--s .watts-text-field {
    grid-area: 1 / 1;
    height: var(--watts-sizing-250);
    margin-bottom: var(--watts-spacing-050);
}

[b-g6kobd766v] .watts-text-field_label {
    grid-area: 1 / 1;
    align-self: start;
    justify-self: start;
    margin: -8px 0 0 12px;
    background: var(--watts-bg-default);
    padding: 0 var(--watts-spacing-025, 4px);
    z-index: 1;
    pointer-events: none;
    line-height: var(--watts-line-height-l, 133%);
    font-size: 11px;
}

[b-g6kobd766v] .watts-text-area {
    display: grid;
    grid-template: 1fr / 1fr;
    position: relative;
}

[b-g6kobd766v] .watts-text-field__input {
    grid-area: 1 / 1;
    height: 156px;
    line-height: var(--watts-line-height-m, 125%);
    font-size: var(--watts-font-size-100, 16px);
    min-height: 156px;
}

[b-g6kobd766v] .watts-text-area label {
    grid-area: 1 / 1;
    align-self: start;
    justify-self: start;
    margin: -8px 0 0 12px;
    background: var(--watts-bg-default);
    padding: 0 var(--watts-spacing-025, 4px);
    z-index: 1;
    pointer-events: none;
    line-height: var(--watts-line-height-l, 133%);
    font-size: 11px;
}

[b-g6kobd766v] .watts-text-area > textarea {
    padding: var(--watts-spacing-100) var(--watts-spacing-075) var(--watts-spacing-200, 32px) var(--watts-spacing-075);
}
/* /Components/Shared/LiveCount/LiveCountTextField.razor.rz.scp.css */
.textfield-counter[b-muvtk2hlu1] {
    white-space: nowrap;
    font-size: var(--watts-font-size-075, 12px);
    font-weight: var(--watts-font-weight-500, 500);
    line-height: var(--watts-line-height-m, 133%);
    color: var(--watts-content-subtle, #414458);
}

.textfield-counter-error[b-muvtk2hlu1] {
    color: var(--watts-content-error);
}

.textfield-wrapper[b-muvtk2hlu1] {
    position: relative;
    align-self: start;
}
/* /Components/Shared/MessageListComponent.razor.rz.scp.css */
[b-a97q2kodvd] .watts-message--error {
    border: var(--watts-border-width-200, 2px) solid var(--watts-border-error);
}

[b-a97q2kodvd] .watts-message--warning {
    border: var(--watts-border-width-200, 2px) solid var(--watts-border-warning);
}

[b-a97q2kodvd] .watts-message--info {
    border: var(--watts-border-width-200, 2px) solid var(--watts-blue-500);
}

.message-list__content[b-a97q2kodvd] {
    display: flex;
    align-items: flex-start;
    gap: var(--watts-spacing-050, 8px);
    align-self: stretch;
    flex: 1;
}

.message-list__text[b-a97q2kodvd] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-025, 4px);
    flex: 1;
}

.message-list__link[b-a97q2kodvd] {
    text-decoration: underline;
    cursor: pointer;
    width: fit-content;
}