.moon-calculator{display:flex;flex-direction:column;row-gap:10px;margin-bottom:30px}.moon-phase-finder{padding:0;max-width:fit-content;background:#fff;display:flex;flex-wrap:wrap;align-items:center;row-gap:5px;column-gap:10px}.moon-phase-picker{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer}.moon-phase-name{display:flex;cursor:pointer;flex-direction:column;align-items:center;border-left:1px solid;padding-left:10px}.moon-phase-name:hover{color:#639}.image-modal{background-color:#fff;position:absolute;z-index:3;top:-2px;left:-2px;opacity:0;pointer-events:none;transition:opacity .3s;padding-right:20px;padding-bottom:10px}.moon-phase-picker .close{position:absolute;top:0;right:0;cursor:pointer}.image-modal.active{opacity:1;pointer-events:all}.default{opacity:.8}.selected-image{display:flex;align-items:center;gap:10px;transition:all .3s}.selected-image:hover{opacity:.8}.selected-image img{padding:2px;cursor:pointer}.moon-phase-picker .image-container{display:flex;flex-wrap:nowrap;gap:10px}.moon-phase-picker .content-img{position:relative;align-items:center;display:flex;flex-direction:column;cursor:pointer}.moon-phase-finder p{margin-bottom:0;white-space:nowrap}.content-img img{padding:2px;border:2px solid transparent;border-radius:50%;transition:all .3s}.content-img p{margin-top:4px}.content-img img.active,.content-img img:hover,.content-img img:focus{border-color:#639;cursor:pointer}.datepicker-container .date-picker{padding:0;border:0;border-radius:0;field-sizing:content;margin-bottom:0;cursor:pointer;transition:all .3s}.datepicker-container label{display:flex;text-align:center;color:#242424;opacity:.8;cursor:pointer}.datepicker-container label span{display:flex;flex-direction:column}.datepicker-container label:hover{color:#639}.datepicker-container label:has(input[value]) span{display:none}.flatpickr-calendar{border-radius:8px;box-shadow:0 4px 6px #0000001a}.flatpickr-day.selected{background:#6200ee;color:#fff}@media only screen and (max-width: 767px){.moon-phase-finder p{font-size:14px}.moon-phase-name{padding-left:0;border-left:none}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/moon-phase-finder.css.map */