:where(home-actions,.hhl-explore){--home-card-photo: 3 / 2;--home-tile-radius: var(--hhl-radius-small);--home-edge: var(--hhl-border-width) solid rgb(var(--border-color));--home-edge-strong: rgba(var(--text-color), var(--hhl-alpha-edge-strong));--home-accent: rgb(var(--root-primary-button-background));--home-accent-text: rgb(var(--root-primary-button-text-color));--home-edge-hover: color-mix(in srgb, rgb(var(--root-primary-button-background)) 50%, transparent)}home-actions{display:block}.home-actions.is-open .home-actions__grid{min-height:0;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.home-actions.is-open .home-actions__card{min-height:0;padding:14px 18px;align-items:center;opacity:.72}.home-actions.is-open .home-actions__card.is-active{border-color:var(--home-accent);box-shadow:inset 0 -3px 0 var(--home-accent);opacity:1;transform:none}@media(hover:hover){.home-actions.is-open .home-actions__card:hover{opacity:1}}.home-actions.is-open .home-actions__text,.home-actions.is-open .home-actions__button,.home-actions.is-open .home-actions__eyebrow{display:none}.home-actions.is-open .home-actions__title{min-height:0;max-width:calc(100% - 44px);font-size:clamp(15px,1.2vw,18px)}.home-actions.is-open .home-actions__media{inset-block-start:50%;width:34px;transform:translateY(-50%)}.home-panel{margin-block-start:var(--home-actions-gap);padding:20px 22px 24px;background:rgb(var(--background));border:var(--home-edge);border-radius:var(--hhl-radius-card)}.home-panel__head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-block-end:18px}.home-panel__back{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 12px;color:rgb(var(--text-color));font-size:var(--hhl-text-md);border:var(--home-edge);border-radius:var(--button-border-radius);cursor:pointer;transition:border-color var(--hhl-dur) var(--hhl-ease)}.home-panel__back:focus-visible{border-color:var(--home-edge-strong)}@media(hover:hover){.home-panel__back:hover{border-color:var(--home-edge-strong)}}.home-panel__title{margin:0;font-size:clamp(18px,1.4vw,22px)}.home-panel__more{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;font-size:var(--hhl-text-md);font-weight:var(--text-font-bold-weight, 700)}.home-panel__crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:rgba(var(--text-color),var(--hhl-alpha-muted));font-size:var(--hhl-text-md)}.home-panel__crumb{padding:0;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.home-panel__crumb.is-current{color:rgb(var(--heading-color));font-weight:var(--text-font-bold-weight, 700);text-decoration:none;cursor:default}.home-panel__crumb-sep{opacity:.5}.home-chevron{display:inline-grid;flex:none;place-items:center;opacity:.6;transition:transform var(--hhl-dur) var(--hhl-ease),opacity var(--hhl-dur) var(--hhl-ease)}.home-chevron--back svg{transform:rotate(180deg)}@media(hover:hover){:is(.home-panel__more,.home-funnel__tile):hover .home-chevron{opacity:1;transform:translate(2px)}.home-panel__back:hover .home-chevron--back{opacity:1;transform:translate(-2px)}}.home-panel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.home-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}@media screen and (min-width:741px){.home-tiles{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}}.home-promo{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;padding:0;overflow:hidden;color:rgb(var(--heading-color));font:inherit;text-align:start;text-decoration:none;background:none;border:var(--home-edge);border-radius:var(--home-tile-radius);cursor:pointer;transition:border-color var(--hhl-dur) var(--hhl-ease),opacity var(--hhl-dur) var(--hhl-ease)}.home-promo:disabled{opacity:.45;cursor:not-allowed}.home-promo__media{position:relative;display:grid;place-items:center;min-height:0;aspect-ratio:var(--home-card-photo);overflow:hidden;color:rgba(var(--text-color),var(--hhl-alpha-muted));background:rgb(var(--photo-backdrop))}.home-promo__icon,.home-promo__media .home-actions__icon{width:30%;max-width:56px;height:auto;filter:none;transition:opacity var(--hhl-dur) var(--hhl-ease)}.home-promo__icon.is-covered{opacity:0}.home-promo__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.home-promo__body{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;padding:10px 12px 12px}.home-promo__names{display:grid;gap:2px}.home-promo__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em;margin:0;line-height:1.2;font-size:clamp(13px,1vw,15px)}.home-promo__edition{min-height:1.35em;overflow:hidden;color:rgba(var(--text-color),var(--hhl-alpha-muted));font-size:var(--hhl-text-sm);line-height:1.35;white-space:nowrap;text-overflow:ellipsis}.home-promo__note{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;white-space:normal}.home-promo__button{display:inline-flex;align-items:center;align-self:flex-start;max-width:100%;min-height:32px;margin-block-start:auto;padding:6px 12px;color:var(--home-accent-text);background:var(--home-accent);font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--hhl-text-xs);letter-spacing:.06em;text-transform:uppercase;line-height:1.2;text-align:center;border-radius:var(--button-border-radius);transition:filter var(--hhl-dur-fast) var(--hhl-ease)}@media screen and (max-width:740px){.home-promo__button{align-self:stretch;justify-content:center;min-height:34px;padding:0 8px}}.home-build__hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;padding:0;cursor:pointer}.home-build--clickable .home-promo__media,.home-build--clickable .home-promo__body{pointer-events:none}.home-build{cursor:default}.home-build__credit{position:absolute;inset-block-end:8px;inset-inline-start:8px;display:inline-flex;align-items:center;gap:5px;max-width:calc(100% - 16px);padding:3px 8px 3px 7px;color:#fff;background:#0000009e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:var(--hhl-text-xs);line-height:1.4;border-radius:999px}.home-build__credit svg{flex-shrink:0}.home-build__credit-handle{overflow:hidden;font-weight:var(--text-font-bold-weight, 700);white-space:nowrap;text-overflow:ellipsis}.home-start{display:grid;grid-template-columns:minmax(120px,240px) minmax(0,1fr);width:100%;padding:0;overflow:hidden;color:rgb(var(--heading-color));font:inherit;text-align:start;text-decoration:none;background:rgba(var(--text-color),var(--hhl-tint));border:var(--home-edge);border-radius:var(--home-tile-radius);cursor:pointer;transition:border-color var(--hhl-dur) var(--hhl-ease)}.home-start__media{position:relative;display:grid;place-items:center;min-height:140px;overflow:hidden;color:rgba(var(--text-color),var(--hhl-alpha-muted));background:rgb(var(--photo-backdrop))}.home-start__media .home-actions__icon{width:40%;max-width:72px;filter:none}.home-start__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.home-start__body{display:flex;flex-direction:column;gap:6px;padding:18px 20px}.home-start__title{margin:0;font-size:clamp(18px,1.5vw,24px)}.home-start__text{color:rgba(var(--text-color),var(--hhl-alpha-muted));font-size:var(--hhl-text-md);line-height:1.45}.home-start__text a{text-decoration:underline;text-underline-offset:2px}.home-start__button{align-self:flex-end;min-height:36px;margin-block-start:auto;padding:0 16px;font-size:var(--hhl-text-sm)}.home-screens__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px}.home-start--compact{grid-template-columns:minmax(100px,150px) minmax(0,1fr)}.home-start--compact .home-start__media{min-height:120px}.home-start--compact .home-start__body{padding:14px 16px}.home-start--compact .home-start__title{font-size:clamp(16px,1.2vw,19px)}.home-start--compact .home-start__text{font-size:var(--hhl-text-sm)}@media screen and (max-width:740px){.home-start{grid-template-columns:36% minmax(0,1fr)}.home-start__body{padding:14px}.home-start__button{align-self:stretch;justify-content:center;margin-block-start:6px;font-size:var(--hhl-text-xs)}}:is(.home-promo,.home-start,.home-funnel__tile):focus-visible{border-color:var(--home-edge-hover)}:is(.home-promo__image,.home-start__image,.home-funnel__tile-image){transition:opacity var(--hhl-dur) var(--hhl-ease),transform var(--hhl-dur-slower) var(--hhl-ease)}:is(.home-promo__image,.home-start__image,.home-funnel__tile-image).is-loading{opacity:0}@media(hover:hover){:is(.home-promo:not(:disabled),.home-start,.home-funnel__tile):hover{border-color:var(--home-edge-hover)}.home-promo:not(:disabled):hover .home-promo__image,.home-start:hover .home-start__image,.home-funnel__tile:hover .home-funnel__tile-image{transform:scale(1.03)}:is(.home-promo,.home-start):hover .home-promo__button{filter:brightness(1.08)}}.home-panel__grid--grouped{grid-template-columns:minmax(0,1fr);gap:22px}@media screen and (min-width:1000px){.home-panel__grid--grouped:has(.home-builds-group--home-console,.home-builds-group--gamepad){grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}.home-builds-group--console{grid-column:1 / -1}.home-builds-group--console .home-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}:is(.home-builds-group--home-console,.home-builds-group--gamepad) .home-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}:is(.home-builds-group--home-console,.home-builds-group--gamepad) .home-promo{flex-direction:row}:is(.home-builds-group--home-console,.home-builds-group--gamepad) .home-promo__media{flex:0 0 44%;aspect-ratio:auto;min-height:120px}:is(.home-builds-group--home-console,.home-builds-group--gamepad) .home-promo__button{padding-inline:10px;white-space:nowrap}}.home-builds-group__title,.home-funnel__brand-name{margin:0 0 10px;color:rgb(var(--heading-color));font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--hhl-text-sm);letter-spacing:.08em;text-transform:uppercase}.home-builder{display:grid;gap:22px}.home-builder[hidden],.home-panel__grid[hidden]{display:none}.home-builder__row-title{margin:0;font-size:clamp(16px,1.25vw,19px)}.home-builder__row-text{margin:2px 0 12px;color:rgba(var(--text-color),var(--hhl-alpha-muted));font-size:var(--hhl-text-md)}.home-builder__builds{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}@media screen and (min-width:741px){.home-builder__builds{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}}.home-gamepad__all{justify-self:start;margin-inline-start:0}.home-funnel__question{margin:0 0 14px;font-size:clamp(18px,1.5vw,24px)}.home-funnel__choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;max-width:640px}.home-funnel__choices .home-promo__title{min-height:0;font-size:clamp(16px,1.3vw,20px)}.home-funnel__brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px 16px}.home-funnel__tiles{display:grid;gap:6px}.home-funnel__tile{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:6px 14px 6px 6px;color:rgb(var(--heading-color));font:inherit;font-size:var(--hhl-text-md);text-align:start;text-decoration:none;background:none;border:var(--home-edge);border-radius:var(--home-tile-radius);cursor:pointer;transition:border-color var(--hhl-dur) var(--hhl-ease)}.home-funnel__tile-thumb{position:relative;width:40px;aspect-ratio:1;overflow:hidden;background:rgb(var(--photo-backdrop));border-radius:calc(var(--home-tile-radius) - 2px)}.home-funnel__tile-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.home-funnel__tile-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home-funnel__parts{display:grid;gap:14px}.home-zoom{max-width:min(92vw,900px);padding:0;overflow:hidden;color:rgb(var(--text-color));background:rgb(var(--background));border:0;border-radius:var(--hhl-radius-card)}.home-zoom::backdrop{background:#000000b3}.home-zoom__image{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain}.home-zoom__caption{margin:0;padding:12px 16px;font-size:var(--hhl-text-md)}.home-zoom__close{position:absolute;inset-block-start:8px;inset-inline-end:8px;display:grid;place-items:center;width:36px;height:36px;color:#fff;background:#0000008c;font-size:22px;border-radius:50%;cursor:pointer}@media screen and (max-width:740px){.home-actions.is-open .home-actions__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-actions.is-open .home-actions__card{padding:10px}.home-actions.is-open .home-actions__media{display:none}.home-actions.is-open .home-actions__title{max-width:none;font-size:13px}.home-panel{padding:16px 14px 18px}.home-funnel__brands{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.home-chevron,.home-panel__back,.home-promo,.home-promo__icon,.home-promo__button,.home-start,.home-funnel__tile,:is(.home-promo__image,.home-start__image,.home-funnel__tile-image){transition:none}@media(hover:hover){.home-promo:not(:disabled):hover .home-promo__image,.home-start:hover .home-start__image,.home-funnel__tile:hover .home-funnel__tile-image,:is(.home-panel__more,.home-funnel__tile,.home-panel__back):hover .home-chevron{transform:none}}}
/*# sourceMappingURL=/cdn/shop/t/163/assets/home-actions.css.map */