/** Shopify CDN: Minification failed

Line 181:18 Expected identifier but found whitespace
Line 181:19 Unexpected "translateX("

**/
.font-bold{
  font-weight:bold;
}

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

.flex{
  display:flex;
}


.justify-between{
  justify-content:space-between;
}

.flex-center{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:3px;
}

.g-1{
  gap:1rem;
}

.flex-column{
  flex-direction:column;
}

.p-1{
  padding:1rem;
}

.pt-small{
  padding-top:7px;
}

.mb-1{
  margin-block:1rem;
}

.m-auto{
  margin:auto;
}

.ml-auto{
  margin-left:auto;
}

.mr-7{
  margin-right:7px;
}

.font-14{
  font-size:13px;
}

.font-10{
  font-size:10px;
}

.font-20{
  font-size:20px;
  
}

.w-100{
  width:100%;
}

.text-nowrap{
  text-wrap:nowrap;
  width:max-content;
}

.uppercase{
  text-transform:uppercase;
}

.border{
  border:1px solid #E4E4E7;
}

.visibility-hidden{
  visibility:hidden;
}

.space-between{
  justify-content:space-between;
}

.align-center{
  align-items:center;
}

.display-none{
  display:none;
}


.err, .sold-out{
  /* color: #f32013; */
  color: #ff0000;
  font-weight: bold;
  margin-top: 1rem;
}

.summary_err{
  color: #ff0000;
  /* font-weight: bold; */
  /* margin-top: 1rem; */
  /* border-top:1px solid #E4E4E7; */
}

.sold-out{
  color: #ff0000;
  font-weight: bold;
}

.success{
  /* color:#04bb1e; */
  color: #ff0000;
  font-weight:bold;
  margin-top:1rem;
}
/*  */

.server-configuration-section{
  margin:2rem auto;
  border-block:2px solid #E4E4E7;
}

.main_body-container{
  display:grid;
  grid-template-columns:1.5fr 1fr;
  column-gap:1.4rem;
  margin:2rem auto;
}

.radio-container,.accordion__content add-storage-option,.accordion__content storage-configuration-option{
  display:flex;
  margin:1rem 0rem !important;
  padding:0.5rem 0rem;
  gap:0.5rem;  
  border-bottom:1px solid #E4E4E7;
  width: 100%;
}

.accordion__content .radio-container:last-child, .accordion__content add-storage-option:last-child, .accordion__content storage-configuration-option:last-child{
  border-bottom:unset;
  padding:0rem;
  margin:0rem !important;
  
}

.radio-container label{
  display:flex;
  flex-direction: column;
  justify-content:space-between;
  width: 100%;
  cursor:pointer;
}

.radio-container input{
  cursor:pointer;
}

.depenency[hidden], .hidden{
  display:none;
}

-webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

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

.slider-confi.round:before {
  border-radius: 50%;
}
/* user-selection : Right hand side*/

.user-selection{
  display:flex;
  flex-direction:column;
  gap:1.4rem;
}

.selected-configuration > *{
  /* margin-bottom:10px; */
}

.user-selected{
  border-block:1px solid #E4E4E7;
  position:relative;
}

.user-selected button, .user-selected configuration-remove-button{
  all:unset;
  opacity:0.6;
  cursor:pointer;
  /* position:absolute;
  top:10px;
  right:10px; */
}

.cta-btns{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
  padding:1rem;
}

.configuration-submit_btn{
  background-color:#0f7798;
  border:unset;
  transition:all 0.4s ease-in-out;
  margin-bottom:0px;
}

.configuration-submit_btn:after, .configuration-submit_btn:hover:after{
  box-shadow:unset !important;
}

.configuration-submit_btn:hover{
  border:2px solid #0f7798;
  color:#0f7798;
  background-color:transparent;
}

/* Over-ride defalut  */
.configuration-accordion{
  margin-top:0px !important;
  border:1px solid #E4E4E7 !important;
  margin-bottom: 1rem;
}

.configuration-accordion summary{
  text-indent: 10px;
  padding:1.5rem 0rem;
  /* margin:1rem 0rem; */
}

.configuration-accordion details[open] summary{
  border-bottom: 1px solid #e4e4e7;
}

#storage_configuration{
  transition: all 0.3s ease-in;
}

#storage_configuration:after, #storage_configuration:hover:after, #server_configuration:after, #server_configuration:hover:after{
  box-shadow:unset !important;
}

#storage_configuration:hover:after, #storage_configuration:hover{
  /* border: 1px solid #000000; */
  border-radius:10px;
  text-decoration: underline;
}

#storage_configuration .path, #server_configuration .path{
  stroke: rgb(255 255 255) !important;
}


/* Storage Configuration */
.configuration-accordion .quantity__button .svg-wrapper{
    width: 1rem !important;
    margin-right:0px !important;
}

.configuration-accordion configuration-quantity-input:after, .configuration-accordion server-quantity-input:after{
    border-radius:0.5rem !important;
}

.configuration-accordion configuration-quantity-input, .configuration-accordion server-quantity-input{
  width:125px !important;
  height: 35px !important;
  min-height:35px !important;
}

.radio-container:has(input:checked) .quantity-input-container{
  visibility:visible !important;
}

.min-max{
  padding-right:40px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 26px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

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

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

input:checked + .slider-confi {
  background-color: #0f7798;
}

input:focus + .slider-confi {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider-confi:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

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

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