@import '_content/Toolbelt.Blazor.PWA.Updater/Toolbelt.Blazor.PWA.Updater.bnjuj6nd91.bundle.scp.css';

/* /Dialogs/SettingsDialog.razor.rz.scp.css */
.version-number[b-fh2tmcdolk] {
    /*bottom: 10px;*/
    /*left: 17px;*/
    color: #66687e;
    /*z-index: 9999;*/
}
/* /Dialogs/UpdateStitches/UpdateStitchesDialog.razor.rz.scp.css */
/* /Dialogs/UpdateStitches/UpdateStitchesThread.razor.rz.scp.css */
.current-thread-nr[b-j6oqwxnopc] {
    color: var(--mud-palette-primary);
}

.thread-comp-header[b-j6oqwxnopc] {
    height: 68px;
}
/* /Layout/Embroidery/EmbroideryRenderer.razor.rz.scp.css */
.embroidery-render-canvas[b-p2kfbb2hna] {
    width: 100%;
    height: 100%;
    /*max-height: calc(100vh - 56px); Normal toolbar*/
    max-height: calc(100vh - 48px - 62.75px);
}
/* /Layout/Embroidery/SimpleEmbroideryRenderer.razor.rz.scp.css */
.simple-embroidery-render-canvas[b-1aojwe3lpq] {
    width: 100%;
    height: 100%;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.design-size-container div:first-child[b-rykv0crup8] {
    margin-bottom: -4px;
}
/* /Layout/SectionPanel/ColorPicker.razor.rz.scp.css */
.color-picker-container[b-sxcyaqukyv] {
    overflow: hidden;
}

.color-picker-container.invisible[b-sxcyaqukyv] {
    height: 0;
    padding: 0 !important;
}

canvas[b-sxcyaqukyv] {
    image-rendering: crisp-edges;
}

div.colorpicker[b-sxcyaqukyv] {
    position: relative;
}

svg.colorpicker[b-sxcyaqukyv] {
    position: absolute;
    left: 0;
    pointer-events: none;
    overflow: visible;
}

canvas.colorpicker_square[b-sxcyaqukyv] {
    position: absolute;
    left: 0;
    top: 0;
}

canvas.colorpicker_slider[b-sxcyaqukyv] {
    position: absolute;
    top: 0;
}

.compact .swatch[b-sxcyaqukyv] {
    width: 48px;
    height: 48px;
}

div.swatch[b-sxcyaqukyv] {
    width: 64px;
    height: 64px;
}

.swatch-suggested-color[b-sxcyaqukyv] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.gamut-boundary[b-sxcyaqukyv]{
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
/* /Layout/SectionPanel/CompactColorPicker.razor.rz.scp.css */
.color-picker-container[b-iavo9ekk25] {
    overflow: hidden;
}

canvas[b-iavo9ekk25] {
    image-rendering: crisp-edges;
}

div.colorpicker[b-iavo9ekk25] {
    position: relative;
}

svg.colorpicker[b-iavo9ekk25] {
    position: absolute;
    left: 0;
    pointer-events: none;
    overflow: visible;
}

canvas.colorpicker_square[b-iavo9ekk25] {
    position: absolute;
    left: 0;
    top: 0;
}

canvas.colorpicker_slider[b-iavo9ekk25] {
    position: absolute;
    top: 0;
}

.compact .swatch[b-iavo9ekk25] {
    width: 48px;
    height: 48px;
}

div.swatch[b-iavo9ekk25] {
    width: 64px;
    height: 64px;
}

.gamut-boundary[b-iavo9ekk25]{
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
/* /Layout/SectionPanel/GradientStopSlider.razor.rz.scp.css */
.gradient-stop-slider[b-mczjsjk49z] {
    user-select: none;
    cursor: pointer;
}

.gradient-background[b-mczjsjk49z] {
    position: relative;
    width: 100%;
    height: 25px;
    container-type: size;
}

.gradient-stop-handle[b-mczjsjk49z] {
    position: absolute;
    height: 31px;
    width: 2px;
    background: white;
    cursor: grab;
    box-shadow: 0 2px 3px 0 #0000007a;
}

.gradient-stop-handle[b-mczjsjk49z]::before {
    content: '';
    position: absolute;
    width: 300%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
/* /Layout/SectionPanel/SectionList.razor.rz.scp.css */
.section-panel[b-3hlbnl0elc] {
    width: 323px;
    max-height: 100%;
}
.section-list[b-3hlbnl0elc] {
    overflow-y: auto;
}

.accordion-button:not(.collapsed)[b-3hlbnl0elc]{
    background-color: initial;
    box-shadow: initial;
    color: initial;
}

.accordion-button:focus[b-3hlbnl0elc]{
    border-color: initial;
    box-shadow: initial;
}
/* /Layout/SectionPanel/SectionListItem.razor.rz.scp.css */
.section-preview[b-qipmgvzjku] {
    width: 40px;
    height: 40px;
}
/* /Layout/SectionPanel/SwatchesInDesign.razor.rz.scp.css */
.library-record-preview[b-gs9obf22uq] {
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.library-item[b-gs9obf22uq] {
    width: 30px;
    height: 30px;
}
/* /Layout/SectionPanel/SwatchLibraryList.razor.rz.scp.css */
/* /Layout/SectionPanel/SwatchLibraryListItem.razor.rz.scp.css */
.library-record-preview[b-ltaj70pn0o] {
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.library-item[b-ltaj70pn0o] {
    width: 55px;
    height: 50px;
}

.library-title[b-ltaj70pn0o] {
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.record-title[b-ltaj70pn0o] {
    width: 100%;
    max-width: 50px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
 }

.record-title:not(:hover)[b-ltaj70pn0o] {
    text-overflow: ellipsis;
}

.record-title:hover span[b-ltaj70pn0o] {
    display: inline-block;
    animation: scroll-text-b-ltaj70pn0o 2.5s ease-in-out 0s infinite normal;
}

@keyframes scroll-text-b-ltaj70pn0o {
    0% {
        transform: translateX(0%);
    }
    10% {
        transform: translateX(0%);
    }
    60% {
        transform: translateX(Calc(-100% + min(100%, 50px)))
    }
    90% {
        transform: translateX(Calc(-100% + min(100%, 50px)))
    }
    100% {
        transform: translateX(0%);
    }
}
/* /Layout/SectionPanel/SwatchLibrarySearch.razor.rz.scp.css */
.library-record-preview[b-1048lghv3o] {
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.library-item[b-1048lghv3o] {
    width: 55px;
    height: 50px;
}

.record-title[b-1048lghv3o] {
    width: 100%;
    max-width: 50px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
}

.record-title:not(:hover)[b-1048lghv3o] {
    text-overflow: ellipsis;
}

.record-title:hover span[b-1048lghv3o] {
    display: inline-block;
    animation: scroll-text-b-1048lghv3o 2.5s ease-in-out 0s infinite normal;
}

@keyframes scroll-text-b-1048lghv3o {
    0% {
        transform: translateX(0%);
    }
    10% {
        transform: translateX(0%);
    }
    60% {
        transform: translateX(Calc(-100% + min(100%, 50px)))
    }
    90% {
        transform: translateX(Calc(-100% + min(100%, 50px)))
    }
    100% {
        transform: translateX(0%);
    }
}
/* /Layout/Timeline/SectionTimeline.razor.rz.scp.css */
.section-timeline[b-9comgph8v2] {
    transform-origin: 0 0;
    height: 40px;
}

.section-timeline-item-dragger[b-9comgph8v2] {
    cursor: grab;
    box-shadow: 0 2px 3px 0 #0000007a;
    width: 2px;
    height: 40px;
    background: white;
    transform: translate(-50%, -25px);
    position: absolute;
    bottom: 0;
    z-index: 1;
}

.swatch-queue-section-timeline-item-dragger[b-9comgph8v2] {
    cursor: grab;
    box-shadow: 0 2px 3px 0 #0000007a;
    width: 2px;
    height: 40px;
    background: white;
    transform: translate(-50%, -5px);
    position: absolute;
    bottom: 0;
    z-index: 1;
}

.section-timeline-item-dragger[b-9comgph8v2]::before {
    content: '';
    position: absolute;
    width: 300%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.section-timeline-item-dragger:hover .dragger-popover[b-9comgph8v2] {
    display: block;
}

.dragger-popover[b-9comgph8v2] {
    display: none;
    position: absolute;
    background: #616161;
    left: 50%;
    transform: translate(-50%, -30px);
    width: auto;
    line-height: 1;
    padding: 6px 10px;
}

.section-timeline-stitch-highlight[b-9comgph8v2] {
    transform: translate(-50%, -12px);
    pointer-events: none;
    cursor: grab;
    width: 4px;
    height: 35px;
    border: 1px solid white;
    outline: 1px solid black;
    position: absolute;
    bottom: 15px;
}

.section-timeline-visibility-dragger[b-9comgph8v2] {
    cursor: grab;
    box-shadow: 0 2px 3px 0 #0000007a;
    width: 4px;
    height: 60px;
    background: var(--mud-palette-primary);
    transform: translate(-50%, -16px);
    position: absolute;
    bottom: 0;
    z-index: 1;
}

.section-timeline-visibility-dragger[b-9comgph8v2]::before {
    content: '';
    position: absolute;
    width: 250%;
    height: 130%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -45px);
    z-index: -1;
}

.section-timeline-end-visibility-area[b-9comgph8v2] {
    height: 35px;
    position: absolute;
    bottom: 27px;
    right: -24px;
    background: #373740b8;
    pointer-events: none;
}

.section-timeline-start-visibility-area[b-9comgph8v2] {
    height: 35px;
    position: absolute;
    bottom: 27px;
    left: 0;
    background: #373740b8;
    pointer-events: none;
}

.thread-change-marker[b-9comgph8v2] {
    transform: translate(-50%, 50%);
    position: absolute;
    bottom: 0;
    color: var(--mud-palette-secondary);
    z-index: 2;
}

.thread-change-marker[b-9comgph8v2]::before {
    content: '';
    position: absolute;
    background: var(--mud-palette-surface);
    width: 13px;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.thread-change-marker.coloreel-thread[b-9comgph8v2] {
    color: var(--mud-palette-text-primary);
}

.thread-change-marker.coloreel-thread[b-9comgph8v2]::before {
    width: 19px;
    height: 21px;
    border-radius: 10px;
}

.thread-type-line[b-9comgph8v2] {
    margin-top: 30px;
    border-bottom: 2px solid rgb(255 255 255 / 25%);
}
/* /Layout/Timeline/SectionTimelineItem.razor.rz.scp.css */
.section-timeline-item[b-1gkl228urf] {
    height: 25px;
    cursor: grab;
}

.section-timeline-item.section-timeline-item-selected[b-1gkl228urf] {
    height: 33px;
    transform: translateY(4px);
}

.section-timeline-item.swatch-item[b-1gkl228urf] {
    transform: translateY(-7px);
}

.section-timeline-item.swatch-item.section-timeline-item-selected[b-1gkl228urf] {
    transform: translateY(-3px);
}
/* /SwatchQueue/SwatchQueueComposer.razor.rz.scp.css */
.queue-item-avatar[b-lpvqct4sxm] {
    width: 100%;
    height: 100%;
}

.swatch-queue-container[b-lpvqct4sxm] {
    position: absolute;
    top: 100px;
    bottom: 75px;
    left: 50%;
    transform: translateX(-50%);
}

.swatch-queue-list[b-lpvqct4sxm] {
    overflow-y: auto;
}