/** Shopify CDN: Minification failed

Line 251:4 Unexpected "-"

**/
#shopify-section-product-starmap-template .Product__SlideshowNav.Product__SlideshowNav--thumbnails {
    z-index: 1000;
    position: relative;
}
button#starmap-complete {
    border-radius: 0px;
    background-color: #46ad77!important;
    border: none;
    overflow: hidden;
    color: white;
}

div#celestial-map {
max-width: 240px!important;
    min-width: unset;
    width: 100%!important;
    height: 100%!important;
    max-height: 240px;
}
.starmap-preview {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
        padding: 33.4%;
    margin-top: 43px;
    max-height: 550px;
    max-width: 550px;
    margin-left: auto;
    left: 0;
    right: 0;
    margin-right: auto;
}

.starmap-coin .starmap-preview {padding: 24% 24% !important;margin-top: 21px !Important;}
.starmap-location, .starmap-configurator {
    width: 100%;
}

.map-setting-item {
    width: 100%;
}

p.map-setting-label {
    padding-left: 20px;
    font-weight: bold;
    opacity: 0.6;
}

span.ProductForm__Label {
    margin-top: 20px;
}
button#starmap-complete::before {
    background: #46ad77!important;
}
.starmap-location, .starmap-configurator {
    width: 100%;
}

.map-setting-item {
    width: 100%;
    border-radius: 4px;
}

p.map-setting-label {
    padding-left: 20px;
    font-weight: bold;
    opacity: 0.6;
}

span.ProductForm__Label {
    margin-top: 20px;
}

pre#result {
    margin: 0;
}

pre#result {}

select#year {
    width: 25%;
    border-radius: 4px;
}

select#month {
    width: 34%;
    border-radius: 4px;
}

select#day {
    width: 21%;
    border-radius: 4px;
}

.date-counters {
}

button#starmap-complete {
    margin-top: 20px;
}

div#geocoder {
    border-radius: 4px;
}
pre#result {
    margin: 0;
}

pre#result {}

.starmap-chain .starmap-preview {
    padding: calc(35% + 3px);
    padding-left: calc(35% + 3px) !important;
    margin-top: 178px;
    transform: translateX(-8px);
}
.starmap-necklace .starmap-preview {
     margin-top: 142px;
    transform: translateX(10px);
      padding: 33.5%;
}
.starmap-prem-chain .starmap-preview {
    padding: 33.5%;
    margin-top: 158px !important;
    transform: translateX(2px);
}

.starmap-prem-chain div#celestial-map {
max-width: 120px !important;
    max-height: 120px !important;
    margin-top: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin-left: 50%;
}

.starmap-chain div#celestial-map {
max-width: 78.5px !important;
    max-height: 78.5px !important;
    margin-top: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin-left: 50%;
}
.starmap-minimal .starmap-preview {
    padding: 36.5%;
    margin-top: 185px;
    transform: translateX(6px);
}

.starmap-minimal div#celestial-map {
    max-width: 64.56px !important;
    max-height: 64.56px !important;
    margin-top: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin-left: 50%;
}

#celestial-map canvas{
    height: 100%!important;
    width: 100%!important;
    border-radius: 50%;
}

input.mapboxgl-ctrl-geocoder--input {
padding: 6px 10px !important; 
}

.datepicker-toggle {
  display: inline-block;
  position: relative;
    width: 60px;
    height: 26px;
}
.datepicker-toggle-button {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 42px;
  background-color: black;
  text-align: center;
    line-height: 55px;
  
}

.datepicker-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  box-sizing: border-box;
}
.datepicker-input::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
input.text-input {
    border: none;
    background: #f6f6f6;
    padding: 10px;
    font-size: 15px;
    font-weight: bold;
    font-family: var(--heading-font-family);
}

.starmap-form-container {
    margin-bottom: 24px;
}
div#shopify-section-product-starmap-template {
    background: white;
}
.date-counters {}

select#year {
    width: 120px;
}

.date-counters select {
    height: 42px;
    border: none;
    background: #f6f6f6;
    padding: 0 6px;
}
div#geocoder {
    position: relative;
}
input.text-input {
    width: 60%;
}

span.datepicker-toggle {
    width: 20%;
}



<!---

Map settings slider

--->




.map-settings-switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}
p.map-setting-label {
    font-size: 14px;
    float: left;
    text-align: left;
    width: calc(100% - 64px);
}

.map-setting-item {height: 42px;line-height: 42px;background: #f6f6f6;margin-bottom: 12px;}

label.map-settings-switch {
    float: right;
    position: relative;
  display: inline-block;
  width: 54px;
  height: 28px;
  margin-top: 7px;
    margin-right: 7px;
}
p.map-setting-label {
    margin: 0;
}

.map-settings-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.map-settings-slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .map-settings-slider {
  background-color: #000;
}

input:focus + .map-settings-slider {
  box-shadow: 0 0 1px #000;
}
button#findLocationBtn {
    background: #363636;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 20%;
    line-height: 42px;
    margin-bottom: 0;
    height: 42px;
    border: 0;
    color: white;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
}
input:checked + .map-settings-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.map-settings-slider.round {
  border-radius: 34px;
}

.map-settings-slider.round:before {
  border-radius: 50%;
}




@media screen and (max-width: 490px){
  
.starmap-preview {
    padding: 28.5%;height: calc(100% - 40px);margin: 0 !important;margin-top: 16px !important;
    
}


#celestial-map canvas {
    width: 100% !important;
    height: 100% !important;
}
.starmap-configurator {
    text-align: center;
}

.starmap-location {
    text-align: center;
}

.starmap-location #geocoder {
    margin: 0 auto;
}
  
  .starmap-chain div#celestial-map {
    margin: 0;
    transform: unset;
}
  .starmap-chain .starmap-preview {
    padding: 43%;
    padding-left: 43%;
    height: calc(100% - 40px);
    transform: translateX(-6px);
    margin: 0 !important;
    margin-top: 32.5% !important;
}
  .starmap-minimal .starmap-preview {
    padding: 44.2%;
    transform: translateY(33.5%) translateX(1%);
    margin: 0 !important;
}
  .starmap-chain .starmap-preview {
    padding: 43.2% !important;
    transform: translateY(32%) translateX(-1.5%);
    margin: 0 !important;
}
  .starmap-necklace .starmap-preview {
    padding: 41% !important;
    transform: translateY(25.5%) translateX(1.6%);
    margin: 0 !important;
}
  .starmap-location {
    margin: 0 auto;
}

.starmap-configurator {
    margin: 0 auto;
}

.map-setting-item {
    margin-left: auto;
    margin-right: auto;
}
  .Product__SlideshowMobileNav {    z-index: 230 !IMPORTANT;
    position: relative;}

.starmap-coin .starmap-preview {padding: 28% 28% !important;margin-top: 14px !important;}
  p.mob-disclaimer-text {display: block !important;} 
  
 .starmap-coin .starmap-preview {
    padding: 29% 29% !important;
    margin-top: 16px !Important;
} 
  
.starmap-ring .starmap-preview {padding: 40.5%;margin-top: 32px !important;}
  
  .starmap-prem-chain .starmap-preview {
padding: 40.5%;
    margin-top: 120px !important;
    transform: translateX(2px);
}
  
  .starmap-minimal div#celestial-map {max-width: 45px !important;
    max-height: 45px !important;transform: translateY(-63%) translateX(-50%);}
}