.slider-builder{max-width:100%;margin-top:1rem;overflow:visible}.slider-builder__step,.product-single__meta,form:has(.slider-builder),.grid__item:has(.slider-builder),.grid:has(.slider-builder),.page-width:has(.slider-builder),.page-content:has(.slider-builder){overflow:visible}.slider-builder__step{margin-bottom:1.5rem}.slider-builder__title{font-family:Futura Medium,Futura,sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.slider-builder__subtitle{font-size:13px;color:#666;margin-bottom:.75rem;line-height:1.4}.slider-builder__slots-wrap{position:relative;overflow:visible}.slider-builder__slots{display:flex;gap:8px;overflow-x:auto;width:100vw;margin-left:calc(-50vw + 50%);padding:6px 0 8px 20px;box-sizing:border-box;-webkit-overflow-scrolling:touch;scrollbar-width:none}.slider-builder__slots::-webkit-scrollbar{display:none}.slider-builder__slot{flex-shrink:0;width:56px;height:56px;border-radius:50%;border:2px dashed #ccc;background:#fafafa;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:border-color .2s,background-color .2s;padding:0}.slider-builder__slot:hover{border-color:#999;background:#f0f0f0}.slider-builder__slot.is-filled{cursor:grab;-webkit-touch-callout:none;touch-action:manipulation;border-style:solid;border-color:#ddd;background:#fff}.slider-builder__slot-plus{font-size:22px;color:#bbb;font-weight:300;line-height:1}.slider-builder__slot-img{width:36px;height:36px;-webkit-touch-callout:none;-webkit-user-select:none;pointer-events:none;object-fit:contain}.slider-builder__slot-remove{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:50%;background:#333;color:#fff;font-size:14px;line-height:18px;text-align:center;cursor:pointer;border:none;padding:0}.slider-builder__slot-remove:hover{background:#c00}.slider-builder__slot.is-dragging,.slider-builder__preview-charm.is-dragging{opacity:.3;transform:scale(.9)}.slider-builder__slot.is-drag-over{border-color:#d4af6e;border-style:solid;background:#d4af6e1a;transform:scale(1.05);transition:transform .15s,border-color .15s}.slider-builder__preview-charm.is-drag-over{transform:scale(1.15);filter:brightness(1.1);transition:transform .15s}.slider-builder.is-dragging-active{user-select:none;-webkit-user-select:none;touch-action:none}.slider-builder__slots,.slider-builder__preview-charms,.slider-builder__preview-cord{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.slider-builder__slot.is-filled,.slider-builder__preview-charm{-webkit-tap-highlight-color:transparent}.slider-builder__preview{background:#f9f7f5;border-radius:12px;padding:1rem 1rem 1.25rem;text-align:center;overflow:visible}.slider-builder__preview-cord{display:flex;align-items:center;justify-content:center;gap:0;min-height:50px}.slider-builder__preview-endcap{width:10px;height:26px;background:silver;border-radius:5px;flex-shrink:0}.slider-builder__preview-charms{display:flex;align-items:center;gap:0;padding:4px 12px;background:linear-gradient(to right,transparent,var(--slider-cord-color, #c8b89a) 8px,var(--slider-cord-color, #c8b89a) calc(100% - 8px),transparent) center calc(50% - 11px) / 100% 4px no-repeat,linear-gradient(to right,transparent,var(--slider-cord-color, #c8b89a) 8px,var(--slider-cord-color, #c8b89a) calc(100% - 8px),transparent) center calc(50% + 11px) / 100% 4px no-repeat;min-width:80px;justify-content:center;flex-wrap:nowrap}.slider-builder__preview-empty{font-size:13px;color:#999;text-align:center;margin:0 0 4px;font-style:italic}.slider-builder__preview-charm{height:32px;flex-shrink:1;min-width:0;margin:0 1px;cursor:grab;-webkit-touch-callout:none;touch-action:manipulation}.slider-builder__preview-charm img{height:100%;width:auto;max-width:100%;display:block;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;object-fit:contain}.slider-builder__preview-charm.is-pendant{position:relative;top:20px;height:auto;max-height:80px;margin:0 -10px}.slider-builder__preview-charm.is-pendant img{height:auto;max-height:70px}.slider-builder__pricing{background:#f5f5f5;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.slider-builder__pricing-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:4px 0;color:#555}.slider-builder__pricing-total{border-top:1px solid #ddd;margin-top:4px;padding-top:8px;font-weight:600;font-size:15px;color:#222}.slider-builder__atc{width:100%;padding:14px 20px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:opacity .2s}.slider-builder__atc[disabled]{opacity:.5;cursor:not-allowed}.slider-builder__picker{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:flex-end;pointer-events:none;opacity:0;transition:opacity .25s}.slider-builder__picker.is-open{pointer-events:auto;opacity:1}.slider-builder__picker-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006}.slider-builder__picker-drawer{position:relative;z-index:1;width:100%;background:#fff;border-radius:16px 16px 0 0;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s ease}.slider-builder__picker.is-open .slider-builder__picker-drawer{transform:translateY(0)}.slider-builder__picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 8px;flex-shrink:0}.slider-builder__picker-title{font-family:Futura Medium,Futura,sans-serif;font-size:16px;font-weight:600;margin:0}.slider-builder__picker-close{background:none;border:none;font-size:28px;line-height:1;cursor:pointer;padding:0 4px;color:#333}.slider-builder__picker-tabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid #eee;flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.slider-builder__picker-tab{background:none;border:none;border-bottom:2px solid transparent;padding:10px 14px;font-size:13px;font-weight:500;color:#888;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s}.slider-builder__picker-tab.is-active{color:#222;border-bottom-color:#222}.slider-builder__picker-tab:hover{color:#222}.slider-builder__picker-grid-wrap{position:relative}.slider-builder__picker-grid-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(to right,#fff0,#fff);pointer-events:none;z-index:1;transition:opacity .2s}.slider-builder__picker-grid-wrap.is-scrolled-end:after{opacity:0}.slider-builder__picker-grid{padding:12px 0 16px 16px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;display:grid;grid-template-rows:repeat(3,auto);grid-auto-flow:column;grid-auto-columns:calc((100vw - 16px - 40px) / 3.5);gap:10px;scroll-snap-type:x mandatory}.slider-builder__picker-grid::-webkit-scrollbar{height:3px}.slider-builder__picker-grid::-webkit-scrollbar-track{background:transparent}.slider-builder__picker-grid::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.slider-builder__charm-card{background:#fff;border:1px solid #eee;border-radius:8px;padding:6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px;transition:border-color .2s,box-shadow .2s;scroll-snap-align:start;width:100%;box-sizing:border-box}.slider-builder__charm-card:hover{border-color:#ccc;box-shadow:0 2px 8px #00000014}.slider-builder__charm-card:active{background:#f5f5f5}.slider-builder__charm-img-wrap{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.slider-builder__charm-img-wrap img{max-width:100%;max-height:100%;object-fit:contain}.slider-builder__charm-name{font-size:10px;color:#333;line-height:1.2;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.slider-builder__charm-badge{font-size:9px;color:#fff;background:#2d8a4e;border-radius:3px;padding:1px 6px;text-transform:uppercase;letter-spacing:.03em;font-weight:600}.slider-builder__charm-price{font-size:10px;color:#888;font-weight:500}.slider-builder__picker-empty{grid-column:1 / -1;text-align:center;color:#999;font-size:13px;padding:2rem}@media(min-width:768px){.slider-builder__slot{width:64px;height:64px}.slider-builder__slot-img{width:44px;height:44px}.slider-builder__preview-charm{height:36px}.slider-builder__picker-drawer{max-width:560px;margin:0 auto;max-height:60vh;border-radius:16px;position:absolute;bottom:5vh;left:50%;transform:translate(-50%) translateY(100%)}.slider-builder__picker.is-open .slider-builder__picker-drawer{transform:translate(-50%) translateY(0)}.slider-builder__picker-grid-wrap:after{display:none}.slider-builder__picker-grid{padding:12px 20px 16px;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-flow:row;grid-auto-columns:unset;overflow-x:visible;overflow-y:auto;flex-wrap:wrap;scroll-snap-type:none;max-height:50vh}.slider-builder__charm-card{flex:unset;scroll-snap-align:unset}.slider-builder__slots{gap:10px}}@media only screen and (min-width:590px){.slider-builder__slots{width:auto;margin-left:0;padding:6px 6px 8px;scrollbar-width:thin;scrollbar-color:#ccc transparent}.slider-builder__slots::-webkit-scrollbar{display:block;height:4px}.slider-builder__slots::-webkit-scrollbar-track{background:transparent}.slider-builder__slots::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}}form:has(.slider-builder) .variant-input-wrap{display:flex;flex-wrap:nowrap;gap:0}form:has(.slider-builder) .variant-input{flex:0 1 auto}form:has(.slider-builder) .color-swatch{width:clamp(28px,calc((100vw - 80px) / var(--swatch-count, 8)),48px);aspect-ratio:1;height:auto!important;min-height:unset!important;margin:0 2px}body.slider-modal-open{overflow:hidden}#slider-upload-start-modal.modal--is-active:before,#slider-upload-modal.modal--is-active:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:0}#slider-upload-start-modal .modal__inner,#slider-upload-modal .modal__inner{position:relative;z-index:1}#slider-upload-modal .pintura-editor{width:100%;min-height:400px}#slider-upload-modal .modal-footer .btn{min-width:180px}
/*# sourceMappingURL=/cdn/shop/t/243/assets/slider-bracelet-builder.css.map */