.build-a-system-widget{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;max-width:800px;margin:0 auto}.system-preview{display:none!important;background-color:#f5f5f5;padding:20px;border-radius:8px;margin-bottom:20px;text-align:center}.system-preview__container{display:flex;justify-content:center;gap:15px;margin-bottom:10px}.preview-parcel{width:80px;height:100px;border-radius:8px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 2px 4px #0000001a}.system-preview__labels{font-size:14px;color:#777}.editor-item{display:flex;align-items:flex-start;border-radius:4px;border:1px solid #D0CAC3;padding:10px 14px;margin-bottom:10px;font-size:14px;line-height:22px}.editor-item__number{width:30px;font-weight:700;color:#2b2b2b}.editor-item__content{flex:1}.editor-item__details{display:flex;flex-direction:column;gap:5px;width:100%}.editor-item__size-container{display:flex;flex-direction:column}.editor-item__size-label{margin-bottom:8px;font-size:14px;color:#2b2b2b;font-weight:500}.editor-item__size-radios{display:flex;gap:8px;flex-wrap:wrap;flex-direction:row;justify-content:space-evenly;align-content:stretch;align-items:stretch}.size-radio-wrapper{display:flex;flex-direction:column;flex:1}.size-radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.size-radio-label{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s;min-width:71px;border:1px solid #D0CAC3;border-radius:2px;padding:5px 10px;font-size:12px;letter-spacing:-.12px;line-height:12px;text-align:center;margin:0;height:100%}.size-title{font-size:14px;margin-bottom:4px}.size-oz{font-size:10px;color:#777}.size-radio:checked+.size-radio-label{border-color:#000}.size-radio-label:hover{transform:translateY(-1px)}.editor-item__quantity-container{display:none!important;display:flex;flex-direction:column}.editor-item__quantity-label{margin-bottom:8px;font-size:14px;color:#2b2b2b;font-weight:500}.quantity-selector{display:flex;align-items:center;border:2px solid #e0e0e0;border-radius:6px;background-color:#fff;width:fit-content}.quantity-btn{background:none;border:none;padding:8px 12px;font-size:16px;font-weight:700;cursor:pointer;color:#2b2b2b;transition:all .2s;min-width:36px}.quantity-btn:hover{background-color:#f5f5f5;color:#333}.quantity-btn:active{background-color:#e0e0e0}.quantity-btn--decrease:hover{color:#d32f2f}.quantity-btn--increase:hover{color:#8b4513}.quantity-display{padding:8px 16px;font-weight:600;color:#333;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;background-color:#fafafa;min-width:40px;text-align:center}.editor-item__actions{display:flex;gap:5px;position:relative;top:-1px;left:-21px;width:0px}.editor-item__actions button{background:none;border:none;padding:0;margin:0;cursor:pointer}.editor-item__actions .icon{font-size:20px;color:#5a5a5a;cursor:pointer}.editor-item__color-container{display:flex;flex-direction:column}.editor-item__color-label{margin-top:8px;font-size:14px;color:#2b2b2b}.editor-item__color-radios{display:flex;flex-wrap:wrap;gap:12px;margin-top:3px}.color-radio-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:5px}.color-radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.color-radio-label{display:flex;flex-direction:column;align-items:center;cursor:pointer;margin-bottom:0}.color-swatch{width:24px;height:24px;border-radius:50%;transition:all .2s}.color-radio:checked+.color-radio-label .color-swatch{border-color:#333;transform:scale(.9);box-shadow:0 0 0 2px #000000e6}.color-name{font-size:12px;margin-top:3px;text-align:center;max-width:60px;overflow:hidden;text-overflow:ellipsis;display:none}.btn{cursor:pointer;padding:8px 16px;border-radius:4px;border:none;font-weight:500;transition:all .2s}.btn--delete{background:none;padding:5px;color:#777}.btn--add-parcel{background-color:#f5f5f5;width:100%;background-color:transparent;border:dashed 1px #454545;color:#2b2b2b;padding:6px;border-radius:2px}.btn.btn--add-parcel:hover{background-color:transparent;border:dashed 1px #454545;color:#2b2b2b}.btn--primary{background-color:#8b4513;color:#fff}.btn--add-oar{width:100%;margin-top:14px;height:50px;padding:0;background:#000;color:#fff;text-align:center;line-height:50px}.btn--add-oar.in-transition{opacity:.5;transition:opacity .3s ease}.system-editor__total{text-align:right;margin:20px 0;font-size:18px;font-weight:700}@media(max-width:600px){.editor-item{align-items:flex-start}.editor-item__content,.editor-item__details{min-width:0;width:100%;box-sizing:border-box}.editor-item__size-radios{width:100%;box-sizing:border-box}.size-radio-wrapper{min-width:0}.size-radio-label{width:100%;min-width:0;box-sizing:border-box;padding-left:8px;padding-right:8px}}@media(max-width:400px){.size-radio-wrapper{flex:0 0 calc(50% - 5px)}}#ps__widget_container,#ps-desktop-widget__container{display:none!important;z-index:-100000!important}.color-swatch:not(.disabled):after{border:2px solid #eeeae6}.system-editor__summary .callout{border:1px solid #b3b3b3;border-radius:3px;width:100%;width:99%;margin:-3px auto 0;line-height:21px;font-size:12px;font-weight:500;line-height:16px;color:#000;background-color:#e3e3e3;text-align:center;padding:13px 20px 10px}.system-editor__summary .body-text{font-size:12px;font-weight:500;line-height:16px;color:#2b2b2b;background-color:#d9d6d3;text-align:center;padding-left:20px}.system-editor__summary .set-preview{padding:20px}.system-editor__actions{margin:20px 0}.editor-item.animate{animation:fadeIn .3s ease-out}.editor-item.animate-out{animation:fadeOut .3s ease-out forwards;pointer-events:none}@keyframes fadeOut{to{opacity:0;transform:scale(.4) translateY(-20px);height:0;margin-bottom:0;padding-top:0;padding-bottom:0;overflow:hidden}}@keyframes fadeIn{0%{height:0;margin-bottom:0;padding-top:0;padding-bottom:0;overflow:hidden;opacity:0;transform:scale(.4) translateY(-20px)}}.editor-item--skeleton{opacity:.6}.skeleton-block{background:linear-gradient(90deg,#dbdbdb1f 25%,#d4d4d42e,#a5a5a530 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;height:20px;margin-bottom:10px}.skeleton-size{width:60%}.skeleton-color{width:40%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.system-editor__items:has(.editor-item:not(.editor-item--skeleton)) .editor-item--skeleton{display:none}#atc-system-strikethrough{font-size:80%;opacity:.8;text-decoration:line-through}.diagonal-strike{position:relative}.diagonal-strike:after{content:"";position:absolute;top:0;left:0;right:0;bottom:3px;background:linear-gradient(to bottom right,transparent 47%,#ffffff 47%,#ffffff 53%,transparent 53%);pointer-events:none;z-index:1000;opacity:60%}#add-parcel-btn-badge{border:solid 1px #3b3a3a;border-radius:4px;margin-left:9px;padding:0 13px;color:#3b3a3a;display:none;border:unset;background-color:#6c2a12;color:#fff}#add-parcel-btn-badge.badge-visible{display:inline-block!important}.editor-item__label-container{margin-top:8px;border-top:1px solid #c2c2c2;padding-top:12px}.embroidery-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:0}.embroidery-left-side{display:flex;align-items:center;gap:8px;font-size:14px}.editor-item__label-checkbox{width:17px;height:17px;accent-color:#464646;cursor:pointer;margin-right:6px}.embroidery-right-side{font-size:14px}.embroidery-badge{font-size:10px;border:solid #000000 1px;padding:1px 10px;border-radius:4px;margin-left:6px}.embroidery-input-wrapper{max-height:0;overflow:hidden;transition:max-height .4s ease;margin-top:0}.embroidery-input-wrapper.expanded{max-height:500px}.embroidery-content{margin-top:16px;display:flex;gap:40px;align-items:flex-start}.input-section{flex:1;max-width:350px}.input-section label{display:block;margin-bottom:8px;font-size:14px;color:#2b2b2b}.editor-item__label-input{width:100%;padding:12px;box-sizing:border-box;margin-bottom:8px;font-size:14px;color:#2b2b2b;border:1px solid #D0CAC3;border-radius:2px}.helper-text{font-size:11px;color:#888;margin-top:6px;line-height:1.5}.preview-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;aspect-ratio:350 / 250;background-image:url(https://dynacapsule.com/embroidery.php?crop=top-sliver&compression=200&color=pebble);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:4px;background-color:#d3d3d3}.preview-section.pebble{background-image:url(https://dynacapsule.com/embroidery.php?crop=top-sliver&compression=200&color=pebble)}.preview-section.merlot{background-image:url(https://dynacapsule.com/embroidery.php?crop=top-sliver&compression=200&color=merlot)}.preview-section.canvas{background-image:url(https://dynacapsule.com/embroidery.php?crop=top-sliver&compression=200&color=canvas)}.preview-section.ink{background-image:url(https://dynacapsule.com/embroidery.php?crop=top-sliver&compression=200&color=canvas)}.preview-section.ink{background-image:url(https://dynacapsule.com/embroidery.php?crop=top-sliver&compression=200&color=ink)}.preview-section.chestnut{background-image:url(https://dynacapsule.com/embroidery.php?crop=top-sliver&compression=200&color=chestnut)}.preview-section.rose{background-image:url(https://dynacapsule.com/embroidery.php?crop=top-sliver&compression=200&color=rose)}.embroidery-preview-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:4px;opacity:1}@media(max-width:768px){.embroidery-content{gap:15px;flex-direction:column}.input-section{max-width:100%;display:flex;align-items:center;gap:10px}.input-section label{flex:0 0 20%;margin-bottom:0;line-height:1.35}.input-section .editor-item__label-input{flex:0 0 20%;width:auto;min-width:72px;max-height:42px;margin-bottom:0;padding:8px}.input-section .helper-text{flex:1 1 auto;margin-top:0;line-height:1.35}.preview-section{width:100%;min-height:200px}.embroidery-input-wrapper.expanded{max-height:700px}}@media(max-width:310px){.input-section{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.input-section label{flex:0 0 30%}.input-section .editor-item__label-input{flex:0 0 20%}.input-section .helper-text{flex:1 1 100%;margin-top:6px}}
/*# sourceMappingURL=/cdn/shop/t/160/assets/parcel-editor.css.map */