.fw-vr.fw-vr-earn{--fw-vr-earn-bg: #f5f5f5;padding:clamp(48px,calc(80 * var(--vr-u)),80px) 0;background:var(--fw-vr-earn-bg)}.fw-vr .fw-vr-earn__title{margin:0 auto;text-align:center;font-family:Montserrat,var(--fw-font-heading, Arial, sans-serif);font-weight:700;font-size:clamp(3rem,calc(150 * var(--vr-u)),9.375rem);line-height:.95;letter-spacing:-.03em;max-width:14ch}@supports not (-webkit-text-stroke: 2px rgba(95,24,185,.55)){.fw-vr .fw-vr-earn__title{color:var(--vr-purple);-webkit-text-fill-color:unset}}.fw-vr .fw-vr-earn__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,calc(24 * var(--vr-u)),24px);margin-top:clamp(32px,calc(56 * var(--vr-u)),56px)}.fw-vr .fw-vr-earn-card{background:#f0f0f0;border:1px solid var(--vr-purple);border-radius:12px;padding:clamp(20px,calc(28 * var(--vr-u)),28px);min-height:clamp(220px,calc(280 * var(--vr-u)),280px);display:flex;flex-direction:column;position:relative}.fw-vr .fw-vr-earn-card__num{position:absolute;top:clamp(12px,calc(16 * var(--vr-u)),16px);left:clamp(12px,calc(16 * var(--vr-u)),16px);font-weight:700;font-size:clamp(1rem,calc(20 * var(--vr-u)),1.25rem);color:var(--vr-purple)}.fw-vr .fw-vr-earn-card__title{margin:clamp(28px,calc(36 * var(--vr-u)),36px) 0 0;font-size:clamp(1.125rem,calc(30 * var(--vr-u)),1.875rem);font-weight:500;line-height:1.2;color:var(--vr-text)}.fw-vr .fw-vr-earn-card__text{margin:clamp(8px,calc(12 * var(--vr-u)),12px) 0 0;font-size:clamp(.9375rem,calc(18 * var(--vr-u)),1.125rem);line-height:1.45;color:#555;flex:1}.fw-vr .fw-vr-earn-card__pill{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;width:calc(89 * var(--vr-u));height:calc(35 * var(--vr-u));padding:0;background:var(--vr-yellow);border-radius:999px;line-height:1;white-space:nowrap;font-weight:700;font-size:clamp(.8125rem,calc(14 * var(--vr-u)),.875rem);color:var(--vr-text);box-sizing:border-box}@media(max-width:1023px){.fw-vr .fw-vr-earn__grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:-20px;padding-inline:20px;padding-block:12px;scroll-padding-inline:20px;overscroll-behavior-x:contain}.fw-vr .fw-vr-earn__grid::-webkit-scrollbar{display:none}.fw-vr .fw-vr-earn-card{flex:0 0 min(80%,320px);scroll-snap-align:start;width:auto;max-width:none;height:auto;min-height:0;min-width:0;overflow:visible}.fw-vr .fw-vr-earn-card__title{margin-bottom:0}.fw-vr .fw-vr-earn-card__text{margin-top:8px;margin-bottom:24px;flex:1 0 auto}.fw-vr .fw-vr-earn-card__pill{margin-top:auto;align-self:flex-start;width:auto;min-width:0;height:30px;padding:0 12px;font-size:13px;line-height:30px;white-space:nowrap;box-sizing:border-box}}@media(max-width:1279px)and (min-width:1024px){.fw-vr .fw-vr-earn__grid{gap:clamp(12px,1.6vw,24px)}.fw-vr .fw-vr-earn-card__title{font-size:clamp(18px,1.9vw,24px);overflow-wrap:anywhere}}@media(max-width:767px){.fw-vr.fw-vr-earn .fw-vr__shell{padding-inline:20px}.fw-vr .fw-vr-earn-card__pill{font-size:14px}}@media(min-width:1024px){.fw-vr.fw-vr-earn{--fw-vr-earn-bg: #fff;padding-top:clamp(32px,calc(52 * var(--vr-u)),52px);padding-bottom:clamp(96px,calc(128 * var(--vr-u)),128px);background:var(--fw-vr-earn-bg)}.fw-vr .fw-vr-earn__title{max-width:none;width:fit-content;font-weight:700;font-size:clamp(3rem,calc(140 * var(--vr-u)),140px);letter-spacing:0;white-space:nowrap}.fw-vr .fw-vr-earn__grid{grid-template-columns:repeat(3,calc(334 * var(--vr-u)));grid-auto-rows:1fr;justify-content:center;align-items:stretch;width:clamp(320px,calc(1180 * var(--vr-u)),1180px);max-width:100%;margin-inline:auto;column-gap:calc(87 * var(--vr-u));row-gap:clamp(36px,calc(46 * var(--vr-u)),46px);margin-top:clamp(32px,calc(42 * var(--vr-u)),42px)}.fw-vr .fw-vr-earn-card{display:flex;flex-direction:column;width:clamp(280px,calc(334 * var(--vr-u)),334px);max-width:334px;height:auto;min-height:clamp(300px,calc(334 * var(--vr-u)),334px);box-sizing:border-box;background:#f6f6f6;border:1px solid #601ab9;box-shadow:0 2px 4px #00000026;padding:clamp(24px,calc(28 * var(--vr-u)),28px) clamp(22px,calc(26 * var(--vr-u)),26px) clamp(16px,calc(20 * var(--vr-u)),20px);padding-right:clamp(14px,calc(18 * var(--vr-u)),18px)}.fw-vr .fw-vr-earn-card:nth-child(odd){transform:rotate(-.7deg)}.fw-vr .fw-vr-earn-card:nth-child(2n){transform:rotate(.7deg)}.fw-vr .fw-vr-earn-card__num{top:clamp(16px,calc(23 * var(--vr-u)),23px);left:clamp(16px,calc(28 * var(--vr-u)),28px);width:clamp(42px,calc(52 * var(--vr-u)),52px);height:clamp(36px,calc(45 * var(--vr-u)),45px);border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(15px,calc(20 * var(--vr-u)),20px);color:#fee400;background:var(--vr-purple, #5f18b9)}.fw-vr .fw-vr-earn-card__title{margin-top:clamp(40px,calc(52 * var(--vr-u)),52px);color:#000;font-weight:500;max-width:100%;white-space:normal;overflow-wrap:normal;line-height:clamp(30px,calc(36 * var(--vr-u)),36px)}.fw-vr .fw-vr-earn-card__text{margin-top:clamp(6px,calc(8 * var(--vr-u)),8px);margin-bottom:clamp(20px,calc(28 * var(--vr-u)),28px);font-size:clamp(1rem,calc(18 * var(--vr-u)),18px);line-height:clamp(28px,calc(38 * var(--vr-u)),38px);color:#627065;max-width:clamp(200px,calc(280 * var(--vr-u)),280px)}.fw-vr .fw-vr-earn-card__pill{position:static;bottom:auto;left:auto;margin-top:auto;margin-left:calc(-6 * var(--vr-u));align-self:flex-start;width:auto;min-width:0;height:34px;padding:0 12px;flex-shrink:0;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;line-height:34px;font-weight:700;border-radius:999px;font-size:14px;box-sizing:border-box}}@media(min-width:1024px)and (max-width:1599px){.fw-vr .fw-vr-earn__grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(24px,3vw,56px);width:min(100%,1100px);margin-inline:auto;justify-content:stretch}.fw-vr .fw-vr-earn-card{width:100%;max-width:none;min-width:0}}@media(min-width:1024px)and (max-width:1279px){.fw-vr .fw-vr-earn__grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,760px)}}.fw-vr .fw-vr-earn__title{color:var(--fw-vr-earn-bg);-webkit-text-fill-color:var(--fw-vr-earn-bg);paint-order:stroke fill;-webkit-text-stroke:clamp(2px,calc(2 * var(--vr-u)),2px) rgba(95,24,185,.55)}
/*# sourceMappingURL=/cdn/shop/t/1/assets/fw-vr-earn.css.map */