.ItRZK {
  cursor: grab;
  background: #fff;
  border: 1px solid #ececef;
  border-radius: 8px;
  margin-bottom: 8px;
  padding: 0;
  transition: all .15s cubic-bezier(.4, 0, .2, 1);
  position: relative;
}

.ItRZK.cdLsh {
  cursor: default;
}

.ItRZK.cdLsh:hover {
  box-shadow: none;
  border-color: #ececef;
}

.ItRZK:last-child {
  margin-bottom: 0;
}

.ItRZK:hover {
  border-color: #dcdce0;
  box-shadow: 0 1px 2px #0000000a;
}

.ItRZK:hover .MduZP {
  opacity: 1;
}

.ItRZK.vUqiw {
  border-color: #6366f1;
  box-shadow: 0 0 0 3px #eef2ff;
}

.ItRZK.vUqiw .MduZP {
  opacity: 1;
}

.ItRZK.dOL2c {
  background: none;
  border-color: #0000;
}

.ItRZK.dOL2c:hover {
  background: #fff;
  border-color: #ececef;
}

.ItRZK.dOL2c.vUqiw {
  background: #fff;
  border-color: #6366f1;
}

.ItRZK .MduZP {
  cursor: pointer;
  opacity: 0;
  color: #71717a;
  z-index: 5;
  background: #fff;
  border: 1px solid #ececef;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  transition: all .15s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: absolute;
  top: 8px;
  right: 8px;
  box-shadow: 0 1px 2px #0000000a;
}

.ItRZK .MduZP:hover {
  color: #ef4444;
  background: #fef2f2;
  border-color: #ef4444;
}

.ItRZK .oYdlV {
  visibility: visible;
}

.ItRZK .-rXjb {
  padding: 18px;
}

@media (width <= 768px) {
  .ItRZK .-rXjb {
    padding: 14px;
  }
}

.ItRZK .mFjOK {
  color: #71717a;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: 600;
}

.ItRZK .ECoKj {
  color: #18181b;
  letter-spacing: -.025em;
  font-variant-numeric: tabular-nums;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
}

@media (width <= 768px) {
  .ItRZK .ECoKj {
    font-size: 24px;
  }
}

.ItRZK ._1uUDs {
  font-variant-numeric: tabular-nums;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.ItRZK ._1uUDs.DLn-W {
  color: #047857;
  background: #ecfdf5;
}

.ItRZK ._1uUDs.sg-HR {
  color: #b91c1c;
  background: #fef2f2;
}

.ItRZK .Hn1jI {
  font-size: 9px;
  line-height: 1;
}

.ItRZK ._4SgOf {
  flex-direction: column;
  display: flex;
}

.ItRZK .QDmIx {
  padding: 18px 18px 0;
}

@media (width <= 768px) {
  .ItRZK .QDmIx {
    padding: 14px 14px 0;
  }
}

.ItRZK .taDBV {
  flex-direction: column;
  display: flex;
}

.ItRZK .ZcSrt {
  width: 100%;
  height: 120px;
  padding: 8px 12px 12px;
}

.ItRZK .ZcSrt svg {
  width: 100%;
  height: 100%;
  display: block;
}

.ItRZK .tHbJx {
  padding: 18px;
}

@media (width <= 768px) {
  .ItRZK .tHbJx {
    padding: 14px;
  }
}

.ItRZK .y3MA1 {
  color: #71717a;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 500;
}

.ItRZK .YnPyz {
  width: 100%;
  height: 180px;
}

.ItRZK .YnPyz svg {
  width: 100%;
  height: 100%;
  display: block;
}

@media (width <= 768px) {
  .ItRZK .YnPyz {
    height: 140px;
  }
}

.ItRZK .CI41Y {
  padding: 18px;
}

@media (width <= 768px) {
  .ItRZK .CI41Y {
    padding: 12px;
    overflow-x: auto;
  }
}

.ItRZK .h4a4s {
  color: #71717a;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 500;
}

.ItRZK .iP2ra {
  border-collapse: collapse;
  width: 100%;
  font-size: 13px;
}

.ItRZK .iP2ra th {
  text-align: left;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #a1a1aa;
  border-bottom: 1px solid #ececef;
  padding: 10px 12px;
  font-size: 11px;
  font-weight: 600;
}

.ItRZK .iP2ra td {
  color: #18181b;
  border-bottom: 1px solid #ececef;
  padding: 11px 12px;
}

.ItRZK .iP2ra tbody tr:last-child td {
  border-bottom: none;
}

.ItRZK .iP2ra tbody tr:hover {
  background: #f7f7f8;
}

.ItRZK .bdIUi {
  align-items: center;
  gap: 8px;
  display: flex;
}

.ItRZK .vArJs {
  font-variant-numeric: tabular-nums;
  overflow-wrap: break-word;
  word-break: break-all;
  min-width: 0;
  font-weight: 500;
}

.ItRZK .fV6W1 {
  flex-shrink: 0;
  width: 80px;
  height: 24px;
}

.ItRZK .fV6W1 svg {
  width: 100%;
  height: 100%;
  display: block;
}

.ItRZK .Xc5-0 {
  letter-spacing: -.02em;
  padding: 10px 12px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}

@media (width <= 768px) {
  .ItRZK .Xc5-0 {
    font-size: 18px;
  }
}

.ItRZK .ZL9-9 {
  color: #71717a;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.65;
}

.ItRZK.FBgEL .oYdlV {
  opacity: .35;
  pointer-events: none;
}

.ItRZK.FBgEL:after {
  content: "Aucune donnພ";
  color: #71717a;
  pointer-events: none;
  background: #fff;
  border: 1px solid #ececef;
  border-radius: 6px;
  padding: 2px 7px;
  font-size: 10px;
  font-weight: 500;
  position: absolute;
  bottom: 6px;
  right: 8px;
}

.ItRZK .Ru6nh {
  padding: 14px 12px;
}

.ItRZK .Ru6nh hr {
  border: none;
  border-top: 1px solid #ececef;
  margin: 0;
}

.ItRZK .hIWp0 {
  padding: 18px;
}

@media (width <= 768px) {
  .ItRZK .hIWp0 {
    padding: 14px;
  }
}

.ItRZK .WH6Fz {
  color: #71717a;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 12px;
  font-size: 11px;
  font-weight: 600;
}

.ItRZK .wwJHE {
  margin-bottom: 10px;
}

.ItRZK .xfbV3 {
  background: #f7f7f8;
  border-radius: 4px;
  height: 8px;
  overflow: hidden;
}

.ItRZK .bghhj {
  border-radius: 4px;
  height: 100%;
  transition: width .4s;
}

.ItRZK .fGxt5 {
  align-items: center;
  gap: 10px;
  display: flex;
}

.ItRZK ._5b4RR {
  color: #18181b;
  font-variant-numeric: tabular-nums;
  font-size: 24px;
  font-weight: 600;
}

@media (width <= 768px) {
  .ItRZK ._5b4RR {
    font-size: 20px;
  }
}

.ItRZK .aMAqa {
  color: #71717a;
  font-size: 14px;
  font-weight: 400;
}

.ItRZK .TG9Db {
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 600;
}

.ItRZK .TG9Db.DLn-W {
  color: #047857;
  background: #ecfdf5;
}

.ItRZK .TG9Db.sg-HR {
  color: #b91c1c;
  background: #fef2f2;
}

.ItRZK ._7qTTG {
  padding: 18px;
}

@media (width <= 768px) {
  .ItRZK ._7qTTG {
    padding: 14px;
  }
}

.ItRZK .PyomQ {
  color: #71717a;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 500;
}

.ItRZK ._7No3Y {
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  display: flex;
}

.ItRZK ._7No3Y:last-child {
  margin-bottom: 0;
}

@media (width <= 480px) {
  .ItRZK ._7No3Y {
    flex-wrap: wrap;
    gap: 4px;
  }
}

.ItRZK .m56L1 {
  color: #18181b;
  flex-shrink: 0;
  min-width: 70px;
  font-size: 12px;
}

@media (width <= 480px) {
  .ItRZK .m56L1 {
    min-width: 100%;
  }
}

.ItRZK .IV-8p {
  background: #f7f7f8;
  border-radius: 4px;
  flex: 1;
  height: 20px;
  overflow: hidden;
}

.ItRZK .M4HJu {
  border-radius: 4px;
  height: 100%;
  transition: width .3s;
}

.ItRZK .kVyfo {
  color: #18181b;
  text-align: right;
  font-variant-numeric: tabular-nums;
  min-width: 36px;
  font-size: 13px;
  font-weight: 600;
}

.ItRZK .-FzKT {
  padding: 18px;
}

@media (width <= 768px) {
  .ItRZK .-FzKT {
    padding: 14px;
  }
}

.ItRZK .t0nTX {
  color: #71717a;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 500;
}

.ItRZK .nxiNb {
  border-bottom: 1px solid #ececef;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  display: flex;
}

.ItRZK .nxiNb:last-child {
  border-bottom: none;
}

.ItRZK .lk9g- {
  background: #f7f7f8;
  border-radius: 6px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  overflow: hidden;
}

.ItRZK .lk9g- img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.ItRZK .vT4Wq {
  flex: 1;
  min-width: 0;
}

.ItRZK .teyoJ {
  color: #18181b;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
}

.ItRZK .cewYJ {
  gap: 8px;
  margin-top: 3px;
  display: flex;
}

.ItRZK ._1kyep {
  color: #71717a;
  font-size: 11px;
}

.ItRZK .bJjwZ {
  color: #a1a1aa;
  font-size: 11px;
}

.ItRZK .zoLoq {
  color: #047857;
  background: #ecfdf5;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 500;
}

.ItRZK .Kov5l {
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  margin-left: 12px;
  display: flex;
}

.ItRZK .WyNkU {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 28px 16px;
  display: flex;
}

.ItRZK .QK28B {
  width: 48px;
  height: 48px;
}

.ItRZK ._9Vr6u {
  color: #a1a1aa;
  text-align: center;
  font-size: 13px;
  line-height: 1.5;
}

.ItRZK .YKa89 {
  color: #6366f1;
  background: #eef2ff;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 600;
}

.ItRZK .JBT94 {
  color: #71717a;
  background: #f7f7f8;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 600;
}

.ItRZK ._-4JNo {
  color: #047857;
  background: #ecfdf5;
}

.ItRZK .Lp5oh {
  color: #92400e;
  background: #fef9c3;
}

.ItRZK .Id-Bd {
  padding: 18px;
}

@media (width <= 768px) {
  .ItRZK .Id-Bd {
    padding: 12px;
    overflow-x: auto;
  }
}

.ItRZK .z-jgE {
  color: #71717a;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 500;
}

.ItRZK .KEyQl {
  border-collapse: collapse;
  width: 100%;
  font-size: 13px;
}

.ItRZK .KEyQl th, .ItRZK .KEyQl td {
  text-align: center;
  border-bottom: 1px solid #ececef;
  padding: 10px 12px;
}

.ItRZK .KEyQl th {
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #a1a1aa;
  font-size: 11px;
  font-weight: 600;
}

.ItRZK .KEyQl tbody tr:last-child td {
  border-bottom: none;
}

.ItRZK .KEyQl tbody tr:hover {
  background: #f7f7f8;
}

.ItRZK .MNhAX {
  color: #a1a1aa;
}

.ItRZK .JDzEP {
  font-weight: 600;
  color: #6366f1 !important;
}

.ItRZK ._2vvqS {
  color: #71717a;
  font-size: 12px;
  font-weight: 500;
  text-align: left !important;
}

.ItRZK .AWJ9q {
  padding: 18px;
}

@media (width <= 768px) {
  .ItRZK .AWJ9q {
    padding: 14px;
  }
}

.ItRZK .qJ8pK {
  color: #71717a;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 500;
}

.ItRZK .u6CjB {
  align-items: center;
  gap: 20px;
  display: flex;
}

@media (width <= 480px) {
  .ItRZK .u6CjB {
    flex-direction: column;
    gap: 14px;
  }
}

.ItRZK .bEAnT {
  flex-shrink: 0;
  width: 130px;
  height: 130px;
}

.ItRZK .bzpwO {
  flex: 1;
}

.ItRZK .sRmSa {
  color: #18181b;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  font-size: 12px;
  display: flex;
}

.ItRZK .sRmSa:last-child {
  margin-bottom: 0;
}

.ItRZK .lCL8c {
  border-radius: 2px;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
}

.ItRZK .d2Pjn {
  color: #71717a;
  font-variant-numeric: tabular-nums;
  margin-left: auto;
  font-weight: 500;
}

.ItRZK .zgau2 {
  padding: 18px;
}

@media (width <= 768px) {
  .ItRZK .zgau2 {
    padding: 14px;
  }
}

.ItRZK ._0dNU1 {
  margin-bottom: 14px;
}

.ItRZK .Is8q- {
  color: #18181b;
  font-size: 14px;
  font-weight: 600;
}

.ItRZK ._4Ofcl {
  border-bottom: 1px solid #ececef;
  gap: 0;
  margin-bottom: 12px;
  display: flex;
}

@media (width <= 480px) {
  .ItRZK ._4Ofcl {
    flex-wrap: wrap;
  }
}

.ItRZK .EE5ol {
  text-align: center;
  flex: 1;
  padding: 10px 8px;
}

.ItRZK .lSdJC {
  color: #18181b;
  font-variant-numeric: tabular-nums;
  font-size: 22px;
  font-weight: 600;
}

@media (width <= 768px) {
  .ItRZK .lSdJC {
    font-size: 18px;
  }
}

.ItRZK .E79s0 {
  color: #71717a;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-top: 2px;
  font-size: 10px;
}

.ItRZK .hW3TC {
  visibility: visible;
}

.ItRZK .F7h3C {
  border-bottom: 1px solid #ececef;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  display: flex;
}

.ItRZK .F7h3C:last-child {
  border-bottom: none;
}

.ItRZK .TJ4E7 {
  flex: 1;
}

.ItRZK .xOC3m {
  color: #18181b;
  font-size: 13px;
  font-weight: 500;
}

.ItRZK ._4DWIa {
  color: #71717a;
  margin-top: 2px;
  font-size: 11px;
}

.ItRZK .P0gDS {
  flex-shrink: 0;
  margin-left: 12px;
  font-size: 14px;
}

.ItRZK ._8W7pP .P0gDS {
  color: #047857;
}

.ItRZK ._9NmUV .P0gDS {
  color: #71717a;
}

.ItRZK .vi8-Y {
  padding: 18px;
}

@media (width <= 768px) {
  .ItRZK .vi8-Y {
    padding: 12px;
  }
}

.ItRZK .q1vwj {
  color: #71717a;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 500;
}

.ItRZK .Pz2Zn {
  overflow-x: auto;
}

.ItRZK .eU56e {
  border-collapse: separate;
  border-spacing: 2px;
  width: 100%;
  font-size: 12px;
}

.ItRZK .eU56e th {
  color: #a1a1aa;
  text-align: center;
  padding: 6px 8px;
  font-size: 10px;
  font-weight: 600;
}

.ItRZK .TM7VJ {
  color: #18181b;
  white-space: nowrap;
  padding: 6px 8px;
  font-size: 12px;
  font-weight: 500;
}

.ItRZK .aJXOj {
  text-align: center;
  font-variant-numeric: tabular-nums;
  color: #18181b;
  border-radius: 3px;
  padding: 6px 8px;
  font-weight: 500;
}

.ItRZK .hnsYI {
  padding: 18px;
}

@media (width <= 768px) {
  .ItRZK .hnsYI {
    padding: 12px;
    overflow-x: auto;
  }
}

.ItRZK .lri-e {
  color: #71717a;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 500;
}

.ItRZK ._0tl77 {
  border-collapse: collapse;
  width: 100%;
  font-size: 13px;
}

.ItRZK ._0tl77 th, .ItRZK ._0tl77 td {
  border-bottom: 1px solid #ececef;
  padding: 10px 12px;
}

.ItRZK ._0tl77 tbody tr:last-child td {
  border-bottom: none;
}

.ItRZK ._6dxn7 {
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #a1a1aa;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
}

.ItRZK .-S2XQ {
  color: #71717a;
  font-size: 12px;
  font-weight: 500;
}

.ItRZK .yqvhG {
  text-align: center;
  font-variant-numeric: tabular-nums;
  color: #18181b;
  font-weight: 500;
}

.ItRZK .mQqSt {
  padding: 18px;
}

@media (width <= 768px) {
  .ItRZK .mQqSt {
    padding: 14px;
  }
}

.ItRZK .Boww8 {
  color: #71717a;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 500;
}

.ItRZK .J4jg6 {
  padding-left: 20px;
  position: relative;
}

.ItRZK .J4jg6:before {
  content: "";
  background: #ececef;
  width: 2px;
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 4px;
}

.ItRZK .DJPHv {
  padding-bottom: 14px;
  position: relative;
}

.ItRZK .DJPHv:last-child {
  padding-bottom: 0;
}

.ItRZK .t1k2b {
  z-index: 1;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 4px;
  left: -20px;
}

.ItRZK .b-Zs8 {
  visibility: visible;
}

.ItRZK .Kbj7u {
  align-items: center;
  gap: 8px;
  display: flex;
}

.ItRZK .o2-Aq {
  color: #18181b;
  font-size: 13px;
  font-weight: 500;
}

.ItRZK .ccjsZ {
  color: #a1a1aa;
  margin-left: auto;
  font-size: 11px;
}

.ItRZK .a8lch {
  color: #71717a;
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.5;
}

.ItRZK ._8vTxT {
  padding: 18px;
}

@media (width <= 768px) {
  .ItRZK ._8vTxT {
    padding: 14px;
  }
}

.ItRZK .XfcXV {
  color: #71717a;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 500;
}

.ItRZK .LQlgl {
  margin-bottom: 4px;
}

.ItRZK .LQlgl:last-child {
  margin-bottom: 0;
}

.ItRZK ._5zRQV {
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  min-width: 120px;
  height: 32px;
  padding: 0 12px;
  display: flex;
}

.ItRZK ._5Hhn8 {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.ItRZK .v0gdI {
  color: #ffffffd9;
  font-variant-numeric: tabular-nums;
  font-size: 11px;
}

.ItRZK .XPq8h {
  padding: 18px;
}

@media (width <= 768px) {
  .ItRZK .XPq8h {
    padding: 14px;
  }
}

.ItRZK .cfKUC {
  color: #71717a;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 500;
}

.ItRZK ._8gZQd {
  margin-bottom: 14px;
}

.ItRZK ._8gZQd:last-child {
  margin-bottom: 0;
}

.ItRZK .m1-qn {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  display: flex;
}

.ItRZK .H-QLa {
  color: #18181b;
  font-size: 12px;
  font-weight: 500;
}

.ItRZK .YKyVp {
  color: #18181b;
  font-variant-numeric: tabular-nums;
  font-size: 12px;
  font-weight: 600;
}

.ItRZK ._0d8gt {
  background: #f7f7f8;
  border-radius: 3px;
  height: 6px;
  overflow: hidden;
}

.ItRZK .LUGQq {
  border-radius: 3px;
  height: 100%;
  transition: width .3s;
}

.ItRZK .cqNRA {
  padding: 18px;
}

@media (width <= 768px) {
  .ItRZK .cqNRA {
    padding: 14px;
  }
}

.ItRZK .TKqRJ {
  color: #71717a;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 500;
}

.ItRZK .ft2-f {
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
  display: flex;
}

.ItRZK .ft2-f:last-child {
  margin-bottom: 0;
}

.ItRZK .Vl3N- {
  color: #18181b;
  flex-shrink: 0;
  min-width: 36px;
  font-size: 11px;
}

.ItRZK .p004A {
  border-radius: 4px;
  flex: 1;
  height: 20px;
  display: flex;
  overflow: hidden;
}

.ItRZK .MNwcd {
  height: 100%;
  transition: width .3s;
}

.ItRZK .ZNABC {
  color: #18181b;
  text-align: right;
  font-variant-numeric: tabular-nums;
  min-width: 30px;
  font-size: 12px;
  font-weight: 600;
}

.ItRZK .lXRSn {
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 12px;
  display: flex;
}

.ItRZK .BIsLf {
  color: #71717a;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  display: inline-flex;
}

.ItRZK ._12Rp3 {
  border-radius: 2px;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.ItRZK .ASS2N {
  padding: 18px;
}

@media (width <= 768px) {
  .ItRZK .ASS2N {
    padding: 14px;
  }
}

.ItRZK ._0qUfy {
  color: #71717a;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 500;
}

.ItRZK ._4NrJ- {
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  display: flex;
}

.ItRZK ._4NrJ-:last-child {
  margin-bottom: 0;
}

.ItRZK .ZbEk6 {
  color: #18181b;
  flex-shrink: 0;
  min-width: 90px;
  font-size: 12px;
}

@media (width <= 480px) {
  .ItRZK .ZbEk6 {
    min-width: 60px;
  }
}

.ItRZK .X4Ug2 {
  background: #f7f7f8;
  border-radius: 3px;
  flex: 1;
  height: 16px;
  overflow: hidden;
}

.ItRZK .DunsT {
  background: #6366f1;
  border-radius: 3px;
  height: 100%;
  transition: width .3s;
}

.ItRZK ._7c8kE {
  color: #18181b;
  text-align: right;
  font-variant-numeric: tabular-nums;
  min-width: 40px;
  font-size: 13px;
  font-weight: 600;
}

.ItRZK .WCgp0 {
  color: #71717a;
  text-align: right;
  min-width: 36px;
  font-size: 11px;
}

.ItRZK .HI4p- {
  background: #f0f9ff;
  border-left: 3px solid #6366f1;
  border-radius: 4px;
  gap: 12px;
  padding: 14px 16px;
  display: flex;
}

.ItRZK .l8Oj7 {
  flex-shrink: 0;
  font-size: 18px;
  line-height: 1;
}

.ItRZK .YOq5X {
  flex: 1;
}

.ItRZK .xchQw {
  color: #18181b;
  font-size: 13px;
  line-height: 1.6;
}

.ItRZK .DzgPJ {
  color: #71717a;
  margin-top: 8px;
  font-size: 11px;
}

.ItRZK .eLxhr {
  text-align: center;
  padding: 16px;
}

.ItRZK .JgDU8 {
  border-radius: 4px;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}

.ItRZK .PQTZu {
  color: #71717a;
  text-align: center;
  margin-top: 8px;
  font-size: 11px;
}

.ItRZK .B3LSo {
  padding: 18px;
}

@media (width <= 768px) {
  .ItRZK .B3LSo {
    padding: 14px;
  }
}

.ItRZK ._5Jjg9 {
  color: #71717a;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
}

.ItRZK .S51Hp {
  justify-content: center;
  display: flex;
}

.ItRZK .yNkCL {
  width: 220px;
  height: 220px;
}

@media (width <= 480px) {
  .ItRZK .yNkCL {
    width: 180px;
    height: 180px;
  }
}

.ItRZK .gdp0X {
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-top: 10px;
  display: flex;
}

.ItRZK .DWzIz {
  color: #71717a;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  display: inline-flex;
}

.ItRZK .tgcjA {
  color: #18181b;
  font-weight: 600;
}

.ItRZK .HH5z4 {
  border-radius: 2px;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.ItRZK .IIF91 {
  padding: 18px;
}

@media (width <= 768px) {
  .ItRZK .IIF91 {
    padding: 14px;
  }
}

.ItRZK .rUC3g {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}

@media (width <= 480px) {
  .ItRZK .rUC3g {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}

.ItRZK .DjYfH {
  color: #71717a;
  font-size: 12px;
  font-weight: 500;
}

.ItRZK .OHpaH {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}

.ItRZK .hbHx4 {
  color: #71717a;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  display: inline-flex;
}

.ItRZK .HxTuK {
  border-radius: 2px;
  flex-shrink: 0;
  width: 14px;
  height: 3px;
}

.ItRZK .dCG8O {
  width: 100%;
  height: 180px;
}

.ItRZK .dCG8O svg {
  width: 100%;
  height: 100%;
  display: block;
}

@media (width <= 768px) {
  .ItRZK .dCG8O {
    height: 140px;
  }
}

.ItRZK .TVwkv {
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  display: grid;
}

@media (width <= 480px) {
  .ItRZK .TVwkv {
    grid-template-columns: repeat(2, 1fr);
  }
}

.ItRZK .yBSdp {
  text-align: center;
  border-bottom: 1px solid #ececef;
  border-right: 1px solid #ececef;
  padding: 16px;
}

.ItRZK .yBSdp:last-child {
  border-right: none;
}

.ItRZK .IIWx9 {
  color: #18181b;
  font-variant-numeric: tabular-nums;
  margin-bottom: 4px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
}

@media (width <= 768px) {
  .ItRZK .IIWx9 {
    font-size: 18px;
  }
}

.ItRZK ._6T0GN {
  color: #71717a;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 6px;
  font-size: 10px;
  font-weight: 500;
}

.ItRZK ._1Y93w {
  font-variant-numeric: tabular-nums;
  border-radius: 999px;
  align-items: center;
  gap: 3px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.ItRZK ._1Y93w.DLn-W {
  color: #047857;
  background: #ecfdf5;
}

.ItRZK ._1Y93w.sg-HR {
  color: #b91c1c;
  background: #fef2f2;
}

.ItRZK .edEJ7 {
  border-left: 4px solid;
  border-radius: 6px;
  gap: 12px;
  padding: 14px 16px;
  display: flex;
}

.ItRZK .CjeCx {
  background: #ecfdf5;
  border-left-color: #10b981;
}

.ItRZK .uEJ2X {
  background: #fef9c3;
  border-left-color: #f59e0b;
}

.ItRZK .jZd6g {
  background: #fef2f2;
  border-left-color: #ef4444;
}

.ItRZK ._1na6w {
  background: #f0f9ff;
  border-left-color: #6366f1;
}

.ItRZK .nStnL {
  flex-shrink: 0;
  font-size: 16px;
  line-height: 1.3;
}

.ItRZK .lQovw {
  flex: 1;
}

.ItRZK .Ls4QK {
  color: #18181b;
  margin-bottom: 2px;
  font-size: 13px;
  font-weight: 600;
}

.ItRZK .jITB4 {
  color: #71717a;
  font-size: 12px;
  line-height: 1.5;
}

.ItRZK .rWtOz {
  padding: 18px;
}

@media (width <= 768px) {
  .ItRZK .rWtOz {
    padding: 14px;
  }
}

.ItRZK .X3-QV {
  color: #71717a;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 500;
}

.ItRZK ._5EBgD {
  border-bottom: 1px solid #ececef;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  display: flex;
}

.ItRZK ._5EBgD:last-child {
  border-bottom: none;
}

.ItRZK .Rr-u3 {
  color: #71717a;
  font-variant-numeric: tabular-nums;
  min-width: 30px;
  font-size: 13px;
  font-weight: 600;
}

.ItRZK .ssrfu {
  color: #6366f1;
}

.ItRZK .Fs2UQ {
  text-align: center;
  font-variant-numeric: tabular-nums;
  min-width: 28px;
  font-size: 11px;
  font-weight: 600;
}

.ItRZK .Fs2UQ.DLn-W {
  color: #047857;
}

.ItRZK .Fs2UQ.sg-HR {
  color: #b91c1c;
}

.ItRZK .Bk1MW {
  color: #a1a1aa;
}

.ItRZK .WzV6F {
  color: #18181b;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
}

.ItRZK .I0WnZ {
  color: #71717a;
  font-variant-numeric: tabular-nums;
  text-align: right;
  min-width: 50px;
  font-size: 11px;
}

.ItRZK .Dq8r2 {
  color: #18181b;
  font-variant-numeric: tabular-nums;
  text-align: right;
  min-width: 40px;
  font-size: 12px;
  font-weight: 600;
}

.ItRZK .niinU {
  padding: 16px;
}

.ItRZK .y1cv3 {
  aspect-ratio: 16 / 9;
  background: #f7f7f8;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ItRZK .zmZws {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.ItRZK .Uj2rT {
  z-index: 1;
  color: #fff;
  background: #0009;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding-left: 3px;
  font-size: 18px;
  display: flex;
  position: relative;
}

.ItRZK ._4hHAz {
  color: #71717a;
  text-align: center;
  margin-top: 10px;
  font-size: 12px;
}

.ItRZK ._79w3K {
  padding: 18px;
}

@media (width <= 768px) {
  .ItRZK ._79w3K {
    padding: 14px;
  }
}

.ItRZK .KBIlK {
  color: #71717a;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 500;
}

.ItRZK ._0HQYl {
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
  display: flex;
}

.ItRZK ._0HQYl:last-child {
  margin-bottom: 0;
}

.ItRZK .eenSa {
  color: #18181b;
  flex-shrink: 0;
  min-width: 70px;
  font-size: 12px;
}

.ItRZK .UYXG5 {
  background: #f7f7f8;
  border-radius: 4px;
  flex: 1;
  height: 22px;
  overflow: hidden;
}

.ItRZK .cxOaV {
  border-radius: 4px;
  height: 100%;
  transition: width .3s;
}

.ItRZK .jPlc0 {
  text-align: right;
  font-variant-numeric: tabular-nums;
  min-width: 40px;
  font-size: 13px;
  font-weight: 700;
}

.ItRZK ._181ZG {
  padding: 20px;
}

@media (width <= 768px) {
  .ItRZK ._181ZG {
    padding: 14px;
  }
}

.ItRZK .N838K {
  margin-bottom: 16px;
}

.ItRZK .a1LfC {
  color: #18181b;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.ItRZK .DgzOO {
  color: #71717a;
  margin-top: 3px;
  font-size: 12px;
}

.ItRZK .fSbFF {
  gap: 0;
  display: flex;
}

@media (width <= 480px) {
  .ItRZK .fSbFF {
    flex-wrap: wrap;
  }
}

.ItRZK .dkxGv {
  text-align: center;
  border-right: 1px solid #ececef;
  flex: 1;
  padding: 10px 8px;
}

.ItRZK .dkxGv:last-child {
  border-right: none;
}

.ItRZK ._4Hd5a {
  margin-bottom: 4px;
  font-size: 16px;
}

.ItRZK .SSKc2 {
  color: #18181b;
  font-variant-numeric: tabular-nums;
  margin-bottom: 4px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
}

@media (width <= 768px) {
  .ItRZK .SSKc2 {
    font-size: 18px;
  }
}

.ItRZK .fa26Q {
  color: #71717a;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 6px;
  font-size: 10px;
  font-weight: 500;
}

.ItRZK ._8Uyjz {
  font-variant-numeric: tabular-nums;
  border-radius: 999px;
  align-items: center;
  gap: 3px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.ItRZK ._8Uyjz.DLn-W {
  color: #047857;
  background: #ecfdf5;
}

.ItRZK ._8Uyjz.sg-HR {
  color: #b91c1c;
  background: #fef2f2;
}

.DwjBA {
  height: 100%;
}

.DwjBA .HLamZ {
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
  overflow: hidden;
}

.DwjBA .HLamZ img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.DwjBA .HLamZ.aB9v3 {
  background: url("colored-google.5c44ef65.svg") 0 0 / cover;
  border-radius: 0;
}

.DwjBA .nl5xd {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

.DwjBA .nl5xd._3SXSG {
  background: url("black-lineal-content-shop.6838f9c4.svg") 0 0 / cover;
}

.DwjBA .nl5xd._00YxF {
  background: url("black-lineal-content-store.4829943d.svg") 0 0 / cover;
}

.DwjBA .nl5xd.fQm3f {
  background: url("black-lineal-content-page.905e9b06.svg") 0 0 / cover;
}

.DwjBA .nl5xd.h5E6Y {
  background: url("black-lineal-content-blog.3516b096.svg") 0 0 / cover;
}

.DwjBA ._7ws6p + .DwjBA ._7ws6p {
  margin-top: 8px;
}

.DwjBA ._7ws6p .Rmqj- {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  padding: 8px 4px;
  transition: background .15s;
  display: flex;
}

.DwjBA ._7ws6p .Rmqj-:hover {
  background: #f5f5f5;
}

.DwjBA ._7ws6p ._3JGcU {
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #6b7280;
  flex: 1;
  font-size: 11px;
  font-weight: 600;
}

.DwjBA ._7ws6p .thkFG {
  color: #9ca3af;
  align-items: center;
  transition: -ms-transform .2s, transform .2s;
  display: flex;
}

.DwjBA ._7ws6p ._26bWA {
  grid-template-rows: 1fr;
  transition: grid-template-rows .25s;
  display: grid;
}

.DwjBA ._7ws6p ._26bWA > * {
  overflow: hidden;
}

.DwjBA ._7ws6p ._473uP {
  padding-top: 8px;
}

.DwjBA ._7ws6p.K6T7D > .thkFG, .DwjBA ._7ws6p.K6T7D > .Rmqj- > .thkFG, .DwjBA ._7ws6p.K6T7D > .AgSYe > .thkFG {
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.DwjBA ._7ws6p.K6T7D > ._26bWA {
  grid-template-rows: 0fr;
}

.DwjBA .BFp8d {
  margin-top: 4px;
}

.DwjBA .BFp8d + .DwjBA .BFp8d {
  margin-top: 2px;
}

.DwjBA .BFp8d .AgSYe {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  transition: background .15s;
  display: flex;
}

.DwjBA .BFp8d .AgSYe:hover {
  background: #f5f5f5;
}

.DwjBA .BFp8d .lymk- {
  color: #9ca3af;
  flex: 1;
  font-size: 11px;
  font-weight: 500;
}

.DwjBA .BFp8d.K6T7D > .AgSYe > .thkFG {
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.DwjBA .BFp8d.K6T7D > ._26bWA {
  grid-template-rows: 0fr;
}

.DwjBA .bcXzJ {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  display: grid;
}

.DwjBA .bcXzJ.DOqAl {
  grid-template-columns: 1fr;
}

@media (width <= 280px) {
  .DwjBA .bcXzJ {
    grid-template-columns: 1fr;
  }
}

.DwjBA .Y1vZ2 {
  cursor: grab;
  color: #1f2937;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 12px;
  font-size: 12px;
  font-weight: 500;
  transition: all .15s;
  display: flex;
}

.DwjBA .Y1vZ2:hover {
  color: #2563eb;
  background: #eff6ff;
  border-color: #3b82f6;
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  box-shadow: 0 1px 2px #0000000d;
}

.DwjBA .Y1vZ2:hover .JR-vc {
  color: #fff;
  background: #3b82f6;
}

.DwjBA .Y1vZ2:hover .ujDJB > span {
  opacity: .8;
}

.DwjBA .Y1vZ2:active {
  cursor: grabbing;
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.DwjBA .Y1vZ2.lfgIe {
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}

.DwjBA .JR-vc {
  color: #9ca3af;
  background: #f5f5f5;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: all .15s;
  display: flex;
}

.DwjBA .JR-vc svg {
  width: 18px;
  height: 18px;
}

.DwjBA .ujDJB {
  flex-shrink: 0;
  gap: 3px;
  width: 36px;
  height: 22px;
  display: inline-grid;
}

.DwjBA .ujDJB > span {
  opacity: .4;
  background: currentColor;
  border-radius: 2px;
}

.btA5c {
  height: 100%;
}

.btA5c .JqBWA {
  background: #fff;
  border-radius: 14px;
  width: 100%;
  max-width: 720px;
  min-height: 700px;
  margin: 0 auto;
  overflow: hidden;
  box-shadow: 0 1px 3px #0000000a, 0 4px 12px #0000000d;
}

@media (width <= 768px) {
  .btA5c .JqBWA {
    border-radius: 10px;
    min-height: 400px;
  }
}

.btA5c .HFWSk {
  padding: 12px 20px 24px;
}

@media (width <= 768px) {
  .btA5c .HFWSk {
    padding: 10px 12px 20px;
  }
}

.btA5c .AgJhZ {
  visibility: visible;
}

.btA5c .NskLY {
  cursor: pointer;
  border: 2px solid #0000;
  align-items: center;
  gap: 20px;
  padding: 36px 32px;
  transition: all .15s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
}

.btA5c .NskLY:hover {
  border-color: #6366f14d;
}

.btA5c .NskLY.x-Tkq {
  border-color: #6366f1;
}

@media (width <= 768px) {
  .btA5c .NskLY {
    gap: 14px;
    padding: 24px 16px;
  }
}

.btA5c .VDHJq {
  background: #ffffff24;
  border: 1px solid #ffffff2e;
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 68px;
  height: 68px;
  display: flex;
  overflow: hidden;
}

.btA5c .VDHJq img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

@media (width <= 768px) {
  .btA5c .VDHJq {
    width: 52px;
    height: 52px;
  }
}

.btA5c .Gv-i2 {
  opacity: .6;
  text-align: center;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.btA5c ._0CZP0 {
  flex: 1;
  min-width: 0;
}

.btA5c ._1Pz74 {
  letter-spacing: -.02em;
  margin: 0 0 6px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

@media (width <= 768px) {
  .btA5c ._1Pz74 {
    font-size: 20px;
  }
}

.btA5c .qK56p {
  opacity: .85;
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

@media (width <= 768px) {
  .btA5c .qK56p {
    font-size: 13px;
  }
}

.btA5c .BieIF {
  text-align: center;
  color: #a1a1aa;
  pointer-events: none;
  background: #f7f7f8;
  border: 2px dashed #dcdce0;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  min-height: 240px;
  padding: 80px 20px;
  font-size: 14px;
  display: flex;
}

.btA5c .BieIF svg {
  opacity: .4;
  width: 32px;
  height: 32px;
}

@media (width <= 768px) {
  .btA5c .BieIF {
    min-height: 160px;
    padding: 48px 16px;
  }
}

.btA5c .i6a-i {
  color: #71717a;
  font-weight: 500;
}

.btA5c .AiNv- {
  border: 2px solid #0000;
  border-radius: 8px;
  padding: 8px 6px;
  transition: border-color .15s cubic-bezier(.4, 0, .2, 1);
  position: relative;
}

.btA5c .AiNv-:hover {
  border-color: #ececef;
}

.btA5c .AiNv-:hover .Qc-Hl, .btA5c .AiNv-:hover .T-Xsf {
  opacity: 1;
}

.btA5c .AiNv-.x-Tkq {
  border-color: #6366f1;
}

.btA5c .AiNv-.x-Tkq .Qc-Hl, .btA5c .AiNv-.x-Tkq .T-Xsf {
  opacity: 1;
}

.btA5c .AiNv-._3MpBi > :first-child {
  cursor: default;
  margin-bottom: 0;
}

.btA5c .Qc-Hl {
  cursor: grab;
  color: #a1a1aa;
  opacity: 0;
  background: #fff;
  border: 1px solid #ececef;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: all .15s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: absolute;
  top: 50%;
  left: -32px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  box-shadow: 0 1px 2px #0000000a;
}

.btA5c .Qc-Hl:hover {
  color: #6366f1;
  border-color: #6366f1;
}

.btA5c .Qc-Hl:active {
  cursor: grabbing;
}

.btA5c .Qc-Hl svg {
  width: 14px;
  height: 14px;
}

@media (width <= 768px) {
  .btA5c .Qc-Hl {
    display: none;
  }
}

.btA5c .T-Xsf {
  opacity: 0;
  z-index: 10;
  gap: 4px;
  transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: absolute;
  top: 8px;
  right: 8px;
}

.btA5c ._1Hy5l {
  color: #71717a;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ececef;
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 500;
  transition: all .15s cubic-bezier(.4, 0, .2, 1);
  box-shadow: 0 1px 2px #0000000a;
}

.btA5c ._1Hy5l:hover {
  color: #ef4444;
  background: #fef2f2;
  border-color: #ef4444;
}

.btA5c ._2g5B3 {
  gap: 12px;
  display: grid;
}

.btA5c ._2g5B3[data-cols="2"] {
  grid-template-columns: 1fr 1fr;
}

.btA5c ._2g5B3[data-cols="3"] {
  grid-template-columns: 1fr 1fr 1fr;
}

.btA5c ._2g5B3[data-cols="4"] {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media (width <= 768px) {
  .btA5c ._2g5B3[data-cols="3"], .btA5c ._2g5B3[data-cols="4"] {
    grid-template-columns: 1fr 1fr;
  }
}

@media (width <= 480px) {
  .btA5c ._2g5B3[data-cols="2"], .btA5c ._2g5B3[data-cols="3"], .btA5c ._2g5B3[data-cols="4"] {
    grid-template-columns: 1fr;
  }
}

.btA5c .QkMhK {
  background: none;
  border: 1px dashed #0000;
  border-radius: 6px;
  min-height: 60px;
  padding: 0;
  transition: all .15s cubic-bezier(.4, 0, .2, 1);
}

.btA5c .QkMhK.dhmvS {
  background: #f7f7f8;
  border-color: #dcdce0;
  padding: 8px;
}

.btA5c .QkMhK.dhmvS:hover {
  background: #eef2ff;
  border-color: #6366f1;
}

.btA5c .QkMhK.dhmvS:before {
  content: "Drop a widget here";
  text-align: center;
  color: #a1a1aa;
  pointer-events: none;
  padding: 18px 0;
  font-size: 12px;
  font-weight: 500;
  display: block;
}

.btA5c .fpAVu {
  visibility: visible;
}

.btA5c ._1JYz3 {
  color: #a7f3d0;
  white-space: pre-wrap;
  background: #18181b;
  border-radius: 10px;
  max-width: 720px;
  max-height: 240px;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  padding: 16px;
  font-family: ui-monospace, monospace;
  font-size: 11px;
  line-height: 1.6;
  display: none;
  overflow: auto;
}

.componentBuilderCanvasGhost {
  opacity: .6;
  color: #1f2937 !important;
  text-align: center !important;
  cursor: default !important;
  box-sizing: border-box !important;
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 12px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  display: flex !important;
}

.componentBuilderCanvasGhost svg {
  width: 18px;
  height: 18px;
}

.componentBuilderCanvasDrag {
  color: #2563eb !important;
  text-align: center !important;
  cursor: grabbing !important;
  background: #fff !important;
  border: 1px solid #3b82f6 !important;
  border-radius: 8px !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  display: flex !important;
  box-shadow: 0 8px 24px #00000014, 0 2px 6px #0000000a !important;
}

.componentBuilderCanvasDrag svg {
  width: 18px;
  height: 18px;
}

.componentBuilderCanvasCapturing .NskLY {
  cursor: default !important;
  border-color: #0000 !important;
}

.componentBuilderCanvasCapturing .NskLY:hover {
  border-color: #0000 !important;
}

.componentBuilderCanvasCapturing .AiNv- {
  cursor: default !important;
  border-color: #0000 !important;
}

.componentBuilderCanvasCapturing .AiNv-:hover {
  border-color: #0000 !important;
}

.componentBuilderCanvasCapturing .Qc-Hl, .componentBuilderCanvasCapturing .T-Xsf, .componentBuilderCanvasCapturing .QkMhK.dhmvS:before, .componentBuilderCanvasCapturing .BieIF, .componentBuilderCanvasCapturing ._1JYz3 {
  display: none !important;
}

.R7g-o {
  height: 100%;
}

.R7g-o .k9Tau {
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #84848a;
  margin: 0 0 20px 4px;
  font-size: 11px;
  font-weight: 600;
}

.R7g-o .d3RYR {
  color: #84848a;
  text-align: center;
  background: #f8f9fa;
  border: 1.5px dashed #e2e4e9;
  border-radius: 8px;
  padding: 40px 20px;
  font-size: 13px;
}

.R7g-o .F1XRW {
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.R7g-o .G9FlP {
  color: #2563eb;
  background: #3b82f61a;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 500;
}

.R7g-o .AXiKH {
  margin-bottom: 14px;
}

.R7g-o .AXiKH label {
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 500;
  display: block;
}

.R7g-o .AXiKH select, .R7g-o .AXiKH textarea, .R7g-o .AXiKH input[type="text"], .R7g-o .AXiKH input[type="url"] {
  box-sizing: border-box;
  color: #1a1d26;
  background: #fff;
  border: 1px solid #e2e4e9;
  border-radius: 6px;
  width: 100%;
  padding: 8px 12px;
  font-family: inherit;
  font-size: 13px;
  transition: all .15s;
}

.R7g-o .AXiKH input[type="text"]:hover, .R7g-o .AXiKH input[type="url"]:hover, .R7g-o .AXiKH select:hover, .R7g-o .AXiKH textarea:hover {
  border-color: #c8ccd4;
}

.R7g-o .AXiKH input[type="text"]:focus, .R7g-o .AXiKH input[type="url"]:focus, .R7g-o .AXiKH select:focus, .R7g-o .AXiKH textarea:focus {
  border-color: #3b82f6;
  outline: none;
  box-shadow: 0 0 0 3px #3b82f61a;
}

.R7g-o .AXiKH input[type="file"] {
  box-sizing: border-box;
  cursor: pointer;
  background: #f8f9fa;
  border: 1px solid #e2e4e9;
  border-radius: 6px;
  width: 100%;
  padding: 6px;
  font-size: 12px;
}

.R7g-o .AXiKH textarea {
  resize: vertical;
  min-height: 70px;
  line-height: 1.5;
}

.R7g-o .MMA-S {
  align-items: center;
  gap: 8px;
  display: flex;
}

.R7g-o .MMA-S input[type="color"] {
  cursor: pointer;
  border: 1px solid #e2e4e9;
  border-radius: 6px;
  width: 40px;
  height: 36px;
  padding: 2px;
}

.R7g-o .MMA-S input[type="text"] {
  flex: 1;
  font-family: ui-monospace, monospace;
  font-size: 12px;
}

.R7g-o .AEcPE {
  grid-template-columns: repeat(6, 1fr);
  gap: 6px;
  display: grid;
}

@media (width <= 480px) {
  .R7g-o .AEcPE {
    grid-template-columns: repeat(4, 1fr);
  }
}

.R7g-o .dXHkd {
  cursor: pointer;
  border: 1px solid #e2e4e9;
  border-radius: 6px;
  height: 32px;
  padding: 0;
  transition: all .15s;
}

.R7g-o .dXHkd:hover {
  border-color: #1a1d26;
  -ms-transform: scale(1.08);
  transform: scale(1.08);
  box-shadow: 0 1px 3px #0000001a;
}

.R7g-o .ZTDVh {
  box-sizing: border-box;
  color: #1a1d26;
  background: #fff;
  border: 1px solid #e2e4e9;
  border-radius: 6px;
  width: 100%;
  padding: 8px 12px;
  font-family: inherit;
  font-size: 13px;
  transition: all .15s;
}

.R7g-o .ZTDVh:hover {
  border-color: #c8ccd4;
}

.R7g-o .ZTDVh:focus {
  border-color: #3b82f6;
  outline: none;
  box-shadow: 0 0 0 3px #3b82f61a;
}

.R7g-o ._-17I9 {
  color: #84848a;
  word-break: break-all;
  border-top: 1px solid #e2e4e9;
  margin-top: 20px;
  padding-top: 16px;
  font-family: ui-monospace, monospace;
  font-size: 11px;
  line-height: 1.6;
}

.SXX-G {
  backdrop-filter: blur(4px);
  z-index: 1000;
  background: #00000080;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
  position: fixed;
  inset: 0;
}

@media (width <= 640px) {
  .SXX-G {
    padding: 12px;
  }
}

.SXX-G .vpd8l {
  background: #fff;
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  max-width: 900px;
  height: calc(100vh - 48px);
  max-height: 800px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 60px #00000026;
}

@media (width <= 640px) {
  .SXX-G .vpd8l {
    border-radius: 8px;
    height: calc(100vh - 24px);
    max-height: none;
  }
}

.SXX-G ._2Okkb {
  border-bottom: 1px solid #e4e4e7;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  display: flex;
}

@media (width <= 640px) {
  .SXX-G ._2Okkb {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 16px;
  }
}

.SXX-G .xCdTC {
  color: #18181b;
  margin-bottom: 2px;
  font-size: 15px;
  font-weight: 600;
}

.SXX-G .e2Olz {
  color: #71717a;
  font-size: 12px;
}

.SXX-G .-FX4a {
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  display: flex;
}

@media (width <= 640px) {
  .SXX-G .-FX4a {
    flex-wrap: wrap;
    width: 100%;
  }
}

.SXX-G .Rg--l {
  color: #18181b;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: #fff;
  border: 1px solid #e4e4e7;
  border-radius: 6px;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  transition: all .15s;
  display: inline-flex;
}

.SXX-G .Rg--l:hover {
  background: #f4f4f5;
  border-color: #d4d4d8;
}

.SXX-G .Rg--l.fND8F {
  color: #fff;
  background: #18181b;
  border-color: #18181b;
}

.SXX-G .OmIRX {
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
}

.SXX-G .rGXlS {
  background: #ebebed;
  flex: 1;
  padding: 20px;
  overflow: hidden;
}

@media (width <= 640px) {
  .SXX-G .rGXlS {
    padding: 12px;
  }
}

.SXX-G .hYwIh {
  height: 100%;
  overflow: auto;
}

.SXX-G .MJsXG {
  background: #fff;
  border-radius: 8px;
  flex-direction: column;
  max-width: 640px;
  min-height: 100%;
  margin: 0 auto;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #0000001a;
}

.SXX-G .oqErP {
  background: #f4f4f5;
  border-bottom: 1px solid #e4e4e7;
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  display: flex;
}

.SXX-G .WNOAo {
  gap: 5px;
  display: flex;
}

.SXX-G .WNOAo span {
  border-radius: 50%;
  width: 11px;
  height: 11px;
}

.SXX-G .WNOAo span:first-child {
  background: #ff5f57;
}

.SXX-G .WNOAo span:nth-child(2) {
  background: #febc2e;
}

.SXX-G .WNOAo span:nth-child(3) {
  background: #28c840;
}

.SXX-G .LPpms {
  flex: 1;
  font-size: 12px;
  line-height: 1.4;
  overflow: hidden;
}

.SXX-G .CY-Mi {
  color: #18181b;
  margin-right: 8px;
  font-weight: 500;
}

.SXX-G .UidhU {
  color: #71717a;
}

.SXX-G ._7vfLI {
  background: #fff;
  border: none;
  flex: 1;
  width: 100%;
  min-height: 500px;
}

@media (width <= 640px) {
  .SXX-G ._7vfLI {
    min-height: 350px;
  }
}

.SXX-G .BVo9u {
  color: #e4e4e7;
  white-space: pre-wrap;
  word-break: break-word;
  background: #18181b;
  border-radius: 8px;
  height: 100%;
  margin: 0;
  padding: 20px;
  font-family: ui-monospace, monospace;
  font-size: 12px;
  line-height: 1.6;
  overflow: auto;
}

@media (width <= 640px) {
  .SXX-G .BVo9u {
    padding: 12px;
    font-size: 11px;
  }
}

.YoNBQ {
  --bg: #fafafa;
  --surface: #fff;
  --surface-2: #f7f7f8;
  --border: #ececef;
  --border-strong: #dcdce0;
  --text: #18181b;
  --text-muted: #71717a;
  --text-subtle: #a1a1aa;
  --accent: #6366f1;
  --accent-soft: #eef2ff;
  --accent-hover: #4f46e5;
  --success: #10b981;
  --success-soft: #ecfdf5;
  --success-text: #047857;
  --danger: #ef4444;
  --danger-soft: #fef2f2;
  --danger-text: #b91c1c;
  --radius: 10px;
  --radius-sm: 6px;
  --radius-lg: 14px;
  --shadow-sm: 0 1px 2px #0000000a;
  --shadow: 0 1px 3px #0000000a, 0 4px 12px #0000000d;
  --shadow-lg: 0 8px 24px #00000014, 0 2px 6px #0000000a;
  --transition: .15s cubic-bezier(.4, 0, .2, 1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: var(--bg);
  height: 100%;
  color: var(--text);
  letter-spacing: -.005em;
  grid-template-columns: 280px 1fr 320px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  display: grid;
  overflow: hidden;
}

.YoNBQ.m-kix {
  grid-template-columns: 1fr;
}

.YoNBQ *, .YoNBQ :before, .YoNBQ :after {
  box-sizing: border-box;
}

.YoNBQ ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.YoNBQ ::-webkit-scrollbar-track {
  background: none;
}

.YoNBQ ::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: 4px;
}

.YoNBQ ::-webkit-scrollbar-thumb:hover {
  background: var(--text-subtle);
}

.YoNBQ .QalWm {
  background: var(--surface);
  border-right: 1px solid var(--border);
  z-index: 9;
  padding: 24px 20px;
  overflow-y: auto;
}

.YoNBQ .sUnW9 {
  background: var(--bg);
  padding: 24px 32px 60px;
  overflow-y: auto;
}

.YoNBQ .D8VR- {
  background: var(--surface);
  border-left: 1px solid var(--border);
  z-index: 9;
  height: 100%;
  padding: 24px 20px;
  right: 0;
  overflow-y: auto;
}

@media (width <= 1024px) {
  .YoNBQ {
    grid-template-columns: 240px 1fr 280px;
  }

  .YoNBQ .QalWm {
    padding: 20px 16px;
  }

  .YoNBQ .sUnW9 {
    padding: 20px 24px 48px;
  }

  .YoNBQ .D8VR- {
    padding: 20px 16px;
  }
}

@media (width <= 768px) {
  .YoNBQ {
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr;
  }

  .YoNBQ .QalWm {
    border-right: none;
    border-bottom: 1px solid var(--border);
    max-height: 200px;
    padding: 16px;
  }

  .YoNBQ .sUnW9 {
    padding: 16px;
  }

  .YoNBQ .D8VR- {
    border-left: none;
    border-top: 1px solid var(--border);
    max-height: 300px;
    padding: 16px;
  }
}
/*# sourceMappingURL=BlogPage.003a9c41.css.map */