.collection{padding-block:clamp(1rem,2.5vw,2rem) var(--section-spacing)}.collection__header{display:flex;flex-direction:column;gap:.875rem;margin-bottom:clamp(1.25rem,3vw,2rem)}.collection__title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem}.collection__count{font-size:var(--text-sm)}.collection__description{position:relative;max-width:var(--measure)}.collection__description .rte{color:var(--color-muted);font-size:var(--text-sm);line-height:1.6}.collection__description[data-collapsed] .rte{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.collection__more{margin-top:.375rem;min-height:2rem;display:inline-flex;align-items:center}.collection__more[hidden]{display:none}.subcollections{margin-top:.25rem}.subcollections__list{display:flex;gap:.5rem;overflow-x:auto;overflow-y:clip;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);padding-bottom:.25rem;scroll-snap-type:x proximity}.subcollections__list::-webkit-scrollbar{display:none}.subcollection{display:inline-flex;align-items:center;gap:.5rem;min-height:2.5rem;padding:.25rem .875rem .25rem .375rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);font-size:var(--text-sm);font-weight:500;white-space:nowrap;scroll-snap-align:start;transition:border-color var(--duration-hover) ease,background-color var(--duration-hover) ease,transform var(--duration-press) var(--ease-out)}.subcollection:not(:has(.subcollection__media)){padding-left:.875rem}.subcollection__media{width:1.75rem;height:1.75rem;border-radius:50%;overflow:hidden;background:var(--color-surface-2);flex-shrink:0}.subcollection__media img{width:100%;height:100%;object-fit:cover}.subcollection:active{transform:scale(.97)}.subcollection.is-active{background:var(--color-primary);color:var(--color-primary-fg);border-color:var(--color-primary)}@media(hover:hover)and (pointer:fine){.subcollection:not(.is-active):hover{border-color:var(--color-text)}}.collection__layout{display:grid;gap:var(--space-7);align-items:start}@media(min-width:990px){.collection__layout--sidebar{grid-template-columns:15.5rem minmax(0,1fr);gap:clamp(1.5rem,3vw,3rem)}}.collection__sidebar-inner{position:sticky;top:calc(var(--header-height) + 1rem);max-height:calc(100dvh - var(--header-height) - 2rem);overflow-y:auto;overscroll-behavior:contain;padding-right:.25rem}.collection__sidebar-title{margin-bottom:.75rem}.collection__main{min-width:0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.875rem;border-bottom:1px solid var(--color-border);margin-bottom:1rem}.toolbar__left,.toolbar__right{display:flex;align-items:center;gap:.75rem;min-width:0}.toolbar__filter .icon{width:1rem;height:1rem}.toolbar__filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;border-radius:999px;background:var(--color-primary);color:var(--color-primary-fg);font-size:.6875rem;font-weight:700}.toolbar__filter-count[hidden]{display:none}.toolbar__sort .select__select{min-height:var(--control-height-sm);font-size:var(--text-sm);padding-right:2.25rem;max-width:14rem}@media(max-width:749px){.toolbar__sort .select__select{max-width:11rem;font-size:1rem}}.active-facets{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem}.active-facets.is-empty{display:none}.active-facet{display:inline-flex;align-items:center;gap:.375rem;min-height:2.125rem;padding:0 .5rem 0 .75rem;border-radius:999px;background:var(--color-accent-soft);color:var(--color-accent-strong);font-size:var(--text-xs);font-weight:600;transition:background-color var(--duration-hover) ease}.active-facet .icon{width:.875rem;height:.875rem}@media(hover:hover)and (pointer:fine){.active-facet:hover{background:var(--color-accent);color:var(--color-primary)}}.active-facets__clear{font-size:var(--text-xs);color:var(--color-muted);margin-left:.25rem;min-height:2.125rem;display:inline-flex;align-items:center}.facets__list{display:flex;flex-direction:column}.facet{border-bottom:1px solid var(--color-border)}.facet__summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:3rem;padding:.5rem 0;font-weight:600;font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.facet__summary .icon{width:1rem;height:1rem;color:var(--color-muted);transition:transform var(--duration-menu) var(--ease-out)}.facet[open] .facet__summary .icon{transform:rotate(180deg)}.facet__summary:focus-visible{border-radius:var(--radius-small)}.facet__label{display:inline-flex;align-items:center;gap:.5rem}.facet__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;padding:0 .25rem;border-radius:999px;background:var(--color-accent-soft);color:var(--color-accent-strong);font-size:.625rem;font-weight:700}.facet__content{padding-bottom:.875rem}.facet__values{display:flex;flex-direction:column}.facet__values--scroll{max-height:15rem;overflow-y:auto;overscroll-behavior:contain;padding-right:.25rem}.facet__value{min-height:2.5rem;gap:.625rem}.facet__value.is-disabled{opacity:.45;cursor:default}.facet__value-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.facet__value-count{font-size:var(--text-xs);color:var(--color-muted);font-variant-numeric:tabular-nums}.facet__swatch{width:1.125rem;height:1.125rem;border-radius:50%;border:1px solid var(--color-border);background-size:cover;flex-shrink:0}.facet__price{display:flex;align-items:center;gap:.5rem}.facet__price-field{position:relative;flex:1;min-width:0}.facet__price-field .field__input{padding-left:1.75rem;min-height:var(--control-height-sm);font-size:1rem}.facet__price-currency{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:var(--text-sm);color:var(--color-muted);pointer-events:none}.facet__price-sep{color:var(--color-muted)}.facets__none{padding-block:.5rem}.filters-drawer__panel{width:min(100%,24rem)}.filters-drawer__body{padding:.5rem 1.25rem 1rem}.filters-drawer__sort{padding:.75rem 0 1rem;border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:.5rem}.filters-drawer__footer{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem}.collection__grid-wrapper{position:relative}.collection__grid-wrapper[aria-busy=true] .product-grid{opacity:.5;pointer-events:none;transition:opacity var(--duration-hover) ease}.collection__grid-wrapper .product-grid{transition:opacity .2s ease}.collection__grid-wrapper[aria-busy=true]:after{content:"";position:absolute;top:6rem;left:50%;width:1.75rem;height:1.75rem;margin-left:-.875rem;border-radius:50%;border:2px solid var(--color-text);border-right-color:transparent;animation:spin .6s linear infinite}.search-page__header{display:flex;flex-direction:column;gap:1rem;margin-bottom:clamp(1.25rem,3vw,2rem)}.search-page__form{max-width:42rem}.search-page__tabs{display:flex;gap:.5rem;flex-wrap:wrap}.search-page__other{display:grid;gap:.75rem;margin-top:var(--space-7)}@media(min-width:750px){.search-page__other{grid-template-columns:repeat(2,minmax(0,1fr))}}.search-result{display:flex;gap:1rem;padding:1rem 1.125rem;align-items:flex-start;transition:border-color var(--duration-hover) ease,box-shadow .2s var(--ease-out)}@media(hover:hover)and (pointer:fine){.search-result:hover{border-color:rgba(var(--color-text-rgb),.2);box-shadow:var(--shadow-1)}}.search-result__type{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:600;color:var(--color-accent-strong)}.search-result__title{font-weight:600;margin-top:.15rem}.search-result__excerpt{font-size:var(--text-sm);color:var(--color-muted);margin-top:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result__media{width:4rem;height:4rem;border-radius:var(--radius-small);flex-shrink:0}@media(prefers-reduced-motion:reduce){.facet__summary .icon{transition:none}.subcollection:active{transform:none}}.empty-state--collection{padding-block:clamp(3rem,8vw,6rem);max-width:40rem}.empty-state__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-6)}.empty-state__actions .button{margin-top:0}.subcollections--tags{margin-top:var(--space-3)}.subcollections+.subcollections--tags{margin-top:var(--space-2)}html #MainCollection .collection-hub{margin-block:0 clamp(1.25rem,3vw,2rem)}html #MainCollection .collection-hub__intro{margin-bottom:.875rem}html #MainCollection .collection-hub .collection-hub__grid,html #MainCollection .collection-hub .universes__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.75rem;row-gap:.75rem}html #MainCollection .collection-hub .universe{flex-direction:row;align-items:center;gap:.75rem;padding:.5rem .875rem .5rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);transition:border-color var(--duration-hover) ease,box-shadow .22s var(--ease-out)}html #MainCollection .collection-hub .universe__media{flex:0 0 3.5rem;width:3.5rem;aspect-ratio:1 / 1;border-radius:var(--radius-small, .5rem)}html #MainCollection .collection-hub .universe__media img,html #MainCollection .collection-hub .universe__media .media-fallback{animation:none}html #MainCollection .collection-hub .universe__label{flex:1 1 auto;min-width:0}html #MainCollection .collection-hub .universe__title{font-size:var(--text-base, 1rem)}html #MainCollection .collection-hub .universe:hover{border-color:var(--gold-line, var(--color-accent))}html #MainCollection .collection-hub .universe:hover .universe__media,html #MainCollection .collection-hub .universe:hover .universe__media>img{transform:none;box-shadow:none}@media(max-width:749px){html #MainCollection .collection-hub .collection-hub__grid,html #MainCollection .collection-hub .universes__grid{grid-template-columns:minmax(0,1fr);gap:.5rem}}.collection__game-links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;font-size:var(--text-sm)}.empty-state__releases{list-style:none;padding:0;margin:var(--space-4) 0 0;display:grid;gap:.375rem;font-size:var(--text-sm)}.empty-state__release-date{font-weight:600}
/*# sourceMappingURL=/cdn/shop/t/34/assets/collection.css.map */