.LoyaltyFullpage .LoyaltyPage__header { display: flex; flex-direction: column; min-height: calc(100dvh - 177px); } .LoyaltyFullpage .header__content { width: var(--page-width); height: 100%; flex-grow: 1; display: flex; align-items: center; margin: 0 auto; } .LoyaltyFullpage-prefix .LoyaltyPage .LoyaltyPage__header .cssVar-header__heading, .LoyaltyFullpage-prefix .LoyaltyPage .LoyaltyPage__header .cssVar-header__subheading { text-align: left; color: white; } .LoyaltyFullpage-prefix .LoyaltyPage .R-Button { min-width: calc(12rem + var(--buttons-border-width) * 2); min-height: calc(4.5rem + var(--buttons-border-width) * 2); font-size: var(--text-size-s); letter-spacing: var(--tracking-wide); line-height: var(--leading-looser); display: inline-flex; justify-content: center; align-items: center; border: 0; padding: var(--layout-space-8) var(--layout-space-16); cursor: pointer; font: inherit; text-decoration: none; color: rgb(var(--color-button-text)); transition: box-shadow var(--duration-short) ease; -webkit-appearance: none; appearance: none; background-color: rgba(var(--color-button), var(--alpha-button-background)); --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset); --shadow-vertical-offset: var(--buttons-shadow-vertical-offset); --shadow-blur-radius: var(--buttons-shadow-blur-radius); --shadow-opacity: var(--buttons-shadow-opacity); --shadow-visible: var(--buttons-shadow-visible); --border-offset: var(--buttons-border-offset); --border-opacity: calc(1 - var(--buttons-border-opacity)); border-radius: var(--buttons-radius-outset); position: relative; } .LoyaltyFullpage-prefix .LoyaltyPage .LoyaltyPage__header .R-Button::after { content: ''; position: absolute; top: var(--buttons-border-width); right: var(--buttons-border-width); bottom: var(--buttons-border-width); left: var(--buttons-border-width); z-index: 1; border-radius: var(--buttons-radius); box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(0, 0, 0, calc(1 - 1.0)), 0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background)); transition: box-shadow var(--duration-short) ease; } .LoyaltyFullpage-prefix .LoyaltyPage .LoyaltyPage__header .R-Button:hover::after { --border-offset: 1.3px; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(0, 0, 0, calc(1 - 1.0)), 0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button), var(--alpha-button-background)); } .LoyaltyFullpage-prefix .LoyaltyPage .LoyaltyPage__header .R-Button__text { font-size: var(--text-size-s);; line-height: inherit; letter-spacing: inherit; } .LoyaltyFullpage-prefix .R-ContentSection { max-width: var(--page-width); width: 100%; margin: var(--spacing-sections-desktop) auto; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: var(--page-horizontal-padding, 20px) !important; padding-right: var(--page-horizontal-padding, 20px) !important; } .LoyaltyFullpage-prefix .LoyaltyFullpage .R-ContentSection .R-ContentSection__inner { max-width: unset; } .LoyaltyFullpage-prefix .LoyaltyFullpage .R-EmbeddedIcon { display: none !important; } .LoyaltyFullpage-prefix .LoyaltyFullpage .R-ContentCard .R-EmbeddedIcon { display: inline-block !important; width: 60px; } .LoyaltyFullpage-prefix .LoyaltyFullpage .R-EmbeddedIcon svg #dynamic-stroke-color, .LoyaltyFullpage-prefix .LoyaltyFullpage .R-EmbeddedIcon svg #dynamic-stroke-color1, .LoyaltyFullpage-prefix .LoyaltyFullpage .R-EmbeddedIcon svg #dynamic-stroke-color2, .LoyaltyFullpage-prefix .LoyaltyFullpage .R-EmbeddedIcon svg #dynamic-stroke-color3, .LoyaltyFullpage-prefix .LoyaltyFullpage .R-EmbeddedIcon svg #dynamic-stroke-color4, .LoyaltyFullpage-prefix .LoyaltyFullpage .R-EmbeddedIcon svg #dynamic-stroke-color5, .LoyaltyFullpage-prefix .LoyaltyFullpage .R-EmbeddedIcon svg #dynamic-stroke-color6, .LoyaltyFullpage-prefix .LoyaltyFullpage .R-EmbeddedIcon svg #dynamic-stroke-color7, .LoyaltyFullpage-prefix .LoyaltyFullpage .R-EmbeddedIcon svg #dynamic-stroke-color8, .LoyaltyFullpage-prefix .LoyaltyFullpage .R-EmbeddedIcon svg #dynamic-stroke-color9, .LoyaltyFullpage-prefix .LoyaltyFullpage .R-EmbeddedIcon svg #dynamic-stroke-color10, .LoyaltyFullpage-prefix .LoyaltyFullpage .R-EmbeddedIcon svg #dynamic-stroke-color11, .LoyaltyFullpage-prefix .LoyaltyFullpage .R-EmbeddedIcon svg #dynamic-stroke-color12, .LoyaltyFullpage-prefix .LoyaltyFullpage .R-EmbeddedIcon svg #dynamic-stroke-color13, .LoyaltyFullpage-prefix .LoyaltyFullpage .R-EmbeddedIcon svg #dynamic-stroke-color14, .LoyaltyFullpage-prefix .LoyaltyFullpage .R-EmbeddedIcon svg #dynamic-stroke-color15, .LoyaltyFullpage-prefix .LoyaltyFullpage .R-EmbeddedIcon svg #dynamic-stroke-color16, .LoyaltyFullpage-prefix .LoyaltyFullpage .R-EmbeddedIcon svg #dynamic-stroke-color17 {stroke: rgb(0,0,0) !important} .LoyaltyFullpage-prefix .LoyaltyFullpage .R-ContentSection-container .R-TextHeading:not(.R-TextHeading--xxxs) { font-size: 2.4rem; font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-weight: var(--font-heading-weight); letter-spacing: var(--tracking-wide); color: rgb(var(--color-foreground)); line-height: var(--leading-loose); word-break: break-word; } .LoyaltyFullpage-prefix .LoyaltyFullpage .u-marginBottom--xlg { margin-bottom: margin-top: var(--layout-space-8) !important; } .LoyaltyFullpage-prefix .LoyaltyFullpage .R-flex-col-md-4 { flex-basis: 25%; max-width: 25%; } .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-tiers .R-flex-row .R-flex-col-xxs-12:nth-child(1) .R-ContentCard {background-color: #FFE7DB} .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-tiers .R-flex-row .R-flex-col-xxs-12:nth-child(2) .R-ContentCard {background-color: #F0F0F0} .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-tiers .R-flex-row .R-flex-col-xxs-12:nth-child(3) .R-ContentCard {background-color: #FFECB3} /* section order */ .LoyaltyFullpage-prefix .LoyaltyPage .LoyaltyPage__inner {display: flex; flex-direction: column;} .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-skeleton-loader {order: 1;} .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-membership {order: 2;} .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-points-activity {order: 3;} .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-rewards {order: 4;} .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-earn-points {order: 6;} .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-redeem-points {order: 5;} .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-tiers {order: 7;} .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-referral {order: 8;} /* section order */ .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-tiers::after { content: ''; background-image: url('/cdn/shop/files/rewards-chart.png?v=1748004146'); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; aspect-ratio: 900 / 929; max-width: 1170px; display: block; margin: 0 auto; height: auto; } /* Custom Icons */ .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-earn-points .LoyaltyPage-ContentCard-withLargeMargin:nth-child(1), .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-earn-points .LoyaltyPage-ContentCard-withLargeMargin:nth-child(2), .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-earn-points .LoyaltyPage-ContentCard-withLargeMargin:nth-child(3), .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-earn-points .LoyaltyPage-ContentCard-withLargeMargin:nth-child(4), .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-earn-points .LoyaltyPage-ContentCard-withLargeMargin:nth-child(6), .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-earn-points .LoyaltyPage-ContentCard-withLargeMargin:nth-child(7), .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-earn-points .LoyaltyPage-ContentCard-withLargeMargin:nth-child(9), .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-earn-points .LoyaltyPage-ContentCard-withLargeMargin:nth-child(10), .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-rewards .LoyaltyPage-ContentCard-withLargeMargin, .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-redeem-points .LoyaltyPage-ContentCard-withLargeMargin { .R-flex-row .R-flex-row > div:nth-child(1) { div {display: none !important;} &::before { content: ''; display: block; background-size: 50px 50px; background-repeat: no-repeat; background-position: 50% 50%; height: 60px; width: 60px; margin-right: 10px; } } } .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-earn-points .LoyaltyPage-ContentCard-withLargeMargin:nth-child(1) .R-flex-row .R-flex-row > div:nth-child(1)::before {background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 38 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.6 30.8474C8.59743 29.4705 10.5846 28.4032 12.5615 27.6455C14.5384 26.8878 16.6846 26.509 19 26.509C21.3153 26.509 23.4666 26.8878 25.4538 27.6455C27.441 28.4032 29.4333 29.4705 31.4307 30.8474C32.8845 29.1628 33.9647 27.3841 34.6711 25.5112C35.3775 23.6383 35.7307 21.635 35.7307 19.5013C35.7307 14.7834 34.1217 10.8154 30.9038 7.59744C27.6858 4.37951 23.7179 2.77054 19 2.77054C14.282 2.77054 10.3141 4.37951 7.0961 7.59744C3.87817 10.8154 2.2692 14.7834 2.2692 19.5013C2.2692 21.635 2.62753 23.6383 3.3442 25.5112C4.06087 27.3841 5.14613 29.1628 6.6 30.8474ZM18.9891 20.6359C17.1912 20.6359 15.6788 20.0188 14.4519 18.7846C13.225 17.5505 12.6115 16.0345 12.6115 14.2366C12.6115 12.4387 13.2286 10.9263 14.4628 9.69939C15.6969 8.47249 17.2129 7.85904 19.0108 7.85904C20.8087 7.85904 22.3211 8.47611 23.548 9.71024C24.7749 10.9444 25.3884 12.4604 25.3884 14.2583C25.3884 16.0562 24.7713 17.5686 23.5372 18.7955C22.303 20.0224 20.787 20.6359 18.9891 20.6359ZM19.0233 38.5012C16.3898 38.5012 13.9191 38.0051 11.6113 37.0127C9.30342 36.0204 7.2874 34.6608 5.5632 32.9339C3.83903 31.207 2.4808 29.1949 1.4885 26.8976C0.496167 24.6003 0 22.1336 0 19.4976C0 16.8616 0.496167 14.3962 1.4885 12.1013C2.4808 9.80648 3.8404 7.79558 5.5673 6.06864C7.29423 4.34174 9.30635 2.98214 11.6037 1.98984C13.901 0.997509 16.3677 0.501343 19.0037 0.501343C21.6397 0.501343 24.1051 0.997509 26.3999 1.98984C28.6948 2.98214 30.7057 4.34174 32.4326 6.06864C34.1595 7.79558 35.5191 9.80701 36.5114 12.1029C37.5037 14.3989 37.9999 16.8572 37.9999 19.4779C37.9999 22.1114 37.5037 24.5821 36.5114 26.89C35.5191 29.1978 34.1595 31.2138 32.4326 32.938C30.7057 34.6622 28.6942 36.0204 26.3983 37.0127C24.1024 38.0051 21.6441 38.5012 19.0233 38.5012ZM19 36.232C20.8589 36.232 22.6923 35.9365 24.5 35.3455C26.3077 34.7545 28.0102 33.7987 29.6077 32.4782C28.0102 31.3038 26.3186 30.3936 24.5327 29.7474C22.7468 29.1013 20.9025 28.7782 19 28.7782C17.0974 28.7782 15.25 29.0981 13.4577 29.7378C11.6653 30.3775 9.98327 31.291 8.4115 32.4782C9.9961 33.7987 11.6923 34.7545 13.5 35.3455C15.3077 35.9365 17.141 36.232 19 36.232ZM19.0027 18.3667C20.1983 18.3667 21.1833 17.9786 21.9577 17.2025C22.732 16.4263 23.1192 15.4404 23.1192 14.2448C23.1192 13.0491 22.7311 12.0641 21.955 11.2897C21.1788 10.5154 20.1929 10.1282 18.9973 10.1282C17.8016 10.1282 16.8166 10.5163 16.0423 11.2924C15.2679 12.0686 14.8807 13.0545 14.8807 14.2501C14.8807 15.4458 15.2688 16.4308 16.045 17.2051C16.8211 17.9795 17.807 18.3667 19.0027 18.3667Z' fill='black'/%3E%3C/svg%3E");} .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-earn-points .LoyaltyPage-ContentCard-withLargeMargin:nth-child(2) .R-flex-row .R-flex-row > div:nth-child(1)::before {background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 31 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.49891 37.9999C2.71461 37.9999 2.03776 37.7152 1.46836 37.1458C0.898957 36.5764 0.614258 35.8996 0.614258 35.1153V10.8847C0.614258 10.1004 0.898957 9.4235 1.46836 8.8541C2.03776 8.2847 2.71461 8 3.49891 8H8.47961V7.1346C8.47961 5.13717 9.16936 3.44872 10.5489 2.06925C11.9283 0.68975 13.6168 0 15.6142 0C17.6116 0 19.3001 0.68975 20.6796 2.06925C22.0591 3.44872 22.7488 5.13717 22.7488 7.1346V8H27.7295C28.5138 8 29.1907 8.2847 29.7601 8.8541C30.3295 9.4235 30.6142 10.1004 30.6142 10.8847V35.1153C30.6142 35.8996 30.3295 36.5764 29.7601 37.1458C29.1907 37.7152 28.5138 37.9999 27.7295 37.9999H3.49891ZM3.49891 35.7307H27.7295C27.8834 35.7307 28.0244 35.6666 28.1527 35.5384C28.2809 35.4102 28.345 35.2691 28.345 35.1153V10.8847C28.345 10.7308 28.2809 10.5897 28.1527 10.4615C28.0244 10.3333 27.8834 10.2692 27.7295 10.2692H22.7488V15.1346C22.7488 15.4567 22.6394 15.7263 22.4205 15.9435C22.2016 16.1606 21.9298 16.2692 21.6051 16.2692C21.2804 16.2692 21.0117 16.1606 20.7989 15.9435C20.586 15.7263 20.4796 15.4567 20.4796 15.1346V10.2692H10.7488V15.1346C10.7488 15.4567 10.6394 15.7263 10.4205 15.9435C10.2016 16.1606 9.92977 16.2692 9.60511 16.2692C9.28041 16.2692 9.01166 16.1606 8.79886 15.9435C8.58602 15.7263 8.47961 15.4567 8.47961 15.1346V10.2692H3.49891C3.34504 10.2692 3.20399 10.3333 3.07576 10.4615C2.94756 10.5897 2.88346 10.7308 2.88346 10.8847V35.1153C2.88346 35.2691 2.94756 35.4102 3.07576 35.5384C3.20399 35.6666 3.34504 35.7307 3.49891 35.7307ZM10.7488 8H20.4796V7.1346C20.4796 5.76537 20.011 4.61217 19.0739 3.675C18.1367 2.7378 16.9834 2.2692 15.6142 2.2692C14.245 2.2692 13.0918 2.7378 12.1546 3.675C11.2174 4.61217 10.7488 5.76537 10.7488 7.1346V8Z' fill='black'/%3E%3C/svg%3E%0A");} .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-earn-points .LoyaltyPage-ContentCard-withLargeMargin:nth-child(3) .R-flex-row .R-flex-row > div:nth-child(1)::before {background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 41 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.59668 38.3424L8.85818 15.2656L23.7849 30.0501L0.59668 38.3424ZM4.41583 34.5233L19.6735 29.0964L9.81198 19.1848L4.41583 34.5233ZM22.0619 21.881L20.6696 20.4887L32.2273 8.93105C33.2298 7.94128 34.4901 7.43807 36.008 7.4214C37.526 7.40473 38.7862 7.89768 39.7888 8.90025L40.5042 9.61565L39.1503 11.0079L38.3734 10.2118C37.7145 9.5528 36.9427 9.21818 36.058 9.20795C35.1734 9.19768 34.3914 9.5323 33.7119 10.2118L22.0619 21.881ZM14.785 14.7464L13.3927 13.3734L14.8158 11.9503C15.6338 11.1323 16.0241 10.1868 15.987 9.11375C15.9498 8.04065 15.5594 7.1323 14.8158 6.3887L13.4735 5.0464L14.8658 3.67335L16.1273 4.9349C17.2812 6.0759 17.8498 7.49257 17.8331 9.1849C17.8165 10.8772 17.2376 12.2938 16.0966 13.4348L14.785 14.7464ZM18.4696 18.2887L17.0966 16.9156L24.3504 9.6426C25.0094 8.99643 25.3337 8.17527 25.3235 7.1791C25.3132 6.18297 24.9786 5.3554 24.3196 4.6964L21.4619 1.83875L22.835 0.465698L25.7734 3.3849C26.7555 4.4003 27.26 5.66503 27.2869 7.1791C27.3138 8.6932 26.8196 9.95153 25.8042 10.9541L18.4696 18.2887ZM25.7157 25.5655L24.3234 24.1925L26.0965 22.4195C27.2503 21.2656 28.6375 20.6752 30.258 20.6483C31.8785 20.6214 33.2657 21.1849 34.4195 22.3387L36.3349 24.2541L34.9618 25.6464L32.9965 23.681C32.1785 22.863 31.2792 22.4541 30.2984 22.4541C29.3176 22.4541 28.4118 22.863 27.5811 23.681L25.7157 25.5655Z' fill='black'/%3E%3C/svg%3E%0A");} .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-earn-points .LoyaltyPage-ContentCard-withLargeMargin:nth-child(4) .R-flex-row .R-flex-row > div:nth-child(1)::before {background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 36 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.573 29.1885L17.9999 24.7193L25.4268 29.2385L23.4614 20.7809L29.996 15.1079L21.3768 14.3463L17.9999 6.38865L14.623 14.2963L6.00378 15.0578L12.5384 20.7502L10.573 29.1885ZM7.14998 33.9192L10.0153 21.5809L0.442383 13.2848L13.073 12.1887L17.9999 0.554199L22.9267 12.1887L35.5574 13.2848L25.9844 21.5809L28.8498 33.9192L17.9999 27.3731L7.14998 33.9192Z' fill='black'/%3E%3C/svg%3E%0A");} .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-earn-points .LoyaltyPage-ContentCard-withLargeMargin:nth-child(6) .R-flex-row .R-flex-row > div:nth-child(1)::before {background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 41 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3196 37.5012H10.1389V13.786L23.3273 0.309082L24.6214 1.30443C24.81 1.46907 24.9542 1.68535 25.0542 1.95328C25.1542 2.22125 25.2042 2.52702 25.2042 2.87058V3.23598L23.0311 13.786H37.9427C38.6991 13.786 39.3689 14.0776 39.9523 14.661C40.5356 15.2443 40.8273 15.9142 40.8273 16.6706V19.9755C40.8273 20.1876 40.8395 20.409 40.8638 20.6397C40.8882 20.8705 40.8568 21.0897 40.7696 21.2974L34.835 35.1051C34.5473 35.7771 34.0658 36.3444 33.3903 36.8071C32.7149 37.2699 32.0247 37.5012 31.3196 37.5012ZM12.4081 35.232H31.7965C31.9248 35.232 32.0658 35.1936 32.2196 35.1166C32.3735 35.0397 32.4889 34.9115 32.5658 34.732L38.5581 20.532V16.6706C38.5581 16.5039 38.4972 16.3596 38.3754 16.2378C38.2536 16.116 38.1093 16.0551 37.9427 16.0551H20.2735L22.7312 4.04748L12.4081 14.7475V35.232ZM10.1389 13.786V16.0551H3.23893V35.232H10.1389V37.5012H0.969727V13.786H10.1389Z' fill='black'/%3E%3C/svg%3E%0A");} .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-earn-points .LoyaltyPage-ContentCard-withLargeMargin:nth-child(7) .R-flex-row .R-flex-row > div:nth-child(1)::before {background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 716 661' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M714.347 153.76C712.295 146.687 706.18 141.557 698.868 140.76L610.816 131.067C586.889 72.094 547.368 30.4473 495.961 10.2807C478.633 3.48373 460.149 0.0462646 441.049 0.0462646C356.623 0.0462646 280.623 66.4316 271.649 148.033C269.686 165.861 270.53 183.506 273.977 200.465L134.391 84.2876C130.5 81.048 125.453 79.5897 120.421 80.2251C115.406 80.8761 110.88 83.5844 107.942 87.7043C106.526 89.6991 -28.0444 282.944 123.136 443.864C83.0476 476.782 20.7196 525.604 7.19293 536.176C2.95333 539.494 0.406527 544.51 0.218927 549.895C0.0314332 555.265 2.24493 560.447 6.24493 564.046C65.2183 617.03 138.157 649.63 217.178 658.322C231.028 659.842 245.09 660.624 258.954 660.624H258.975C451.655 660.624 612.895 515.984 634.015 324.157C637.322 293.974 637.526 262.37 634.604 232.094L708.254 173.042C713.994 168.423 716.4 160.813 714.348 153.75L714.347 153.76ZM604.06 209.932C599.154 213.869 596.623 220.057 597.367 226.307C601.055 256.885 601.227 289.337 597.831 320.176C578.748 493.536 433.058 624.243 258.938 624.229C246.396 624.229 233.678 623.537 221.135 622.151C157.004 615.104 97.3069 590.621 47.2149 551.037C77.0122 527.615 132.298 483.933 161.819 459.042C165.793 455.698 168.142 450.813 168.277 445.626C168.418 440.444 166.335 435.444 162.548 431.881C37.1214 313.943 99.6734 173.481 127.089 125.574L324.769 290.081C332.327 296.377 343.524 295.518 350.035 288.138C356.556 280.763 356.024 269.545 348.832 262.821C318.176 234.102 303.217 193.717 307.796 152.014C314.806 88.2792 374.577 36.4299 441.03 36.4299C455.566 36.4299 469.577 39.0288 482.656 44.1591C527.738 61.8471 560.734 98.8831 580.713 154.232C583.312 161.425 590.015 166.014 597.349 166.196L651.218 172.123L604.06 209.932Z' fill='black'/%3E%3Cpath d='M459.627 104.16C430.143 100.905 404.367 122.212 401.184 151.015C397.981 180.036 419.007 206.255 448.028 209.447C449.992 209.665 451.934 209.77 453.867 209.77C480.897 209.77 503.512 189.499 506.476 162.603C509.674 133.576 488.664 107.363 459.627 104.16ZM470.319 158.624C469.319 167.66 461.163 174.26 452.017 173.291C442.939 172.291 436.35 164.082 437.361 155.004C438.277 146.582 445.35 140.228 453.809 140.228C454.413 140.228 455.033 140.259 455.647 140.327C464.731 141.327 471.309 149.54 470.319 158.624Z' fill='black'/%3E%3C/svg%3E%0A");} .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-earn-points .LoyaltyPage-ContentCard-withLargeMargin:nth-child(9) .R-flex-row .R-flex-row > div:nth-child(1)::before {background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 599 598' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50.7733 50.4426V548.229H548.56V50.4426H50.7733ZM0.997314 0.666626H598.331V598H0.997314V0.666626ZM299.664 398.893C354.648 398.893 399.221 354.32 399.221 299.336C399.221 244.352 354.648 199.779 299.664 199.779C244.68 199.779 200.107 244.352 200.107 299.336C200.107 354.32 244.68 398.893 299.664 398.893ZM299.664 448.669C217.191 448.669 150.331 381.809 150.331 299.336C150.331 216.863 217.191 150.003 299.664 150.003C382.137 150.003 448.997 216.863 448.997 299.336C448.997 381.809 382.137 448.669 299.664 448.669ZM461.437 174.896C440.823 174.896 424.104 158.177 424.104 137.563C424.104 116.943 440.823 100.229 461.437 100.229C482.057 100.229 498.771 116.943 498.771 137.563C498.771 158.177 482.057 174.896 461.437 174.896Z' fill='black'/%3E%3C/svg%3E%0A");} .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-earn-points .LoyaltyPage-ContentCard-withLargeMargin:nth-child(10) .R-flex-row .R-flex-row > div:nth-child(1)::before {background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 36 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.573 29.1885L17.9999 24.7193L25.4268 29.2385L23.4614 20.7809L29.996 15.1079L21.3768 14.3463L17.9999 6.38865L14.623 14.2963L6.00378 15.0578L12.5384 20.7502L10.573 29.1885ZM7.14998 33.9192L10.0153 21.5809L0.442383 13.2848L13.073 12.1887L17.9999 0.554199L22.9267 12.1887L35.5574 13.2848L25.9844 21.5809L28.8498 33.9192L17.9999 27.3731L7.14998 33.9192Z' fill='black'/%3E%3C/svg%3E%0A");} .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-rewards .LoyaltyPage-ContentCard-withLargeMargin .R-flex-row .R-flex-row > div:nth-child(1)::before {background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22enable-background%3Anew%200%200%20359.967%20359.967%22%20viewBox%3D%220%200%20359.967%20359.967%22%3E%3Cpath%20d%3D%22M269.967%20136.038V89.996c0-22.002-15.426-41.832-43.436-55.836-24.705-12.352-57.217-19.155-91.547-19.155-34.334%200-66.847%206.803-91.551%2019.155C15.425%2048.164%200%2067.994%200%2089.996V269.97c0%2022.003%2015.425%2041.832%2043.434%2055.837%2024.704%2012.352%2057.217%2019.154%2091.551%2019.154%2026.155%200%2051.089-3.902%2072.629-11.302%2014.236%207.224%2030.327%2011.302%2047.354%2011.302%2057.897%200%20105-47.103%20105-105-.001-52.804-39.184-96.622-90.001-103.923zM30%20198.013c4.091%202.765%208.567%205.378%2013.434%207.811%2024.704%2012.352%2057.218%2019.155%2091.551%2019.155%205.414%200%2010.796-.179%2016.128-.516a105.498%20105.498%200%200%200-1.146%2015.499c0%204.899.345%209.72.998%2014.442a224.76%20224.76%200%200%201-15.98.566C74.897%20254.971%2030%20231.217%2030%20209.979v-11.966zm130.833-4.53a221.616%20221.616%200%200%201-25.849%201.495C74.897%20194.979%2030%20171.226%2030%20149.988v-11.966c4.091%202.765%208.567%205.378%2013.434%207.81%2024.704%2012.353%2057.218%2019.155%2091.551%2019.155%2018.472%200%2036.403-1.986%2052.89-5.73a105.661%20105.661%200%200%200-27.042%2034.226zM134.984%2045.005c60.086%200%20104.982%2023.753%20104.982%2044.991s-44.896%2044.992-104.982%2044.992C74.897%20134.988%2030%20111.234%2030%2089.996c0-21.238%2044.897-44.991%20104.984-44.991zM30%20269.971v-11.965c4.091%202.765%208.567%205.377%2013.434%207.81%2024.704%2012.352%2057.217%2019.155%2091.551%2019.155%208.28%200%2016.502-.407%2024.573-1.194a105.363%20105.363%200%200%200%2017.943%2026.99c-13.367%202.737-27.84%204.195-42.517%204.195C74.897%20314.962%2030%20291.208%2030%20269.971zm224.967%2044.991c-41.355%200-75-33.645-75-75%200-41.238%2033.457-74.802%2074.652-74.991.117.003.23.018.348.018s.23-.015.348-.018c41.195.189%2074.652%2033.753%2074.652%2074.991%200%2041.355-33.645%2075-75%2075z%22%2F%3E%3C%2Fsvg%3E");} .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-redeem-points .LoyaltyPage-ContentCard-withLargeMargin .R-flex-row .R-flex-row > div:nth-child(1)::before {background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22enable-background%3Anew%200%200%20359.967%20359.967%22%20viewBox%3D%220%200%20359.967%20359.967%22%3E%3Cpath%20d%3D%22M269.967%20136.038V89.996c0-22.002-15.426-41.832-43.436-55.836-24.705-12.352-57.217-19.155-91.547-19.155-34.334%200-66.847%206.803-91.551%2019.155C15.425%2048.164%200%2067.994%200%2089.996V269.97c0%2022.003%2015.425%2041.832%2043.434%2055.837%2024.704%2012.352%2057.217%2019.154%2091.551%2019.154%2026.155%200%2051.089-3.902%2072.629-11.302%2014.236%207.224%2030.327%2011.302%2047.354%2011.302%2057.897%200%20105-47.103%20105-105-.001-52.804-39.184-96.622-90.001-103.923zM30%20198.013c4.091%202.765%208.567%205.378%2013.434%207.811%2024.704%2012.352%2057.218%2019.155%2091.551%2019.155%205.414%200%2010.796-.179%2016.128-.516a105.498%20105.498%200%200%200-1.146%2015.499c0%204.899.345%209.72.998%2014.442a224.76%20224.76%200%200%201-15.98.566C74.897%20254.971%2030%20231.217%2030%20209.979v-11.966zm130.833-4.53a221.616%20221.616%200%200%201-25.849%201.495C74.897%20194.979%2030%20171.226%2030%20149.988v-11.966c4.091%202.765%208.567%205.378%2013.434%207.81%2024.704%2012.353%2057.218%2019.155%2091.551%2019.155%2018.472%200%2036.403-1.986%2052.89-5.73a105.661%20105.661%200%200%200-27.042%2034.226zM134.984%2045.005c60.086%200%20104.982%2023.753%20104.982%2044.991s-44.896%2044.992-104.982%2044.992C74.897%20134.988%2030%20111.234%2030%2089.996c0-21.238%2044.897-44.991%20104.984-44.991zM30%20269.971v-11.965c4.091%202.765%208.567%205.377%2013.434%207.81%2024.704%2012.352%2057.217%2019.155%2091.551%2019.155%208.28%200%2016.502-.407%2024.573-1.194a105.363%20105.363%200%200%200%2017.943%2026.99c-13.367%202.737-27.84%204.195-42.517%204.195C74.897%20314.962%2030%20291.208%2030%20269.971zm224.967%2044.991c-41.355%200-75-33.645-75-75%200-41.238%2033.457-74.802%2074.652-74.991.117.003.23.018.348.018s.23-.015.348-.018c41.195.189%2074.652%2033.753%2074.652%2074.991%200%2041.355-33.645%2075-75%2075z%22%2F%3E%3C%2Fsvg%3E");} /* Refer a friend image */ /* .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-referral .LoyaltyPanel__content > .R-flex-row { &::after { content: ''; background-image: url('/cdn/shop/files/ReferAFriendSquare_7ff60ab3-0c74-4f3c-86d6-54f62e542eaf.jpg?v=1748623771'); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; width: 100%; aspect-ratio: 1 / 1; } } */ .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-referral .R-ContentSection__inner > div:last-of-type { display: flex; flex-direction: column; .R-flex-col-sm-6 { max-width: 100%; flex-basis: 100%; } & > div:nth-child(1):not(.LoyaltyPanel) { grid-column: 1; grid-row: 1; align-content: flex-end; } & > div.LoyaltyPanel { align-content: center; grid-column: 1; grid-row: 1 / span 3; width: 100%; } & > div:nth-child(2) { grid-column: 1; grid-row: 2; } & > div:nth-child(3) { grid-column: 1; grid-row: 3; } &::after { content: ''; grid-column: 2; grid-row: 1 / span 3; display: block; background-image: url('/cdn/shop/files/ReferAFriendSquare_7ff60ab3-0c74-4f3c-86d6-54f62e542eaf.jpg?v=1748623771'); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; width: 100%; aspect-ratio: 1 / 1; } } @media only screen and (min-width: 48em) { .LoyaltyFullpage-prefix .LoyaltyPage #influence-io-referral .R-ContentSection__inner > div:last-of-type { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: auto 78px auto; gap: 1rem; & > div:nth-child(3) {align-self: flex-start;} .R-ContentCard {margin-bottom: 0 !important;} .LoyaltyPanel { width: 50%; padding: 3rem; margin-top: 0 !important; } } } @media (max-width: 625px) { .LoyaltyFullpage-prefix .R-flex-center-xxs {flex-direction: column !important;} .LoyaltyFullpage-prefix .LoyaltyFullpage .R-flex-col-md-4 {max-width: 100% !important; width: 100% !important;flex-basis: auto;} } @media (min-width: 626px) and (max-width: 750px) { .LoyaltyFullpage-prefix .LoyaltyFullpage .R-flex-col-md-4 {max-width: 50% !important; width: 50% !important;flex-basis: auto;} } @media (min-width: 751px) and (max-width: 1020px) { .LoyaltyFullpage-prefix .LoyaltyFullpage .R-flex-col-md-4 {max-width: 33.333% !important; width: 33.333% !important;flex-basis: auto;} } @media (min-width: 750px) { .LoyaltyFullpage-prefix .LoyaltyFullpage .R-ContentSection-container .R-TextHeading:not(.R-TextHeading--xxxs) { font-size: 3.6rem; } }