/* Item page: one card like Roblox 2020 */
.it21{container-type:inline-size}
.it21 .it19-main{grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:28px;padding:20px 24px 14px;background:var(--surface);border-radius:4px}
.it21-left{display:flex;flex-direction:column;min-width:0}
.it21 .it19-info{padding-top:4px}
.it21 .it19-info h1{font-size:36px;line-height:1.15;overflow-wrap:anywhere}
.it21 .it19-by{margin:2px 0 0;padding-bottom:12px;font-size:16px;border-bottom:1px solid var(--line)}
.it21 .it19-verified{width:17px;height:17px}
.it21 .it19-buy{min-height:72px;padding:14px 0 10px;margin-bottom:4px;border-bottom:0}
.it21 .it20-row{grid-template-columns:140px minmax(0,1fr) auto;padding:6px 0}
.it21 .it20-label{font-size:16px}
.it21 .it20-value{font-size:16px}
.it21 .it19-buy .as20-price{font-size:20px}
.it21 .it20-description .it20-value{grid-column:2/4;font-size:16px}
.it21 .it21-nosale{grid-column:1/3;font-size:16px;font-weight:400}
.it21 .it20-actions .play{min-width:160px;height:46px;font-size:20px}
.it21 .it20-actions .play.it21-offsale,.it21 .it20-actions .play.it21-offsale:hover{color:#fff;background:#a3e2bd;cursor:not-allowed;opacity:1}
body.halloween .it21 .it20-actions .play.it21-offsale,body.dark .it21 .it20-actions .play.it21-offsale{color:rgba(255,255,255,.7);background:rgba(2,183,87,.32)}
.it21 .it19-pic-button{height:32px;padding:0 10px;font-size:16px;color:#191919;background:#fff;border:1px solid #b8bcbf}
.it21 .it19-pic-button.selected{color:#fff;background:#393b3d;border-color:#393b3d}
.it21 .it19-pic-buttons{right:6px;bottom:6px}
.it21-fav{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin:12px 0 0;padding:2px 4px;font-size:16px;font-weight:600;color:#f5b400;background:none;border:0;cursor:pointer}
.it21-star{font-size:22px;line-height:1}
.it21-fav:hover .it21-star{transform:scale(1.12)}
.it21-fav:disabled{opacity:.6}
.it21 .it20-recommended h2{font-size:22px}
@container (max-width:760px){.it21 .it19-main{grid-template-columns:minmax(0,1fr);padding:14px}.it21-left{max-width:420px}.it21 .it20-row{grid-template-columns:110px minmax(0,1fr) auto}}
/* Buy row: price keeps its width; the buttons move to the next line when there isn't room */
.it21 .it20-row.it19-buy{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:8px}
.it21 .it19-buy>.it20-label{flex:0 0 128px}
.it21 .it19-buy>.it20-value{flex:0 0 auto;white-space:nowrap}
.it21 .it19-buy>.it21-nosale{flex:1 1 200px;white-space:normal}
.it21 .it19-buy>.it20-actions{margin-left:auto}
.it21 .it20-actions .it20-owned{white-space:nowrap}
/* Buy row buttons: their own line, lined up with the price */
.it21 .it19-buy>.it20-actions{flex:1 0 100%;margin-left:0;padding-left:140px;justify-content:flex-start}
@container (max-width:760px){.it21 .it19-buy>.it20-actions{padding-left:0}}
.it21 .it19-by .it21-owned{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font-size:14px;font-weight:700;color:#02b757}
.it21-owned svg{width:15px;height:15px}
/* Owned: Edit Avatar on the right of the same row (like Roblox) */
.it21 .it19-buy.it21-has{flex-wrap:nowrap}
.it21 .it19-buy.it21-has>.it21-nosale{flex:1 1 auto;font-weight:600}
.it21 .it19-buy.it21-has>.it20-actions{flex:0 0 auto;margin-left:auto;padding-left:0;justify-content:flex-end}
.it21 .it20-actions .it21-edit{height:40px;min-width:150px;padding:0 20px;font-size:17px;justify-content:center}
@container (max-width:520px){.it21 .it19-buy.it21-has{flex-wrap:wrap}}