body:has(.unpair-builder) .section-header{position:relative!important;top:auto!important}body:has(.unpair-builder) sticky-header{position:relative!important;top:auto!important;transform:none!important}body:has(.unpair-builder) .header-wrapper{position:relative!important}.unpair-builder{padding:2rem 0}.unpair-builder__header{text-align:center;margin-bottom:4rem}.unpair-builder__title{margin-bottom:1rem}.unpair-builder__description{color:rgba(var(--color-foreground),.75);margin-bottom:2rem}.unpair-builder__step-header-wrapper{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.unpair-builder__ear-toggle{display:inline-flex;background:rgba(var(--color-foreground),.08);border-radius:9999px;padding:3px}.unpair-builder__toggle-btn{border:0;background:transparent;padding:.6rem 1.2rem;border-radius:9999px;font-size:1.2rem;font-weight:600;color:rgba(var(--color-foreground),.5);cursor:pointer;transition:all .2s ease;white-space:nowrap}.unpair-builder__toggle-btn.active{background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 1px 3px rgba(var(--color-shadow),.15)}.unpair-builder__toggle-btn:hover:not(.active){color:rgba(var(--color-foreground),.75)}.unpair-builder__content{display:grid;grid-template-columns:1fr;gap:3rem}@media screen and (min-width:990px){.unpair-builder__content{grid-template-columns:2fr 1fr;gap:2rem}}.unpair-builder__right-column{display:flex;flex-direction:column;gap:0}.unpair-builder__selection{display:flex;flex-direction:column;gap:3rem}.unpair-builder__step{padding:1.5rem 0;border-radius:var(--media-radius);margin-bottom:0;background-color:#fff;position:relative}.unpair-builder__step:first-of-type:after{content:"";position:absolute;bottom:0;height:1px;background:rgba(var(--color-foreground),.1);width:100%}.unpair-builder__step:last-child{margin-bottom:0}.unpair-builder__step.hidden{display:none}.unpair-builder__step-title{margin-top:0;margin-bottom:0;font-size:1.8rem;font-weight:600}.unpair-builder__step-header{position:relative;transition:color .2s ease;flex:0 0 auto}.unpair-builder__step-header-wrapper:hover .unpair-builder__step-header{color:rgba(var(--color-foreground),.75)}.unpair-builder__step-header-wrapper{position:relative;padding-right:3rem;cursor:pointer;-webkit-user-select:none;user-select:none}.unpair-builder__step.collapsed .unpair-builder__ear-toggle{visibility:hidden;opacity:0;pointer-events:none}.unpair-builder__step-header-wrapper:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(0);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid currentColor;transition:transform .3s ease}.unpair-builder__step.collapsed .unpair-builder__step-header-wrapper:after{transform:translateY(-50%) rotate(-90deg)}.unpair-builder__step-content{overflow:hidden;transition:max-height .3s ease,opacity .3s ease;max-height:5000px;opacity:1}.unpair-builder__step.collapsed .unpair-builder__step-content{max-height:0;opacity:0}.unpair-builder__filter-bar{margin-bottom:2rem;padding-top:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(var(--color-foreground),.1);display:flex;flex-direction:column;gap:1.5rem}.unpair-builder__filter-buttons{display:flex;align-items:flex-start;gap:.25rem;flex-wrap:wrap;padding-bottom:1rem}[data-step=base-selection] .unpair-builder__filter-buttons{display:none}[data-step=base-selection] .unpair-builder__filter-bar{padding-top:0}.unpair-builder__filter-btn{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:0;border:none;background:transparent;font-size:1.3rem;font-weight:500;color:rgb(var(--color-foreground));cursor:pointer;transition:all .2s ease;width:80px;flex-shrink:0}.unpair-builder__filter-btn:hover .unpair-builder__filter-icon-circle,.unpair-builder__filter-btn.active .unpair-builder__filter-icon-circle{border-color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.05)}.unpair-builder__filter-icon-circle{width:70px;height:70px;border-radius:50%;border:2px solid rgba(var(--color-foreground),.2);background-color:rgb(var(--color-background));display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.unpair-builder__filter-icon{display:block;width:64px;height:64px;object-fit:contain}.unpair-builder__filter-btn-text{text-align:center;line-height:1.2;word-wrap:break-word;width:100%;padding-bottom:1rem}.unpair-builder__search-wrapper{position:relative;width:100%;display:none}.unpair-builder__search-input{width:100%;padding:1rem 1.5rem 1rem 4rem;border:var(--inputs-border-width) solid rgba(var(--color-foreground),var(--inputs-border-opacity));border-radius:9999px;background-color:rgb(var(--color-background));font-size:1.4rem}.unpair-builder__search-input:focus,.unpair-builder__search-input:focus-visible{outline:none;box-shadow:none;border-color:rgb(var(--color-foreground))}.unpair-builder__search-icon{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:rgba(var(--color-foreground),.5);pointer-events:none}.unpair-builder__base-grid,.unpair-builder__charm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.unpair-builder__charm-grid{max-height:500px;overflow-y:auto;overflow-x:hidden;padding-right:.5rem;padding-top:.25rem}.unpair-builder__charm-grid::-webkit-scrollbar{width:8px}.unpair-builder__charm-grid::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.05);border-radius:4px}.unpair-builder__charm-grid::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.2);border-radius:4px}.unpair-builder__charm-grid::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.3)}.unpair-builder__product-card{display:flex;flex-direction:column;gap:0;padding:0;border-radius:var(--media-radius);background:rgb(var(--color-background));transition:all .3s ease;cursor:pointer;overflow:hidden}.unpair-builder__product-card:hover{border-color:rgba(var(--color-foreground),.3);box-shadow:4px 4px 10px rgba(var(--color-shadow),.05);transform:translateY(-2px)}.unpair-builder__product-card.selected{border-color:rgb(var(--color-button));border-width:2px}.unpair-builder__product-card.selected .unpair-builder__product-image-wrapper{background:rgba(var(--color-button),.1)}.unpair-builder__product-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:0}.unpair-builder__product-card h4{font-size:1.3rem;margin:0;line-height:1.8rem;padding:1rem 0 .5rem}.unpair-builder__product-card .price{font-size:1rem;margin:0;padding:.5rem 1rem 1rem 0}.unpair-builder__product-image-wrapper{position:relative;background:var(--card-background)}.unpair-builder__sold-out-badge{position:absolute;bottom:.8rem;left:.8rem;z-index:2;font-size:1.1rem;font-weight:600;letter-spacing:.05rem;line-height:1;padding:.4rem .8rem;border-radius:var(--badge-corner-radius);background-color:rgb(var(--color-badge-background));border:1px solid rgba(var(--color-badge-border),var(--alpha-badge-border));color:rgb(var(--color-badge-foreground))}.unpair-builder__product-card.sold-out{cursor:default;opacity:.55}.unpair-builder__product-card.sold-out:hover{transform:none;box-shadow:none;border-color:transparent}.unpair-builder__helper-text{margin-top:1rem;font-size:1.3rem;color:rgba(var(--color-foreground),.7);text-align:center}.unpair-builder__preview-container{height:fit-content}.unpair-builder__preview-container--left{position:sticky;top:2rem}.unpair-builder__preview{background:#fff;border-radius:var(--media-radius)}.unpair-builder__preview-wrapper{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;width:100%}@media screen and (min-width:990px){.unpair-builder__preview-wrapper{gap:2rem}}.unpair-builder__preview-wrapper:before{content:"";position:absolute;pointer-events:none;z-index:-1;background-image:var(--decoration-image);background-repeat:no-repeat;background-size:contain;background-position:center;width:100%;height:100%;max-width:800px;max-height:800px;top:var(--decoration-top, 0%);left:var(--decoration-left, 0%)}.unpair-builder__preview-column{position:relative;width:100%;background:var(--card-background);border-radius:2em;overflow:hidden}.unpair-builder__model-stage{position:relative;width:100%}.unpair-builder__ear-model-image{display:block;position:relative;width:100%;height:auto;z-index:1}.unpair-builder__ear-overlay-image{display:block;position:absolute;top:0;left:0;width:100%;height:auto;z-index:10;pointer-events:none}.unpair-builder__ear-model-image.flipped,.unpair-builder__ear-overlay-image.flipped{transform:scaleX(-1)}.unpair-builder__left-overlay-stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;aspect-ratio:1;z-index:2}.unpair-builder__preview-canvas-wrapper{position:relative;width:100%;aspect-ratio:1}.unpair-builder__preview-canvas{position:absolute;top:var(--right-earring-top, 20%);left:0;width:100%;height:100%;z-index:2}#preview-canvas-left{position:absolute;top:var(--left-earring-top, 65%);left:0;width:100%;height:100%;transform:scale(var(--left-earring-scale, .23));transform-origin:center top}#preview-canvas-left .unpair-builder__preview-charm{filter:drop-shadow(-5px 45px 15px rgba(122,56,38,.2)) drop-shadow(0 105px 45px rgba(122,56,38,.15))}.unpair-builder__preview-placeholder{text-align:center;color:rgba(var(--color-foreground),.5);font-size:1.2rem}.unpair-builder__preview-base{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0}.unpair-builder__preview-base--hover{animation:fadeIn .3s ease-out;opacity:1}.unpair-builder__preview-charm{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;pointer-events:none;animation:fadeInDropFull .3s ease-out;transform:scale(var(--charm-scale, 1)) translate(var(--charm-x-offset, 0)) translateY(var(--charm-offset, 0)) rotate(var(--charm-rotation, 0deg))}.unpair-builder__preview-charm--hover{animation:fadeInDrop .3s ease-out;opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDrop{0%{opacity:0;transform:scale(var(--charm-scale, 1)) translate(var(--charm-x-offset, 0)) translateY(calc(var(--charm-offset, 0) - 8px)) rotate(var(--charm-rotation, 0deg))}to{opacity:1;transform:scale(var(--charm-scale, 1)) translate(var(--charm-x-offset, 0)) translateY(var(--charm-offset, 0)) rotate(var(--charm-rotation, 0deg))}}@keyframes fadeInDropFull{0%{opacity:0;transform:scale(var(--charm-scale, 1)) translate(var(--charm-x-offset, 0)) translateY(calc(var(--charm-offset, 0) - 8px)) rotate(var(--charm-rotation, 0deg))}to{opacity:1;transform:scale(var(--charm-scale, 1)) translate(var(--charm-x-offset, 0)) translateY(var(--charm-offset, 0)) rotate(var(--charm-rotation, 0deg))}}.unpair-builder__summary{background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--media-radius);padding:2rem;margin-top:1rem}.unpair-builder__summary-title{margin-top:0;margin-bottom:1.5rem;font-size:1.8rem;font-weight:600}.unpair-builder__selected-items{margin-bottom:2rem;min-height:100px}.unpair-builder__selected-columns{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.unpair-builder__selected-column{display:flex;flex-direction:column;gap:.25rem}.unpair-builder__column-header{font-weight:600;font-size:1.4rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(var(--color-foreground),.1)}.unpair-builder__summary-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;line-height:1.7rem;padding:0;font-size:1.3rem;margin-bottom:.5rem;gap:.5rem}.unpair-builder__summary-item>span:first-of-type{text-align:left}.unpair-builder__summary-item>span:last-of-type{text-align:right}.unpair-builder__remove-charm{background:none;border:none;color:rgba(var(--color-foreground),.4);font-size:1.8rem;line-height:1;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;flex-shrink:0}.unpair-builder__remove-charm:hover{color:rgb(var(--color-foreground))}.unpair-builder__summary-item--base{font-weight:600;padding-bottom:.75rem;margin-bottom:.5rem}.unpair-builder__summary-item--base.has-charms{border-bottom:1px solid rgba(var(--color-foreground),.08)}.unpair-builder__add-to-cart{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem}.unpair-builder__add-to-cart:disabled{opacity:.5;cursor:not-allowed}.unpair-builder__add-to-cart.button:after{z-index:0}.unpair-builder__cart-total{font-size:1.8rem;font-weight:700}.unpair-builder__cart-text{font-size:1.6rem;font-weight:600}.unpair-builder__sticky-cart-container{position:fixed;bottom:0;left:0;right:0;width:100%;display:none;padding:1.5rem 2rem;z-index:100;box-shadow:0 -4px 12px rgba(var(--color-shadow),.15);transform:translateY(100%);transition:transform .3s ease;background:rgb(var(--color-background))}.unpair-builder__sticky-cart-container.visible{transform:translateY(0)}.unpair-builder__sticky-cart{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-radius:var(--buttons-radius)}.unpair-builder__sticky-cart:disabled{opacity:.5;cursor:not-allowed}.unpair-builder__category-tabs{display:flex;gap:2rem;border-bottom:1px solid rgba(var(--color-foreground),.1);padding-top:1.5rem;margin-bottom:0}.unpair-builder__category-tab{border:none;border-bottom:2px solid transparent;background:transparent;font-family:var(--font-heading-family);padding:.75rem 0;margin-bottom:-1px;font-size:1.4rem;font-weight:600;color:rgba(var(--color-foreground),.4);cursor:pointer;transition:all .2s ease}.unpair-builder__category-tab.active{color:rgb(var(--color-foreground));border-bottom-color:rgb(var(--color-foreground))}.unpair-builder__category-tab:hover:not(.active){color:rgba(var(--color-foreground),.7)}.unpair-builder__selected-columns--single{grid-template-columns:1fr}.unpair-builder[data-mode=necklaces] #preview-canvas-left .unpair-builder__preview-charm{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.unpair-builder[data-mode=earrings] #preview-canvas-left{--charm-scale: var(--left-earring-charm-scale, 1)}.unpair-builder[data-mode=earrings] #preview-canvas-right{transform:scale(var(--right-earring-scale, 1));transform-origin:center top;--charm-scale: var(--right-earring-charm-scale, 1)}.unpair-builder[data-mode=necklaces] #preview-canvas-left{--charm-scale: var(--left-necklace-charm-scale, 1)}.unpair-builder[data-mode=necklaces] #preview-canvas-right{transform:scale(var(--right-necklace-scale, 1));transform-origin:center top;--charm-scale: var(--right-necklace-charm-scale, .6)}.unpair-builder[data-mode=necklaces] .unpair-builder__ear-toggle,.unpair-builder[data-mode=necklaces] .unpair-builder__ear-overlay-image{display:none}.unpair-builder[data-mode=necklaces] #preview-canvas-left{top:var(--left-necklace-top, 45%);transform:scale(var(--left-necklace-scale, .3))}.unpair-builder[data-mode=necklaces] .unpair-builder__preview-canvas{top:var(--right-necklace-top, 0%)}@media screen and (max-width:989px){.unpair-builder__preview-container{position:sticky;padding-top:2rem;top:0;z-index:1;background-color:#fff}.unpair-builder__preview-canvas-wrapper{aspect-ratio:1}.unpair-builder__base-grid,.unpair-builder__charm-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.unpair-builder__sticky-cart-container{display:block}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/unpair-builder.css.map */