.unlocks__intro{max-width:780px;margin-top:var(--space-6)}.unlocks__intro p{color:var(--text-secondary);margin:0}.unlocks__intro strong{color:var(--text)}.unlocks__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-top:var(--space-7)}@media(max-width:989px){.unlocks__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:599px){.unlocks__grid{grid-template-columns:1fr}}.unlock-item{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background-color:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-card);transition:border-color .25s var(--ease),transform .25s var(--ease)}.unlock-item:hover{border-color:var(--accent);transform:translateY(-3px)}.unlock-item__hoverimg,.unlock-item__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;pointer-events:none}.unlock-item__hoverimg{background-size:cover;background-position:center;transform:scale(1.06);transition:opacity .26s var(--ease),transform .32s var(--ease)}.unlock-item__scrim{z-index:1;background:linear-gradient(160deg,#080e1ab3,#080e1ae0);transition:opacity .26s var(--ease)}.unlock-item__icon,.unlock-item__body{position:relative;z-index:2}.unlock-item__icon{flex:none;position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-chip);background-color:var(--surface-2);background-image:linear-gradient(135deg,color-mix(in srgb,var(--accent-fill) 16%,transparent),transparent 65%);border:1px solid color-mix(in srgb,var(--accent-fill) 30%,var(--hairline));color:var(--accent);transition:background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}.unlock-item__logo{display:block;width:22px;height:22px;background-color:currentColor;-webkit-mask-image:var(--logo-url);mask-image:var(--logo-url);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.unlock-item__name{margin:0;transition:color .2s var(--ease)}.unlock-item__desc{color:var(--text-secondary);margin-top:var(--space-2);transition:color .2s var(--ease)}.unlocks__tagline{text-align:center;margin-top:var(--space-8);color:var(--accent)}@media(hover:hover)and (pointer:fine){.unlock-item:hover .unlock-item__hoverimg,.unlock-item:focus-within .unlock-item__hoverimg{opacity:1;transform:scale(1);background-image:var(--u-hover-webp);background-image:image-set(var(--u-hover-avif) type("image/avif"),var(--u-hover-webp) type("image/webp"))}.unlock-item:hover .unlock-item__scrim,.unlock-item:focus-within .unlock-item__scrim{opacity:1}.unlock-item:hover .unlock-item__name,.unlock-item:focus-within .unlock-item__name{color:#f4f7fb}.unlock-item:hover .unlock-item__desc,.unlock-item:focus-within .unlock-item__desc{color:#dde5f0}.unlock-item:hover .unlock-item__icon,.unlock-item:focus-within .unlock-item__icon{background-color:#080e1a8c;background-image:none;border-color:#c9a84c8c;color:#c9a84c}.unlock-item:hover,.unlock-item:focus-within{border-color:#c9a84c8c}}@media(prefers-reduced-motion:reduce){.unlock-item__hoverimg,.unlock-item__scrim,.unlock-item__name,.unlock-item__desc,.unlock-item__icon{transition:none!important}.unlock-item__hoverimg{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/unlocks.css.map */