/* Auto-extracted from templates/social-media-city.php */
/* Styles used 5+ times replaced with classes */

/* 34× — color: rgb(226, 31, 39); font-weight: 800; flex-shrink: 0; m... */
.sh-sm-c-1 {
  color: rgb(226, 31, 39) !important;
  font-weight: 800 !important;
  flex-shrink: 0 !important;
  margin-top: 1px !important;
}

/* 20× — display: flex; gap: 10px; align-items: flex-start; padding: ... */
.sh-sm-c-2 {
  display: flex !important;
  gap: 10px !important;
  align-items: flex-start !important;
  padding: 8px 0px !important;
  border-top: 1px solid rgb(229, 229, 229) !important;
  font-size: 13.5px !important;
  color: rgb(51, 51, 51) !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}

/* 16× — color: rgb(85, 85, 85); border-bottom: 1px solid rgb(229, 22... */
.sh-sm-c-3 {
  color: rgb(85, 85, 85) !important;
  border-bottom: 1px solid rgb(229, 229, 229) !important;
}

/* 15× — font-size: 12px; font-weight: 700; text-transform: uppercase... */
.sh-sm-c-4 {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.4px !important;
  color: rgb(226, 31, 39) !important;
  margin: 0px 0px 14px !important;
}

/* 14× — color: rgb(255, 184, 0); font-size: 16px; letter-spacing: 2p... */
.sh-sm-c-5 {
  color: rgb(255, 184, 0) !important;
  font-size: 16px !important;
  letter-spacing: 2px !important;
}

/* 14× — font-size: 15px; line-height: 1.6; color: rgb(26, 26, 26); m... */
.sh-sm-c-6 {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: rgb(26, 26, 26) !important;
  margin: 0px !important;
  flex: 1 1 0% !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 8 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* 14× — display: flex; align-items: center; gap: 12px; padding-top: ... */
.sh-sm-c-7 {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgb(240, 240, 240) !important;
}

/* 14× — width: 40px; height: 40px; border-radius: 50%; background: l... */
.sh-sm-c-8 {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, rgb(226, 31, 39), rgb(194, 26, 34)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgb(255, 255, 255) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  flex-shrink: 0 !important;
}

/* 14× — font-size: 13px; font-weight: 700; color: rgb(26, 26, 26);... */
.sh-sm-c-9 {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: rgb(26, 26, 26) !important;
}

/* 14× — font-size: 11px; color: rgb(102, 102, 102); margin-top: 2px;... */
.sh-sm-c-10 {
  font-size: 11px !important;
  color: rgb(102, 102, 102) !important;
  margin-top: 2px !important;
}

/* 12× — display: block; padding: 8px 0px; font-size: 13.5px; color: ... */
.sh-sm-c-11 {
  display: block !important;
  padding: 8px 0px !important;
  font-size: 13.5px !important;
  color: rgb(102, 102, 102) !important;
  text-decoration: none !important;
}

/* 12× — display: inline-flex; align-items: center; gap: 10px; font-s... */
.sh-sm-c-12 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.8px !important;
  color: rgb(226, 31, 39) !important;
  margin-bottom: 18px !important;
}

/* 11× — width: 28px; height: 2px; background: currentcolor;... */
.sh-sm-c-13 {
  width: 28px !important;
  height: 2px !important;
  background: currentcolor !important;
}

/* 11× — color: rgb(226, 31, 39);... */
.sh-sm-c-14 {
  color: rgb(226, 31, 39) !important;
}

/* 9× — position: relative;... */
.sh-sm-c-15 {
  position: relative !important;
}

/* 9× — display: flex; gap: 10px; align-items: flex-start; padding: ... */
.sh-sm-c-16 {
  display: flex !important;
  gap: 10px !important;
  align-items: flex-start !important;
  padding: 8px 0px !important;
  border-top: 1px solid rgb(42, 42, 42) !important;
  font-size: 13.5px !important;
  color: rgb(221, 221, 221) !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}

/* 8× — background: rgb(250, 250, 250); color: rgb(11, 11, 15); bord... */
.sh-sm-c-17 {
  background: rgb(250, 250, 250) !important;
  color: rgb(11, 11, 15) !important;
  border-bottom: 1px solid rgb(229, 229, 229) !important;
}

/* 8× — color: rgb(11, 11, 15); border-bottom: 1px solid rgb(229, 22... */
.sh-sm-c-18 {
  color: rgb(11, 11, 15) !important;
  border-bottom: 1px solid rgb(229, 229, 229) !important;
}

/* 8× — display: flex; gap: 10px; font-size: 14px; color: rgb(51, 51... */
.sh-sm-c-19 {
  display: flex !important;
  gap: 10px !important;
  font-size: 14px !important;
  color: rgb(51, 51, 51) !important;
  line-height: 1.5 !important;
}

/* 8× — color: rgb(226, 31, 39); font-weight: 800; flex-shrink: 0;... */
.sh-sm-c-20 {
  color: rgb(226, 31, 39) !important;
  font-weight: 800 !important;
  flex-shrink: 0 !important;
}

/* 8× — background: rgb(255, 255, 255); border: 1px solid rgb(229, 2... */
.sh-sm-c-21 {
  background: rgb(255, 255, 255) !important;
  border: 1px solid rgb(229, 229, 229) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* 8× — width: 100%; padding: 20px 24px; background: transparent; bo... */
.sh-sm-c-22 {
  width: 100% !important;
  padding: 20px 24px !important;
  background: transparent !important;
  border-width: medium !important;
  border-style: none !important;
  border-color: currentcolor !important;
  border-image: initial !important;
  text-align: left !important;
  cursor: pointer !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 16px !important;
  min-height: 60px !important;
}

/* 8× — font-size: 16px; font-weight: 700; color: rgb(11, 11, 15); l... */
.sh-sm-c-23 {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: rgb(11, 11, 15) !important;
  line-height: 1.4 !important;
}

/* 7× — position: static;... */
.sh-sm-c-24 {
  position: static !important;
}

/* 7× — padding: 10px 16px; background: rgba(255, 255, 255, 0.06); b... */
.sh-sm-c-25 {
  padding: 10px 16px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 999px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: rgb(255, 255, 255) !important;
}

/* 7× — font-size: 24px; color: rgb(226, 31, 39); font-weight: 300; ... */
.sh-sm-c-26 {
  font-size: 24px !important;
  color: rgb(226, 31, 39) !important;
  font-weight: 300 !important;
  transform: rotate(0deg) !important;
  transition: transform 200ms !important;
  flex-shrink: 0 !important;
}

/* 6× — flex: 1 1 0px; min-width: 0px; display: flex; align-items: c... */
.sh-sm-c-27 {
  flex: 1 1 0px !important;
  min-width: 0px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 78px !important;
  padding: 8px 10px !important;
  background: linear-gradient(rgb(255, 255, 255) 0%, rgb(247, 247, 244) 100%) !important;
  border: 1px solid rgb(229, 229, 229) !important;
  border-radius: 12px !important;
  box-shadow: rgba(15, 23, 42, 0.16) 0px 10px 22px -8px, rgba(15, 23, 42, 0.08) 0px 4px 8px -3px, rgba(255, 255, 255, 0.95) 0px 1px 0px inset !important;
  transition: transform 240ms cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 240ms cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  will-change: transform !important;
}

/* 6× — max-height: 56px; max-width: 100%; width: auto; height: auto... */
.sh-sm-c-28 {
  max-height: 56px !important;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  filter: drop-shadow(rgba(15, 23, 42, 0.12) 0px 4px 6px) !important;
}

/* 6× — background: linear-gradient(rgb(255, 255, 255) 0%, rgb(250, ... */
.sh-sm-c-29 {
  background: linear-gradient(rgb(255, 255, 255) 0%, rgb(250, 250, 250) 100%) !important;
  border: 1px solid rgb(229, 229, 229) !important;
  border-radius: 14px !important;
  padding: clamp(20px, 2.4vw, 28px) !important;
  box-shadow: rgba(15, 23, 42, 0.18) 0px 18px 36px -14px, rgba(15, 23, 42, 0.1) 0px 8px 16px -8px, rgba(255, 255, 255, 0.95) 0px 1px 0px inset !important;
  transition: transform 280ms cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 280ms cubic-bezier(0.2, 0.8, 0.2, 1), border-color 280ms !important;
  will-change: transform !important;
}

/* 6× — display: flex; align-items: baseline; gap: 12px; margin-bott... */
.sh-sm-c-30 {
  display: flex !important;
  align-items: baseline !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
}

/* 6× — width: 8px; height: 8px; border-radius: 50%; background: rgb... */
.sh-sm-c-31 {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: rgb(226, 31, 39) !important;
  flex-shrink: 0 !important;
  transform: translateY(-2px) !important;
  box-shadow: rgba(226, 31, 39, 0.1) 0px 0px 0px 4px !important;
}

/* 6× — font-size: 17px; font-weight: 800; color: rgb(11, 11, 15); m... */
.sh-sm-c-32 {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: rgb(11, 11, 15) !important;
  margin: 0px !important;
  letter-spacing: -0.005em !important;
}

/* 6× — font-size: 15px; line-height: 1.6; color: rgb(63, 63, 70); m... */
.sh-sm-c-33 {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: rgb(63, 63, 70) !important;
  margin: 0px 0px 0px 20px !important;
}

/* 6× — font-size: 15px; font-weight: 700; color: rgb(11, 11, 15); l... */
.sh-sm-c-34 {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: rgb(11, 11, 15) !important;
  line-height: 1.3 !important;
}

/* 6× — font-size: 11px; color: rgb(226, 31, 39); text-transform: up... */
.sh-sm-c-35 {
  font-size: 11px !important;
  color: rgb(226, 31, 39) !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
}

/* 6× — display: flex; align-items: baseline; gap: 10px;... */
.sh-sm-c-36 {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
}

/* 6× — color: rgb(226, 31, 39); font-weight: 800; font-size: 18px;... */
.sh-sm-c-37 {
  color: rgb(226, 31, 39) !important;
  font-weight: 800 !important;
  font-size: 18px !important;
}

/* 6× — font-family: Inter, sans-serif; font-feature-settings: &quot... */
.sh-sm-c-38 {
  font-family: Inter, sans-serif !important;
  font-feature-settings: &quot !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  color: rgb(226, 31, 39) !important;
  letter-spacing: -0.5px !important;
}

/* 6× — font-size: 14px; color: rgb(51, 51, 51);... */
.sh-sm-c-39 {
  font-size: 14px !important;
  color: rgb(51, 51, 51) !important;
}

/* 6× — position: absolute; inset: 0px; width: 100%; height: 100%; o... */
.sh-sm-c-40 {
  position: absolute !important;
  inset: 0px !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: grayscale(100%) contrast(1.05) !important;
}

/* 5× — text-align: left; padding: 14px 18px; background: transparen... */
.sh-sm-c-41 {
  text-align: left !important;
  padding: 14px 18px !important;
  background: transparent !important;
  border-width: 1px 1px 1px 3px !important;
  border-style: solid !important;
  border-color: transparent !important;
  border-image: initial !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  min-height: 48px !important;
  box-shadow: none !important;
  transition: 200ms !important;
}

/* 5× — font-size: 11px; font-weight: 700; text-transform: uppercase... */
.sh-sm-c-42 {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  color: rgb(113, 113, 122) !important;
  margin-bottom: 3px !important;
}

/* 5× — position: absolute; top: 11px; left: 16px; font-size: 9.5px;... */
.sh-sm-c-43 {
  position: absolute !important;
  top: 11px !important;
  left: 16px !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  color: rgb(113, 113, 122) !important;
  pointer-events: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  font-family: Inter, sans-serif !important;
  white-space: nowrap !important;
}

/* 5× — width: 100%; padding: 26px 16px 10px; border: 1px solid rgb(... */
.sh-sm-c-44 {
  width: 100% !important;
  padding: 26px 16px 10px !important;
  border: 1px solid rgb(229, 229, 229) !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-family: Inter, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em !important;
  background: rgb(255, 255, 255) !important;
  color: rgb(11, 11, 15) !important;
  box-sizing: border-box !important;
  min-height: 68px !important;
  outline: none !important;
  box-shadow: rgba(15, 23, 42, 0.08) 0px 4px 10px -4px, rgba(15, 23, 42, 0.04) 0px 1px 2px, rgba(255, 255, 255, 0.95) 0px 1px 0px inset !important;
  transition: transform 200ms cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 200ms cubic-bezier(0.2, 0.8, 0.2, 1), border-color 150ms !important;
}