.build-a-system-widget{max-width:800px;margin:0 auto;position:relative;touch-action:pan-x pan-y;-ms-touch-action:pan-x pan-y}.system-editor__items-wrapper{position:relative}.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;flex-wrap:wrap}.preview-capsule{width:80px;height:100px;border-radius:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 2px 4px #0000001a;position:relative}.capsule-size-label{font-size:12px;margin-bottom:4px}.capsule-label-preview{font-size:11px;text-align:center;word-break:break-word;max-width:60px}.system-preview__labels{font-size:14px;color:#777}.editor-item{display:flex;align-items:flex-start;border-radius:4px;border:1px solid #a9a9a9;padding:8px;margin-bottom:10px;font-size:14px;line-height:22px;transition:background-color .4s ease,border .4s ease;position:relative;box-shadow:2px 3px 10px 1px #b3b3b333}.editor-item--highlighted{background-color:#f1f1f1ac!important;border:2px solid #666666!important}.editor-item__content{flex:1}.editor-item__details{display:flex;flex-direction:column;gap:5px;width:100%;margin-top:10px}.color-bubble-preview{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:5px;margin-left:5px}.quantity-summary-display{font-size:12px;color:#777;background-color:#f0f0f0;padding:1px 6px;border-radius:4px;margin-left:6px}.editor-item__label-container{display:flex;flex-direction:row;gap:9px;padding-top:0;padding-bottom:6px;align-items:center}.editor-item__label-label{margin-bottom:6px;font-size:15px;color:#2b2b2b}.label-selectize{width:100%;border-radius:4px;font-size:14px;outline:none;cursor:pointer}.label-selectize:focus{border-color:#2b2b2b}.label-selectize+.selectize-control,.selectize-control.label-selectize{width:100%}.label-selectize+.selectize-control .selectize-input,.selectize-control.label-selectize .selectize-input{padding:8px 12px;border:1px solid #c8c8c8;border-radius:4px;font-size:14px;background:#fff;font-family:SpeziaCustomMedium,Arial,sans-serif;min-height:auto;transition:box-shadow .2s ease,border-color .2s ease}.label-selectize+.selectize-control .selectize-input.focus,.selectize-control.label-selectize .selectize-input.focus,.label-selectize+.selectize-control .selectize-input.dropdown-active,.selectize-control.label-selectize .selectize-input.dropdown-active{border-color:#2b2b2b;box-shadow:0 2px 4px #0000000d}.selectize-control.label-selectize .selectize-dropdown,.selectize-dropdown.selectize-grid-dropdown{box-shadow:0 10px 20px #0000001a,0 2px 6px #0000000d;border:1px solid #c8c8c8;margin-top:-1px;width:80vw!important;max-width:500px!important;right:0!important;left:auto!important}.template-product .selectize-input .item{line-height:100%;font-size:14px}.optgroup-header.optgroup-good-font{background:#fdfdfd;border-top:unset!important;border-bottom:unset!important;color:#666;text-transform:uppercase;font-size:12px;letter-spacing:.8px;line-height:1.2;font-weight:100}.selectize-dropdown .option,.selectize-dropdown .optgroup-header{padding:8px 12px}.selectize-dropdown .option img,.selectize-input .item img{max-height:20px;width:auto;vertical-align:middle}.selectize-control.single .selectize-input.input-active,.selectize-input{cursor:text!important}.selectize-grid-dropdown .selectize-dropdown-content{padding:5px 15px 15px;background:#f1f1f152;max-height:min(40vh,440px);overflow-y:auto}.selectize-grid-dropdown .optgroup{display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid #f0f0f0;padding-bottom:15px;margin-bottom:10px}.selectize-grid-dropdown .optgroup:last-child{border-bottom:none;margin-bottom:0}.selectize-grid-dropdown .optgroup-header{width:100%;flex:0 0 100%;background:transparent;border:none;padding:10px 5px 5px!important;margin-bottom:5px}.selectize-grid-dropdown .option.grid-item{display:flex;align-items:center;justify-content:center;border:1px solid #c8c8c8;border-radius:4px;min-height:40px;transition:all .2s ease;text-align:center}.selectize-grid-dropdown .option.grid-item.text-option{font-size:11px;line-height:1.2}.selectize-grid-dropdown .option.grid-item.icon-option img{max-height:24px;width:auto}.selectize-grid-dropdown .option.grid-item:hover,.selectize-grid-dropdown .option.grid-item.active{background-color:#d3d3d3;border-color:#2b2b2b;cursor:pointer}.editor-item__title-container:hover{cursor:pointer}.selectize-grid-dropdown .option.grid-item.active{background-color:#d3d3d3}.editor-item__size-container{display:flex;flex-direction:column}.editor-item__size-label{margin-bottom:10px;margin-top:6px;font-size:15px;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}.editor-item__label-container{border-bottom:1px solid #c8c8c8;padding-bottom:12px}.editor-item__size-container{padding-bottom:0}.size-radio-wrapper{display:flex;flex-direction:column;flex:1}.size-radio{position:absolute;opacity:0;width:0;height:0}.size-radio-label{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s;min-width:71px;text-align:center;border:1px solid #c8c8c8;border-radius:2px;padding:5px 10px;font-size:12px;letter-spacing:-.12px;line-height:12px;margin:0;height:100%}.size-title{margin-bottom:4px}.size-oz{font-size:10px;color:#777}.size-radio:checked+.size-radio-label{border-color:#000}.editor-item__size-color-container{display:flex;flex-direction:row;gap:10px;align-items:stretch;border-bottom:1px solid #b7b7b7;padding-bottom:12px}.editor-item__image-container{flex:0 0 25%;max-width:25%;display:flex;align-items:center;justify-content:center}@media(max-width:600px){.editor-item__size-color-container{gap:14px}.editor-item__image-container{flex:0 0 20%;max-width:90px}}.editor-item__preview-image{width:100%;height:auto;object-fit:contain;border-radius:4px;max-width:100px}.editor-item__size-color-wrapper{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:0}.editor-item__management-actions{display:flex;flex-direction:row-reverse;align-items:center;margin-bottom:8px;margin-top:7px;font-size:12px;color:#2b2b2b;cursor:pointer;justify-content:space-between}.editor-item__management-actions span{font-size:13px}@media(max-width:768px){.editor-item__management-actions span{font-size:12px}}.remove-capsule-button{text-decoration:underline;cursor:pointer}.quantity-selector-container{display:flex;flex-direction:row;align-items:center;gap:8px;border:solid 1px;padding:0 4px;border-radius:4px;margin-right:10px}.quantity-selector-button{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-bottom:3px}.editor-item__color-container{display:flex;flex-direction:column}.editor-item__color-label{margin-top:8px;font-size:15px;margin-bottom:10px;color:#2b2b2b}.editor-item__color-radios{display:flex;flex-wrap:wrap;gap:12px;margin-top:3px;margin-left:8px}.color-radio-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:5px}.color-radio{position:absolute;opacity:0;width:0;height: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}.editor-item__actions{display:flex;gap:5px;position:relative;top:-1px;left:-21px;width:0px}.editor-item__actions .icon{font-size:20px;color:#5a5a5a;cursor:pointer;display:none}.collapse-toggle{cursor:pointer}.collapse-toggle:hover .icon{color:#333}.collapse-toggle .icon{display:inline-block;transition:transform .3s ease}.collapse-toggle.collapsed .icon{transform:rotate(0)}.collapse-toggle.expanded .icon{transform:rotate(180deg)}.editor-item__title-label{font-size:15px;color:#2b2b2b}.editor-item__details-collapsible{overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out,margin .3s ease-out,padding .3s ease-out}.editor-item__details-collapsible:has(.selectize-input.dropdown-active){overflow:visible}.editor-item__details-collapsible.collapsed{max-height:0!important;opacity:0;margin:0;padding:0}.editor-item__details-collapsible.expanded{max-height:5000px;opacity:1}.editor-item__management-actions{padding-left:10px;padding-right:10px}.system-editor__actions{margin:20px 0}.build-a-system-widget .btn{cursor:pointer;padding:8px 16px;border-radius:4px;border:none;font-weight:500;transition:all .2s;text-decoration:none;display:inline-block}.build-a-system-widget .btn--add-capsule{width:100%;background-color:transparent;border:dashed 1px #454545;color:#2b2b2b;padding:6px;border-radius:2px}.build-a-system-widget .btn--add-capsule:hover{background-color:transparent;border:dashed 1px #454545;color:#2b2b2b}.build-a-system-widget .btn--primary{width:100%;margin-top:14px;height:50px;padding:0;background:#000;color:#fff;text-align:center;line-height:50px}.build-a-system-widget .btn--primary.in-transition{opacity:.5;transition:opacity .3s ease}.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}@media(max-width:768px){.system-editor__summary .callout{box-shadow:0 -10px 10px #0000001a}}#add-capsule-btn-badge{border:unset;background-color:#6c2a12;color:#fff;border-radius:4px;margin-left:9px;padding:0 13px;display:none}#add-capsule-btn-badge.badge-visible{display:inline-block!important}.add-capsule-quick-options{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.add-capsule-quick-label{font-size:12px;font-weight:500;color:#6b6b6b;margin-right:4px}.btn--add-capsule-quick{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;background-color:#f5f5f5;border:1px solid #D9D9D9;border-radius:20px;color:#2b2b2b;cursor:pointer;transition:background-color .2s,border-color .2s}.btn--add-capsule-quick:hover{background-color:#ebebeb;border-color:#454545}.add-capsule-quick-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;background-color:#6c2a12;color:#fff;border-radius:10px}@media(max-width:480px){.add-capsule-quick-options{gap:6px}.btn--add-capsule-quick{padding:5px 10px;font-size:12px}}#atc-system-strikethrough{font-size:80%;opacity:.8;text-decoration:line-through}.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}.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;opacity:60%}.size-radio-label.diagonal-strike{background-color:#eee;opacity:.7;pointer-events:none}.size-radio-label.diagonal-strike:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom right,transparent 47%,#c0c0c0 47%,#c0c0c0 53%,transparent 53%);pointer-events:none;opacity:50%}@media(max-width:400px){.size-radio-wrapper{flex:0 0 calc(50% - 5px)}}.capsule-coordinate-block:hover{border:2px dashed #454545;border-radius:7px;cursor:pointer}@media screen and (min-width:768px){.template-suffix-parcel-system .product-section .product-single__meta{margin-right:0;width:calc(100% - 25px)}}@media screen and (min-width:880px){.template-suffix-parcel-system .product-section{padding:39px 45px 0 40px}}#mobile-preview-image-overlay{display:none}.dynamic-preview-image-pdp{aspect-ratio:1;transition:aspect-ratio .4s ease,filter .4s ease,image-rendering .4s ease}@media screen and (max-width:768px){#mobile-preview-image-overlay{position:fixed;top:0;left:0;z-index:10;width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:center center;box-shadow:1px 4px 20px 7px #1118274a;transition:opacity .3s ease,visibility .3s ease,transform .3s ease}#mobile-preview-image-overlay{position:fixed;top:10px;left:10px;border:solid darkgray 1px;border-radius:5px;z-index:10;width:45%;aspect-ratio:1}body.capsule-selectize-open #mobile-preview-image-overlay{transform:translateY(-120%);opacity:0;visibility:hidden;pointer-events:none}}.dynamic-preview-image-pdp.updating-image{filter:contrast(.8) grayscale(15%) blur(2px)}.landscape-ratio .capsule-coordinate-block{transform:translateY(-15%)}.system-editor-debug-container{display:none}#system-image-headers{display:none!important}.build-a-system-widget h1,.system-builder-pdp-widget-section .title-container h1{font-size:1.3rem!important;line-height:161%;letter-spacing:-.01em;padding-bottom:10px;font-weight:400;margin:0 0 .75rem;line-height:135%}.system-builder-pdp-widget-section .title-container h1{font-size:1.8rem!important}.build-a-system-widget p{font-size:.875rem;line-height:161%;letter-spacing:-.01em}.inset-image{clip-path:inset(25%);width:200%;height:200%;overflow:hidden!important;transform:translateY(-25%) translate(-25%);max-width:unset}.color-swatch.diagonal-strike{opacity:.9;cursor:not-allowed}.system-builder-pdp-widget-section{display:flex;flex-direction:column;gap:10px;width:95%;max-width:1370px;margin:25px auto;padding:20px}.system-builder-pdp-widget-section .builder-widget-container{display:flex;flex-direction:row;gap:25px}.system-builder-pdp-widget-section__media{display:flex}.system-builder-pdp-widget-section__media{flex:0 0 45%}.system-builder-pdp-widget-section__editor{flex-grow:1}@media screen and (max-width:768px){.system-builder-pdp-widget-section{width:100%}.system-builder-pdp-widget-section .builder-widget-container{flex-direction:column}.system-builder-pdp-widget-section__media,.system-builder-pdp-widget-section__editor{flex:1}}.builder-widget-container .capsule-coordinates-overlay{position:relative}.editor-item__label-container{border-bottom:none}.editor-item__size-label,.add-capsule-quick-options{display:none}.color-bubble-preview.Snow{border:1px solid lightgray}.template-product .product-section .product-single__meta{padding-top:20px}@media screen and (max-width:768px){.template-product .product-section .product-single__meta{padding-top:0}}.editor-item .collapse-toggle .icon{zoom:70%}
/*# sourceMappingURL=/cdn/shop/t/138/assets/capsule-editor.css.map */