#shopify-pc__banner{display:none!important}.moon-calculator{display:flex;flex-direction:column}.moon-calculator__step-row{position:relative;transition:border-color .4s;margin-bottom:2rem;min-height:4rem;display:flex;align-items:flex-start;gap:2rem}.moon-calculator__step-row .error-message{opacity:0;display:none;transition:opacity .4s;position:absolute;top:-3px;left:0;color:#ca1f34;font-weight:600;font-size:11px;width:100%}.moon-calculator__step-row.has-error .error-message{display:block;opacity:1}.moon-calculator__step-row.has-error{border-color:#ca1f34}.moon-calculator__step-label{position:relative;margin-bottom:1rem!important}.moon-calculator__step-label:after{display:block;content:"";width:100%;position:absolute;left:0;top:100%;height:1px;background-color:var(--text-color)}.moon-calculator__step-label span[data-calculator-step]:after{content:attr(data-calculator-step)}.moon-phase-label{margin-top:2rem}.content-img,.selected-image{position:relative;align-items:center;display:flex;justify-content:center;flex-direction:column}.birthstone-picker .selected-image img{padding:10px}.moon-phase-picker{width:100%}.moon-phase-picker .moon-phase-picker-colors{display:flex;vertical-align:middle;justify-content:space-around;gap:1rem;flex:1}.moon-phase-picker .modal-picker .content-img img{width:100px;height:auto}.picker-option{flex:1 1 0px}.picker-option:not(.selected-image){cursor:pointer}.content-img img{padding:2px;border:2px solid transparent;border-radius:50%;margin:.5rem 0}.picker-swatch{border-radius:0!important;padding:.1em 0;background:var(--tertiary-btn-bg-color);color:var(--text-color);border:none;text-align:center;width:100%;font-size:15px;letter-spacing:0}.picker-swatch.active{background:var(--text-color);color:var(--color-primary-background)}@media only screen and (max-width:767px){.picker-swatch{min-width:80px}}.moon-phase-label__name{white-space:nowrap}.modal-picker{z-index:-1;background-color:#fff;position:fixed;width:600px;top:200px;left:50%;margin-left:-300px;opacity:0;pointer-events:none;transition:opacity .3s;box-shadow:0 5px 50px #0006}.modal-picker.active{opacity:1;pointer-events:all;z-index:99999}.modal-picker__inner{padding:2.5rem}.modal-picker__content{height:325px;overflow-y:auto}.modal-picker .close{display:block;position:absolute;top:1rem;right:1rem;cursor:pointer}.modal-picker .close svg{width:1.5rem;height:1.5rem}.modal-picker .image-container{display:flex;height:100%;gap:1rem;justify-content:space-around;flex-wrap:wrap;align-items:center}@media only screen and (max-width:767px){.modal-picker{width:300px;top:115px;margin-left:-150px}.modal-picker__inner{padding-left:1.5rem;padding-right:1.5rem}}.datepicker-container .date-picker{padding:0;border:0;border-radius:0;field-sizing:content;margin-bottom:0;cursor:pointer;transition:all .3s}.datepicker-label{display:flex;text-align:center;color:#242424;cursor:pointer}.datepicker-panel{display:none}.datepicker-panel.active{display:block}.datepicker-toggle-wrap{display:flex;justify-content:center;align-items:center;gap:1em;flex:1}.modal-picker .datepicker-toggle-wrap{margin-bottom:.5rem}.modal-picker .datepicker-toggle-wrap *{font-size:var(--h4-size);text-transform:uppercase;padding:0}@media only screen and (max-width:767px){.modal-picker .datepicker-toggle-wrap{flex-wrap:wrap}}.datepicker-options{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:1rem}.datepicker-options label span{display:block;text-align:center;padding:.5rem}.datepicker-options--day>label{flex:1 1 2.5rem;max-width:2.5rem}.datepicker-options--month>label{flex:1 1 5rem}.datepicker-options--year>label{flex:1 1 3rem}@media only screen and (max-width:767px){.datepicker-options--year>label{max-width:3rem}}.datepicker-options input[type=radio]{display:none}.datepicker-options input[type=radio]:checked+span{background-color:#000;color:#fff}.birthstone-name{text-transform:uppercase;cursor:pointer}.birthstone-picker{position:relative}.birthstone-picker .content-img{width:20%;text-align:center}.birthstone-picker p{text-transform:capitalize;line-height:normal}.element-name{cursor:pointer}.element-name span{text-transform:capitalize}.element_block{display:flex;justify-content:center;flex-wrap:wrap;width:50%;border:1px solid #f1eaff;gap:10px;padding:10px 0}.element_block_label{width:100%;text-align:center;text-transform:capitalize}.element-div{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:auto;cursor:pointer}.element-div .element_img{width:50px;height:50px}.element-div:hover{opacity:.8}.element-div:hover .element_img{transform:rotateY(-20deg)}@media only screen and (max-width:767px){.element_block{width:93%}.element-div .element_img{width:76px;height:76px}}.element-group h4{font-family:var(--font-body-family);font-size:16px;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.element-group-row{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.element-item{width:60px;text-align:center}.element-item img.element_img{width:50px;height:auto;object-fit:contain;margin-bottom:6px}.zodiac-label{font-size:14px;font-family:var(--font-body-family);color:#333;letter-spacing:.3px}
/*# sourceMappingURL=/cdn/shop/t/63/assets/moon-phase-finder.css.map */