.embroidery-info-panel[data-v-cc027a0b]{width:20rem;display:flex;flex-direction:column;padding:var(--spacing-3);border-radius:var(--radius-xl);background:var(--surface-opacity-black-light);backdrop-filter:blur(1.6rem);-webkit-backdrop-filter:blur(1.6rem)}.embroidery-info-panel .embroidery-info-panel-head[data-v-cc027a0b]{display:flex;align-items:center;gap:var(--spacing-2);width:100%;margin:0;padding:0;border:none;background:transparent;color:var(--text-icon-white-primary);font-size:1.2rem;line-height:1.5rem;cursor:pointer}.embroidery-info-panel .embroidery-info-panel-head .embroidery-info-panel-title[data-v-cc027a0b]{flex:1;min-width:0;font-size:1.2rem;font-weight:500;line-height:1.5rem;text-align:left;word-break:break-word}.embroidery-info-panel .embroidery-info-panel-head .embroidery-info-panel-arrow[data-v-cc027a0b]{display:flex;flex-shrink:0;transition:transform .28s cubic-bezier(.4,0,.2,1)}.embroidery-info-panel .embroidery-info-panel-head .embroidery-info-panel-arrow.is-expanded[data-v-cc027a0b]{transform:rotate(180deg)}.embroidery-info-panel .embroidery-info-panel-body[data-v-cc027a0b]{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1)}.embroidery-info-panel .embroidery-info-panel-body.is-open[data-v-cc027a0b]{grid-template-rows:1fr}.embroidery-info-panel .embroidery-info-panel-body .embroidery-info-panel-body-inner[data-v-cc027a0b]{min-height:0;overflow:hidden}.embroidery-info-panel .embroidery-info-panel-list[data-v-cc027a0b]{display:flex;flex-direction:column;gap:var(--spacing-2);margin:0;padding:2rem 0 0;list-style:none}.embroidery-info-panel .embroidery-info-panel-list .embroidery-info-panel-item[data-v-cc027a0b]{display:flex;flex-direction:column;gap:var(--spacing-3);font-size:1.2rem;font-weight:400;line-height:1.5rem}.embroidery-info-panel .embroidery-info-panel-list .embroidery-info-panel-item .embroidery-info-panel-row[data-v-cc027a0b]{display:flex;align-items:center;gap:var(--spacing-2)}.embroidery-info-panel .embroidery-info-panel-list .embroidery-info-panel-item .embroidery-info-panel-label[data-v-cc027a0b]{flex-shrink:0;white-space:nowrap;color:var(--text-icon-white-light)}.embroidery-info-panel .embroidery-info-panel-list .embroidery-info-panel-item .embroidery-info-panel-value[data-v-cc027a0b]{flex:1;min-width:0;text-align:right;color:var(--text-icon-white-primary);word-break:break-word}.embroidery-info-panel .embroidery-info-panel-list .embroidery-info-panel-item .embroidery-info-panel-line[data-v-cc027a0b]{position:relative;height:0}.embroidery-info-panel .embroidery-info-panel-list .embroidery-info-panel-item .embroidery-info-panel-line[data-v-cc027a0b]:before{position:absolute;top:-.5px;right:0;left:0;border-top:1px solid var(--stroke-light);content:""}.embroidery-info-panel .embroidery-info-panel-list .embroidery-info-panel-colors[data-v-cc027a0b]{gap:var(--spacing-2)}.embroidery-info-panel .embroidery-info-panel-list .embroidery-info-panel-colors .embroidery-info-panel-swatches[data-v-cc027a0b]{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--spacing-2);width:100%;margin:0;padding:0;list-style:none}.embroidery-info-panel .embroidery-info-panel-list .embroidery-info-panel-colors .embroidery-info-panel-swatches .embroidery-info-panel-swatch[data-v-cc027a0b]{width:100%;aspect-ratio:1;border-radius:50%}@media(prefers-reduced-motion:reduce){.embroidery-info-panel .embroidery-info-panel-body[data-v-cc027a0b],.embroidery-info-panel .embroidery-info-panel-head .embroidery-info-panel-arrow[data-v-cc027a0b]{transition:none}}.fabric-color-picker[data-v-c83e6435]{display:flex;flex-direction:column;gap:var(--spacing-1);width:16.4rem;box-sizing:border-box;padding-bottom:var(--spacing-2);border:.5px solid var(--stroke-light);border-radius:var(--radius-xl);background:#191919;box-shadow:0 4px 20px #00000040;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.fabric-color-picker .fabric-color-picker-sv[data-v-c83e6435]{position:relative;flex-shrink:0;height:11.8rem;border-radius:var(--radius-xl) var(--radius-xl) var(--radius-m) var(--radius-m);background-image:linear-gradient(0deg,#000 0,transparent),linear-gradient(90deg,#fff 0,transparent);cursor:crosshair;touch-action:none}.fabric-color-picker .fabric-color-picker-sv .fabric-color-picker-sv-handle[data-v-c83e6435]{position:absolute;left:clamp(.6rem,calc(100%*var(--sv-x, 0)),calc(100% - .6rem));top:clamp(.6rem,calc(100%*var(--sv-y, 0)),calc(100% - .6rem));width:1.2rem;height:1.2rem;box-sizing:border-box;border:2px solid #fff;border-radius:var(--radius-full);box-shadow:0 0 4px #0000004d;transform:translate(-50%,-50%);pointer-events:none}.fabric-color-picker .fabric-color-picker-hue-row[data-v-c83e6435]{padding:var(--spacing-2)}.fabric-color-picker .fabric-color-picker-hue-row .fabric-color-picker-hue[data-v-c83e6435]{position:relative;height:1.2rem;border-radius:var(--radius-m);background:linear-gradient(90deg,#ff5d5d,#fee900 15%,#0f0,#00fffc,#020cff,#f0f 75%,red);cursor:pointer;touch-action:none}.fabric-color-picker .fabric-color-picker-hue-row .fabric-color-picker-hue .fabric-color-picker-hue-handle[data-v-c83e6435]{position:absolute;top:0;left:calc(.6rem + (100% - 1.2rem)*var(--hue-ratio, 0));width:1.2rem;height:1.2rem;box-sizing:border-box;border:3px solid #fff;border-radius:var(--radius-full);box-shadow:0 0 4px #0000004d;transform:translate(-50%);pointer-events:none}.fabric-color-picker .fabric-color-picker-hex-row[data-v-c83e6435]{display:flex;align-items:center;padding:0 var(--spacing-2)}.fabric-color-select[data-v-91c16ede]{position:absolute;left:50%;bottom:calc(var(--spacing-3) + 4.4rem + var(--spacing-1));z-index:3;transform:translate(-50%)}.fabric-color-select .fabric-color-select-popup[data-v-91c16ede]{position:absolute;left:50%;bottom:calc(100% + var(--spacing-1));transform:translate(-50%)}.fabric-color-select .fabric-color-select-popup .fabric-color-select-swatches[data-v-91c16ede]{display:grid;grid-template-columns:repeat(6,var(--component-size-s));gap:var(--spacing-1);margin:0;padding:var(--spacing-2);list-style:none;border:.5px solid var(--stroke-light);border-radius:var(--radius-xl);background:var(--surface-offblack-pannel);box-shadow:0 4px 10px #00000040;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.fabric-color-select .fabric-color-select-popup .fabric-color-select-swatches .fabric-color-select-swatch[data-v-91c16ede]{display:flex;align-items:center;justify-content:center;width:var(--component-size-s);height:var(--component-size-s);padding:0;border:none;border-radius:var(--radius-full);background:transparent;cursor:pointer;transition:background .15s ease}.fabric-color-select .fabric-color-select-popup .fabric-color-select-swatches .fabric-color-select-swatch .fabric-color-select-dot[data-v-91c16ede]{position:relative;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;overflow:hidden;border-radius:var(--radius-full);background:var(--swatch-color,transparent);box-shadow:0 0 0 .42px var(--stroke-medium);transition:box-shadow .15s ease}.fabric-color-select .fabric-color-select-popup .fabric-color-select-swatches .fabric-color-select-swatch .fabric-color-select-dot img[data-v-91c16ede]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fabric-color-select .fabric-color-select-popup .fabric-color-select-swatches .fabric-color-select-swatch[data-v-91c16ede]:hover{background:var(--surface-panel-normal)}.fabric-color-select .fabric-color-select-popup .fabric-color-select-swatches .fabric-color-select-swatch:hover:not(.is-selected) .fabric-color-select-dot[data-v-91c16ede]{box-shadow:0 0 0 .5px var(--stroke-medium)}.fabric-color-select .fabric-color-select-popup .fabric-color-select-swatches .fabric-color-select-swatch[data-v-91c16ede]:focus-visible{outline:1px solid var(--brand-default);outline-offset:0}.fabric-color-select .fabric-color-select-popup .fabric-color-select-swatches .fabric-color-select-swatch.is-selected .fabric-color-select-dot[data-v-91c16ede],.fabric-color-select .fabric-color-select-popup .fabric-color-select-swatches .fabric-color-select-swatch.is-selected:hover .fabric-color-select-dot[data-v-91c16ede]{border:none;box-shadow:0 0 0 .95px var(--stroke-brand)}.fabric-color-select .fabric-color-select-popup .fabric-color-select-swatches .fabric-color-select-swatch.is-selected .fabric-color-select-dot[data-v-91c16ede]:after,.fabric-color-select .fabric-color-select-popup .fabric-color-select-swatches .fabric-color-select-swatch.is-selected:hover .fabric-color-select-dot[data-v-91c16ede]:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1.9px var(--surface-black-bg);pointer-events:none}.fabric-color-select .fabric-color-select-popup .fabric-color-select-picker[data-v-91c16ede]{position:absolute;left:calc(100% + var(--spacing-2));bottom:0}.fabric-color-select .fabric-color-select-trigger[data-v-91c16ede]{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);border:none;border-radius:var(--radius-full);background:#0000000d;color:var(--text-icon-white-secondary);font-size:1.2rem;line-height:normal;white-space:nowrap;cursor:pointer;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.fabric-color-select .fabric-color-select-trigger .fabric-color-select-value[data-v-91c16ede]{display:flex;align-items:center;gap:var(--spacing-1)}.fabric-color-select .fabric-color-select-trigger .fabric-color-select-value .fabric-color-select-current[data-v-91c16ede]{flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:var(--radius-full);box-shadow:0 0 0 .5px var(--stroke-light)}.fabric-color-select .fabric-color-select-trigger .fabric-color-select-value .fabric-color-select-current.is-none[data-v-91c16ede]{background:repeating-conic-gradient(#ebebeb 0 25%,#fafafa 0 50%) 0 0 /.75rem .75rem}.fabric-color-select .fabric-color-select-trigger .fabric-color-select-value .fabric-color-select-arrow[data-v-91c16ede]{transition:transform .2s ease}.fabric-color-select .fabric-color-select-trigger[data-v-91c16ede]:hover{color:var(--text-icon-white-primary)}.fabric-color-select .fabric-color-select-trigger.is-open .fabric-color-select-value .fabric-color-select-arrow[data-v-91c16ede]{transform:rotate(180deg)}.fabric-color-select-pop-enter-active[data-v-91c16ede],.fabric-color-select-pop-leave-active[data-v-91c16ede]{transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1)}.fabric-color-select-pop-enter-from[data-v-91c16ede],.fabric-color-select-pop-leave-to[data-v-91c16ede]{opacity:0;transform:translate(-50%,.6rem)}@media screen and (max-width:768px){.fabric-color-select .fabric-color-select-popup .fabric-color-select-picker[data-v-91c16ede]{left:50%;bottom:calc(100% + var(--spacing-2));transform:translate(-50%)}}.embroidery-viewer[data-v-f39d1979]{position:relative;width:100%;height:100%;overflow:hidden}.embroidery-viewer[data-v-f39d1979] canvas{display:block}.embroidery-viewer .embroidery-info[data-v-f39d1979]{position:absolute;top:1.2rem;left:1.2rem;z-index:2}