.product__media .pendant-wrapper img,.product__media .charm-wrapper img{max-width:100%;width:100%;display:block;height:100%;object-fit:contain;object-position:center}.product__media .pendant-wrapper img,.product__media .charm-wrapper img{display:none}.product__media .pendant-wrapper img[src]:not([src=""]),.product__media .charm-wrapper img[src]:not([src=""]){display:block}.product__media #pendant{position:absolute;left:50%;transform:translate(-50%);width:14%;height:14%;top:85%;z-index:21}.product__media #charm-1{position:absolute;left:38%;transform:translate(-50%) rotate(10deg);width:10%;height:10%;top:84%;z-index:20}.product__media #charm-2{position:absolute;left:62%;transform:translate(-50%) rotate(-10deg);width:10%;height:10%;top:84%;z-index:20}.product__media #charm-3{position:absolute;left:30%;transform:translate(-50%) rotate(30deg);width:10%;height:10%;top:80%;z-index:19}.product__media #charm-4{position:absolute;left:70%;transform:translate(-50%) rotate(-30deg);width:10%;height:10%;top:80%;z-index:19}.product__media #charm-5{position:absolute;left:24%;transform:translate(-50%) rotate(35deg);width:10%;height:10%;top:75%;z-index:18}.product__media #charm-6{position:absolute;left:75%;transform:translate(-50%) rotate(-35deg);width:10%;height:10%;top:75%;z-index:18}.product__media #charm-7{position:absolute;left:19%;transform:translate(-50%) rotate(40deg);width:10%;height:10%;top:69%;z-index:17}.product__media #charm-8{position:absolute;left:79%;transform:translate(-50%) rotate(-40deg);width:10%;height:10%;top:69%;z-index:17}.only-charms .product__media #charm-1{position:absolute;left:50%;transform:translate(-50%);width:10%;height:10%;top:87%;z-index:21}.only-charms .product__media #charm-2{position:absolute;left:38%;transform:translate(-50%) rotate(10deg);width:10%;height:10%;top:84%;z-index:20}.only-charms .product__media #charm-3{position:absolute;left:62%;transform:translate(-50%) rotate(-10deg);width:10%;height:10%;top:84%;z-index:20}.only-charms .product__media #charm-4{position:absolute;left:30%;transform:translate(-50%) rotate(30deg);width:10%;height:10%;top:80%;z-index:19}.only-charms .product__media #charm-5{position:absolute;left:70%;transform:translate(-50%) rotate(-30deg);width:10%;height:10%;top:80%;z-index:19}.only-charms .product__media #charm-6{position:absolute;left:22%;transform:translate(-50%) rotate(35deg);width:10%;height:10%;top:75%;z-index:18}.only-charms .product__media #charm-7{position:absolute;left:75%;transform:translate(-50%) rotate(-35deg);width:10%;height:10%;top:75%;z-index:18}.only-charms .product__media #charm-8{position:absolute;left:19%;transform:translate(-50%) rotate(40deg);width:10%;height:10%;top:69%;z-index:17}.only-charms .product__media #charm-9{position:absolute;transform:translate(-50%) rotate(-40deg);width:10%;height:10%;top:70%;z-index:17;left:80%}.only-charms .product__media #charm-10{position:absolute;left:14%;transform:translate(-50%) rotate(44deg);width:10%;height:10%;top:64%;z-index:17}.only-charms .product__media #charm-11{position:absolute;left:84%;transform:translate(-50%) rotate(-42deg);width:10%;height:10%;top:64%;z-index:17}.only-charms .product__media #charm-12{position:absolute;left:12%;transform:translate(-50%) rotate(48deg);width:10%;height:10%;top:57%;z-index:17}.all-charms-wrapper{margin-bottom:16px}.all-charms-wrapper .step{display:none}.all-charms-wrapper .step.active{display:block}.all-charms-wrapper .pendant-title,.all-charms-wrapper .charm-title{display:flex;align-items:center;justify-content:space-between;background:#47554b;color:#fff;padding:7px 15px;font-size:22px;margin:0}.all-charms-wrapper .pendant-title .count,.all-charms-wrapper .charm-title .count,.all-charms-wrapper .pendant-title.active .zero,.all-charms-wrapper .charm-title.active .zero{display:none}.all-charms-wrapper .pendant-title.active .count,.all-charms-wrapper .charm-title.active .count{display:block}.all-charms-wrapper .all-icon-wrapper{height:50vh;overflow-y:scroll;margin-bottom:12px}.all-charms-wrapper h3{margin:0;padding:10px 0;font-size:18px}.all-charms-wrapper .swatch-icon-wrapper{display:flex;gap:10px;flex-wrap:wrap}.all-charms-wrapper .img-wrapper{width:calc(20% - 10px);position:relative;padding-top:calc(20% - 10px)}.all-charms-wrapper .img-wrapper label{border:1px solid transparent;position:absolute;top:0;right:0;bottom:0;left:0}.all-charms-wrapper .img-wrapper input[type=radio]{position:absolute;width:0;height:0;overflow:hidden}.all-charms-wrapper .img-wrapper input[type=radio].checked~label{border:1px solid #000000}.all-charms-wrapper .img-wrapper img{width:100%;display:block;height:100%;object-fit:contain;object-position:center}.all-charms-wrapper .img-wrapper .tag{position:absolute;bottom:0;right:0;font-size:10px;background:#103948;color:#fff;line-height:1;padding:3px}.all-charms-wrapper .step-btn-wrapper{display:flex;gap:16px}.all-charms-wrapper .step-btn-wrapper button{all:unset;width:50%;padding:10px;background:#47554b;color:#fff;text-align:center;border-radius:5px}.all-charms-wrapper .step-btn-wrapper button:disabled{pointer-events:none;cursor:not-allowed;opacity:.6}.custom-button-wrapper{display:none;padding:24px 16px 16px;box-shadow:1px 8px 35px #888;position:relative}.custom-button-wrapper.active{display:block}.custom-button-wrapper .reset-charms{all:unset;position:absolute;top:0;right:0;background:#103948;color:#fff;padding:4px;line-height:1;font-size:13px;cursor:pointer}.custom-button-wrapper h2{font-size:18px;margin-top:0}.custom-button-wrapper .agreement-wrapper{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.custom-button-wrapper label{font-size:16px;line-height:1.4}.custom-button-wrapper input[type=radio]{margin-top:6px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/build-your-own-pendant.css.map */