/* Minecraft items and readable pass cards. Scoped to the subscriptions page. */
[data-market-page="subscriptions"] .market-page-heading h1 {
  font-family:var(--pixel);
  font-size:clamp(23px,3.1vw,39px);
  line-height:1.7;
  letter-spacing:-1px;
}
[data-market-page="subscriptions"] .page-tabs {
  gap:clamp(16px,4vw,38px);
}
[data-market-page="subscriptions"] .page-tabs a {
  font:400 12px/1.7 var(--pixel);
  padding:17px 3px;
}
[data-market-page="subscriptions"] .plans-grid {
  max-width:1040px;
  gap:26px;
  margin:30px auto;
  align-items:stretch;
}
[data-market-page="subscriptions"] .subscription-plan {
  min-width:0;
  padding:28px;
  overflow:hidden;
  border:1px solid #80719a;
  background:radial-gradient(ellipse at 100% 0,#8558bd22,transparent 54%),linear-gradient(150deg,#292334e8,#171723ec);
  box-shadow:inset 0 1px #ffffff13,0 14px 42px #03061133;
}
[data-market-page="subscriptions"] .subscription-plan.premium {
  border-color:#d5a661;
  background:radial-gradient(ellipse at 100% 0,#dba55b24,transparent 54%),linear-gradient(150deg,#302631ed,#191723ed);
  box-shadow:inset 0 1px #ffe7ba24,0 14px 42px #03061133;
}
[data-market-page="subscriptions"] .plan-label-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:9px 12px;
  min-height:33px;
  margin-bottom:20px;
}
[data-market-page="subscriptions"] .plan-label {
  display:inline-block;
  border:1px solid #afa3d13d;
  background:#c0a4ef0b;
  padding:7px 10px;
  color:#d9c9ed;
  font:700 12px/1.4 Manrope,Arial,sans-serif;
}
[data-market-page="subscriptions"] .plan-badge {
  position:static;
  max-width:100%;
  width:auto;
  margin:0;
  box-shadow:none;
  background:#e1b76a18;
  border-color:#dba95f5e;
  color:#f6d69b;
}
[data-market-page="subscriptions"] .plan-period {
  color:#b2a1c4;
  font:600 12px/1.5 Manrope,Arial,sans-serif;
  white-space:nowrap;
}
[data-market-page="subscriptions"] .plan-header {
  display:grid;
  grid-template-columns:minmax(0,1fr) 106px;
  gap:16px;
  align-items:center;
  min-height:108px;
  margin-bottom:18px;
}
[data-market-page="subscriptions"] .plan-kicker {
  display:block;
  font:700 11px/1.7 Manrope,Arial,sans-serif;
  letter-spacing:1.2px;
  color:#b3a1c6;
  margin-bottom:12px;
}
[data-market-page="subscriptions"] .plan-header h2 {
  font:400 clamp(19px,2.1vw,24px)/1.6 var(--pixel);
  letter-spacing:-.7px;
  color:#faf3ff;
  margin:0;
}
[data-market-page="subscriptions"] .premium .plan-header h2 {color:#ffe2ab}
[data-market-page="subscriptions"] .plan-art {
  position:relative;
  display:grid;
  place-items:center;
  width:106px;
  height:106px;
  background:radial-gradient(circle,#a47be12c,transparent 66%);
  pointer-events:none;
  user-select:none;
}
[data-market-page="subscriptions"] .premium .plan-art {
  background:radial-gradient(circle,#e8b44d2c,transparent 66%);
}
[data-market-page="subscriptions"] .pass-item {
  display:block;
  object-fit:contain;
  user-select:none;
  pointer-events:none;
  -webkit-user-drag:none;
  image-rendering:pixelated;
}
[data-market-page="subscriptions"] .plan-art .pass-item {
  width:94px;
  height:94px;
  filter:drop-shadow(0 8px 10px #09040c55);
}
[data-market-page="subscriptions"] .plan-description {
  min-height:54px;
  color:#c5b7d3;
  font:400 15px/1.85 Manrope,Arial,sans-serif;
  margin:0;
}
[data-market-page="subscriptions"] .plan-cost {
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:10px 14px;
  margin:27px 0 12px;
}
[data-market-page="subscriptions"] .plan-price {
  font:400 clamp(27px,3vw,34px)/1.4 var(--pixel);
  letter-spacing:-1px;
  color:#f3d7bd;
  margin:0;
}
[data-market-page="subscriptions"] .premium .plan-price {color:#ffd186}
[data-market-page="subscriptions"] .plan-duration {
  color:#b4a0c5;
  font:400 12px/1.7 Manrope,Arial,sans-serif;
}
[data-market-page="subscriptions"] .plan-renewal {
  display:block;
  padding-bottom:20px;
  border-bottom:1px solid #c4adcc23;
  color:#a8c697;
  font:500 13px/1.8 Manrope,Arial,sans-serif;
}
[data-market-page="subscriptions"] .plan-features {
  list-style:none;
  margin:0;
  padding:20px 0 25px;
}
[data-market-page="subscriptions"] .plan-features li {
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:12px;
  align-items:start;
  border:0;
  padding:9px 0;
  color:#dfd2e8;
  font:400 14px/1.8 Manrope,Arial,sans-serif;
}
[data-market-page="subscriptions"] .plan-features li::before {display:none}
[data-market-page="subscriptions"] .plan-feature-item {padding-top:1px}
[data-market-page="subscriptions"] .plan-feature-item .pass-item {width:27px;height:27px}
[data-market-page="subscriptions"] .subscription-plan>.button {
  min-height:55px;
  padding:15px 10px;
  font:400 12px/1.7 var(--pixel);
  letter-spacing:-.3px;
  margin-top:auto;
}
[data-market-page="subscriptions"] .subscription-plan>.button:disabled {
  color:#ddd0e3;
  opacity:1;
  background:#342b3d;
  border:1px solid #796a87;
  box-shadow:inset 0 1px #fff1,0 3px 0 #09070d55;
}
[data-market-page="subscriptions"] .premium>.button:disabled {
  color:#f6dbb4;
  border-color:#a2855c;
  background:#463328;
}
[data-market-page="subscriptions"] .plan-secondary {
  padding:8px 4px 0;
  margin-top:12px;
  min-height:40px;
  color:#beaccd;
  font:500 13px/1.8 Manrope,Arial,sans-serif;
  text-underline-offset:4px;
}
[data-market-page="subscriptions"] .plan-secondary:hover {color:#ffe1b6}
[data-market-page="subscriptions"] .plan-explainer {
  max-width:1040px;
  align-items:start;
  padding:25px 28px;
  gap:21px;
  border:1px solid #8d77a34a;
  background:linear-gradient(135deg,#2e263b8c,#1d1b2ba8);
}
[data-market-page="subscriptions"] .plan-explainer>span {
  display:grid;
  place-items:center;
  flex:0 0 58px;
  width:58px;
  height:62px;
  margin-top:4px;
}
[data-market-page="subscriptions"] .plan-explainer>span>img {
  display:block;
  width:58px;
  height:58px;
  object-fit:contain;
  image-rendering:pixelated;
  pointer-events:none;
  user-select:none;
}
[data-market-page="subscriptions"] .plan-explainer h3 {
  font:400 14px/1.8 var(--pixel);
  margin:0 0 10px;
  letter-spacing:-.3px;
}
[data-market-page="subscriptions"] .plan-explainer p {font:400 14px/1.85 Manrope,Arial,sans-serif}
[data-market-page="subscriptions"] .subscription-worlds {
  gap:21px;
  align-items:stretch;
}
[data-market-page="subscriptions"] .subscription-world {
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:24px;
  border:1px solid #89729f70;
  background:linear-gradient(145deg,#292234d9,#191825e6);
  transition:border-color .18s,background .18s;
}
[data-market-page="subscriptions"] .subscription-world.premium {
  border-color:#b48c557d;
  background:linear-gradient(145deg,#302435e8,#191825e6);
}
[data-market-page="subscriptions"] .subscription-world:hover {
  background:linear-gradient(145deg,#362941e8,#211d31e6);
  border-color:#d0a479;
}
[data-market-page="subscriptions"] .subscription-world:focus-visible {
  outline:2px solid #ffbc74;
  outline-offset:5px;
}
[data-market-page="subscriptions"] .subscription-world-heading {
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
}
[data-market-page="subscriptions"] .subscription-world-item {
  display:grid;
  place-items:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
}
[data-market-page="subscriptions"] .subscription-world-item .pass-item {width:42px;height:42px}
[data-market-page="subscriptions"] .subscription-world-access {
  font:700 12px/1.6 Manrope,Arial,sans-serif;
  color:#b6cfa1;
}
[data-market-page="subscriptions"] .premium .subscription-world-access {color:#f1cd91}
[data-market-page="subscriptions"] .subscription-world h3 {
  font:400 14px/1.9 var(--pixel);
  overflow-wrap:anywhere;
  margin:0 0 12px;
  letter-spacing:-.4px;
}
[data-market-page="subscriptions"] .subscription-world p {
  color:#b4a3c5;
  font:400 13px/1.8 Manrope,Arial,sans-serif;
  margin:0 0 19px;
}
[data-market-page="subscriptions"] .subscription-world>.subscription-world-link {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  margin-top:auto;
  padding-top:15px;
  border-top:1px solid #b59cc227;
  font:600 13px/1.7 Manrope,Arial,sans-serif;
  color:#dfc1ec;
}
[data-market-page="subscriptions"] .subscription-world-link .ui-icon {width:18px;height:18px;flex:0 0 18px}
[data-market-page="subscriptions"] .market-faq>h2,
[data-market-page="subscriptions"] .market-bottom h2 {font-family:var(--pixel)}
@media(max-width:900px) {
  [data-market-page="subscriptions"] .plans-grid {gap:20px}
  [data-market-page="subscriptions"] .subscription-plan {padding:24px}
  [data-market-page="subscriptions"] .plan-header {grid-template-columns:minmax(0,1fr) 82px;gap:12px}
  [data-market-page="subscriptions"] .plan-art {width:82px;height:90px}
  [data-market-page="subscriptions"] .plan-art .pass-item {width:80px;height:80px}
  [data-market-page="subscriptions"] .plan-header h2 {font-size:19px}
  [data-market-page="subscriptions"] .plan-kicker {font-size:10px;letter-spacing:.5px}
  [data-market-page="subscriptions"] .subscription-worlds {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px) {
  [data-market-page="subscriptions"] .plans-grid {grid-template-columns:1fr;max-width:520px;gap:25px}
  [data-market-page="subscriptions"] .plan-header {grid-template-columns:minmax(0,1fr) 106px;gap:18px}
  [data-market-page="subscriptions"] .plan-header h2 {font-size:23px}
  [data-market-page="subscriptions"] .plan-art {width:106px;height:106px}
  [data-market-page="subscriptions"] .plan-art .pass-item {width:96px;height:96px}
  [data-market-page="subscriptions"] .plan-kicker {font-size:11px;letter-spacing:.8px}
  [data-market-page="subscriptions"] .plan-description {min-height:0}
}
@media(max-width:540px) {
  [data-market-page="subscriptions"] .market-page-heading h1 {font-size:23px;line-height:1.85;letter-spacing:-1px}
  [data-market-page="subscriptions"] .market-page-heading>p {font-size:14px}
  [data-market-page="subscriptions"] .page-tabs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}
  [data-market-page="subscriptions"] .page-tabs a {display:flex;align-items:center;justify-content:center;min-width:0;min-height:65px;text-align:center;font-size:11px;line-height:1.8;padding:12px 2px}
  [data-market-page="subscriptions"] .subscription-plan {padding:22px}
  [data-market-page="subscriptions"] .plan-label-row {margin-bottom:17px}
  [data-market-page="subscriptions"] .plan-header {grid-template-columns:minmax(0,1fr) 82px;gap:12px;min-height:96px;margin-bottom:17px}
  [data-market-page="subscriptions"] .plan-header h2 {font-size:20px}
  [data-market-page="subscriptions"] .plan-kicker {font-size:10px;letter-spacing:.4px;margin-bottom:11px}
  [data-market-page="subscriptions"] .plan-art {width:82px;height:90px}
  [data-market-page="subscriptions"] .plan-art .pass-item {width:80px;height:80px}
  [data-market-page="subscriptions"] .plan-description {font-size:14px}
  [data-market-page="subscriptions"] .plan-cost {margin-top:22px;gap:7px 12px}
  [data-market-page="subscriptions"] .plan-price {font-size:29px}
  [data-market-page="subscriptions"] .plan-features {padding-top:17px}
  [data-market-page="subscriptions"] .plan-features li {grid-template-columns:26px minmax(0,1fr);gap:11px;padding:8px 0}
  [data-market-page="subscriptions"] .plan-feature-item .pass-item {width:25px;height:25px}
  [data-market-page="subscriptions"] .subscription-plan>.button {font-size:12px;min-height:54px;line-height:1.7}
  [data-market-page="subscriptions"] .plan-explainer {padding:22px;gap:15px;flex-direction:column}
  [data-market-page="subscriptions"] .plan-explainer>span {width:48px;height:48px;flex-basis:48px;margin:0}
  [data-market-page="subscriptions"] .plan-explainer>span>img {width:48px;height:48px}
  [data-market-page="subscriptions"] .plan-explainer h3 {font-size:13px;line-height:1.9}
  [data-market-page="subscriptions"] .subscription-worlds {grid-template-columns:1fr;gap:16px}
  [data-market-page="subscriptions"] .subscription-world {padding:22px}
  [data-market-page="subscriptions"] .subscription-world h3 {font-size:14px;line-height:1.85}
}
@media(max-width:360px) {
  [data-market-page="subscriptions"] .market-page-heading h1 {font-size:20px}
  [data-market-page="subscriptions"] .page-tabs {gap:12px}
  [data-market-page="subscriptions"] .subscription-plan {padding:19px}
  [data-market-page="subscriptions"] .plan-header {grid-template-columns:minmax(0,1fr) 68px;gap:10px}
  [data-market-page="subscriptions"] .plan-header h2 {font-size:18px}
  [data-market-page="subscriptions"] .plan-art {width:68px;height:80px}
  [data-market-page="subscriptions"] .plan-art .pass-item {width:70px;height:70px}
  [data-market-page="subscriptions"] .plan-kicker {max-width:142px;line-height:1.8}
  [data-market-page="subscriptions"] .plan-price {font-size:28px}
  [data-market-page="subscriptions"] .subscription-plan>.button {font-size:11px}
  [data-market-page="subscriptions"] .plan-period {font-size:12px}
}