.hyperx-collection-intro{position:relative}.hyperx-collection-intro__content{max-width:100%}.hyperx-collection-intro__heading{margin:0 0 10px;color:var(--hxci-heading-color);font-size:var(--hxci-heading-size-mb);font-weight:700;line-height:1.25;text-align:var(--hxci-heading-alignment)}.hyperx-collection-intro__heading :is(em,b,strong){color:var(--hxci-heading-accent-color)}.hyperx-collection-intro__heading em{font-style:italic}.hyperx-collection-intro__heading :is(b,strong){font-weight:700}.hyperx-collection-intro__heading>.metafield-rich_text_field,.hyperx-collection-intro__heading>.metafield-rich_text_field>p{display:inline;margin:0}.hyperx-collection-intro__heading--framed,.hyperx-collection-intro__feature-heading-row--framed{display:flex;align-items:center;justify-content:center;width:100%;max-width:var(--hxci-heading-frame-width);margin-inline:auto;border:var(--hxci-heading-frame-border) solid var(--hxci-heading-frame-color);border-radius:var(--hxci-heading-frame-radius);box-shadow:0 4px 16px #0000000f}.hyperx-collection-intro__feature-header{display:grid;justify-items:center;gap:10px;margin:0 auto 78px}.hyperx-collection-intro__feature-heading-row{display:flex;align-items:center;justify-content:center;gap:15px;width:fit-content;max-width:100%;padding:0}.hyperx-collection-intro__feature-heading-row--framed{width:100%;max-width:var(--hxci-heading-frame-width)}.hyperx-collection-intro__feature-icon{flex:0 0 auto;width:40px;height:auto;object-fit:contain}.hyperx-collection-intro__feature-heading-row .hyperx-collection-intro__heading{margin:0}.hyperx-collection-intro__feature-subtitle{width:fit-content;max-width:100%;margin:0;padding:5px 15px;color:#6837fc;border:2px solid rgba(221,213,253,.7);border-radius:24px;box-shadow:0 4px 16px #0000000f;font-size:16px;font-weight:600;line-height:1.4;text-align:center}.hyperx-collection-intro__feature-grid{display:grid;grid-template-columns:repeat(var(--hxci-feature-columns-mb),minmax(0,1fr));gap:16px;margin:var(--hxci-feature-grid-margin-mb) 0 30px}.hyperx-collection-intro__feature-card{display:flex;flex-direction:column;justify-content:center;padding:20px;border:var(--hxci-feature-card-border) solid var(--hxci-feature-card-border-color);border-radius:var(--hxci-feature-card-radius);box-shadow:0 3px 16px #ddd5fd40;text-align:center}.hyperx-collection-intro__feature-title{margin:0;color:var(--hxci-feature-title-color);font-size:var(--hxci-feature-title-size-mb);font-weight:var(--hxci-feature-title-weight);line-height:1.3}.hyperx-collection-intro__feature-description{margin-top:8px;color:var(--hxci-description-color);font-size:var(--hxci-description-size-mb);line-height:1.6}.hyperx-collection-intro__accordion{display:block}.hyperx-collection-intro__details{border:var(--hxci-accordion-border) solid var(--hxci-accordion-border-color);border-radius:var(--hxci-accordion-radius)}.hyperx-collection-intro__details summary{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:var(--hxci-accordion-padding-y) var(--hxci-accordion-padding-x);color:var(--hxci-accordion-color);font-size:var(--hxci-accordion-size-mb);font-weight:700;line-height:1.6;cursor:pointer;list-style:none;transition:color .2s ease}.hyperx-collection-intro__details summary::-webkit-details-marker{display:none}.hyperx-collection-intro__details summary:hover,.hyperx-collection-intro__details summary:focus-visible{color:var(--hxci-accordion-hover-color)}.hyperx-collection-intro__details summary:focus-visible{outline:2px solid currentColor;outline-offset:2px}.hyperx-collection-intro__icon{position:relative;width:14px;height:14px;margin-inline-start:16px;color:var(--hxci-icon-color);flex:0 0 auto}.hyperx-collection-intro__icon:before,.hyperx-collection-intro__icon:after{position:absolute;top:50%;left:50%;width:14px;height:1px;background:currentColor;content:"";transform:translate(-50%,-50%)}.hyperx-collection-intro__icon:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s ease}.hyperx-collection-intro__details[open] .hyperx-collection-intro__icon:after{transform:translate(-50%,-50%) rotate(0)}.hyperx-collection-intro__details summary:hover .hyperx-collection-intro__icon,.hyperx-collection-intro__details summary:focus-visible .hyperx-collection-intro__icon{color:var(--hxci-icon-hover-color)}.hyperx-collection-intro__description{padding:0 var(--hxci-accordion-padding-x) var(--hxci-accordion-padding-y);color:var(--hxci-description-color);font-size:var(--hxci-description-size-mb);line-height:1.65}.hyperx-collection-intro__description>:first-child{margin-top:0}.hyperx-collection-intro__description>:last-child{margin-bottom:0}@media(min-width:768px){.hyperx-collection-intro__heading{font-size:var(--hxci-heading-size-tb)}.hyperx-collection-intro__details summary{font-size:var(--hxci-accordion-size-tb)}.hyperx-collection-intro__description{font-size:var(--hxci-description-size-tb)}.hyperx-collection-intro__feature-grid{grid-template-columns:repeat(var(--hxci-feature-columns-tb),minmax(0,1fr));gap:24px;margin-top:var(--hxci-feature-grid-margin-tb)}.hyperx-collection-intro__feature-title{font-size:var(--hxci-feature-title-size-tb)}.hyperx-collection-intro__feature-description{font-size:var(--hxci-description-size-tb)}}@media(min-width:1150px){.hyperx-collection-intro__feature-header{margin-bottom:112px}.hyperx-collection-intro__heading{font-size:var(--hxci-heading-size-dk)}.hyperx-collection-intro__details summary{font-size:var(--hxci-accordion-size-dk)}.hyperx-collection-intro__description{font-size:var(--hxci-description-size-dk)}.hyperx-collection-intro__feature-grid{grid-template-columns:repeat(var(--hxci-feature-columns-dk),minmax(0,1fr));margin-top:var(--hxci-feature-grid-margin-dk)}.hyperx-collection-intro__feature-title{font-size:var(--hxci-feature-title-size-dk)}.hyperx-collection-intro__feature-description{font-size:var(--hxci-description-size-dk)}}@media(max-width:768px){.hyperx-collection-intro__feature-card{justify-content:flex-start;padding:20px 5px}.hyperx-collection-intro__feature-description{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/hyperx-collection-intro.css.map */