@charset "UTF-8";
/* DISPLAY FLEX */
/* ROW */
/* COL */
/* JUSTIFY CONTENT */
/* ALIGN ITEMS */
/* ALIGN SELF */
/* Flex wrap */
/* Order */
/*------------------------
   PRODUKTBESKRIVNING
------------------------*/
.performance-stats {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    padding: 40px 20px;
    margin-top: 3rem;
}

.stat-item {
    text-align: center;
    flex: 1;
    padding: 0 30px;
}

.stat-value {
    font-size: 48px;
    font-weight: bold;
    color: #333;
    margin-bottom: 8px;
    line-height: 1;
}

.stat-label {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.stat-divider {
    width: 2px;
    height: 80px;
    background-color: #ddd;
    margin: 0 20px;
}

/* Mobile responsiveness */
@media (max-width: 48rem) {
    .performance-stats {
        flex-direction: row;
        padding: 20px 20px;
        margin-top: 0rem;
    }
    
    .stat-item {
        padding: 20px 20px;
        width: 100%;
    }
    
    .stat-divider {
        width: 60%;
        height: 2px;
        margin: 20px 0;
    }
    
    .stat-value {
        font-size: 40px;
    }
    
    .stat-label {
        font-size: 13px;
    }
    
    .stat-link {
        font-size: 11px;
    }
}

    .ddesign-sales-tech {
      display: flex;
      background-color: #f4f5f9;
      border-radius: 8px;
      padding: 20px;
      max-width: 550px;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
      margin-top: 0.75rem;
    }
    
    .ddesign-tech-image {
      flex: 0 0 80px;
      margin-right: 20px;
    }
    
    .ddesign-tech-image img {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      object-fit: cover;
      border: 2px solid #000; 
    }
    
    .ddesign-tech-text {
      flex: 1;
    }
    
    .ddesign-tech-text h3 {
      margin-top: 0;
      margin-bottom: 10px;
      font-size: 18px;
    }
    
    .ddesign-tech-text p {
      margin: 8px 0;
      font-size: 14px;
      line-height: 1.4;
    }
    
    .ddesign-contact-button {
    color: #007bff;
    text-decoration: none;
    cursor: pointer;
    }

.padding-5 {
    margin-right: 9px;
    padding: 5px;
    margin-left: -5px;
}

span.lagerstatusText.date-margin-usp {
    margin-right: 23px;
}

/* Container styles */
klarna-placement::part(osm-container) {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    padding: 10px 20px !important;
    box-sizing: border-box !important;
    background-color: transparent !important;
    border-radius: 8px;
    border: 1px solid #ccc;
    margin-bottom: 0.75rem !important;
}

/* Reset Klarna's default container styles */
.lager-usp-container klarna-placement {
    width: 100% !important;
    display: block !important;
}

/* Style the text wrapper to match your layout */
klarna-placement .text-wrapper {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* Style the message to match your text styling */
klarna-placement::part(osm-message) {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-family: inherit !important;
    color: inherit !important;
}

/* Style the CTA (Läs mer button) */
klarna-placement::part(osm-cta) {
    display: inline !important;
    font-size: inherit !important;
    line-height: inherit !important;
    margin-left: 4px !important;
    text-decoration: underline !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    color: inherit !important;
    font-family: inherit !important;
}

.lager-usp-container {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: auto;
    max-width: 1401px;
    border-radius: 8px;
    border: 1px solid #ccc;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.lager-usp-item {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    box-sizing: border-box;
    border-top: 1px solid #ccc;
    flex-wrap: wrap;
}

.lager-usp-item:first-child {
    border-top: none;
}

.usp-icon {
    margin-right: 9px;
    padding: 5px;
    font-size: 20px;
}

.usp-lagertext {
    margin-right: 0px;
    padding: 5px;
    margin-left: -5px;
}

p.extra-info-leverans {
    width: 100%;
    font-size: 12px;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 0;
    padding-left: 0;
}

.usp-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    max-width: 1401px;
    border-radius: 8px;
    border: 1px solid #e6f5ed;
    margin-top: 0.75rem;
    background-color: #e6f5ed;
    padding: 16px 24px;
    box-sizing: border-box;
    gap: 8px;
    letter-spacing: 0.5px;
    font-size: 14px;
}

.usp-item {
    display: flex;
    align-items: flex-start;
    padding: 0;
    margin: 0;
    border: none;
    box-sizing: border-box;
    width: 100%;
    flex: 0 1 auto;
    white-space: normal;
}

.usp-item p, 
.usp-item span {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
    white-space: normal;
}

.usp-item::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    display: inline-flex;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    flex-shrink: 0;
    margin-top: 3px;
}

.lagerstatusText {
margin-left: -1.4rem;
margin-right: 9px;
padding: 5px;
}

.lagerstatusAntal {
margin-left: -5px;
padding: 5px;
}

.externt-lagerstatusText {
margin-left: -1.4rem;
margin-right: 9px;
padding: 5px;
}

.externt-lagerstatusAntal {
margin-left: -5px;
padding: 5px;
}

.lagerstatusAntal::before {
  content: "\f467";
  font-family: "Font Awesome 5 Pro";
  margin-right: 6px;
  color: #1ab67c !important;
  font-weight: 900;
}

.externt-lagerstatusAntal::before {
  content: "\f467";
  font-family: "Font Awesome 5 Pro";
  margin-right: 6px;
  color: #1ab67c !important;
  font-weight: 900;
}

#OrderFalt .Leveranstid,#OrderFalt .Leveranstid a,#OrderFalt .lagerstatusAntal,#OrderFalt .lagerstatusAntal a {
  color: #000000;
}

a#Lagerid_14::before,a#Lagerid_8::before,a#Lagerid_15::before {
  color: #7e7e7e !important;
  content: "\f06a";
  font-family: "Font Awesome 5 Pro";
  margin-right: 6px;
  font-weight: 900;
} 
a#Lagerid_1::before,a#Lagerid_3::before,a#Lagerid_4::before,a#Lagerid_16::before,a#Lagerid_22::before {
  color: #1ab67c !important;
  content: "\f48b";
  font-family: "Font Awesome 5 Pro";
  margin-right: 6px;
  font-weight: 900;
  border-radius: 50%;
  animation: pulse 2s infinite;
}
a#Lagerid_7::before,a#Lagerid_2::before,a#Lagerid_5::before {
  color: #f8b51c !important;
  content: "\f48c";
  font-family: "Font Awesome 5 Pro";
  margin-right: 6px;
  font-weight: 900;
}
h1#ArtikelnamnFalt {
  word-break: break-word;
  font-size: 22px;
}
@media only screen and (max-width: 47.99rem) {
  h1#ArtikelnamnFalt {
    font-size: 18px;
  }
}

@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(26, 182, 124, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(26, 182, 124, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(26, 182, 124, 0);
  }
}

/* Popup container */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 220px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 9px;
  padding: 8px 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -145px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

h1#ArtikelnamnFalt {
  word-break: break-word;
  font-size: 22px;
}
@media only screen and (max-width: 47.99rem) {
  h1#ArtikelnamnFalt {
    font-size: 18px;
  }
}

.procent2 {
  background: #fff;
  color: #fff;
}
.procent2:empty {
  display: none;
}
.procent2:after {
  content: "%";
}
.procent2:empty:after {
  display: none;
}

/* Pris */
#PrisFalt {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.PrisREA {
  color: #be1924;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  font-weight: 700;
}

.PrisBOLD {
  font-weight: 700;
}

.PrisORD {
  color: #666;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  margin-left: 15px;
  position: relative;
}
.PrisORD::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 2px;
  left: -2px;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 2px;
  background-color: #666;
}

.PrisAvd {
  display: none;
}

#KampanjFalt {
margin-bottom: 0.75rem;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
height: auto;
max-width: 1401px;
border-radius: 8px;
border: 1px solid #ccc;
margin-top: 0.75rem;
}

#KampanjFalt > div {
width: 100%;
display: flex;
padding: 10px 20px;
box-sizing: border-box;
flex-wrap: wrap;
flex-direction: column;
}

#KampanjFalt > div h3 {
margin-top: 0;
margin-right: 9px;
padding: 5px;
margin-left: -5px;
margin-bottom: 0;
}

#KampanjFalt2_Header {
font-weight: 800;
}

#KampanjFalt2Text {
margin-right: 9px;
padding: 5px;
margin-left: -5px;
display: none;
}

#KampanjFalt2 {
margin: auto;
text-align: left;
margin-left: -5px;
padding: 5px;
}

#KampanjFalt3_Header {
font-weight: 800;
}

#KampanjFalt3Text {
margin-right: 9px;
padding: 5px;
margin-left: -5px;
}

#KampanjFalt3 {
margin: auto;
text-align: left;
color: #be1924;
margin-left: -5px;
padding: 5px;
}

@media only screen and (max-width: 47.99rem) {
div#KampanjFalt4_Header {
margin-bottom: 0.5rem;
}
}

div#KampanjFalt4_Header {
margin-left: -1rem;
}

div#KampanjFalt5_Header {
    margin-left: -1rem;
}

.medskick {
margin: 0rem 0rem -1rem 0rem !important;
}

/* Dölj antalsfält (inkl. Set-artiklar) */
/* "Dold" köpknapp */
#SubmitFalt[style="display: none; visibility: hidden;"] {
  display: block !important;
  visibility: visible !important;
  pointer-events: none;
  filter: opacity(0.4);
}

#SubmitFalt.disabled {
  cursor: not-allowed;
}

#SubmitFalt.disabled a.buy-button {
  pointer-events: none;
  opacity: .6;
} 

#SubmitFalt.disabled {
    pointer-events: none; 
    opacity: 0.5;
}

.select-wrapper.variant-select-warning {
	border-color: red;
}


.Egenskaper_Tabell {
  width: 100%;
}
.Egenskaper_Tabell tr {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  margin-top: 1rem;
  width: 100%;
  flex-direction: column;
  align-items: stretch;
}
.Egenskaper_Tabell tr td {
  flex: 1;
}

@media only screen and (max-width: 48em) {
  .Egenskaper_Tabell tr {
    width: 100%;
  }
}
/*------------------------*/
/*.TeknSpec_Tabell {
  margin-top: -6px;
  margin-bottom: 20px;
  width: 100%;
}
.TeknSpec_Tabell td {
  padding: 10px;
}
.TeknSpec_Tabell td:first-child {
  width: 50%;
}
.TeknSpec_Tabell tr {
  display: flex;
}*/
.TeknSpec_Tabell {
  margin-top: -6px;
  margin-bottom: 20px;
}
.TeknSpec_Tabell,
.TeknSpec_Tabell2 {
  width: 100%;
}
.TeknSpec_Tabell td,
.TeknSpec_Tabell2 td {
  padding: 10px;
}
.TeknSpec_Tabell td:first-child,
.TeknSpec_Tabell2 td:first-child {
  width: 50%;
}
.TeknSpec_Tabell tr,
.TeknSpec_Tabell2 tr {
  display: flex;
}

.wishlistIkon {
  box-shadow: 3px 4px 8px #c8c8c8;
  height: 40px;
  width: 40px;
  font-style: normal;
}
.wishlistIkon::before {
  content: "\f004";
  font-family: "Font Awesome 5 Pro";
}

.ProduktbeskrAntalvalTabell {
  display: none;
}

.ProduktbeskrAntalvalText {
  display: none;
}

.Laggikorgen_Antalsfalt {
  border: none !important;
  background-color: get-color(light-grey, regular) !important;
  text-align: center !important;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  pointer-events: none;
  width: 100%;
  border: 1px solid #000;
}

.ProduktbeskrAntalvalFalt, .Laggikorgen_Antalsrad, .VariantAntalFalt, .Laggikorgen_Antalsfalt {
  border: 1px solid #000;
  display: flex;
  padding: 4px 6px;
  border-radius: 3px;
}
.ProduktbeskrAntalvalFalt .dec-inc.minus, .Laggikorgen_Antalsrad .dec-inc.minus, .VariantAntalFalt .dec-inc.minus, .Laggikorgen_Antalsfalt .dec-inc.minus {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  padding: 0 3px;
}
.ProduktbeskrAntalvalFalt .dec-inc.minus svg, .Laggikorgen_Antalsrad .dec-inc.minus svg, .VariantAntalFalt .dec-inc.minus svg, .Laggikorgen_Antalsfalt .dec-inc.minus svg {
  width: 15px;
  height: 15px;
}
.ProduktbeskrAntalvalFalt .dec-inc.plus, .Laggikorgen_Antalsrad .dec-inc.plus, .VariantAntalFalt .dec-inc.plus, .Laggikorgen_Antalsfalt .dec-inc.plus {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  padding: 0 3px;
}
.ProduktbeskrAntalvalFalt .dec-inc.plus svg, .Laggikorgen_Antalsrad .dec-inc.plus svg, .VariantAntalFalt .dec-inc.plus svg, .Laggikorgen_Antalsfalt .dec-inc.plus svg {
  width: 15px;
  height: 15px;
}

.Laggikorgen_Antalsrad td:first-child {
  display: none;
}
.Laggikorgen_Antalsrad .Laggikorgen_Antalsfalt {
  width: 40px !important;
  padding: 0 5px !important;
}
.Laggikorgen_Antalsrad td {
  display: flex;
}

.omdomen, .grade__icons {
  color: gray;
}
.omdomen .icon-betyg, .grade__icons .icon-betyg {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  width: 15px;
  height: 15px;
}
.omdomen .icon-betyg:after, .grade__icons .icon-betyg:after {
  content: "\f005";
  font-weight: 600;
  color: #d2d2d2;
}
.omdomen .icon-betyg-vald:after, .grade__icons .icon-betyg-vald:after {
  content: "\f005";
  color: #ffd85e;
  font-weight: 600;
}

.grade__container {
  gap: 0.6rem;
  display: flex;
  flex-wrap: wrap;
  color: #818181;
  align-items: center;
}
.grade__container .grade__icons::after {
  content: " | ";
  color: #ccc;
  font-size: 12px;
}
.grade__container .grade__icons .icon-betyg {
  height: 20px;
  width: 20px;
  font-size: 16px;
}

#article-grades-list {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: column;
}
#article-grades-list .row.box-bottom {
  background: #f4f5f7;
  padding: 20px 5px;
  border-radius: 10px;
}
#article-grades-list .row.box-bottom.hide-xs {
  display: block !important;
}

.TeknSpec_Tabell > tbody {
  display: flex;
  flex-direction: column;
}
.TeknSpec_Tabell .artnmr__tr {
  order: -1;
  background-color: transparent !important;
}

.tillbehor > ul > li {
  list-style-type: none !important;
}

.fa-circle-info:before {
  content: "\f05a";
}

body.priceinfo-modal-open #dimmer.active {
  display: block;
}

.price-history-lowest-price:empty + .price_info_trigger,
.price-history-lowest-price {
  display: none;
}

.price_info_area .price-history-lowest-price {
  display: initial;
}

.price_info_trigger {
  order: 3;
  cursor: pointer;
}

.price_info_area {
  height: fit-content;
  width: 90vw;
  padding: 1rem;
  z-index: 9;
}

.TeknSpec_Tabell tr:nth-child(odd) {
  background-color: #f1f1f1;
}

.wishlist {
  background-color: white;
  box-shadow: 1px 1px 4px #ccc;
  border-radius: 50%;
  cursor: pointer;
  z-index: 5;
  top: 10px;
  position: absolute;
  right: 24px;
}
.wishlist .add .liked {
  display: none;
}
.wishlist .add .unliked {
  display: flex;
}
.wishlist .remove .liked {
  display: flex;
}
.wishlist .remove .unliked {
  display: none;
}
.wishlist svg {
  height: 40px;
  padding: 8px;
  width: 40px;
  color: #949292;
}
.wishlist .liked svg {
  color: #ea3b3d;
}

.artnmr_omdomen_delare {
  color: #ccc;
  font-size: 12px;
}

.ProduktBeskrivning_Egenskaper {
  height: fit-content;
}
@media only screen and (max-width: 47.99rem) {
  .ProduktBeskrivning_Egenskaper {
    order: -1;
  }
}

.ToggleGradeinputs {
  z-index: 10;
}
.ToggleGradeinputs-btn {
  cursor: pointer;
}

.price_info_trigger {
  display: none;
}

.white-bg {
  background-color: rgb(255, 255, 255);
}

.white-bg-10 {
  background-color: rgba(255, 255, 255, 0.1);
}

.white-bg-20 {
  background-color: rgba(255, 255, 255, 0.2);
}

.white-bg-30 {
  background-color: rgba(255, 255, 255, 0.3);
}

.white-bg-40 {
  background-color: rgba(255, 255, 255, 0.4);
}

.white-bg-50 {
  background-color: rgba(255, 255, 255, 0.5);
}

.white-bg-60 {
  background-color: rgba(255, 255, 255, 0.6);
}

.white-bg-70 {
  background-color: rgba(255, 255, 255, 0.7);
}

.white-bg-80 {
  background-color: rgba(255, 255, 255, 0.8);
}

.white-bg-90 {
  background-color: rgba(255, 255, 255, 0.9);
}

.white-bg-100 {
  background-color: white;
}

.black-bg {
  background-color: #1e2326;
}

.black-bg-10 {
  background-color: rgba(30, 35, 38, 0.1);
}

.black-bg-20 {
  background-color: rgba(30, 35, 38, 0.2);
}

.black-bg-30 {
  background-color: rgba(30, 35, 38, 0.3);
}

.black-bg-40 {
  background-color: rgba(30, 35, 38, 0.4);
}

.black-bg-50 {
  background-color: rgba(30, 35, 38, 0.5);
}

.black-bg-60 {
  background-color: rgba(30, 35, 38, 0.6);
}

.black-bg-70 {
  background-color: rgba(30, 35, 38, 0.7);
}

.black-bg-80 {
  background-color: rgba(30, 35, 38, 0.8);
}

.black-bg-90 {
  background-color: rgba(30, 35, 38, 0.9);
}

.black-bg-100 {
  background-color: #1e2326;
}

.dark-grey-bg {
  background-color: #1e2326;
}

.dark-grey-bg-10 {
  background-color: rgba(30, 35, 38, 0.1);
}

.dark-grey-bg-20 {
  background-color: rgba(30, 35, 38, 0.2);
}

.dark-grey-bg-30 {
  background-color: rgba(30, 35, 38, 0.3);
}

.dark-grey-bg-40 {
  background-color: rgba(30, 35, 38, 0.4);
}

.dark-grey-bg-50 {
  background-color: rgba(30, 35, 38, 0.5);
}

.dark-grey-bg-60 {
  background-color: rgba(30, 35, 38, 0.6);
}

.dark-grey-bg-70 {
  background-color: rgba(30, 35, 38, 0.7);
}

.dark-grey-bg-80 {
  background-color: rgba(30, 35, 38, 0.8);
}

.dark-grey-bg-90 {
  background-color: rgba(30, 35, 38, 0.9);
}

.dark-grey-bg-100 {
  background-color: #1e2326;
}

.medium-grey-bg {
  background-color: #2f3139;
}

.medium-grey-bg-10 {
  background-color: rgba(47, 49, 57, 0.1);
}

.medium-grey-bg-20 {
  background-color: rgba(47, 49, 57, 0.2);
}

.medium-grey-bg-30 {
  background-color: rgba(47, 49, 57, 0.3);
}

.medium-grey-bg-40 {
  background-color: rgba(47, 49, 57, 0.4);
}

.medium-grey-bg-50 {
  background-color: rgba(47, 49, 57, 0.5);
}

.medium-grey-bg-60 {
  background-color: rgba(47, 49, 57, 0.6);
}

.medium-grey-bg-70 {
  background-color: rgba(47, 49, 57, 0.7);
}

.medium-grey-bg-80 {
  background-color: rgba(47, 49, 57, 0.8);
}

.medium-grey-bg-90 {
  background-color: rgba(47, 49, 57, 0.9);
}

.medium-grey-bg-100 {
  background-color: #2f3139;
}

.light-grey-bg {
  background-color: #f4f5f8;
}

.light-grey-bg-10 {
  background-color: rgba(244, 245, 248, 0.1);
}

.light-grey-bg-20 {
  background-color: rgba(244, 245, 248, 0.2);
}

.light-grey-bg-30 {
  background-color: rgba(244, 245, 248, 0.3);
}

.light-grey-bg-40 {
  background-color: rgba(244, 245, 248, 0.4);
}

.light-grey-bg-50 {
  background-color: rgba(244, 245, 248, 0.5);
}

.light-grey-bg-60 {
  background-color: rgba(244, 245, 248, 0.6);
}

.light-grey-bg-70 {
  background-color: rgba(244, 245, 248, 0.7);
}

.light-grey-bg-80 {
  background-color: rgba(244, 245, 248, 0.8);
}

.light-grey-bg-90 {
  background-color: rgba(244, 245, 248, 0.9);
}

.light-grey-bg-100 {
  background-color: #f4f5f8;
}

.green-bg {
  background-color: #2bbc68;
}

.green-bg-10 {
  background-color: rgba(43, 188, 104, 0.1);
}

.green-bg-20 {
  background-color: rgba(43, 188, 104, 0.2);
}

.green-bg-30 {
  background-color: rgba(43, 188, 104, 0.3);
}

.green-bg-40 {
  background-color: rgba(43, 188, 104, 0.4);
}

.green-bg-50 {
  background-color: rgba(43, 188, 104, 0.5);
}

.green-bg-60 {
  background-color: rgba(43, 188, 104, 0.6);
}

.green-bg-70 {
  background-color: rgba(43, 188, 104, 0.7);
}

.green-bg-80 {
  background-color: rgba(43, 188, 104, 0.8);
}

.green-bg-90 {
  background-color: rgba(43, 188, 104, 0.9);
}

.green-bg-100 {
  background-color: #2bbc68;
}

.red-bg {
  background-color: #e93a3c;
}

.red-bg-10 {
  background-color: rgba(233, 58, 60, 0.1);
}

.red-bg-20 {
  background-color: rgba(233, 58, 60, 0.2);
}

.red-bg-30 {
  background-color: rgba(233, 58, 60, 0.3);
}

.red-bg-40 {
  background-color: rgba(233, 58, 60, 0.4);
}

.red-bg-50 {
  background-color: rgba(233, 58, 60, 0.5);
}

.red-bg-60 {
  background-color: rgba(233, 58, 60, 0.6);
}

.red-bg-70 {
  background-color: rgba(233, 58, 60, 0.7);
}

.red-bg-80 {
  background-color: rgba(233, 58, 60, 0.8);
}

.red-bg-90 {
  background-color: rgba(233, 58, 60, 0.9);
}

.red-bg-100 {
  background-color: #e93a3c;
}

.grey-bg {
  background-color: #363b3f;
}

.grey-bg-10 {
  background-color: rgba(54, 59, 63, 0.1);
}

.grey-bg-20 {
  background-color: rgba(54, 59, 63, 0.2);
}

.grey-bg-30 {
  background-color: rgba(54, 59, 63, 0.3);
}

.grey-bg-40 {
  background-color: rgba(54, 59, 63, 0.4);
}

.grey-bg-50 {
  background-color: rgba(54, 59, 63, 0.5);
}

.grey-bg-60 {
  background-color: rgba(54, 59, 63, 0.6);
}

.grey-bg-70 {
  background-color: rgba(54, 59, 63, 0.7);
}

.grey-bg-80 {
  background-color: rgba(54, 59, 63, 0.8);
}

.grey-bg-90 {
  background-color: rgba(54, 59, 63, 0.9);
}

.grey-bg-100 {
  background-color: #363b3f;
}

.dark-blue-bg {
  background-color: #0d4056;
}

.dark-blue-bg-10 {
  background-color: rgba(13, 64, 86, 0.1);
}

.dark-blue-bg-20 {
  background-color: rgba(13, 64, 86, 0.2);
}

.dark-blue-bg-30 {
  background-color: rgba(13, 64, 86, 0.3);
}

.dark-blue-bg-40 {
  background-color: rgba(13, 64, 86, 0.4);
}

.dark-blue-bg-50 {
  background-color: rgba(13, 64, 86, 0.5);
}

.dark-blue-bg-60 {
  background-color: rgba(13, 64, 86, 0.6);
}

.dark-blue-bg-70 {
  background-color: rgba(13, 64, 86, 0.7);
}

.dark-blue-bg-80 {
  background-color: rgba(13, 64, 86, 0.8);
}

.dark-blue-bg-90 {
  background-color: rgba(13, 64, 86, 0.9);
}

.dark-blue-bg-100 {
  background-color: #0d4056;
}

.transparent-bg {
  background-color: rgba(0, 0, 0, 0);
}

.transparent-bg-10 {
  background-color: rgba(0, 0, 0, 0.1);
}

.transparent-bg-20 {
  background-color: rgba(0, 0, 0, 0.2);
}

.transparent-bg-30 {
  background-color: rgba(0, 0, 0, 0.3);
}

.transparent-bg-40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.transparent-bg-50 {
  background-color: rgba(0, 0, 0, 0.5);
}

.transparent-bg-60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.transparent-bg-70 {
  background-color: rgba(0, 0, 0, 0.7);
}

.transparent-bg-80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.transparent-bg-90 {
  background-color: rgba(0, 0, 0, 0.9);
}

.transparent-bg-100 {
  background-color: black;
}

.white-text {
  color: rgb(255, 255, 255);
}

.white-hover:hover {
  color: rgb(255, 255, 255);
}
.white-hover:hover svg {
  fill: rgb(255, 255, 255);
}
.white-hover:hover svg path {
  fill: rgb(255, 255, 255);
}

.white-text-10 {
  color: rgba(255, 255, 255, 0.1);
}

.white-text-20 {
  color: rgba(255, 255, 255, 0.2);
}

.white-text-30 {
  color: rgba(255, 255, 255, 0.3);
}

.white-text-40 {
  color: rgba(255, 255, 255, 0.4);
}

.white-text-50 {
  color: rgba(255, 255, 255, 0.5);
}

.white-text-60 {
  color: rgba(255, 255, 255, 0.6);
}

.white-text-70 {
  color: rgba(255, 255, 255, 0.7);
}

.white-text-80 {
  color: rgba(255, 255, 255, 0.8);
}

.white-text-90 {
  color: rgba(255, 255, 255, 0.9);
}

.white-text-100 {
  color: white;
}

@media only screen and (max-width: 47.99rem) {
  .white-text-xs {
    color: rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 48rem) {
  .white-text-sm {
    color: rgb(255, 255, 255);
  }
}
.black-text {
  color: #1e2326;
}

.black-hover:hover {
  color: #1e2326;
}
.black-hover:hover svg {
  fill: #1e2326;
}
.black-hover:hover svg path {
  fill: #1e2326;
}

.black-text-10 {
  color: rgba(30, 35, 38, 0.1);
}

.black-text-20 {
  color: rgba(30, 35, 38, 0.2);
}

.black-text-30 {
  color: rgba(30, 35, 38, 0.3);
}

.black-text-40 {
  color: rgba(30, 35, 38, 0.4);
}

.black-text-50 {
  color: rgba(30, 35, 38, 0.5);
}

.black-text-60 {
  color: rgba(30, 35, 38, 0.6);
}

.black-text-70 {
  color: rgba(30, 35, 38, 0.7);
}

.black-text-80 {
  color: rgba(30, 35, 38, 0.8);
}

.black-text-90 {
  color: rgba(30, 35, 38, 0.9);
}

.black-text-100 {
  color: #1e2326;
}

@media only screen and (max-width: 47.99rem) {
  .black-text-xs {
    color: #1e2326;
  }
}
@media only screen and (min-width: 48rem) {
  .black-text-sm {
    color: #1e2326;
  }
}
.dark-grey-text {
  color: #1e2326;
}

.dark-grey-hover:hover {
  color: #1e2326;
}
.dark-grey-hover:hover svg {
  fill: #1e2326;
}
.dark-grey-hover:hover svg path {
  fill: #1e2326;
}

.dark-grey-text-10 {
  color: rgba(30, 35, 38, 0.1);
}

.dark-grey-text-20 {
  color: rgba(30, 35, 38, 0.2);
}

.dark-grey-text-30 {
  color: rgba(30, 35, 38, 0.3);
}

.dark-grey-text-40 {
  color: rgba(30, 35, 38, 0.4);
}

.dark-grey-text-50 {
  color: rgba(30, 35, 38, 0.5);
}

.dark-grey-text-60 {
  color: rgba(30, 35, 38, 0.6);
}

.dark-grey-text-70 {
  color: rgba(30, 35, 38, 0.7);
}

.dark-grey-text-80 {
  color: rgba(30, 35, 38, 0.8);
}

.dark-grey-text-90 {
  color: rgba(30, 35, 38, 0.9);
}

.dark-grey-text-100 {
  color: #1e2326;
}

@media only screen and (max-width: 47.99rem) {
  .dark-grey-text-xs {
    color: #1e2326;
  }
}
@media only screen and (min-width: 48rem) {
  .dark-grey-text-sm {
    color: #1e2326;
  }
}
.medium-grey-text {
  color: #2f3139;
}

.medium-grey-hover:hover {
  color: #2f3139;
}
.medium-grey-hover:hover svg {
  fill: #2f3139;
}
.medium-grey-hover:hover svg path {
  fill: #2f3139;
}

.medium-grey-text-10 {
  color: rgba(47, 49, 57, 0.1);
}

.medium-grey-text-20 {
  color: rgba(47, 49, 57, 0.2);
}

.medium-grey-text-30 {
  color: rgba(47, 49, 57, 0.3);
}

.medium-grey-text-40 {
  color: rgba(47, 49, 57, 0.4);
}

.medium-grey-text-50 {
  color: rgba(47, 49, 57, 0.5);
}

.medium-grey-text-60 {
  color: rgba(47, 49, 57, 0.6);
}

.medium-grey-text-70 {
  color: rgba(47, 49, 57, 0.7);
}

.medium-grey-text-80 {
  color: rgba(47, 49, 57, 0.8);
}

.medium-grey-text-90 {
  color: rgba(47, 49, 57, 0.9);
}

.medium-grey-text-100 {
  color: #2f3139;
}

@media only screen and (max-width: 47.99rem) {
  .medium-grey-text-xs {
    color: #2f3139;
  }
}
@media only screen and (min-width: 48rem) {
  .medium-grey-text-sm {
    color: #2f3139;
  }
}
.light-grey-text {
  color: #f4f5f8;
}

.light-grey-hover:hover {
  color: #f4f5f8;
}
.light-grey-hover:hover svg {
  fill: #f4f5f8;
}
.light-grey-hover:hover svg path {
  fill: #f4f5f8;
}

.light-grey-text-10 {
  color: rgba(244, 245, 248, 0.1);
}

.light-grey-text-20 {
  color: rgba(244, 245, 248, 0.2);
}

.light-grey-text-30 {
  color: rgba(244, 245, 248, 0.3);
}

.light-grey-text-40 {
  color: rgba(244, 245, 248, 0.4);
}

.light-grey-text-50 {
  color: rgba(244, 245, 248, 0.5);
}

.light-grey-text-60 {
  color: rgba(244, 245, 248, 0.6);
}

.light-grey-text-70 {
  color: rgba(244, 245, 248, 0.7);
}

.light-grey-text-80 {
  color: rgba(244, 245, 248, 0.8);
}

.light-grey-text-90 {
  color: rgba(244, 245, 248, 0.9);
}

.light-grey-text-100 {
  color: #f4f5f8;
}

@media only screen and (max-width: 47.99rem) {
  .light-grey-text-xs {
    color: #f4f5f8;
  }
}
@media only screen and (min-width: 48rem) {
  .light-grey-text-sm {
    color: #f4f5f8;
  }
}
.green-text {
  color: #2bbc68;
}

.green-hover:hover {
  color: #2bbc68;
}
.green-hover:hover svg {
  fill: #2bbc68;
}
.green-hover:hover svg path {
  fill: #2bbc68;
}

.green-text-10 {
  color: rgba(43, 188, 104, 0.1);
}

.green-text-20 {
  color: rgba(43, 188, 104, 0.2);
}

.green-text-30 {
  color: rgba(43, 188, 104, 0.3);
}

.green-text-40 {
  color: rgba(43, 188, 104, 0.4);
}

.green-text-50 {
  color: rgba(43, 188, 104, 0.5);
}

.green-text-60 {
  color: rgba(43, 188, 104, 0.6);
}

.green-text-70 {
  color: rgba(43, 188, 104, 0.7);
}

.green-text-80 {
  color: rgba(43, 188, 104, 0.8);
}

.green-text-90 {
  color: rgba(43, 188, 104, 0.9);
}

.green-text-100 {
  color: #2bbc68;
}

@media only screen and (max-width: 47.99rem) {
  .green-text-xs {
    color: #2bbc68;
  }
}
@media only screen and (min-width: 48rem) {
  .green-text-sm {
    color: #2bbc68;
  }
}
.red-text {
  color: #e93a3c;
}

.red-hover:hover {
  color: #e93a3c;
}
.red-hover:hover svg {
  fill: #e93a3c;
}
.red-hover:hover svg path {
  fill: #e93a3c;
}

.red-text-10 {
  color: rgba(233, 58, 60, 0.1);
}

.red-text-20 {
  color: rgba(233, 58, 60, 0.2);
}

.red-text-30 {
  color: rgba(233, 58, 60, 0.3);
}

.red-text-40 {
  color: rgba(233, 58, 60, 0.4);
}

.red-text-50 {
  color: rgba(233, 58, 60, 0.5);
}

.red-text-60 {
  color: rgba(233, 58, 60, 0.6);
}

.red-text-70 {
  color: rgba(233, 58, 60, 0.7);
}

.red-text-80 {
  color: rgba(233, 58, 60, 0.8);
}

.red-text-90 {
  color: rgba(233, 58, 60, 0.9);
}

.red-text-100 {
  color: #e93a3c;
}

@media only screen and (max-width: 47.99rem) {
  .red-text-xs {
    color: #e93a3c;
  }
}
@media only screen and (min-width: 48rem) {
  .red-text-sm {
    color: #e93a3c;
  }
}
.grey-text {
  color: #363b3f;
}

.grey-hover:hover {
  color: #363b3f;
}
.grey-hover:hover svg {
  fill: #363b3f;
}
.grey-hover:hover svg path {
  fill: #363b3f;
}

.grey-text-10 {
  color: rgba(54, 59, 63, 0.1);
}

.grey-text-20 {
  color: rgba(54, 59, 63, 0.2);
}

.grey-text-30 {
  color: rgba(54, 59, 63, 0.3);
}

.grey-text-40 {
  color: rgba(54, 59, 63, 0.4);
}

.grey-text-50 {
  color: rgba(54, 59, 63, 0.5);
}

.grey-text-60 {
  color: rgba(54, 59, 63, 0.6);
}

.grey-text-70 {
  color: rgba(54, 59, 63, 0.7);
}

.grey-text-80 {
  color: rgba(54, 59, 63, 0.8);
}

.grey-text-90 {
  color: rgba(54, 59, 63, 0.9);
}

.grey-text-100 {
  color: #363b3f;
}

@media only screen and (max-width: 47.99rem) {
  .grey-text-xs {
    color: #363b3f;
  }
}
@media only screen and (min-width: 48rem) {
  .grey-text-sm {
    color: #363b3f;
  }
}
.dark-blue-text {
  color: #0d4056;
}

.dark-blue-hover:hover {
  color: #0d4056;
}
.dark-blue-hover:hover svg {
  fill: #0d4056;
}
.dark-blue-hover:hover svg path {
  fill: #0d4056;
}

.dark-blue-text-10 {
  color: rgba(13, 64, 86, 0.1);
}

.dark-blue-text-20 {
  color: rgba(13, 64, 86, 0.2);
}

.dark-blue-text-30 {
  color: rgba(13, 64, 86, 0.3);
}

.dark-blue-text-40 {
  color: rgba(13, 64, 86, 0.4);
}

.dark-blue-text-50 {
  color: rgba(13, 64, 86, 0.5);
}

.dark-blue-text-60 {
  color: rgba(13, 64, 86, 0.6);
}

.dark-blue-text-70 {
  color: rgba(13, 64, 86, 0.7);
}

.dark-blue-text-80 {
  color: rgba(13, 64, 86, 0.8);
}

.dark-blue-text-90 {
  color: rgba(13, 64, 86, 0.9);
}

.dark-blue-text-100 {
  color: #0d4056;
}

@media only screen and (max-width: 47.99rem) {
  .dark-blue-text-xs {
    color: #0d4056;
  }
}
@media only screen and (min-width: 48rem) {
  .dark-blue-text-sm {
    color: #0d4056;
  }
}
.transparent-text {
  color: rgba(0, 0, 0, 0);
}

.transparent-hover:hover {
  color: rgba(0, 0, 0, 0);
}
.transparent-hover:hover svg {
  fill: rgba(0, 0, 0, 0);
}
.transparent-hover:hover svg path {
  fill: rgba(0, 0, 0, 0);
}

.transparent-text-10 {
  color: rgba(0, 0, 0, 0.1);
}

.transparent-text-20 {
  color: rgba(0, 0, 0, 0.2);
}

.transparent-text-30 {
  color: rgba(0, 0, 0, 0.3);
}

.transparent-text-40 {
  color: rgba(0, 0, 0, 0.4);
}

.transparent-text-50 {
  color: rgba(0, 0, 0, 0.5);
}

.transparent-text-60 {
  color: rgba(0, 0, 0, 0.6);
}

.transparent-text-70 {
  color: rgba(0, 0, 0, 0.7);
}

.transparent-text-80 {
  color: rgba(0, 0, 0, 0.8);
}

.transparent-text-90 {
  color: rgba(0, 0, 0, 0.9);
}

.transparent-text-100 {
  color: black;
}

@media only screen and (max-width: 47.99rem) {
  .transparent-text-xs {
    color: rgba(0, 0, 0, 0);
  }
}
@media only screen and (min-width: 48rem) {
  .transparent-text-sm {
    color: rgba(0, 0, 0, 0);
  }
}
.white-b {
  border: 1px solid rgb(255, 255, 255);
}

.white-bt {
  border-top: 1px solid rgb(255, 255, 255);
}

.white-bb {
  border-bottom: 1px solid rgb(255, 255, 255);
}

.white-bl {
  border-left: 1px solid rgb(255, 255, 255);
}

.white-br {
  border-right: 1px solid rgb(255, 255, 255);
}

.white-by {
  border-top: 1px solid rgb(255, 255, 255);
  border-bottom: 1px solid rgb(255, 255, 255);
}

.white-bx {
  border-right: 1px solid rgb(255, 255, 255);
  border-left: 1px solid rgb(255, 255, 255);
}

@media only screen and (max-width: 47.99rem) {
  .white-b-xs {
    border: 1px solid rgb(255, 255, 255);
  }
  .white-bt-xs {
    border-top: 1px solid rgb(255, 255, 255);
  }
  .white-bb-xs {
    border-bottom: 1px solid rgb(255, 255, 255);
  }
  .white-bl-xs {
    border-left: 1px solid rgb(255, 255, 255);
  }
  .white-br-xs {
    border-right: 1px solid rgb(255, 255, 255);
  }
  .white-by-xs {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }
  .white-bx-xs {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 48rem) {
  .white-b-sm {
    border: 1px solid rgb(255, 255, 255);
  }
  .white-bt-sm {
    border-top: 1px solid rgb(255, 255, 255);
  }
  .white-bb-sm {
    border-bottom: 1px solid rgb(255, 255, 255);
  }
  .white-bl-sm {
    border-left: 1px solid rgb(255, 255, 255);
  }
  .white-br-sm {
    border-right: 1px solid rgb(255, 255, 255);
  }
  .white-by-sm {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }
  .white-bx-sm {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 65rem) {
  .white-b-md {
    border: 1px solid rgb(255, 255, 255);
  }
  .white-bt-md {
    border-top: 1px solid rgb(255, 255, 255);
  }
  .white-bb-md {
    border-bottom: 1px solid rgb(255, 255, 255);
  }
  .white-bl-md {
    border-left: 1px solid rgb(255, 255, 255);
  }
  .white-br-md {
    border-right: 1px solid rgb(255, 255, 255);
  }
  .white-by-md {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }
  .white-bx-md {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 85.375rem) {
  .white-b-lg {
    border: 1px solid rgb(255, 255, 255);
  }
  .white-bt-lg {
    border-top: 1px solid rgb(255, 255, 255);
  }
  .white-bb-lg {
    border-bottom: 1px solid rgb(255, 255, 255);
  }
  .white-bl-lg {
    border-left: 1px solid rgb(255, 255, 255);
  }
  .white-br-lg {
    border-right: 1px solid rgb(255, 255, 255);
  }
  .white-by-lg {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }
  .white-bx-lg {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
.black-b {
  border: 1px solid #1e2326;
}

.black-bt {
  border-top: 1px solid #1e2326;
}

.black-bb {
  border-bottom: 1px solid #1e2326;
}

.black-bl {
  border-left: 1px solid #1e2326;
}

.black-br {
  border-right: 1px solid #1e2326;
}

.black-by {
  border-top: 1px solid #1e2326;
  border-bottom: 1px solid #1e2326;
}

.black-bx {
  border-right: 1px solid #1e2326;
  border-left: 1px solid #1e2326;
}

@media only screen and (max-width: 47.99rem) {
  .black-b-xs {
    border: 1px solid #1e2326;
  }
  .black-bt-xs {
    border-top: 1px solid #1e2326;
  }
  .black-bb-xs {
    border-bottom: 1px solid #1e2326;
  }
  .black-bl-xs {
    border-left: 1px solid #1e2326;
  }
  .black-br-xs {
    border-right: 1px solid #1e2326;
  }
  .black-by-xs {
    border-top: 1px solid #1e2326;
    border-bottom: 1px solid #1e2326;
  }
  .black-bx-xs {
    border-right: 1px solid #1e2326;
    border-left: 1px solid #1e2326;
  }
}
@media only screen and (min-width: 48rem) {
  .black-b-sm {
    border: 1px solid #1e2326;
  }
  .black-bt-sm {
    border-top: 1px solid #1e2326;
  }
  .black-bb-sm {
    border-bottom: 1px solid #1e2326;
  }
  .black-bl-sm {
    border-left: 1px solid #1e2326;
  }
  .black-br-sm {
    border-right: 1px solid #1e2326;
  }
  .black-by-sm {
    border-top: 1px solid #1e2326;
    border-bottom: 1px solid #1e2326;
  }
  .black-bx-sm {
    border-right: 1px solid #1e2326;
    border-left: 1px solid #1e2326;
  }
}
@media only screen and (min-width: 65rem) {
  .black-b-md {
    border: 1px solid #1e2326;
  }
  .black-bt-md {
    border-top: 1px solid #1e2326;
  }
  .black-bb-md {
    border-bottom: 1px solid #1e2326;
  }
  .black-bl-md {
    border-left: 1px solid #1e2326;
  }
  .black-br-md {
    border-right: 1px solid #1e2326;
  }
  .black-by-md {
    border-top: 1px solid #1e2326;
    border-bottom: 1px solid #1e2326;
  }
  .black-bx-md {
    border-right: 1px solid #1e2326;
    border-left: 1px solid #1e2326;
  }
}
@media only screen and (min-width: 85.375rem) {
  .black-b-lg {
    border: 1px solid #1e2326;
  }
  .black-bt-lg {
    border-top: 1px solid #1e2326;
  }
  .black-bb-lg {
    border-bottom: 1px solid #1e2326;
  }
  .black-bl-lg {
    border-left: 1px solid #1e2326;
  }
  .black-br-lg {
    border-right: 1px solid #1e2326;
  }
  .black-by-lg {
    border-top: 1px solid #1e2326;
    border-bottom: 1px solid #1e2326;
  }
  .black-bx-lg {
    border-right: 1px solid #1e2326;
    border-left: 1px solid #1e2326;
  }
}
.dark-grey-b {
  border: 1px solid #1e2326;
}

.dark-grey-bt {
  border-top: 1px solid #1e2326;
}

.dark-grey-bb {
  border-bottom: 1px solid #1e2326;
}

.dark-grey-bl {
  border-left: 1px solid #1e2326;
}

.dark-grey-br {
  border-right: 1px solid #1e2326;
}

.dark-grey-by {
  border-top: 1px solid #1e2326;
  border-bottom: 1px solid #1e2326;
}

.dark-grey-bx {
  border-right: 1px solid #1e2326;
  border-left: 1px solid #1e2326;
}

@media only screen and (max-width: 47.99rem) {
  .dark-grey-b-xs {
    border: 1px solid #1e2326;
  }
  .dark-grey-bt-xs {
    border-top: 1px solid #1e2326;
  }
  .dark-grey-bb-xs {
    border-bottom: 1px solid #1e2326;
  }
  .dark-grey-bl-xs {
    border-left: 1px solid #1e2326;
  }
  .dark-grey-br-xs {
    border-right: 1px solid #1e2326;
  }
  .dark-grey-by-xs {
    border-top: 1px solid #1e2326;
    border-bottom: 1px solid #1e2326;
  }
  .dark-grey-bx-xs {
    border-right: 1px solid #1e2326;
    border-left: 1px solid #1e2326;
  }
}
@media only screen and (min-width: 48rem) {
  .dark-grey-b-sm {
    border: 1px solid #1e2326;
  }
  .dark-grey-bt-sm {
    border-top: 1px solid #1e2326;
  }
  .dark-grey-bb-sm {
    border-bottom: 1px solid #1e2326;
  }
  .dark-grey-bl-sm {
    border-left: 1px solid #1e2326;
  }
  .dark-grey-br-sm {
    border-right: 1px solid #1e2326;
  }
  .dark-grey-by-sm {
    border-top: 1px solid #1e2326;
    border-bottom: 1px solid #1e2326;
  }
  .dark-grey-bx-sm {
    border-right: 1px solid #1e2326;
    border-left: 1px solid #1e2326;
  }
}
@media only screen and (min-width: 65rem) {
  .dark-grey-b-md {
    border: 1px solid #1e2326;
  }
  .dark-grey-bt-md {
    border-top: 1px solid #1e2326;
  }
  .dark-grey-bb-md {
    border-bottom: 1px solid #1e2326;
  }
  .dark-grey-bl-md {
    border-left: 1px solid #1e2326;
  }
  .dark-grey-br-md {
    border-right: 1px solid #1e2326;
  }
  .dark-grey-by-md {
    border-top: 1px solid #1e2326;
    border-bottom: 1px solid #1e2326;
  }
  .dark-grey-bx-md {
    border-right: 1px solid #1e2326;
    border-left: 1px solid #1e2326;
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-grey-b-lg {
    border: 1px solid #1e2326;
  }
  .dark-grey-bt-lg {
    border-top: 1px solid #1e2326;
  }
  .dark-grey-bb-lg {
    border-bottom: 1px solid #1e2326;
  }
  .dark-grey-bl-lg {
    border-left: 1px solid #1e2326;
  }
  .dark-grey-br-lg {
    border-right: 1px solid #1e2326;
  }
  .dark-grey-by-lg {
    border-top: 1px solid #1e2326;
    border-bottom: 1px solid #1e2326;
  }
  .dark-grey-bx-lg {
    border-right: 1px solid #1e2326;
    border-left: 1px solid #1e2326;
  }
}
.medium-grey-b {
  border: 1px solid #2f3139;
}

.medium-grey-bt {
  border-top: 1px solid #2f3139;
}

.medium-grey-bb {
  border-bottom: 1px solid #2f3139;
}

.medium-grey-bl {
  border-left: 1px solid #2f3139;
}

.medium-grey-br {
  border-right: 1px solid #2f3139;
}

.medium-grey-by {
  border-top: 1px solid #2f3139;
  border-bottom: 1px solid #2f3139;
}

.medium-grey-bx {
  border-right: 1px solid #2f3139;
  border-left: 1px solid #2f3139;
}

@media only screen and (max-width: 47.99rem) {
  .medium-grey-b-xs {
    border: 1px solid #2f3139;
  }
  .medium-grey-bt-xs {
    border-top: 1px solid #2f3139;
  }
  .medium-grey-bb-xs {
    border-bottom: 1px solid #2f3139;
  }
  .medium-grey-bl-xs {
    border-left: 1px solid #2f3139;
  }
  .medium-grey-br-xs {
    border-right: 1px solid #2f3139;
  }
  .medium-grey-by-xs {
    border-top: 1px solid #2f3139;
    border-bottom: 1px solid #2f3139;
  }
  .medium-grey-bx-xs {
    border-right: 1px solid #2f3139;
    border-left: 1px solid #2f3139;
  }
}
@media only screen and (min-width: 48rem) {
  .medium-grey-b-sm {
    border: 1px solid #2f3139;
  }
  .medium-grey-bt-sm {
    border-top: 1px solid #2f3139;
  }
  .medium-grey-bb-sm {
    border-bottom: 1px solid #2f3139;
  }
  .medium-grey-bl-sm {
    border-left: 1px solid #2f3139;
  }
  .medium-grey-br-sm {
    border-right: 1px solid #2f3139;
  }
  .medium-grey-by-sm {
    border-top: 1px solid #2f3139;
    border-bottom: 1px solid #2f3139;
  }
  .medium-grey-bx-sm {
    border-right: 1px solid #2f3139;
    border-left: 1px solid #2f3139;
  }
}
@media only screen and (min-width: 65rem) {
  .medium-grey-b-md {
    border: 1px solid #2f3139;
  }
  .medium-grey-bt-md {
    border-top: 1px solid #2f3139;
  }
  .medium-grey-bb-md {
    border-bottom: 1px solid #2f3139;
  }
  .medium-grey-bl-md {
    border-left: 1px solid #2f3139;
  }
  .medium-grey-br-md {
    border-right: 1px solid #2f3139;
  }
  .medium-grey-by-md {
    border-top: 1px solid #2f3139;
    border-bottom: 1px solid #2f3139;
  }
  .medium-grey-bx-md {
    border-right: 1px solid #2f3139;
    border-left: 1px solid #2f3139;
  }
}
@media only screen and (min-width: 85.375rem) {
  .medium-grey-b-lg {
    border: 1px solid #2f3139;
  }
  .medium-grey-bt-lg {
    border-top: 1px solid #2f3139;
  }
  .medium-grey-bb-lg {
    border-bottom: 1px solid #2f3139;
  }
  .medium-grey-bl-lg {
    border-left: 1px solid #2f3139;
  }
  .medium-grey-br-lg {
    border-right: 1px solid #2f3139;
  }
  .medium-grey-by-lg {
    border-top: 1px solid #2f3139;
    border-bottom: 1px solid #2f3139;
  }
  .medium-grey-bx-lg {
    border-right: 1px solid #2f3139;
    border-left: 1px solid #2f3139;
  }
}
.light-grey-b {
  border: 1px solid #f4f5f8;
}

.light-grey-bt {
  border-top: 1px solid #f4f5f8;
}

.light-grey-bb {
  border-bottom: 1px solid #f4f5f8;
}

.light-grey-bl {
  border-left: 1px solid #f4f5f8;
}

.light-grey-br {
  border-right: 1px solid #f4f5f8;
}

.light-grey-by {
  border-top: 1px solid #f4f5f8;
  border-bottom: 1px solid #f4f5f8;
}

.light-grey-bx {
  border-right: 1px solid #f4f5f8;
  border-left: 1px solid #f4f5f8;
}

@media only screen and (max-width: 47.99rem) {
  .light-grey-b-xs {
    border: 1px solid #f4f5f8;
  }
  .light-grey-bt-xs {
    border-top: 1px solid #f4f5f8;
  }
  .light-grey-bb-xs {
    border-bottom: 1px solid #f4f5f8;
  }
  .light-grey-bl-xs {
    border-left: 1px solid #f4f5f8;
  }
  .light-grey-br-xs {
    border-right: 1px solid #f4f5f8;
  }
  .light-grey-by-xs {
    border-top: 1px solid #f4f5f8;
    border-bottom: 1px solid #f4f5f8;
  }
  .light-grey-bx-xs {
    border-right: 1px solid #f4f5f8;
    border-left: 1px solid #f4f5f8;
  }
}
@media only screen and (min-width: 48rem) {
  .light-grey-b-sm {
    border: 1px solid #f4f5f8;
  }
  .light-grey-bt-sm {
    border-top: 1px solid #f4f5f8;
  }
  .light-grey-bb-sm {
    border-bottom: 1px solid #f4f5f8;
  }
  .light-grey-bl-sm {
    border-left: 1px solid #f4f5f8;
  }
  .light-grey-br-sm {
    border-right: 1px solid #f4f5f8;
  }
  .light-grey-by-sm {
    border-top: 1px solid #f4f5f8;
    border-bottom: 1px solid #f4f5f8;
  }
  .light-grey-bx-sm {
    border-right: 1px solid #f4f5f8;
    border-left: 1px solid #f4f5f8;
  }
}
@media only screen and (min-width: 65rem) {
  .light-grey-b-md {
    border: 1px solid #f4f5f8;
  }
  .light-grey-bt-md {
    border-top: 1px solid #f4f5f8;
  }
  .light-grey-bb-md {
    border-bottom: 1px solid #f4f5f8;
  }
  .light-grey-bl-md {
    border-left: 1px solid #f4f5f8;
  }
  .light-grey-br-md {
    border-right: 1px solid #f4f5f8;
  }
  .light-grey-by-md {
    border-top: 1px solid #f4f5f8;
    border-bottom: 1px solid #f4f5f8;
  }
  .light-grey-bx-md {
    border-right: 1px solid #f4f5f8;
    border-left: 1px solid #f4f5f8;
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-grey-b-lg {
    border: 1px solid #f4f5f8;
  }
  .light-grey-bt-lg {
    border-top: 1px solid #f4f5f8;
  }
  .light-grey-bb-lg {
    border-bottom: 1px solid #f4f5f8;
  }
  .light-grey-bl-lg {
    border-left: 1px solid #f4f5f8;
  }
  .light-grey-br-lg {
    border-right: 1px solid #f4f5f8;
  }
  .light-grey-by-lg {
    border-top: 1px solid #f4f5f8;
    border-bottom: 1px solid #f4f5f8;
  }
  .light-grey-bx-lg {
    border-right: 1px solid #f4f5f8;
    border-left: 1px solid #f4f5f8;
  }
}
.green-b {
  border: 1px solid #2bbc68;
}

.green-bt {
  border-top: 1px solid #2bbc68;
}

.green-bb {
  border-bottom: 1px solid #2bbc68;
}

.green-bl {
  border-left: 1px solid #2bbc68;
}

.green-br {
  border-right: 1px solid #2bbc68;
}

.green-by {
  border-top: 1px solid #2bbc68;
  border-bottom: 1px solid #2bbc68;
}

.green-bx {
  border-right: 1px solid #2bbc68;
  border-left: 1px solid #2bbc68;
}

@media only screen and (max-width: 47.99rem) {
  .green-b-xs {
    border: 1px solid #2bbc68;
  }
  .green-bt-xs {
    border-top: 1px solid #2bbc68;
  }
  .green-bb-xs {
    border-bottom: 1px solid #2bbc68;
  }
  .green-bl-xs {
    border-left: 1px solid #2bbc68;
  }
  .green-br-xs {
    border-right: 1px solid #2bbc68;
  }
  .green-by-xs {
    border-top: 1px solid #2bbc68;
    border-bottom: 1px solid #2bbc68;
  }
  .green-bx-xs {
    border-right: 1px solid #2bbc68;
    border-left: 1px solid #2bbc68;
  }
}
@media only screen and (min-width: 48rem) {
  .green-b-sm {
    border: 1px solid #2bbc68;
  }
  .green-bt-sm {
    border-top: 1px solid #2bbc68;
  }
  .green-bb-sm {
    border-bottom: 1px solid #2bbc68;
  }
  .green-bl-sm {
    border-left: 1px solid #2bbc68;
  }
  .green-br-sm {
    border-right: 1px solid #2bbc68;
  }
  .green-by-sm {
    border-top: 1px solid #2bbc68;
    border-bottom: 1px solid #2bbc68;
  }
  .green-bx-sm {
    border-right: 1px solid #2bbc68;
    border-left: 1px solid #2bbc68;
  }
}
@media only screen and (min-width: 65rem) {
  .green-b-md {
    border: 1px solid #2bbc68;
  }
  .green-bt-md {
    border-top: 1px solid #2bbc68;
  }
  .green-bb-md {
    border-bottom: 1px solid #2bbc68;
  }
  .green-bl-md {
    border-left: 1px solid #2bbc68;
  }
  .green-br-md {
    border-right: 1px solid #2bbc68;
  }
  .green-by-md {
    border-top: 1px solid #2bbc68;
    border-bottom: 1px solid #2bbc68;
  }
  .green-bx-md {
    border-right: 1px solid #2bbc68;
    border-left: 1px solid #2bbc68;
  }
}
@media only screen and (min-width: 85.375rem) {
  .green-b-lg {
    border: 1px solid #2bbc68;
  }
  .green-bt-lg {
    border-top: 1px solid #2bbc68;
  }
  .green-bb-lg {
    border-bottom: 1px solid #2bbc68;
  }
  .green-bl-lg {
    border-left: 1px solid #2bbc68;
  }
  .green-br-lg {
    border-right: 1px solid #2bbc68;
  }
  .green-by-lg {
    border-top: 1px solid #2bbc68;
    border-bottom: 1px solid #2bbc68;
  }
  .green-bx-lg {
    border-right: 1px solid #2bbc68;
    border-left: 1px solid #2bbc68;
  }
}
.red-b {
  border: 1px solid #e93a3c;
}

.red-bt {
  border-top: 1px solid #e93a3c;
}

.red-bb {
  border-bottom: 1px solid #e93a3c;
}

.red-bl {
  border-left: 1px solid #e93a3c;
}

.red-br {
  border-right: 1px solid #e93a3c;
}

.red-by {
  border-top: 1px solid #e93a3c;
  border-bottom: 1px solid #e93a3c;
}

.red-bx {
  border-right: 1px solid #e93a3c;
  border-left: 1px solid #e93a3c;
}

@media only screen and (max-width: 47.99rem) {
  .red-b-xs {
    border: 1px solid #e93a3c;
  }
  .red-bt-xs {
    border-top: 1px solid #e93a3c;
  }
  .red-bb-xs {
    border-bottom: 1px solid #e93a3c;
  }
  .red-bl-xs {
    border-left: 1px solid #e93a3c;
  }
  .red-br-xs {
    border-right: 1px solid #e93a3c;
  }
  .red-by-xs {
    border-top: 1px solid #e93a3c;
    border-bottom: 1px solid #e93a3c;
  }
  .red-bx-xs {
    border-right: 1px solid #e93a3c;
    border-left: 1px solid #e93a3c;
  }
}
@media only screen and (min-width: 48rem) {
  .red-b-sm {
    border: 1px solid #e93a3c;
  }
  .red-bt-sm {
    border-top: 1px solid #e93a3c;
  }
  .red-bb-sm {
    border-bottom: 1px solid #e93a3c;
  }
  .red-bl-sm {
    border-left: 1px solid #e93a3c;
  }
  .red-br-sm {
    border-right: 1px solid #e93a3c;
  }
  .red-by-sm {
    border-top: 1px solid #e93a3c;
    border-bottom: 1px solid #e93a3c;
  }
  .red-bx-sm {
    border-right: 1px solid #e93a3c;
    border-left: 1px solid #e93a3c;
  }
}
@media only screen and (min-width: 65rem) {
  .red-b-md {
    border: 1px solid #e93a3c;
  }
  .red-bt-md {
    border-top: 1px solid #e93a3c;
  }
  .red-bb-md {
    border-bottom: 1px solid #e93a3c;
  }
  .red-bl-md {
    border-left: 1px solid #e93a3c;
  }
  .red-br-md {
    border-right: 1px solid #e93a3c;
  }
  .red-by-md {
    border-top: 1px solid #e93a3c;
    border-bottom: 1px solid #e93a3c;
  }
  .red-bx-md {
    border-right: 1px solid #e93a3c;
    border-left: 1px solid #e93a3c;
  }
}
@media only screen and (min-width: 85.375rem) {
  .red-b-lg {
    border: 1px solid #e93a3c;
  }
  .red-bt-lg {
    border-top: 1px solid #e93a3c;
  }
  .red-bb-lg {
    border-bottom: 1px solid #e93a3c;
  }
  .red-bl-lg {
    border-left: 1px solid #e93a3c;
  }
  .red-br-lg {
    border-right: 1px solid #e93a3c;
  }
  .red-by-lg {
    border-top: 1px solid #e93a3c;
    border-bottom: 1px solid #e93a3c;
  }
  .red-bx-lg {
    border-right: 1px solid #e93a3c;
    border-left: 1px solid #e93a3c;
  }
}
.grey-b {
  border: 1px solid #363b3f;
}

.grey-bt {
  border-top: 1px solid #363b3f;
}

.grey-bb {
  border-bottom: 1px solid #363b3f;
}

.grey-bl {
  border-left: 1px solid #363b3f;
}

.grey-br {
  border-right: 1px solid #363b3f;
}

.grey-by {
  border-top: 1px solid #363b3f;
  border-bottom: 1px solid #363b3f;
}

.grey-bx {
  border-right: 1px solid #363b3f;
  border-left: 1px solid #363b3f;
}

@media only screen and (max-width: 47.99rem) {
  .grey-b-xs {
    border: 1px solid #363b3f;
  }
  .grey-bt-xs {
    border-top: 1px solid #363b3f;
  }
  .grey-bb-xs {
    border-bottom: 1px solid #363b3f;
  }
  .grey-bl-xs {
    border-left: 1px solid #363b3f;
  }
  .grey-br-xs {
    border-right: 1px solid #363b3f;
  }
  .grey-by-xs {
    border-top: 1px solid #363b3f;
    border-bottom: 1px solid #363b3f;
  }
  .grey-bx-xs {
    border-right: 1px solid #363b3f;
    border-left: 1px solid #363b3f;
  }
}
@media only screen and (min-width: 48rem) {
  .grey-b-sm {
    border: 1px solid #363b3f;
  }
  .grey-bt-sm {
    border-top: 1px solid #363b3f;
  }
  .grey-bb-sm {
    border-bottom: 1px solid #363b3f;
  }
  .grey-bl-sm {
    border-left: 1px solid #363b3f;
  }
  .grey-br-sm {
    border-right: 1px solid #363b3f;
  }
  .grey-by-sm {
    border-top: 1px solid #363b3f;
    border-bottom: 1px solid #363b3f;
  }
  .grey-bx-sm {
    border-right: 1px solid #363b3f;
    border-left: 1px solid #363b3f;
  }
}
@media only screen and (min-width: 65rem) {
  .grey-b-md {
    border: 1px solid #363b3f;
  }
  .grey-bt-md {
    border-top: 1px solid #363b3f;
  }
  .grey-bb-md {
    border-bottom: 1px solid #363b3f;
  }
  .grey-bl-md {
    border-left: 1px solid #363b3f;
  }
  .grey-br-md {
    border-right: 1px solid #363b3f;
  }
  .grey-by-md {
    border-top: 1px solid #363b3f;
    border-bottom: 1px solid #363b3f;
  }
  .grey-bx-md {
    border-right: 1px solid #363b3f;
    border-left: 1px solid #363b3f;
  }
}
@media only screen and (min-width: 85.375rem) {
  .grey-b-lg {
    border: 1px solid #363b3f;
  }
  .grey-bt-lg {
    border-top: 1px solid #363b3f;
  }
  .grey-bb-lg {
    border-bottom: 1px solid #363b3f;
  }
  .grey-bl-lg {
    border-left: 1px solid #363b3f;
  }
  .grey-br-lg {
    border-right: 1px solid #363b3f;
  }
  .grey-by-lg {
    border-top: 1px solid #363b3f;
    border-bottom: 1px solid #363b3f;
  }
  .grey-bx-lg {
    border-right: 1px solid #363b3f;
    border-left: 1px solid #363b3f;
  }
}
.dark-blue-b {
  border: 1px solid #0d4056;
}

.dark-blue-bt {
  border-top: 1px solid #0d4056;
}

.dark-blue-bb {
  border-bottom: 1px solid #0d4056;
}

.dark-blue-bl {
  border-left: 1px solid #0d4056;
}

.dark-blue-br {
  border-right: 1px solid #0d4056;
}

.dark-blue-by {
  border-top: 1px solid #0d4056;
  border-bottom: 1px solid #0d4056;
}

.dark-blue-bx {
  border-right: 1px solid #0d4056;
  border-left: 1px solid #0d4056;
}

@media only screen and (max-width: 47.99rem) {
  .dark-blue-b-xs {
    border: 1px solid #0d4056;
  }
  .dark-blue-bt-xs {
    border-top: 1px solid #0d4056;
  }
  .dark-blue-bb-xs {
    border-bottom: 1px solid #0d4056;
  }
  .dark-blue-bl-xs {
    border-left: 1px solid #0d4056;
  }
  .dark-blue-br-xs {
    border-right: 1px solid #0d4056;
  }
  .dark-blue-by-xs {
    border-top: 1px solid #0d4056;
    border-bottom: 1px solid #0d4056;
  }
  .dark-blue-bx-xs {
    border-right: 1px solid #0d4056;
    border-left: 1px solid #0d4056;
  }
}
@media only screen and (min-width: 48rem) {
  .dark-blue-b-sm {
    border: 1px solid #0d4056;
  }
  .dark-blue-bt-sm {
    border-top: 1px solid #0d4056;
  }
  .dark-blue-bb-sm {
    border-bottom: 1px solid #0d4056;
  }
  .dark-blue-bl-sm {
    border-left: 1px solid #0d4056;
  }
  .dark-blue-br-sm {
    border-right: 1px solid #0d4056;
  }
  .dark-blue-by-sm {
    border-top: 1px solid #0d4056;
    border-bottom: 1px solid #0d4056;
  }
  .dark-blue-bx-sm {
    border-right: 1px solid #0d4056;
    border-left: 1px solid #0d4056;
  }
}
@media only screen and (min-width: 65rem) {
  .dark-blue-b-md {
    border: 1px solid #0d4056;
  }
  .dark-blue-bt-md {
    border-top: 1px solid #0d4056;
  }
  .dark-blue-bb-md {
    border-bottom: 1px solid #0d4056;
  }
  .dark-blue-bl-md {
    border-left: 1px solid #0d4056;
  }
  .dark-blue-br-md {
    border-right: 1px solid #0d4056;
  }
  .dark-blue-by-md {
    border-top: 1px solid #0d4056;
    border-bottom: 1px solid #0d4056;
  }
  .dark-blue-bx-md {
    border-right: 1px solid #0d4056;
    border-left: 1px solid #0d4056;
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-blue-b-lg {
    border: 1px solid #0d4056;
  }
  .dark-blue-bt-lg {
    border-top: 1px solid #0d4056;
  }
  .dark-blue-bb-lg {
    border-bottom: 1px solid #0d4056;
  }
  .dark-blue-bl-lg {
    border-left: 1px solid #0d4056;
  }
  .dark-blue-br-lg {
    border-right: 1px solid #0d4056;
  }
  .dark-blue-by-lg {
    border-top: 1px solid #0d4056;
    border-bottom: 1px solid #0d4056;
  }
  .dark-blue-bx-lg {
    border-right: 1px solid #0d4056;
    border-left: 1px solid #0d4056;
  }
}
.transparent-b {
  border: 1px solid rgba(0, 0, 0, 0);
}

.transparent-bt {
  border-top: 1px solid rgba(0, 0, 0, 0);
}

.transparent-bb {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.transparent-bl {
  border-left: 1px solid rgba(0, 0, 0, 0);
}

.transparent-br {
  border-right: 1px solid rgba(0, 0, 0, 0);
}

.transparent-by {
  border-top: 1px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.transparent-bx {
  border-right: 1px solid rgba(0, 0, 0, 0);
  border-left: 1px solid rgba(0, 0, 0, 0);
}

@media only screen and (max-width: 47.99rem) {
  .transparent-b-xs {
    border: 1px solid rgba(0, 0, 0, 0);
  }
  .transparent-bt-xs {
    border-top: 1px solid rgba(0, 0, 0, 0);
  }
  .transparent-bb-xs {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
  }
  .transparent-bl-xs {
    border-left: 1px solid rgba(0, 0, 0, 0);
  }
  .transparent-br-xs {
    border-right: 1px solid rgba(0, 0, 0, 0);
  }
  .transparent-by-xs {
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-bottom: 1px solid rgba(0, 0, 0, 0);
  }
  .transparent-bx-xs {
    border-right: 1px solid rgba(0, 0, 0, 0);
    border-left: 1px solid rgba(0, 0, 0, 0);
  }
}
@media only screen and (min-width: 48rem) {
  .transparent-b-sm {
    border: 1px solid rgba(0, 0, 0, 0);
  }
  .transparent-bt-sm {
    border-top: 1px solid rgba(0, 0, 0, 0);
  }
  .transparent-bb-sm {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
  }
  .transparent-bl-sm {
    border-left: 1px solid rgba(0, 0, 0, 0);
  }
  .transparent-br-sm {
    border-right: 1px solid rgba(0, 0, 0, 0);
  }
  .transparent-by-sm {
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-bottom: 1px solid rgba(0, 0, 0, 0);
  }
  .transparent-bx-sm {
    border-right: 1px solid rgba(0, 0, 0, 0);
    border-left: 1px solid rgba(0, 0, 0, 0);
  }
}
@media only screen and (min-width: 65rem) {
  .transparent-b-md {
    border: 1px solid rgba(0, 0, 0, 0);
  }
  .transparent-bt-md {
    border-top: 1px solid rgba(0, 0, 0, 0);
  }
  .transparent-bb-md {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
  }
  .transparent-bl-md {
    border-left: 1px solid rgba(0, 0, 0, 0);
  }
  .transparent-br-md {
    border-right: 1px solid rgba(0, 0, 0, 0);
  }
  .transparent-by-md {
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-bottom: 1px solid rgba(0, 0, 0, 0);
  }
  .transparent-bx-md {
    border-right: 1px solid rgba(0, 0, 0, 0);
    border-left: 1px solid rgba(0, 0, 0, 0);
  }
}
@media only screen and (min-width: 85.375rem) {
  .transparent-b-lg {
    border: 1px solid rgba(0, 0, 0, 0);
  }
  .transparent-bt-lg {
    border-top: 1px solid rgba(0, 0, 0, 0);
  }
  .transparent-bb-lg {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
  }
  .transparent-bl-lg {
    border-left: 1px solid rgba(0, 0, 0, 0);
  }
  .transparent-br-lg {
    border-right: 1px solid rgba(0, 0, 0, 0);
  }
  .transparent-by-lg {
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-bottom: 1px solid rgba(0, 0, 0, 0);
  }
  .transparent-bx-lg {
    border-right: 1px solid rgba(0, 0, 0, 0);
    border-left: 1px solid rgba(0, 0, 0, 0);
  }
}
/* DISPLAY FLEX */
/* ROW */
/* COL */
/* JUSTIFY CONTENT */
/* ALIGN ITEMS */
/* ALIGN SELF */
/* Flex wrap */
/* Order */
/*------------------------
  TABS PRODUCT PAGE
------------------------*/
#Faktablad ul.tabs {
  margin: 15px 0;
}
#Faktablad ul.tabs li.tab {
  display: inline-block;
  cursor: pointer;
  line-height: 40px;
  flex-grow: 1;
  text-align: center;
  cursor: pointer;
  padding: 0 20px;
  font-weight: bold;
}
#Faktablad ul.tabs li.tab.active {
  border-bottom: 2px solid #0d4056;
}
@media only screen and (max-width: 47.99rem) {
  #Faktablad ul.tabs li.tab.active {
    border-bottom: none;
  }
}
#Faktablad ul.tabs li.tabContent {
  order: 10;
  width: 100%;
  float: left;
  display: none;
  border-top: 2px solid lightgray;
  padding: 1rem 0;
  margin-top: -2px;
}
#Faktablad ul.tabs li.tabContent.active {
  display: flex;
}
@media only screen and (max-width: 47.99rem) {
  #Faktablad ul.tabs li.tabContent.active {
    display: none;
  }
}
#Faktablad ul.tabs li.tabContent.open {
  display: flex;
}
#Faktablad ul.tabs li.tabContent .Gruppering {
  display: none;
}
#Faktablad ul.tabs li.tabContent li {
  list-style-type: disc;
}
#Faktablad ul.tabs li.tabContent .tillbehor ul {
  padding: 0;
}
#Faktablad #Produktinfo {
  /*display: block !important;*/
  visibility: visible !important;
}
#Faktablad #Produktinfo p {
  line-height: 1.5rem;
}
@media screen and (max-width: 850px) {
  #Faktablad {
    /* horisontal tabs */
  }
  #Faktablad ul.tabs li.tab {
    font-size: 16px;
    width: 100%;
    line-height: 40px;
    text-align: left;
    padding: 0 0 0 0;
    margin-top: 10px;
  }
  #Faktablad ul.tabs li.tab:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f078";
    display: inline-block;
    float: right;
    transition: all 0.1s ease;
    width: 40px;
    height: 40px;
    text-align: center;
  }
  #Faktablad ul.tabs li.tab.tablast.active {
    border-bottom: none;
  }
  #Faktablad ul.tabs li.tab.open:after {
    content: "\f077";
  }
  #Faktablad ul.tabs li.tabContent {
    order: unset;
    border: 0px;
    padding: 10px;
  }
  #Faktablad ul.tabs li.tablast.active {
    border-bottom: 1px solid black;
  }
}

#Bildkolumn {
  /* flex-direction: row-reverse; */
  flex-direction: column;
}
@media only screen and (max-width: 47.99rem) {
  #Bildkolumn {
    flex-direction: column;
    align-items: center;
  }
}
#Bildkolumn .ProduktBild {
  position: relative;
  text-align: center;
}
#Bildkolumn .ProduktBild img {
  max-height: 500px !important;
  border-radius: 0;
}
#Bildkolumn .ProduktBilder_cell {
  max-height: 530px;
  overflow: scroll;
  overflow-x: hidden;
}

.BildZoomThumbnailsContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  max-height: 530px;
}
.BildZoomThumbnailsContainer a {
  display: block;
}
.BildZoomThumbnailsContainer .BildZoomThumbnails {
  padding: 0.2em;
  /* fallback */
  padding: 0.2rem;
}
.BildZoomThumbnailsContainer .BildZoomThumbnails .mz-thumb img {
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 48em) {
  .BildZoomThumbnailsContainer {
    margin: 0.5em 0 1em;
    /* fallback */
    margin: 0.5rem 0 1rem;
  }
  .BildZoomThumbnails {
    padding: 0;
    margin: 1%;
    height: 10px;
    width: 10px;
    position: relative;
  }
  .BildZoomThumbnails a {
    background: #eee;
    border-radius: 100%;
    position: absolute;
    height: 10px;
    width: 10px;
  }
  .BildZoomThumbnails a.mz-thumb-selected {
    background: #666;
  }
  .BildZoomThumbnails img {
    height: 10px;
    width: 10px;
    margin: 1%;
    border-radius: 100%;
    opacity: 0 !important;
  }
}

.container__accessories .list7 {
  margin-bottom: .75rem;
}

.container__accessories .active {
  display: flex;
}

.container__accessories .Artikel_tillval_wrapper.active .hide {
  display: block !important;

}

.container__accessories .tillval_rub {
  align-items: flex-end;
}

.container__accessories .tillval_rub h3 {
  margin-bottom: 0;
}

.container__accessories .tillval_rub_div2,
.container__accessories .tillval_rub_div3 {
  cursor: pointer;
}

.container__accessories #tillval_rub_div2 div::after {
  font-family: "Font Awesome 5 Pro";
  content: "\f078";
  text-align: center;
  padding-left: .3rem;
}

.container__accessories #tillval_rub_div3 div::after {
  font-family: "Font Awesome 5 Pro";
  content: "\f077";
  text-align: center;
  padding-left: .3rem;
}

.container__accessories .PT_Wrapper_All.list7 .PT_Wrapper {
  width: 100%;
  flex-basis: 100%;
  max-width: 100%;
  flex-direction: row;
  /* height: 99px; */
  /* max-height: 99px; */
  border-bottom: 1px solid #ddd;
  padding: 1rem 0;
  justify-content: flex-start;
}

.container__accessories .PT_Wrapper_All.list7 .PT_Wrapper .Product__Top {
  display: flex;
  align-items: center;
}

.container__accessories .PT_Wrapper_All.list7 .PT_Wrapper .product__Top__img a {
  padding-bottom: unset;
}

.container__accessories .PT_Wrapper_All.list7 .PT_Wrapper .product__Top__img img {
  max-width: unset;
  width: 75px;
  position: relative;
  max-width: 75px;
  max-height: 75px;
}

.container__accessories .PT_Wrapper_All.list7 .PT_Wrapper .product__container {
  margin-left: 1.5rem;
  justify-content: center;
}

.container__accessories .PT_Wrapper_All.list7 .PT_Wrapper .product__name {
  font-weight: 500;
}

.container__accessories .PT_Wrapper_All.list7 .PT_Wrapper .product__price-btn {
  margin-top: unset;
}

.container__accessories .PT_Wrapper_All.list7 .PT_Wrapper .button__radio {
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.container__accessories .PT_Wrapper_All.list7 .PT_Wrapper .button__radio::before {
  content: '';
  display: inline-block;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #d8d8d8;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 0;
  transform: translateX(-40%);
}
.container__accessories .PT_Wrapper_All.list7 .PT_Wrapper .button__radio::after {
  left: unset;
  top: unset;
  right: 0;
  transform: translateX(-100%);
}
.container__accessories .PT_Wrapper_All.list7 .PT_Wrapper .button__radio.selected::after {
  content: '';
  position: absolute;
  border-radius: 20px;
  background-color: #2bbc68;
  width: 18px;
  height: 18px;
}

.container__accessories .PT_Wrapper_All.list7 .PT_Wrapper .tillval_input {
  position: absolute;
  cursor: pointer;
  opacity: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.container__accessories .PT_Wrapper_All.list7 .PT_Wrapper .product__icons,
.container__accessories .PT_Wrapper_All.list7 .PT_Wrapper .product__description,
.container__accessories .PT_Wrapper_All.list7 .PT_Wrapper .product__brand,
.container__accessories .PT_Wrapper_All.list7 .PT_Wrapper .product__lagerstatus,
.container__accessories .PT_Wrapper_All.list7 .PT_Wrapper .product__btn {
  display: none;
}

.container__accessories .PT_Wrapper_All.list7 .PT_Wrapper:hover .Product__Top {
  box-shadow: unset;
}

.container__accessories .PT_Wrapper_All.list7 > div {
  width: 100%;
}

.container__accessories .PT_Wrapper_All.list7 .info-name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 275px;
  max-width: 275px;
}

@media screen and (max-width: 768px) {
  .container__accessories .PT_Wrapper_All.list7 .info-name {
    width: 215px;
    max-width: 215px;
  }
}

#variation-wrapper .variant-field-wrapper .select-wrapper .Egenskap,
.Set_Falt_Wrap select {
  background: #ffffff;
  border-color: #000;
  cursor: pointer;
  color: #000;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 48px;
  padding: 0 24px 0 16px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  appearance: none;
  font-size: 16px;
  overflow: hidden !important;
}

#variation-wrapper .variation_select-label,
.Set_Falt_Wrap label {
  margin-bottom: 4px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #666;
}
.Set_Falt_Wrap label b {
  font-weight: 500;
}

#variation-wrapper{
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  margin-bottom: .75rem;
}

#variation-wrapper .VB_Wrap.disabled .variant-field-wrapper .select-wrapper .Egenskap {
  border-color: #e0e0e0;
  background: #f0f0f0;
  cursor: not-allowed;
  color: #999;
}

.PaketLosningar {
  /* margin: 5rem 0 2rem 0; */
  margin: 0.75rem 0 0 0;
  display: none;
  padding: 0 1rem;
}

.PaketLosningar:has(.PT_Wrapper_All) {
  display: block;
}

.PaketLosningar .TillbehorRub {
  border-bottom: 1px solid #ddd;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.PaketLosningar .PT_Wrapper {
  flex-basis: calc(25% - 0.6rem);
  max-width: calc(25% - 0.6rem);
}

.PaketLosningar .PT_Wrapper .product__brand {
  display: none;
}

@media screen and (max-width: 768px) {
  .PaketLosningar .PT_Wrapper {
    flex-basis: calc(50% - 0.6rem) !important;
    max-width: calc(50% - 0.6rem) !important;
  }

  #VarumarkeFalt {
    margin-top: 0.75rem;
  }
}

#Bildkolumn .PaketLosningar .PT_Wrapper .product__icons .product__icons--save {
  font-size: 12px;
}