/** Shopify CDN: Minification failed

Line 586:49 Unexpected "{"

**/
html {
  scroll-behavior: smooth;
}

.vinyl_title_label:before{
  content: unset!important;
}
.title_count {
  float: right;
  font-size: 12px;
}
.title_count * {
  font-size: 12px !important;
}
.required.error {
  border: 2px solid red;
}
.file.uploaded {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 0 1rem;
  padding: 0 20px;
  padding-bottom: .5rem;
}
.content .file.uploaded b {
  color: #0C1121;
  font-size: 14px;
}
.uploaded_file {
  flex-basis: 60%;
  text-align: left;
}
.file_name {
  margin: 0;
  font-size: 13px;
  /*line-height: 12px;*/
  text-overflow: ellipsis;
  overflow: hidden;
}
.edit_section {
  margin-left: auto;
  cursor: pointer;
}
.preview_img {
  width: 38px;
  aspect-ratio: 1/1;
  vertical-align: middle;
  border-radius: 8px !important;
}

@media screen and (max-width:480px) {
  .uploaded_file {
    max-width : 40%;
  }
}

.product-media-modal__dialog {
  display: flex;
  align-items: center;
  height: 100vh;
  overflow: scroll;
}

.product-media-modal__content{
  padding : 0!important
}

.product-media-modal__content {
  max-height: unset;
  width: auto;
  overflow: hidden;
  margin: auto;
  position: relative;
}
.product-modal-media-wrapper > img:not(.active),.product-modal-media-wrapper > img:not(.active)~* {
  display: none;
}
.product-media-modal__content > * {
  /*max-height: 90vh;*/
}
.product-media-modal__content > * {
  margin-top: auto;
  border: none;
}
.product-media-modal__content img{
  object-fit: contain;
  /*max-height: 90vh;*/
  /*padding: 2rem;*/
  width: auto;
}
.record_title_wrapper {
  opacity:0;
  box-sizing: border-box;
  white-space: nowrap;
}

.record_title,.record_subtitle{
  color : white; 
  margin: 0;
  position : relative;
}
.record_title:after, .record_subtitle:after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  filter: blur(16px);
  background: #ffffff7d;
  left: 0;
  box-shadow: 0 0 15px 2px white;
}
.product-overlay .record_subtitle{
  font-size : 24px;
}
#product-media-modal__wrapper-1 .record_title {
  font-size: 45px;
}
#product-media-modal__wrapper-1 .record_subtitle {
  font-size: 42px;
}

.product-overlay > img, .product-modal-overlay > img{
  opacity:0;
}
.product-modal-overlay{
  padding: inherit;
  margin: 0;
  z-index : 1;
}
.overlay img {
  padding: inherit;
  object-fit: cover;
}

#product-media-modal__content-overlay-1,.product-modal-overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  bottom: 0;
}
#product-media-overlay-1 .img1,#product-media-modal__content-overlay-1 .img1 {
  position: absolute;
  height: 75.5%;
  object-fit: cover;
  aspect-ratio: 1/1;
  top: 11.5%;
  left: 11.5%;
  box-shadow: 1px 1px #0003;
  border-radius: 4px;
}

#product-media-overlay-1 .record_title_wrapper,#product-media-modal__content-overlay-1 .record_title_wrapper{
  opacity:1;
  position: absolute;
  width: 70%;
  margin: 0;
  top: 70%;
  text-shadow: rgb(0, 0, 0) -0.5px -0.5px 0px, rgb(0, 0, 0) 0.5px -0.5px 0px, rgb(0, 0, 0) -0.5px 0.5px 0px, rgb(0, 0, 0) 0.5px 0.5px 0px;
  color: white;
  left: 13%;
  z-index: 2;
  padding: 1rem;
  font-size: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 15%;
  padding-left: 2%;
  justify-content: center;
}
#product-media-overlay-6 .record_title_wrapper, #product-media-modal__content-overlay-6 .record_title_wrapper {
  opacity: 1;
  position: absolute;
  width: 33%;
  margin: 0;
  top: 35%;
  color: #fff;
  left: 11.5%;
  z-index: 2;
  padding: 0.5%;
  padding-left: 0.5%;
  font-size: 12px;
  display: flex;
  justify-content: center;
  padding-left: 2%;
  text-shadow: rgb(0, 0, 0) -0.5px -0.5px 0px, rgb(0, 0, 0) 0.5px -0.5px 0px, rgb(0, 0, 0) -0.5px 0.5px 0px, rgb(0, 0, 0) 0.5px 0.5px 0px;
  flex-direction: column;
  align-items: flex-start;
  height: 7%;
}

#product-media-overlay-2 .img1,#product-media-modal__content-overlay-2 .img1 {
  position: absolute;
  height: 75.7%;
  object-fit: cover;
  aspect-ratio: 1/1;
  top: 11.6%;
  right: 12.9%;
  box-shadow: 1px 1px #0003;
  border-radius: 6px;
}
#product-media-overlay-3 .img1,#product-media-overlay-4 .img1,#product-media-modal__content-overlay-3 .img1,#product-media-modal__content-overlay-4 .img1{
  width: 25.5%;
  top: 49.3%;
  position: absolute;
  left: 49.5%;
  transform: translate(-50%,-50%);
  object-fit: cover;
  aspect-ratio: 1/1;
  border-radius: 200px;
}

#product-media-overlay-5 .img2, #product-media-modal__content-overlay-5 .img2 {
  width: 96.4%;
  object-fit: cover;
  top: 0;
  left: 1.6%;
  box-shadow: 0 0 5px 2px #00000082;
  position: absolute;
  opacity: 1;
  transform: translate(0,-76.5%);
  border-radius: 4px;
}

#product-media-overlay-5 .img3, #product-media-modal__content-overlay-5 .img3 {
  width: 55.4%;
  object-fit: cover;
  top: 31.7%;
  left: -2.2%;
  box-shadow: 0 0 5px 2px #00000082;
  border-radius: 50%;
  position: absolute;
  opacity: 1;
  clip-path: polygon(0% 0%, 50.89% -3.49%, 91.05% 9.97%, 84.8% 20.39%, 81.52% 27.75%, 79.28% 34.58%, 77.76% 41.59%, 77.08% 48.60%, 77.1% 54.34%, 77.92% 61.31%, 79.18% 67.51%, 81.18% 74.36%, 83.51% 79.62%, 87.11% 86.04%, 80.1% 101.33%, 0px 100%);
}

#product-media-overlay-5 .img4, #product-media-modal__content-overlay-5 .img4 {
  width: 55.3%;
  object-fit: cover;
  top: 31.8%;
  left: 48.9%;
  box-shadow: 0 0 5px 2px #00000082;
  border-radius: 50%;
  position: absolute;
}

#product-media-overlay-6 .img1, #product-media-modal__content-overlay-6 .img1{
  width: 37.6%;
  object-fit: cover;
  aspect-ratio: 1/1;
  top: 4.8%;
  left: 11.5%;
  box-shadow: 0 0 5px 2px black;
  border-radius: 4px;
  position: absolute;
}
#product-media-overlay-6 .img2,#product-media-modal__content-overlay-6 .img2 {
  width: 37.6%;
  object-fit: cover;
  aspect-ratio: 1/1;
  top: 4.8%;
  left: 54.2%;
  box-shadow: 0 0 5px 2px #000;
  border-radius: 4px;
  position: absolute;
}
#product-media-overlay-6 .img3,#product-media-modal__content-overlay-6 .img3 {
  width: 13.3%;
  top: 65.5%;
  position: absolute;
  left: 29.6%;
  transform: translate(-50%,-50%);
  object-fit: cover;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
#product-media-overlay-6 .img4,#product-media-modal__content-overlay-6 .img4 {
  width: 13.3%;
  top: 65.5%;
  position: absolute;
  left: 70.3%;
  transform: translate(-50%,-50%);
  object-fit: cover;
  aspect-ratio: 1/1;
  border-radius: 50%;
}

#product-media-modal__content-overlay-2{
  position: absolute;
  left: 0;
  width: 100%;
  min-height: 100%;
  bottom: 0;
  height: auto;
}
/* Tracklist overlay */
.sideA_overlay,.sideB_overlay {
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.overlay_heading {
  position: absolute;
  transform: translate(-50%);
  max-width: 30%;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.sideA_overlay .overlay_heading {
  top: 38%;
  left: 26%;
}

.sideB_overlay .overlay_heading {
  top: 38%;
  left: 76%;
}
.overlay_heading .heading_logo {
  max-width: 13rem;
  position: relative;
  -webkit-filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px -1px 0 white);
  filter: drop-shadow(0 0 0.8px white) drop-shadow(0 0 0.8px white);
}
.overlay_heading h4, .overlay_heading h5{
  margin: auto;
  color: white;
  width: fit-content;
  padding: 0 1rem;
  background: transparent;
  text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
}
.tracklist_wrapper {
  width : fit-content;
  background: transparent;
  padding: .3rem .8rem .1rem;
  position: absolute;
  transform: translate(-50%,0);
  /*line-height: 10px;*/
  font-size: 8px;
  font-weight: bold;
  color: #000;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.sideA_overlay .tracklist_wrapper {
  left: 24%;
  top: 65%;
  height: 14%;
  max-width: 35%;
}

.sideB_overlay .tracklist_wrapper {
  left: 77%;
  top: 65%;
  height: 14%;
  max-width: 40%;
}

.sideB_overlay .tracklist_wrapper .track,.sideA_overlay .tracklist_wrapper .track {
  white-space: nowrap;
  /*margin-top : auto;*/
}

/*.sideB_overlay .tracklist_wrapper .track:first-child,.sideA_overlay .tracklist_wrapper .track:first-child {
  margin-top : 0;
}
.sideB_overlay .tracklist_wrapper .track:last-child,.sideA_overlay .tracklist_wrapper .track:last-child {
  margin-bottom : auto;
}*/

.track {
  position: relative;
  width: fit-content;
  white-space: nowrap;
}

.tracklist_wrapper  .track::after {
  content: "";
  background: #ffffff7d;
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  filter: blur(16px);
  box-shadow: 0 0 .1px .1px white;
  z-index: 0;
}
.product-modal-overlay .tracklist_wrapper{
  font-size: 12px;
  padding: .6rem 1.2rem .3rem;
  line-height: 11px;
}

.global_wrapper .global_wrapper_sideB .sidebar_website, .global_wrapper .global_wrapper_sideA .sidebar_website {
  margin: 0;
}

.global_wrapper_sideB .track, .global_wrapper_sideA .track {
 /* margin-top: auto;*/
}

.global_wrapper_sideB .track:last-child, .global_wrapper_sideA .track:last-child {
  /*margin-bottom: auto;*/
}

#product-media-overlay-5 .sideA_overlay,#product-media-modal__content-overlay-5 .sideA_overlay{
  height: auto;
  opacity: 1;
}
#product-media-overlay-5 .sideB_overlay,#product-media-modal__content-overlay-5 .sideB_overlay{
  height: auto;
  opacity: 1;
}
  
#product-media-overlay-5::before, #product-media-modal__content-overlay-5::before{
  content: "";
  width: 4%;
  aspect-ratio: 1/1;
  left: 25.5%;
  top: 59.4%;
  position: absolute;
  border-radius: 50%;
  background: white;
  transform: translate(-50%,-50%);
  z-index: 2;
  box-shadow: .5px -1px .3px .3px #00000082;
}

#product-media-overlay-5::after, #product-media-modal__content-overlay-5::after{
  content: "";
  width: 4%;
  aspect-ratio: 1/1;
  left: 76.7%;
  top: 59.7%;
  position: absolute;
  border-radius: 50%;
  background: white;
  transform: translate(-50%,-50%);
  z-index: 2;
  box-shadow: .5px -1px .3px .3px #00000082;
}

#product-media-overlay-3::before,#product-media-modal__content-overlay-3:before, #product-media-overlay-4::before,#product-media-modal__content-overlay-4:before{
  content: "";
  width: 2%;
  aspect-ratio: 1/1;
  left: 49.6%;
  top: 49.7%;
  position: absolute;
  border-radius: 50%;
  background: white;
  transform: translate(-50%,-50%);
  z-index: 2;
  box-shadow: .5px -1px .3px .3px #00000082;
}
#product-media-overlay-6:before,#product-media-modal__content-overlay-6:before {
  content: "";
  width: .8%;
  aspect-ratio: 1/1;
  left: 29.5%;
  top: 65.9%;
  position: absolute;
  border-radius: 50%;
  background: white;
  transform: translate(-50%,-50%);
  z-index: 2;
  box-shadow: .5px -1px .3px .3px #00000082;
}

#product-media-overlay-6:after,#product-media-modal__content-overlay-6:after {
  content: "";
  width: .8%;
  aspect-ratio: 1/1;
  left: 70.2%;
  top: 65.9%;
  position: absolute;
  border-radius: 50%;
  background: white;
  transform: translate(-50%,-50%);
  z-index: 2;
  box-shadow: .5px -1px .3px .3px #00000082;
}
  
.tracklist_wrapper p {
  letter-spacing: 0.3px;
  margin: 0;
  margin-bottom: 2px;
  z-index: 1;
  position: relative;
  text-shadow: -.5px -.5px 0 #fff,.5px -.5px 0 #fff,-.5px .5px 0 #fff,.5px .5px 0 #fff;
}
#product-media-overlay-2 .global_wrapper, #product-media-modal__content-overlay-2 .global_wrapper {
  opacity: 1;
  top: 71%;
  left: 13%;
  position: absolute;
  right: 14%;
}
#product-media-overlay-5 .global_wrapper,#product-media-modal__content-overlay-5 .global_wrapper/*,#product-media-overlay-6 .global_wrapper,#product-media-modal__content-overlay-6 .global_wrapper*/{
  opacity: 1;
}
#product-media-overlay-6 .global_wrapper, #product-media-modal__content-overlay-6 .global_wrapper {
  opacity: 1;
  width: 35%;
  top: 34.7%;
  left: 55.7%;
  position: absolute;
  font-size: 5.5px;
  padding: .3rem;
  height: 6.5%;
}
.product-modal-overlay .global_wrapper {
  font-size: 10px;
}
.global_wrapper {
  opacity:0;
  position: absolute;
  top: 6%;
  height: 15%;
  left: 4%;
  right: 4%;
  background: black;
  color: white;
  font-size: 7px;
  display: flex;
  flex-direction: row;
  column-gap: 3%;
  padding: .5rem;
  box-sizing : border-box;
}
@media screen and (max-width:750px) {
  .global_wrapper {
    font-size: 3.5px;
  }
  /*.tracklist_wrapper p {
    font-size: 5px;
    margin-bottom: .3px;
    line-height: 5px;
  }*/
}

@media screen and (max-width:480px) {
  .product-media-modal__content{
    max-height: 100vh;
    overflow: visible;
  }
  .product-modal-media-wrapper, .product-modal-media-wrapper > img, .product-modal-overlay{
    max-height: inherit;
  }
}


.global_wrapper p{
  margin : 0;
}

.global_wrapper .sidebar {
  flex-basis: 19%;
  padding-left: .5rem;
  max-width: 19%;
  display: flex;
  flex-direction: column;
}
.global_wrapper_sideA,.global_wrapper_sideB {
  flex-basis: 39%;
  max-width : 39%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y:hidden;
  justify-content: space-evenly;
}
.global_wrapper_sideA p,.global_wrapper_sideB p, {
  margin: 0;
}
.sidebar .sidebar_logo {
  max-width: 90%;
}
#product-media-overlay-6 .global_wrapper p, #product-media-modal__content-overlay-6 p {
  /*font-size: 80%;*/
}
.global_wrapper .sidebar_website {
  text-align: center;
  margin: auto;
  width: fit-content;
  margin-bottom: 0;
}
#product-media-overlay-6 .global_wrapper .side_title, #product-media-modal__content-overlay-6 .side_title{
  font-size: 67%;
}
@media screen and (max-width:750px) {
  .thumbnail-slider {
    overflow: hidden;
  }
}

/*Uploader Modal*/
.fsp-picker--inline .fsp-modal{
  min-height: 320px;
}

.cropper-canvas:not(.front, .back, .sticker){
  opacity: .5;
  background-color: #00000059;
}
  
@media screen and (max-width:750px) {
  .fsp-picker{
    background-color: rgba(47,53,62,.86);
    display: flex;
  }
  .fsp-modal {
    max-height: 50%;
    top: 5%;
    left: 50%;
    width: 60%;
    min-height: 40vh;
    transform: translate(-50%);
  }
}
.fsp-picker--inline {
  min-width: 100%;
  z-index: 1;
}
.fsp-picker--inline .fsp-modal .fsp-icon--close-modal {
  display: block;
}
.fsp-button{
  padding: 0 20px;
}
/*Track Upload Part */
.content .side_wrapper{
  text-align: left;
  display:block;
  transition: all .5s ease;
}
.side_wrapper_heading{
  display:flex;
  flex-direction: row;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.track_count {
  margin-left: auto;
}
  
.track_length, .maximum_length{
  margin: auto;
  text-align:center;
}

.maximum_length {
  /*max-width: 60%;*/
  text-align: center;
  font-size: 12px;
}

.upload_options.radio-group {
  padding: 0;
  gap: 0;
}

.upload_options .radio-group-element,.addTitle.option {
  gap: 0!important;
}
.tracklist_choice {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 20px;
  flex-wrap: wrap;
  gap: 10px;
}
.tracklist_choices .tracklist_choice label::before{
  top: 50%;
  transform: translate(24px,-50%);
}
.track_edit {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  column-gap: 1rem;
  padding-left: 3rem;
  position: relative;
}
@media screen and (max-width: 480px) {
  .track_edit {
    padding-left: 0;
  }
  .track_edit label {
    flex-basis: 86%!important;
    max-width : calc(100vw - 3rem);
    margin-left: auto;
  }
}
.track_edit label {
  flex-basis: 48%;
}

.track_edit .delete{
  display: flex;
  min-width: 2.4rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0,-50%);
}

.delete_track{
  width: 24px;
  margin: auto !important;
  cursor: pointer;
}
.delete_img,.edit_img {
  border: none !important;
  width: 24px;
  cursor: pointer;
  vertical-align: middle;
}
.song_name, .artist_name, .vinyl_title,.vinyl_subtitle {
  width: 100%;
  padding: 1rem;
  border-radius: 8px;
  box-shadow: none;
  -webkit-appearance: none;
  border: 2px solid #5a31f4;
  -moz-appearance: none;
}
.product__accordion_custom .uploader .no-upload{
  display:none;
}
.uploader.find-audio .no-upload{
  display:flex;
}
.product__accordion_custom .uploader.find-audio .upload{
  display:none;
}
.side_wrapper:not(.find-audio) .track_edit_wrapper label{
  display:none;
}
.sideA_overlay.sideA {
  position: absolute;
  top: 0;
  background: black;
  color: white;
  width: 25%;
  left: 15%;
  font-size: 15px;
}
.radio-group {
  display: flex;
  align-items: center;
}

.radio-group label {
  display: inline-flex;
  align-items: center;
  margin-right: 20px;
  font-size: 16px;
}
@media screen and (max-width: 750px) {
  .radio-group label {
    margin-right: 5px;
    max-width: calc(100% - 45px);
  }
}
.radio-group input[type="radio"] {
  position: absolute;
  left: -9999px;
}

.radio-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #5A31F4;
  margin-right: 10px;
  transition: border-color 0.3s ease-in-out;
}

.radio-group input[type="radio"]:checked + .radio-button {
  border-color: #5A31F4;
}

.radio-group input[type="radio"]:checked + .radio-button::before {
  content: "\f192";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  color: #007bff;
  font-size: 24px;
  left: 0.5px;
  position: relative;
}

.radio-group input[type="radio"]:focus + .radio-button {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
}

.radio-group input[type="radio"]:hover:not(:checked) + .radio-button {
  border-color: #999;
}

.radio-group input[type="radio"]:checked:focus + .radio-button {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
}

.radio-group input[type="radio"]:checked:focus + .radio-button:hover {
  border-color: #007bff;
}

.radio-group input[type="radio"]:checked:focus + .radio-button::before {
  color: #007bff;
}

.radio-group input[type="radio"]:checked:hover + .radio-button {
  border-color: #007bff;
}

.radio-group input[type="radio"]:checked:hover + .radio-button::before {
  color: #007bff;
}

.count_error, .length_error, .title_length_error, .side_wrapper .track_count_error {
  color: #E40066;
  text-align: center;
  margin: 0;
  font-size: 16px;
}
.length_error.error b,.count_error.error b,.side_wrapper .error b {
  color: #e40066!important;
  text-align: center;
  margin: 0;
  font-size: 16px!important;
}

.length_error span,.count_error span,.side_wrapper .error span,.title_length_error span {
  display: inline-block;
  max-width: 20px;
  vertical-align: middle;
}

.length_error span img,.count_error span img,.title_length_error span img, .side_wrapper .error span img{
  margin: auto;
}
/* back to customizer button */

@media screen and (min-width: 750px) {
  #back_to_customizer {
    display:none;
  }
}

#back_to_customizer {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #0C1121;
  border-radius: 8px;
  color: #DED6FD;
  font-size: 16px;
  width: 85%;
  bottom: 0;
  text-align: right;
  padding: 1.6rem 2rem;
  position: fixed;
  margin-bottom: 2rem;
  z-index: 10;
  left: 50%;
  transform: translate(-50%);
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 100%;
  letter-spacing: 1px;
}
#back_to_customizer span{
  vertical-align: middle;
  display: inline-block;
  padding-left: 10%;
}
#back_to_customizer span img {
  transform: rotate(-90deg);
}

/* Upsell Modal CSS */

.frame-content > div{
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(4px);
}

#modal-container {
  min-height: unset;
}

#modal-container .Main-Content {
  border-width: 0px 2px 2px 2px;
  border-style: solid;
  border-color: #0C1121;
}

#modal-container .Header {
  background: #EFECEC;
  border: 2px solid #0C1121;
  border-radius: 12px 12px 0px 0px;
}

#modal-container .Footer {
  background: #5A31F4;
  border-width: 0px 2px 2px 2px;
  border-style: solid;
  border-color: #0C1121;
  border-radius: 0px 0px 12px 12px;
  position: relative;
  min-height: 48px;
  overflow: hidden;
}

.Product-Line,.Offer-Icon-Wrapper span {
  display: none;
}

.text-readableContinueToButtonTextColor {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background: transparent;
}

/* Animations  */

.product__modal-opener {
  background: #f5f5f5;
}

@keyframes rotate {
  0%   {transform: rotateY(89deg);}
  100% {transform: rotateY(0);}
}

.product__media-item.is-active .product__media{
  animation: rotate .5s ease-in 1;
}