:root{--primary: #090954;--secondary: #fff;--border: var(--primary);--selected-bg: #f0f4ff;--text: var(--primary);--font-heading: 42px;--font-body: 18px;--font-small: 14px}.find-charm-container{color:var(--primary);max-width:600px;margin:auto;padding:40px 20px;text-align:center;width:100%}.find-charm-container input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.find-charm-container input[type=number]::-webkit-inner-spin-button,.find-charm-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.find-charm-container h1,.find-charm-container h2{color:inherit;margin-bottom:15px}.find-charm-container .personality-description,.find-charm-container .style-description{line-height:1.2;font-family:var(--font-heading-family)}.find-charm-container p{font-size:var(--font-body);line-height:1.5}.find-charm-container .horizontal-rule{border-top:1px solid var(--border);margin:40px auto 0;width:100%}.find-charm-container .charm-images{position:relative;display:flex;justify-content:center;align-items:center;height:180px;margin-bottom:50px}.find-charm-container .charm-image{width:140px;height:140px;object-fit:contain;transition:transform .3s ease;position:relative}.find-charm-container .charm-image:nth-child(1),.find-charm-container .semi-circle-images img:nth-child(1){animation:rotateSwing1 4s ease-in-out infinite}@keyframes rotateSwing1{0%{transform:rotate(12deg) translateY(-8px)}50%{transform:rotate(12deg) translateY(-18px)}to{transform:rotate(12deg) translateY(-8px)}}.find-charm-container .charm-image:nth-child(2){transform:none;z-index:2;width:160px;height:160px;top:90px;animation:rotateSwing2 4s ease-in-out infinite}@keyframes rotateSwing2{0%{transform:rotate(5deg)}50%{transform:rotate(10deg)}to{transform:rotate(5deg)}}.find-charm-container .charm-image:nth-child(3),.find-charm-container .semi-circle-images img:nth-child(3){animation:rotateSwing3 4s ease-in-out infinite}@keyframes rotateSwing3{0%{transform:rotate(-10deg) translateY(-10px)}50%{transform:rotate(5deg) translateY(-10px)}to{transform:rotate(-10deg) translateY(-10px)}}.find-charm-container .st-btn{width:100%;max-width:400px;padding:18px;font-size:11px;letter-spacing:1.5px;border:1px solid var(--primary);cursor:pointer;background:transparent;transition:all .3s ease;margin:0 auto;font-weight:300;color:var(--primary)}.close-modal-badge{top:0!important;width:auto!important}.image-size-of-quiz{width:30px!important;height:30px!important;transform:none!important}.find-charm-container .action-buttons{display:flex;flex-direction:column;align-items:center;padding:1rem 0;width:100%;gap:1rem}.find-charm-container .action-buttons .st-btn{background:var(--secondary);color:var(--primary)}.find-charm-container .action-buttons .dark-btn{background:var(--primary);color:var(--secondary)}.find-charm-container .action-buttons .btn-stylist-secondary{background:var(--secondary)}.find-charm-container [class$=-options],.find-charm-container [class$=-choices]{display:flex;flex-direction:column;gap:15px;width:100%;max-width:500px;margin:0 auto}.find-charm-container [class$=-choices]{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:1.5rem 0}.find-charm-container [class$=-option],.find-charm-container [class$=-card]{width:100%;font-size:var(--font-body);background:var(--secondary);cursor:pointer;transition:all .3s ease;text-align:center;color:var(--text);position:relative}.find-charm-container .gift-option{padding:1.2rem 8px;border:1px solid var(--primary)}.find-charm-container [class$=-card]{border:0;padding:0}.find-charm-container [class$=-options] span{font-size:11px!important;text-align:left;font-weight:300!important;letter-spacing:normal;margin-top:5px}.find-charm-container [class$=-selection],.find-charm-container .jewelry-emotion-section,.find-charm-container .selection-page{text-align:center}.find-charm-container .name-input-wrapper{position:relative;max-width:400px;margin:0 auto}.find-charm-container .name-input{width:100%;height:4.8rem;padding:12px 50px 12px 12px;text-align:center;border:1px solid var(--primary);font-size:13px;color:var(--text);outline:none;transition:border-color .3s ease}.find-charm-container .name-input:focus{border-color:var(--text)}.find-charm-container .name-input::placeholder{color:var(--text);opacity:.5;font-size:13px}.find-charm-container .name-input:focus-visible{box-shadow:none}.find-charm-container .name-next-btn{position:absolute;right:14px;top:1.2rem;transform:rotate(270deg);width:1.2rem;background:none;border:none;font-size:26px;color:var(--primary);cursor:pointer;padding:0;line-height:1;transition:color .3s ease}.find-charm-container .birthday-inputs{display:flex;justify-content:center;gap:15px;margin:0 auto;max-width:400px}.find-charm-container .birthday-input{width:80px;height:60px;padding:12px;text-align:center;border:1px solid var(--primary);font-size:16px;color:var(--text)}.find-charm-container .birthday-input::placeholder{color:var(--text);opacity:1}.personality-subdescription,.style-subdescription,.birthday-description,.name-description,.gift-selection p{padding:1.5rem}.find-charm-container [class$=-icon]{width:100%;display:flex;align-items:center;justify-content:center}.find-charm-container [class$=-icon] img{max-height:100%;max-width:100%;object-fit:contain}.find-charm-container [class$=-label]{font-size:var(--font-body);margin-top:10px}.find-charm-container .emotion-model{display:none}.find-charm-container .semi-circle-images{margin-top:2rem;display:flex;justify-content:center;position:relative}.find-charm-container .semi-circle-images img{width:100px;height:100px;object-fit:cover;margin:0 -10px}.find-charm-container .semi-circle-images img:nth-child(1){transform:rotate(-20deg) translateY(-10px)}.find-charm-container .semi-circle-images img:nth-child(2){z-index:2;transform:translateY(-30px);animation:rotateSwing2 4s ease-in-out infinite}.find-charm-container .semi-circle-images img:nth-child(3){transform:rotate(20deg) translateY(-10px)}.find-charm-container span,[class$=-section] span,[class$=-header] span,[class$=-model] span{font-weight:600}.je-continue-btn{display:block;margin:2.5rem auto!important;padding:14px 28px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;border:2px solid #1a174d;background:transparent;color:#1a174d;cursor:pointer;transition:all .3s ease}.je-continue-btn:active{transform:translateY(0);box-shadow:0 3px 8px #1a174d33}@media screen and (min-width: 1600px){.find-charm-container{max-width:800px;padding:60px 40px}.find-charm-container .personality-description,.find-charm-container .style-description{font-size:28px;width:80%;margin:2rem auto}.find-charm-container p{font-size:2rem}.find-charm-container .charm-images{height:220px;margin-bottom:70px}.find-charm-container .charm-image{width:180px;height:180px}.find-charm-container .charm-image:nth-child(2){width:200px;height:200px;top:120px}.find-charm-container .st-btn{max-width:500px;padding:22px;font-size:1.6rem}.find-charm-container [class$=-option],.find-charm-container [class$=-card]{font-size:2rem}.find-charm-container .birthday-input{width:100px;height:80px;font-size:2rem}.find-charm-container .semi-circle-images img{width:120px;height:120px}.find-charm-container .emotion-model .model-content{padding:60px}.find-charm-container .personality-subdescription,.find-charm-container .style-subdescription,.find-charm-container .birthday-description,.find-charm-container .gift-selection p{font-size:2rem;padding:2rem}}@media (max-width: 768px){:root{--font-heading: 28px;--font-body: 13px}.find-charm-container{padding:30px 15px}.find-charm-container .charm-images{height:150px;margin-bottom:30px}.find-charm-container .charm-image{width:100px;height:100px}.find-charm-container .charm-image:nth-child(2){width:120px;height:120px;top:30px}.find-charm-container [class$=-options]{gap:10px;max-width:400px}.find-charm-container [class$=-label]{font-size:11px}.find-charm-container .emotion-model .model-content{padding:30px 20px;padding-top:1rem}.personality-subdescription,.style-subdescription,.birthday-description,.gift-selection p{font-size:13px;padding:1rem}}.find-charm-container h2{font-size:25px;font-weight:500}@media (max-width: 480px){.find-charm-container .charm-images{height:120px}.find-charm-container .charm-image{width:80px;height:80px}.find-charm-container .charm-image:nth-child(2){width:100px;height:100px;top:20px}.find-charm-container .st-btn{padding:15px 0}.find-charm-container .birthday-inputs{max-width:300px}.find-charm-container .birthday-input{width:8rem;height:4rem;font-size:var(--font-small)}}.category1-option,.category2-option,.category3-option,.category4-option,.category5-option,.category6-option{display:flex;flex-direction:column;background:var(--secondary);cursor:pointer;transition:transform .2s,background-color .2s;text-align:center;position:relative;width:100%}.find-charm-container .category1-options,.find-charm-container .category2-options,.find-charm-container .category3-options,.find-charm-container .category4-options,.find-charm-container .category5-options,.find-charm-container .category6-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:500px;margin:0 auto 30px}.find-charm-container .category1-option,.find-charm-container .category2-option,.find-charm-container .category3-option,.find-charm-container .category4-option,.find-charm-container .category5-option,.find-charm-container .category6-option{width:100%}.option-image{width:100%;aspect-ratio:1 / 1;height:auto;object-fit:cover}.skip-quiz{display:block;margin-top:6px;font-size:11px;font-style:italic;text-decoration:underline;text-align:right;color:#444;cursor:pointer}.ai-tick4options{display:flex;position:absolute;width:2.5rem;height:2.5rem;border-radius:100%;border:1px solid #ccc;top:6px;left:6px;justify-content:center;align-items:center}.tickOuter{display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;border-radius:100%;border:1px solid #ccc}.tickInner{display:flex!important;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;border-radius:100%;background:#fff;position:absolute;border:1px solid #fff}.find-charm-container .selected .tickInner{background:#090954}
/*# sourceMappingURL=/cdn/shop/t/20/assets/charms-quiz.css.map */