/* WL: creator post links, the NFT facts and the public GTD WL counter, inside the desktop window. */

/* Signed out: one centred card. */
.collab-intro-shell .access-window{max-width:1120px}
.collab-intro-shell .access-interior{min-height:500px}
.collab-intro{display:flex;flex-direction:column;align-items:center;width:100%;max-width:820px;text-align:center}
.collab-intro-title{display:flex;align-items:center;justify-content:center;gap:18px;margin:0;color:#fff8e8;font:700 54px/1.1 var(--display);letter-spacing:-1px}
.collab-intro-title .icon{flex:0 0 38px;width:38px;height:38px;color:var(--mint);stroke-width:2}
.collab-intro-copy{max-width:640px;margin:14px 0 26px;color:#e9e3f3;font:400 18px/1.55 var(--body)}
.collab-intro .collab-connect{width:min(100%,460px);margin-top:28px}
.collab-intro .feedback{width:100%}
.collab-intro-more{margin:16px 0 0;color:#b4b9d7;font:400 14px/1.5 var(--body)}
.collab-intro-more a{display:inline-flex;align-items:center;gap:6px;color:var(--mint);text-decoration:none}
.collab-intro-more a .icon{width:15px;height:15px;stroke-width:2.4}
.collab-intro-more a:hover{text-decoration:underline}
.collab-intro-more a:focus-visible{outline:2px solid #dfcef3;outline-offset:3px}

/* How it works: three numbered steps. */
.collab-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin:0 0 10px;padding:0;list-style:none;text-align:left}
.collab-steps li{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 14px;background:#0b1734;border:1px solid #3e4677}
.collab-step-number{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;background:#09152f;border:1px solid #3fae93;color:var(--mint);font:700 17px/1 var(--display)}
.collab-steps div{display:flex;flex-direction:column;gap:3px;min-width:0}
.collab-steps strong{color:#fff3df;font:700 15px/1.25 var(--display)}
.collab-steps small{color:#b4b9d7;font:400 13px/1.4 var(--body)}

/* Supply, mint price and the live counter in one row. */
.collab-stats{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1.35fr);gap:10px;width:100%;text-align:left}
.collab-stats .nft-facts{margin:0}

/* NFT supply, mint price and mint date, in both layouts: tiles in the counter's frame. */
.nft-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 10px}
.nft-facts>div{display:flex;flex-direction:column;gap:9px;min-width:0;padding:13px 17px 14px;background:#09152f;border:1px solid #65618e;border-radius:2px;box-shadow:inset 0 3px #050e24,0 3px #040c20}
.nft-facts dt{color:#bdb3d7;font:400 13px/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.nft-facts dd{margin:0;color:#fff0d9;font:700 32px/1 var(--display);font-variant-numeric:tabular-nums}
.nft-facts .is-free{border-color:#3fae93}
.nft-facts .is-free dd{color:var(--mint);letter-spacing:1px;text-transform:uppercase}

/* The counter, in both layouts. */
.collab-supply{padding:14px 17px 12px;background:#09152f;border:1px solid #65618e;border-radius:2px;box-shadow:inset 0 3px #050e24,0 3px #040c20}
.collab-supply-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 12px}
.collab-supply-label{color:#bdb3d7;font:400 14px/1.3 var(--body)}
.collab-supply-count{display:flex;align-items:baseline;gap:8px;margin:0;color:#fff0d9}
.collab-supply-count strong{color:var(--mint);font:700 36px/1 var(--display);font-variant-numeric:tabular-nums}
.collab-supply-count span{color:#c9c0e6;font:400 16px/1 var(--body)}
.collab-meter{height:16px;margin-top:11px;padding:2px;background:#050d22;border:1px solid #4d4a7a}
.collab-meter i{display:block;height:100%;min-width:3px;max-width:100%;background:repeating-linear-gradient(90deg,var(--mint) 0 10px,#2bc99c 10px 12px);transition:width .5s ease}
.collab-supply-left{display:block;margin:8px 0 0;color:#b4b9d7;font:400 13px/1.4 var(--body)}
.collab-supply.is-compact{padding:13px 17px 12px}
.collab-supply.is-compact .collab-supply-head{flex-direction:column;align-items:flex-start;gap:9px}
.collab-supply.is-compact .collab-supply-label{font-size:13px;line-height:1.2;letter-spacing:.14em;text-transform:uppercase}
.collab-supply.is-compact .collab-supply-count strong{font-size:32px}
.collab-supply.is-compact .collab-meter{height:12px;margin-top:10px}
.collab-supply.is-compact .collab-supply-left{margin-top:6px;font-size:12px}
.collab-compose-note{margin:-6px 0 16px;color:#b4b9d7;font:400 14px/1.55 var(--body)}

/* Signed in: creator column on the left, the action on the right. */
.collab-member .journey-aside{display:flex;flex-direction:column;justify-content:flex-start}
.collab-hero{display:flex;flex-direction:column;min-width:0}
.collab-kicker{display:flex;align-items:center;gap:9px;margin:0 0 10px;color:var(--mint);font:400 15px/1.3 var(--body);letter-spacing:.16em;text-transform:uppercase}
.collab-kicker .icon{width:18px;height:18px}
.collab-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 16px;margin:0 0 18px;color:#fff8e8;font:700 64px/1 var(--display);letter-spacing:-2px}
.collab-title span{color:var(--blush);font-size:26px;letter-spacing:0}

.collab-member .journey-right{justify-content:flex-start;padding-top:30px}
.collab-member .journey-task{flex:0 0 auto}
.journey-task.collab-task .task-title{margin-bottom:16px;font-size:40px}
.collab-profile{display:flex;align-items:center;gap:14px;margin:0 0 6px;padding:12px 14px;background:#0b1734;border:1px solid #3e4677}
.collab-profile .profile-avatar{flex-basis:52px;width:52px;height:52px}
.collab-profile-name{display:flex;flex-direction:column;gap:3px;min-width:0}
.collab-profile-name strong{overflow:hidden;color:#fff3df;font:700 18px/1.25 var(--display);text-overflow:ellipsis;white-space:nowrap}
.collab-profile-name span{overflow:hidden;color:#b4b9d7;font:400 14px/1.3 var(--body);text-overflow:ellipsis;white-space:nowrap}
.collab-switch{flex:0 0 auto;margin-left:auto;min-height:38px;padding:6px 16px;background:#132447;border:1px solid #6b70a8;color:#fff0db;font:400 14px/1 var(--body);cursor:pointer}
.collab-switch:hover{background:#1b3060}
.collab-switch:focus-visible{outline:2px solid #dfcef3;outline-offset:3px}
.collab-link-icon{position:absolute;left:17px;top:50%;display:grid;place-items:center;width:22px;height:22px;color:#fff3df;transform:translateY(-50%);pointer-events:none}
.collab-link-icon .icon{width:22px;height:22px;stroke-width:2}
.journey-shell .collab-link input:not([type=checkbox]){padding-left:54px}
.collab-cooldown{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0 0;padding:12px 16px;background:#09152f;border:1px solid #65618e;color:#bdb3d7;font:400 14px/1.3 var(--body)}
.collab-cooldown strong{color:#fff0d9;font:700 26px/1 var(--display);letter-spacing:1px;font-variant-numeric:tabular-nums}
.collab-ready{display:flex;align-items:center;gap:8px;margin:14px 0 0;color:var(--mint);font:400 15px/1.4 var(--body)}
.collab-ready .icon{width:20px;height:20px;stroke-width:2.4}
.journey-shell .collab-navigation{justify-content:flex-end;margin-top:22px;padding-top:0;border-top:0}
.collab-badge{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;margin:0 0 10px;padding:6px 12px;border:1px solid var(--mint);color:var(--mint);font:400 13px/1.2 var(--body);letter-spacing:.14em}
.collab-badge .icon{width:16px;height:16px}
.journey-task .task-title.collab-won{color:var(--mint)}
.collab-wallet{max-width:none;margin:18px 0 0;justify-content:flex-start;text-align:left}
.collab-wallet .access-wallet-address{min-width:0;overflow-wrap:anywhere;font-size:14px}

/* The creator's own posts, newest first, five per page. */
.collab-history{margin-top:26px}
.collab-history h3{display:flex;align-items:center;gap:9px;margin:0 0 12px;color:#fff3df;font:400 18px/1.3 var(--body)}
.collab-history h3 span{min-width:26px;padding:2px 7px;border:1px solid #6b70a8;border-radius:2px;color:var(--mint);font-size:13px;text-align:center;font-variant-numeric:tabular-nums}
.collab-history ol{display:grid;align-content:start;gap:6px;margin:0;padding:0;list-style:none}
.collab-history.is-paged ol{min-height:calc(5 * 38px + 4 * 6px)}
.collab-history li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:38px;padding:6px 12px;background:#0b1734;border:1px solid #3e4677;font:400 13px/1.3 var(--body)}
.collab-post-number{color:#fff0d9;font-variant-numeric:tabular-nums}
.collab-history time{min-width:0;overflow:hidden;color:#b4b9d7;text-overflow:ellipsis;white-space:nowrap}
.collab-history a{display:inline-flex;align-items:center;gap:6px;color:var(--mint);text-decoration:none}
.collab-history a .icon{width:14px;height:14px}
.collab-history a:hover{text-decoration:underline}
.collab-history a:focus-visible,.collab-pagination button:focus-visible{outline:2px solid #dfcef3;outline-offset:3px}
.collab-empty{display:grid;place-items:center;min-height:128px;margin:0;padding:16px;border:1px dashed #5b5f93;color:#b4b9d7;font:400 14px/1.5 var(--body);text-align:center}
.collab-history-error{margin:8px 0 0;color:#ffb8a8;font:400 13px/1.5 var(--body)}
.collab-pages{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.collab-range{color:#b4b9d7;font:400 12px/1.3 var(--body);font-variant-numeric:tabular-nums}
.collab-pagination{display:flex;gap:6px}
.collab-pagination button{display:grid;place-items:center;width:34px;height:30px;padding:0;background:#132447;border:1px solid #6b70a8;color:#fff0db;cursor:pointer}
.collab-pagination button:disabled{opacity:.4;cursor:default}
.collab-pagination .icon{width:16px;height:16px}

@media(max-width:1000px) and (min-width:761px){.collab-title{font-size:54px}.collab-title span{font-size:21px}.journey-task.collab-task .task-title{font-size:32px}.collab-intro-title{font-size:46px}}
@media(max-height:850px) and (min-width:761px){.collab-title{font-size:56px;margin-bottom:14px}.nft-facts>div{gap:6px;padding:10px 15px 11px}.nft-facts dd{font-size:27px}.collab-intro-copy{margin-bottom:20px}.collab-steps li{padding:9px 13px}.collab-supply.is-compact{padding:10px 15px 10px}.collab-supply.is-compact .collab-supply-head{gap:6px}.collab-supply.is-compact .collab-supply-count strong{font-size:27px}.collab-intro .collab-connect{margin-top:22px}.collab-history{margin-top:18px}.collab-intro-shell .access-interior{min-height:0}}
@media(max-width:760px){
  .collab-intro-title{gap:10px;font-size:27px;letter-spacing:-.5px;white-space:nowrap}
  .collab-intro-title .icon{flex-basis:22px;width:22px;height:22px}
  .journey-shell .collab-intro .collab-connect{font-size:19px;white-space:nowrap}
  .collab-intro-copy{margin:12px 0 22px;font-size:15px}
  .collab-steps{grid-template-columns:1fr;gap:6px}
  .collab-steps li{padding:9px 12px}
  .collab-stats{grid-template-columns:1fr;gap:8px}
  .collab-intro-more{font-size:13px}
  .nft-facts{gap:8px}
  .nft-facts>div{gap:7px;padding:10px 9px 11px}
  .nft-facts dt{font-size:10px;letter-spacing:.08em}
  .nft-facts dd{font-size:21px}
  .collab-supply.is-compact .collab-supply-count strong{font-size:28px}
  .collab-intro .collab-connect{margin-top:24px}
  .collab-kicker{font-size:13px}
  .collab-title{font-size:48px;letter-spacing:-1px;margin-bottom:16px}
  .collab-title span{font-size:20px}
  .collab-supply{padding:13px 15px 12px}
  .collab-supply-count strong{font-size:30px}
  .collab-cooldown strong{font-size:22px}
  .journey-task.collab-task .task-title{font-size:30px}
  .collab-profile{gap:11px;padding:10px 11px}
  .collab-profile .profile-avatar{flex-basis:44px;width:44px;height:44px}
  .collab-profile-name strong{font-size:16px}
  .journey-shell .collab-navigation .button{width:100%}
  /* Signed-in creators act first; their counter and posts follow. */
  .collab-member .journey-right{order:-1;padding-top:0;padding-bottom:24px;border-bottom:1px solid #6b70a866}
  .collab-member .journey-aside{padding-bottom:0;border-bottom:0}
  .collab-history li{grid-template-columns:44px minmax(0,1fr) auto;padding:6px 10px}
  .collab-history time{font-size:12px}
  .collab-empty{min-height:96px}
}
@media(max-width:380px){.collab-intro-title{font-size:23px;white-space:normal}.journey-shell .collab-intro .collab-connect{font-size:17px}}
@media(prefers-reduced-motion:reduce){.collab-meter i{transition:none}}