.budget-mosaic{container-type:inline-size}.budget-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.budget-heading h2{font-size:clamp(28px,3.2vw,44px);line-height:1.1;margin:0;font-weight:900}.budget-heading h2 bdi{color:#baff00;white-space:nowrap}.budget-eyebrow{color:#baff00;font-size:11px;font-weight:800;letter-spacing:1.7px;margin:0 0 12px}.budget-all{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:#baff00;color:#101114;padding:16px 22px;border-radius:12px;font-weight:800;text-decoration:none;min-height:48px}.budget-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(240px,auto));gap:14px}.budget-tile{position:relative;isolation:isolate;display:flex;align-items:end;min-width:0;border-radius:16px;overflow:hidden;background:#191b23}.budget-tile:nth-child(1){grid-area:1/1/3/2}.budget-tile:nth-child(2){grid-area:1/2/3/3}.budget-tile:nth-child(3){grid-area:1/3/2/4}.budget-tile:nth-child(4){grid-area:2/3/3/4}.budget-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.budget-image img{width:100%;height:100%;object-fit:cover}.budget-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent 15%,rgba(8,9,14,.3) 38%,rgba(8,9,14,.95) 100%)}.budget-copy{width:100%;padding:22px;display:flex;flex-direction:column;align-items:stretch;gap:9px;position:relative}.budget-platform{font-size:12px;color:#ebedf2}.budget-copy h3{font-size:clamp(21px,2.5cqi,32px);line-height:1.18;text-align:left;margin:0;color:#fff;overflow-wrap:anywhere;text-wrap:balance}.budget-copy h3 a{color:inherit;text-decoration:none}.budget-tile:nth-child(n+3) h3{font-size:clamp(20px,2cqi,24px)}.budget-prices{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;padding-inline-end:40px}.budget-prices strong{font-size:25px;line-height:1.2;color:#fff;white-space:nowrap}.budget-prices [data-price-reference]{display:contents}.budget-prices .price-reference{display:flex;flex-wrap:wrap;gap:3px 9px;align-items:baseline;text-decoration:none;color:#ccd0d8;font-size:13px}.budget-saving{display:block;flex-basis:100%;color:#baff00;font-size:12px;line-height:1.45;text-decoration:none}.budget-arrow{position:absolute;left:18px;bottom:22px;display:grid;place-items:center;background:#ff0056;color:#fff;text-decoration:none;border-radius:50%;width:38px;height:38px;font-size:22px}.budget-mosaic a:focus-visible{outline:3px solid #baff00;outline-offset:3px}.budget-tile:focus-within{outline:3px solid #baff00;outline-offset:3px}.budget-grid[data-count="1"],.budget-grid[data-count="2"],.budget-grid[data-count="3"]{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-template-rows:auto}.budget-grid:not([data-count="4"]) .budget-tile{grid-area:auto;min-height:330px}@container (max-width:1000px){.budget-grid{grid-template-columns:1.4fr 1fr;grid-template-rows:350px 255px}.budget-tile:nth-child(n){grid-area:auto}.budget-copy{padding:20px}.budget-copy h3{font-size:26px}.budget-tile:nth-child(n+3) h3{font-size:23px}}@container (max-width:600px){.budget-heading{align-items:start;flex-direction:column;gap:18px}.budget-heading h2{font-size:32px}.budget-all{width:100%;font-size:14px;padding:14px}.budget-grid{grid-template-columns:1fr;grid-template-rows:none;gap:12px}.budget-tile:nth-child(n){min-height:280px}.budget-tile:first-child{min-height:340px}.budget-copy h3,.budget-tile:nth-child(n+3) h3{font-size:27px;max-width:95%}.budget-copy{padding:22px}.budget-prices strong{font-size:27px}}.budget-mosaic .budget-all{background:#1a1d22;color:#f5f6f8;border:1px solid #baff0066;border-radius:999px;padding:9px 18px 9px 10px;gap:18px;font-size:14px;line-height:1.4;min-height:52px;transition:background-color .18s ease,color .18s ease,border-color .18s ease;box-shadow:inset 0 1px #ffffff08}.budget-mosaic .budget-all .budget-all-arrow{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#baff00;color:#101114;font-size:20px;line-height:1;transition:transform .16s ease-out}.budget-mosaic .budget-all:hover,.budget-mosaic .budget-all:focus-visible{background:#232b18;color:#e9ffc7;border-color:#baff00}.budget-mosaic .budget-all:focus-visible{outline:2px solid #baff00;outline-offset:4px}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.budget-mosaic .budget-all:hover .budget-all-arrow{transform:translate(-2px)}}@media(prefers-reduced-motion:reduce){.budget-mosaic .budget-all,.budget-mosaic .budget-all .budget-all-arrow{transition:none}}@container (max-width:760px){.budget-grid,.budget-grid[data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,170px);gap:10px}.budget-grid .budget-tile:nth-child(n){min-height:0;grid-area:auto;border-radius:12px}.budget-grid .budget-tile:first-child{grid-area:1/1/3/2}.budget-grid .budget-tile:nth-child(2){grid-area:1/2/2/3}.budget-grid .budget-tile:nth-child(3){grid-area:2/2/3/3}.budget-grid[data-count="4"]{grid-template-rows:repeat(3,170px)}.budget-grid[data-count="4"] .budget-tile:nth-child(4){grid-area:3/1/4/3}.budget-copy{padding:10px;gap:5px}.budget-copy h3,.budget-tile:nth-child(n+3) h3{font-size:15px;max-width:none;line-height:1.15;text-wrap:wrap;overflow-wrap:normal}.budget-tile:first-child h3{font-size:21px}.budget-platform{font-size:10px}.budget-tile:not(:first-child) .budget-platform{display:none}.budget-prices{padding:0;display:block}.budget-prices strong{font-size:20px}.budget-prices .price-reference{display:block;font-size:11px}.budget-saving{display:none}.budget-arrow{position:static;width:44px;height:44px;border-radius:12px;background:#ed0750;margin-inline-start:auto}.budget-arrow .icon{width:22px;height:22px}.budget-tile:not(:first-child) .budget-copy{padding-bottom:8px;padding-inline-start:10px;padding-inline-end:44px}.budget-tile:not(:first-child) .budget-arrow{position:absolute;left:6px;bottom:6px}.budget-grid[data-count="1"],.budget-grid[data-count="2"]{grid-template-rows:280px}.budget-grid[data-count="1"] .budget-tile:first-child,.budget-grid[data-count="2"] .budget-tile:first-child{grid-area:auto}}@media(max-width:760px){.budget-grid .budget-tile[data-handle=psychonauts-2]{display:none}.budget-grid[data-count="4"]:has(>.budget-tile[data-handle=psychonauts-2]){grid-template-rows:repeat(2,170px);grid-auto-flow:column}.budget-grid[data-count="4"]:has(>.budget-tile[data-handle=psychonauts-2])>.budget-tile:not([data-handle=psychonauts-2]){grid-area:auto}.budget-grid[data-count="4"]:has(>.budget-tile[data-handle=psychonauts-2])>.budget-tile:nth-child(1 of:not([data-handle=psychonauts-2])){grid-row:span 2}}@media(max-width:760px){.budget-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.budget-heading>div{display:contents}.budget-heading .budget-eyebrow{grid-column:1/-1;margin:0}.budget-heading h2{grid-column:1;grid-row:2;font-size:clamp(21px,6vw,28px)}.budget-mosaic .budget-all{grid-column:2;grid-row:2;width:min(45vw,180px);min-height:50px;box-sizing:border-box;padding:8px 10px;gap:8px;font-size:11px;line-height:1.3;text-align:start}.budget-mosaic .budget-all>span:first-child{min-width:0}.budget-mosaic .budget-all-label{display:flex;flex:1;flex-direction:column;align-items:center;gap:1px;text-align:center;font-size:12.5px;line-height:1.2;font-weight:700}.budget-mosaic .budget-all-label>span{white-space:nowrap}.budget-mosaic .budget-all .budget-all-arrow{width:28px;height:28px;font-size:19px}}@media(max-width:340px){.budget-mosaic .budget-all{width:min(43vw,180px)}.budget-mosaic .budget-all-label{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/budget-mosaic.css.map */